/* Hess Search & Selection CSS Document */
/* erstellt von Matthias Kremer www.cremweb.de Cremweb design Freiburg */

body { margin-top:60px; background:#E4E4E4;text-align:center; font-family:Verdana; Arial; font-size:12px; }

/*-----------------------Layout der Webseite Hess und seine Header----------------------- */
#container12 {position: absolute; width: 840px; height: 500px; left: 50%; top: 50%;margin-left: -420px; margin-top: -250px; }
#container1 {width:840px; text-align:left; background-repeat:no-repeat; margin-left:auto; margin-right:auto; margin-top:0;}
#container {border:1px solid #808080; width:840px; text-align:left; background-repeat:no-repeat;background-color:#FFFFFF;  margin-top:0; margin-bottom:5px; }
#container .header_schrift {width:838px; margin:0 auto; height:50px; background-color:#FFFFFF; }
#container .header_1 {width:834px; margin:0 auto; height:150px; background-image:url('Bilder/header.jpg'); background-color:#FFFFFF; }
#container .header_2 {width:834px; margin:0 auto; height:150px; background-image:url('Bilder/header2.jpg'); background-color:#FFFFFF; }
#container .header_3 {width:834px; margin:0 auto; height:150px; background-image:url('Bilder/header3.jpg'); background-color:#FFFFFF; }
#container .header_4 {width:834px; margin:0 auto; height:150px; background-image:url('Bilder/header4.jpg'); background-color:#FFFFFF; }
#container .header_5 {width:834px; margin:0 auto; height:150px; background-image:url('Bilder/header5.jpg'); background-color:#FFFFFF; }
#container .header_6 {width:834px; margin:0 auto; height:150px; background-image:url('Bilder/header6.jpg'); background-color:#FFFFFF; }
#container .header_7 {width:834px; margin:0 auto; height:150px; background-image:url('Bilder/header7.jpg'); background-color:#FFFFFF; }
#container .header_8 {width:834px; margin:0 auto; height:150px; background-image:url('Bilder/header8.jpg'); background-color:#FFFFFF; }

#container .header_line {width:840px; height:6px;  background-image:url('Bilder/line.jpg') }
#container .header_menu {width:840px; margin:0 auto; height:50px; background-color:#FFFFFF; }


/*-----------------linker Bereich und seine CSS Formatierung--------*/

#container .leistelinks { padding-top:0; width:120px; float:left; background-image:url('Bilder/s_links.jpg') }
#container .leistelinks h1 {font-size:1em; color:#C20333; font-weight:bold; text-decoration:none;margin-bottom:0}
#container .leistelinks h3 {font-size:1.1em; color:#666; padding-top:15px; line-height:1.3em}

/* ----------------- und sein Menu ------------------------------- */

ul#navlist{margin-left: 15px;margin-top: 10px;padding-left: 0;white-space: nowrap;}
#navlist li{display: inline;list-style-type: none;}
#navlist a { padding: 3px 8px; }
#navlist a:link, #navlist a:visited {color: #666;text-decoration: none; font-family:Verdana; font-size:10pt;}
#navlist a:hover{color: #000000;text-decoration: none}
#navlist #akt{color: #F97C00;text-decoration: none;}


/*-----------------rechter Bereich und seine CSS Formatierung--------*/

#container .leisterechts {width:120px; float:left; main, height: auto, width: auto absolute - top: 200px; left: 0, right: 300px, bottom: 20px; background-image:url('Bilder/s_rechts.jpg') }
#container .leisterechts2 {width:250px; float:left;  }
#container .leisterechts3 {width:300px; float:left; padding: 0 0 0 30px; }
#container .leisterechts #men ol { display:list-item; list-style-type:disc;  line-height:170%}
#container .leisterechts2 a {text-decoration: none; color:#333;border-bottom:1px solid #F97C00;}
#container .leisterechts2 a:hover { text-decoration:underline;background:#FF9E3E; border-bottom:1px solid #F97C00; color:#fff}
#container .leisterechts3 a {text-decoration: none; color:#333;border-bottom:1px solid #F97C00;}
#container .leisterechts3 a:hover { text-decoration:underline;background:#FF9E3E; border-bottom:1px solid #F97C00; color:#fff}

#container .leisterechts2 p {font-size:1em; color:#000; line-height:1.5em; text-align:justify; padding:0 10px 0 30px; margin:0;}
#container .leisterechts2 h2 {font-size:108%; color:#F97C00; line-height:1.5em;text-align:left; font-weight:bold; padding:0 0 10px 30px ; margin:0;}


/*-----------------der contend Bereich und seine CSS Formatierung--------*/

#container .content {width:600px; background:#fff; float:left}
#container .content2 {width:470px; background:#fff; float:left}
#container .content2 a {text-decoration: none; color:#333;border-bottom:1px solid #F97C00;}
#container .content2 a:hover { text-decoration:underline;background:#FF9E3E; border-bottom:1px solid #F97C00; color:#fff}
#container .content3 {width:380px; background:#fff; float:left}
#container .content img {float:left;padding:2px; margin: -8px 10px 0 10px;}
#container .content a {text-decoration: none; color:#333;border-bottom:1px solid #F97C00;}
#container .content a:hover { text-decoration:underline;background:#FF9E3E; border-bottom:1px solid #F97C00; color:#fff}
#container .content strong {font-size:1em; color:#666; }
#container .content p.zwei { float:left;padding:10px}
#container .content #men ol { display:list-item; list-style-type:disc;  line-height:170%}

/*-----------------der footer Bereich und seine CSS Formatierung--------*/

#container1 .footer { clear:both; width:800px; height:20px; padding-right:0px;  padding-bottom:0px; }
#container1 .footer a {color:#333333; font-family:Verdana; font-size:11px; text-decoration:none; padding-left:0px }
#container1 .footer a:hover { text-decoration:underline; border-bottom:1px solid #c0c0c0; color:#333;}

/* -------------------- styles ------------------------------------------------ */ 

h1 {font-size:108%; color:#FF8C1A; margin:0; padding:15px}
h2 {font-size:108%; color:#F97C00; line-height:1.5em;text-align:left; font-weight:bold; padding:0 0 10px 0 ; margin:0;}
h3 {font-size:1em; color:#666; font-weight:bold; }
p {font-size:100%; color:#000; margin:0; padding:0px; line-height:1.5em;}
h4 {font-size:100%; color:#000; margin:10px; padding:10px; line-height:1.5em;font-weight:normal; }

ul { list-style: none; margin: 0; padding: 0; }


/* ----------------------styles Formular ------------------------------*/
fieldset {margin: 10px 0 0 3px; width:380px;}
form {padding:0; margin:0;}
fieldset legend {font-size:.9em; color:#666666; font-weight:bold; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0}
label {line-height:1.5em; float:left; height:20px; padding:0 0 0 5px; margin-top: 1px; margin-bottom: 10px; color:#284356; width:115px; font-size:.9em; }
.field { height:18px; float:left;border: #3a6381  1px solid; width:160px; margin-bottom: 10px; background: #FFF; line-height:1.7em; color:#3a6381 ; text-indent:.5em; font-size:11px;}
.textarea { border: #3a6381  1px solid; width:200px; margin:0; padding:0; }
.button {height: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:4px; cursor: pointer; }
.submit{ padding:4px; margin-left:120px; font-size:.85em; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; background:#C0C0C0; color:#333333; cursor: pointer; border-bottom:1px solid #666666; border-right:1px solid #678D74; border-left:1px solid #B8CBBE; border-top:1px solid #B8CBBE}
:hover.submit { padding:4px; cursor:pointer; background:#FAA61A; border-bottom:1px solid #c0c0c0; border-right:1px solid #284356; border-top:1px solid #3A6381; border-left: 1px solid #3A6381; color:#FFFFFF; }