body  { color: #000000; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 14px; background:#ffffff; padding:20px; margin:0; }

h1 { font-size:14px; color:#ec7405; padding:0; margin:0 0 18px 0;  font-weight:normal; line-height: 15px; text-transform:uppercase}
h1.one { padding-top:58px;}
h1.two { padding-top:76px;}
h1.three { padding-top:94px;}
h1.four { padding-top:112px;}
h2 { font-size:12px; color:#ffffff; padding:0; margin:0 0 10px 0;  font-weight:normal;}
h3 { font-size:12px; color:#ffffff; padding:10px 0 0 3px; margin:0 0 8px 0; font-weight:normal; border-left:1px solid #e2001a}
h4 { padding:0 0 0 8px; width:150px; background-color:#ffffff; border-left:18px solid #af0917; color:#001c4b; text-decoration:none; margin:0; line-height:18px; font-size:11px; text-transform:uppercase; font-weight:bold;}
h5 { padding:0; margin:0; }

a	{ color:#ec7405; font-weight:normal; text-decoration:none; }
a:hover { text-decoration: underline; }

table { font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; width:100%; border-collapse:collapse; table-layout:fixed}
td { vertical-align: top; text-align: left; padding:2px;}
img { border:0; margin:0;  }
.clear { clear:both; height:0; }
.error { position:relative; top:-100px; left:0; width:300px; padding:10px; background-color:#CC0000; color:#ffffff; font-size:11px; z-index:1000; } 
.error ul { padding:0 0 0 25px; margin:0; color:#ffffff; } 
.colored { color:#ea6ea3; }
.colored_grey { color:#666666; }

#top { display:none; width:924px; padding:20px 0 8px 0; margin:0 auto; text-align:left; }
#top a { font-size:11px; color:#cccccc;  }

#rahmen { width:620px; padding:0; margin:0; background-color:#ffffff; text-align:left; }

#header	 {  display:none;padding:0; margin:0; height: 55px; padding:0; } 

#optionen {  display:none; clear:both; width:880px; padding:10px 20px 6px 20px; background:#000000; margin:0 auto; color:#888888; text-align:right; font-size:11px;  }
#optionen a { color:#aaaaaa}
#optionen a.onOption { color:#bbbbbb }

#menue { display:none;height:35px; width:675px; padding:5px 0 0 0; margin: 0; font-size:12px; background:#ffffff url(/template/_images/hg-menu.gif) no-repeat;  }
#menue ul { padding:0; margin: 0; list-style-type: none; }
#menue li { display:inline }
#menue	li a { display:block; float:left; padding:2px 10px 2px 7px; color:#666666; text-decoration:none; margin:0; line-height:16px; font-size:11px; border-right:1px solid #001c4b; text-transform:uppercase;}
#menue	li a:hover {  color:#001c4b; }
#menue li a.onsite { color:#001c4b; font-weight:bold; }
#menue li a#last { border:none;  }
#menue li a#red { border:none; padding:0; width:34px; height:24px;  }

#submenue { display:none; height:25px; padding:0 0 0 35px; margin: 0; font-size:12px; }
#submenue ul { padding:0; margin: 0; list-style-type: none; }
#submenue li { display:inline }
#submenue li a { display:block; float:left; padding:2px 10px 2px 7px; color:#666666; text-decoration:none; margin:0; line-height:16px; font-size:11px; text-transform:uppercase;}
#submenue li a:hover {  color:#001c4b; }
#submenue li a.onsite { color:#001c4b; font-weight:bold; }

#content_hg { }
#content { }

#left { width: 460px; height: 100px; padding:0; background-color:#ec7405; border:0px solid #ffffff; color:#ffffff; line-height:19px; }
#left img.motiv { display:none; border-bottom:15px solid #ffffff; }
#left ul { padding:0; margin:0 0 0 19px; liste-style-type:square; }
#right { width: 400px; height: 335px; padding:25px 25px 15px 25px; line-height:19px;  }
#right 	.logo { display:none;height:120px; padding:15px 0 0 0; margin:0;  }

.small { font-size:11px; line-height:15px; }
.text { padding:10px; font-size:12px; } 
.text a { color:#ffffff; } 
.text a:hover { color:#001c4b; text-decoration:none; } 
.text a.on { color:#001c4b;} 

#footer { clear:both; width:490px; padding:10px 0 15px 17px; margin:0; color:#888888; background:#ffffff ; font-size:12px; line-height:19px;  }
#footer img { display:none; }


/*Formular*/
.formular { padding:0;  }
.formular table { width:400px; border-collapse:collapse; table-layout:fixed; border-top:4px solid #ffffff;  }
.formular td { padding:0; border-bottom:4px solid #ffffff; background-color:#ffffff; color:#666666; }
.formular td.first { width:70px; border-right:1px solid #001c4b; padding:3px 10px 3px 10px;}
.formular td.needed { width:110px; border-right:1px solid #001c4b; padding:3px 10px 3px 0;}
.formular td.wert { width:210px; padding:0 0 0 10px; }
.formular td.checkboxWert { padding:0 0 0 10px; width:30px;}
.formular td.third { width:70px; padding:3px 10px 3px 10px;}
.test {width:300px;}

input { padding: 3px 3px; font-size: 12px; margin:2px 4px 2px 0; vertical-align:middle; width:196px; border:1px solid #cccccc; border-width:0 0 1px 0}
textarea { padding: 3px 3px; font-size: 12px; margin:2px 4px 2px 0; vertical-align:middle; width:196px; font-family: Arial, Helvetica, sans-serif; border:1px solid #cccccc; }
select 	{ padding: 3px; font-size: 12px; padding:0; }
select#liste { background-color:#9e9e9e; color:#ffffff; }
input.radiobutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.checkboxbutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input#submit { background-color: #001c4b; padding:0;  font-weight:bold; width:50px; height: 24px; color:#ffffff; margin:26px 0 0 0 ; border:none; }
input#submit:hover { background-color: #888888; }

/* motive */
ul#four { padding:0; margin: 0; list-style-type: none; height:293px; border-bottom:15px solid #ffffff; }
ul#four li { display:inline; }
ul#four li a { display:block; float:left; padding:18px 0 0 0; width:202px; height:121px; background-repeat: no-repeat; border-bottom:15px solid #ffffff; }
ul#four li a:hover {  color:#001c4b; text-decoration:none;  }
ul#four li a.two { border-left:16px solid #ffffff; }

#galerie { width: 420px; height: 260px; padding:30px 0 0 0; border-bottom:15px solid #ffffff; }
#galerie img.last  { float:left; }
#galerie img.next  { float:right; }

/* Referenzen */
ul#six { float:right; padding:0; margin: 0; list-style-type: none; width: 316px; height:95px; }
ul#six li { float:left; width:100px; height:44px; padding:0; margin: 0 5px 4px 0;  background-repeat: no-repeat; border:1px solid #ffffff; }
ul#six li.three { margin-right:0;  }

/* Kontakt */
ul#kontakt { float:right; padding:0; margin: 0; list-style-type: none; width: 420px; height:420px; }
ul#kontakt li { float:left; width:130px; height:130px; padding:0; margin: 0 15px 15px 0;  font-size:11px; }
ul#kontakt img { margin: 0 0 5px 0;  }
ul#kontakt li.three { margin-right:0;  }
