body {
margin: 10px auto; padding: 0; background-color:#666666; font: 76% Verdana,Tahoma,Arial,sans-serif; }

#wrap {
background: #ffffff ;
 border: 10px solid orange; color: #ffffff; margin: 0 auto; padding: 1px; width: 900px;}

#header {  background-color:#cccccc;   }

#logo {display:block; float:left; text-align:left; width: 900px;  background-color:#ffffff;    }

/* oberste Reihe */
.g11 { width: 35px; padding: 1px 0px 1px 0px;  border-right: 1px solid #ffffff; float:left; margin: 0 0 0 0; }

.g12 { width: 145px; padding: 1px 0px 1px 0px;  float:left; border-right: 1px solid orange;
 border-bottom: 1px solid #ffffff;}

.g13 { width: 580px; padding: 1px 0px 1px 0px;   float:left; border-right: 1px solid orange; margin: 0 0 0 0; }

/* kontakt */
#hic { position:relativ; text-align:center; font: 10px verdana, arial, sans-serif; padding: 2px 10px 2px 0;
background-color:#cccccc; }

#hic h1{ color: #cccccc; margin:0; text-align:center; font: 0px verdana, arial, sans-serif; }


/* zweite Reihe */

#second {background: #E8E8EB;
clear: both; border: margin: 20px 0 0 0; padding: 0; border-bottom: 1px solid #999999;  }

.k11 { width: 35px; padding: 1px 0px 1px 0px; background-color: #ffffff; border-right: 1px solid #ffffff;
float:left; margin: 0 0 0 0; }

.k12 { width: 732px;   padding: 1px 0px 1px 0px;  float:left; }

.k13 { width: 580px; padding: 1px 0px 1px 0px; background: #ffffff;
 float:left; border-right: 1px solid orange; margin: 0 0 0 0; }

/* datum */
div#datum { font-family : Verdana, Georgia,; text-align : center; font-size: 11px;
color: #666666; letter-spacing : 0.03em; text-decoration : none;
line-height : 1.3; padding : 4px 0px 4px 0px;   }

/* rechte spalte */
#c12 {width: 162px; clear:right;  float:right; padding: 0px 0px 1030px 0px;
margin: 4px 1px -1000px 1px; background: #ffffff url(../pics/higru_agito.gif) top center no-repeat;
 }


#frontphoto { margin: 0 0 0 0; }

#rightphoto { margin: 3px 0 3px 20px; border: 0;  align:center; }


#navi_oben {display:block; float:left; width: 900px;   border-bottom: 1px solid orange;
 border-top: 1px solid orange; }

.f11 { width: 177px;  float:left; margin: 2px 2px 0px 2px;  }

.f12 { width: 384px;  float:left; border-left: 1px solid orange;line-height : 2.0; padding : 4px 5px 4px 5px;  }

.f13 { width: 155px;  float:left;  margin: 0 0 0 0; }

.f14 { width: 165px;   float:left; border-left: 1px solid orange; margin: 2px 0px 0px 2px;   }

/* margin:bild und text, padding: nur text */
a.sec2 { float:left; position:relativ; font: 11px verdana, arial, sans-serif; font-weight:bold;
margin: 0 0px 0px 0px; padding: 2px 2px 0px 32px; line-height:2.5em;  letter-spacing : 0.05em;
background-image: url(../pics/ror.gif) ; color: #666666; text-decoration: none;
text-transform : uppercase;  }

a.sec2: link { font: 11px verdana, arial, sans-serif; font-weight:bold;
background-image: url(../pics/ror.gif) ;background-repeat:no-repeat; color: #ffffff;
text-decoration: none; padding: 0 3px 0 15px;  }

a.sec2:hover {  text-decoration: none; font-weight:bold;
background-image: url(../pics/or4.gif) ; background-repeat:no-repeat; color:#666666; }

a.sec2: active {  background-image: url(../pics/or1.gif) ; background-repeat:no-repeat; color:white; }

a.sec22 { float:left; position:relativ; font: 11px verdana, arial, sans-serif; font-weight:bold;
margin: 0 0px 0px 0px; padding: 0px 58px 0px 38px; line-height:2.5em;  letter-spacing : 0.05em;
 background-image: url(../pics/or4.gif) ; color: #ffffff; text-decoration: none;
text-transform : uppercase; }

#addr { position:relative; font: 11px Verdana,Tahoma,Arial,sans-serif;  color:#666666;
margin: 0px 0 10px 25px; padding: 0px 0 2px 0;  text-align: left; line-height:1.4; }




#block2 {  overflow:hidden; clear:both;   }

#avmenu {
   z-index:3000; font-family : Verdana, Georgia,; text-align : left; font-size: 11px;
clear: left; float: left; width: 180px; margin: 0 0 -1004px 0; padding: 2px 0 1070px 0px;
background: #ffffff url(../pics/higru_agito.gif) top center no-repeat; color: #666666;}


#vert { position:relative;
margin: 2px 0 10px 2px; padding: 5px 0 2px 0;}




/* margin:bild und text, padding: nur text */
a.sec5 {height:25px; display:block; position:relativ; font: 11px verdana, arial, sans-serif; font-weight:bold;
margin: 0 2px 2px 0px; padding: 2px 2px 5px 32px; line-height:3.0em;  letter-spacing : 0.05em;
 background-image: url(../pics/ror.gif) ; color: #666666; text-decoration: none;
text-transform : uppercase;}

a.sec5: link { font: 11px verdana, arial, sans-serif; font-weight:bold;
 background-image: url(../pics/ror.gif) ;background-repeat:no-repeat;
text-align: center; text-decoration: none; padding: 0 4px 0 15px; }

a.sec5:hover {  text-decoration: none; font-weight:bold;
background-image: url(../pics/oro.gif) ; background-repeat:no-repeat; color:white; }

a.sec5: active {  background-image: url(../pics/oro.gif) ; background-repeat:no-repeat; color:orange; }

a.sec55  {height:25px; display:block; position:relativ; font: 11px verdana, arial, sans-serif; font-weight:bold;
margin: 0 2px 2px 0px; padding: 2px 2px 5px 32px; line-height:3.0em;  letter-spacing : 0.05em;
 background-image: url(../pics/oro.gif) ; color: white; text-decoration: none;
text-transform : uppercase;}


/* margin:bild und text, padding: nur text */
a.sec3 { display:block; position:relativ; font: 11px verdana, arial, sans-serif; font-weight:bold;
margin: 0 0px 0px 1px; padding: 2px 2px 4px 32px; line-height:2.0em;  letter-spacing : 0.05em;
 background-image: url(../pics/ror.gif) ; color: #666666; text-decoration: none;
text-transform : uppercase;}

a.sec3: link { font: 11px verdana, arial, sans-serif; font-weight:bold;
 background-image: url(../pics/ror.gif) ;background-repeat:no-repeat;
text-align: center; text-decoration: none; padding: 0 0px 0 15px; }

a.sec3:hover {  text-decoration: none; font-weight:bold;
background-image: url(../pics/oro.gif) ; background-repeat:no-repeat; color:white; }

a.sec3: active {  background-image: url(../pics/oro.gif) ; background-repeat:no-repeat; color:orange; }

a.sec33  {height:25px; display:block; position:relativ; font: 11px verdana, arial, sans-serif; font-weight:bold;
margin: 0 2px 2px 0px; padding: 2px 2px 5px 32px; line-height:3.0em;  letter-spacing : 0.05em;
 background-image: url(../pics/oro.gif) ; color: white; text-decoration: none;
text-transform : uppercase;}

/* margin:bild und text, padding: nur text */
a.abi { display:block; position:relativ; font: 10px verdana, arial, sans-serif; font-weight:bold;
line-height:2.0em;  letter-spacing : 0.05em;  padding: 10px 2px 10px 20px;
 background-image: url(../pics/gruen.gif) ; color: #666666; text-decoration: none;
text-transform : uppercase; border:1px solid grey;}

a.abi: link { font: 10px verdana, arial, sans-serif; font-weight:bold;
 background-image: url(../pics/gruen.gif) ;background-repeat:no-repeat;
text-align: center; text-decoration: none; }

a.abi:hover {  text-decoration: none; color:white;}

a.abi: active { color:white; }




#addr { position:relative; font: 11px Verdana,Tahoma,Arial,sans-serif;  color:#666666;
margin: 0px 0 10px 25px; padding: 0px 0 2px 0;  text-align: left; line-height:1.4; }

/* margin:bild und text, padding: nur text */
a.sec4 { position:relativ; font: 11px verdana, arial, sans-serif; font-weight:bold;
margin: 0 0 2px 20px; padding: 2px 2px 2px 30px;  letter-spacing : 0.05em;
 background-image: url(../pics/br3.gif) ;  background-repeat:no-repeat;color: #666666; text-decoration: none; }

a.sec4: link { font: 11px verdana, arial, sans-serif;
 background-image: url(../pics/br3.gif) ;background-repeat:no-repeat;
text-align: center; text-decoration: none; padding: 0 1px 0 15px; }

a.sec4:hover {  text-decoration: none;
background-image: url(../pics/br3a.gif) ; background-repeat:no-repeat; color:orange; }

a.sec4: active {  background-image: url(../pics/br3a.gif) ; background-repeat:no-repeat; color:orange; }


#content {  z-index:1; margin: 0px 166px -1000px 181px;  background-color: #ffffff;
font: 12px Verdana,Tahoma,Arial,sans-serif;  color:#666666; border-left: 1px solid orange;
border-right: 1px solid orange; padding: 15px 35px 1020px 55px;
line-height:1.4em; min-height:500px;  background-image: url(../pics/higru_content.gif)background-repeat:no-repeat; ; }

#content a{ color:#666666; text-decoration:none;  }

#content a:hover {color: orange; }

#content a: active { color: orange; }

#content img {}

.red { color:red; }
.or { color:orange; }

.pic { padding-top:10px; padding-bottom:18px; display:block; }

.pic1 { float:left; padding-top:10px; padding-bottom:10px; border-right:26px solid white; }
.pic11 { float:left; padding-top:5px; padding-bottom:30px; border-right:40px solid white;
border-bottom:1px solid orange; }
.pic2 { border-bottom:1px solid orange; border-left:120px solid white; padding-left:120px; }


.pic3 { margin: 10px 20px 20px 50px; border-left: 2px solid; border-right: 2px solid;
         border-width: 2px; border-color: #D4D4D4; border-bottom: orange 2px solid;
         float:right;}

.pic33 { float:right; padding-top:5px; padding-bottom:10px; border-left:40px solid white;
border-bottom:1px solid orange; }
.pic34 { float:right; padding-top:1px; border-bottom:1px solid orange;
 padding-bottom:10px; border-right:40px solid white;  }

.pic4 { margin: 20px 50px 0px 20px; border-left: 2px solid; border-right: 2px solid;
         border-width: 2px; border-color: #D4D4D4; border-bottom: orange 2px solid;
         float:left; align:left;}

.pic5 { float:right; padding:5px 10px 10px 26px; }

#content h2 { font: 13px Verdana,Tahoma,Arial,sans-serif;  color:#CC9933;
font-size: 1.2em; letter-spacing : 0.03em; font-weight:bold;
margin: 0px;
}

#content h3 { font: 13px Verdana,Tahoma,Arial,sans-serif;  color:#CC9933;
letter-spacing : 0.03em; font-weight:bold; margin: 10px 0 5px 0px;
}

#content ul { margin: 5px 0 10px 20px; line-height:1.4em;}

#content li { font: 12px Verdana,Tahoma,Arial,sans-serif;
margin: 2px 0 2px 10px; line-height:1.4em;}  }

#rahmen3 { float:left; border-left: 10px solid white; border-right: 10px solid white;
border-bottom: 10px solid white;   }


div.zelle1 { clear-left; border-bottom: 1px solid orange  ;
font: 11px Verdana,Tahoma,Arial,sans-serif;  color:#333333;
padding: 25px 2px 20px 25px; line-height: 1.4em; text-align: left; margin: 40px 200px 0px 0px; }

div.zelle1 a { color:#333333; text-decoration:none; margin: 20px 0px 0px 0px;}

div.zelle1 a:hover { color: orange; }

div.zelle1 a:active { color: orange;}



div.zelle2 { clear-left; border-bottom: 1px solid orange  ;
font: 11px Verdana,Tahoma,Arial,sans-serif;  color:#333333;
padding: 25px 2px 20px 25px; line-height: 1.4em; text-align: left; margin: 40px 0px 0px 200px; }

div.zelle2 a { color:#333333; text-decoration:none; margin: 20px 0px 0px 0px;}

div.zelle2 a:hover { color: orange; }

div.zelle2 a:active { color: orange;}


div.zelle3 { border: 1px solid #D4D4D4 ;
position: static; margin: 10px 10px 10px 2px;
background: #ffffff url(../pics/higru_zelle3.gif) top center no-repeat;
padding: 5px 20px 10px 20px; text-decoration: none; }

div.zelle3 a { background: #ffffff; text-decoration: none;   }

div.zelle3 a:hover { color: #000066; background: #ffffff;}

div.zelle3 a:active { color: #000066; background: #ffffff;}


.form {  padding: 1px 0px 1px 0px; margin: 5px 0 0 0; }


div.zelle4 { position: static:  text-align:center;  border-bottom: 1px solid orange  ;
font: 13px Verdana,Tahoma,Arial,sans-serif;  color:#ffffff;
padding: 25px 2px 20px 250px; line-height: 1.4em; text-align: left; margin: 140px 0px 0px 00px; }

div.zelle4 a { color:#ffffff; text-decoration:none; margin: 20px 0px 0px 0px;}

div.zelle4 a:hover { color: orange; }

div.zelle4 a:active { color: orange;}




div#zelle8 { margin: 30px 0 30px 0; font: 11px Verdana,Tahoma,Arial,sans-serif;  color:#454545;
left: 0px; font: 11px verdana, arial, sans-serif;  position: static;  width: 133px;}

div#zelle8 a { color:#454545;
display: block;  font-weight:bold; padding: 6px 1px 6px 1px;
text-align: center; text-decoration: none; }

div#zelle8 a:hover {
background-image: url(../pics/gruen.gif); background-repeat:no-repeat;
 }

div#zelle8 a:active {
background-image: url(../pics/gruen.gif); background-repeat:no-repeat;
}


/* impressum */
.f1  {text-align : left; font-size : 10px; margin-top:30px; background-color:white;
font: Verdana, Georgia, sans-serif, Galant;  border-top: 1px solid #999999; }


h2 { font-size: 1.3em; margin: 0 0 10px 0; }

h3 {
font-size: 1.0em;
margin: 10px 0 10px 0;
}


a img {
border: 0;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

/* unterste reihe */
#d12 {
clear: both; margin: 0 auto; padding: 5px 0 5px 0; border-top: 1px solid orange;
text-align: center; color: #666666; font-size: 0.9em; background-color:#EAEAEA;}

#d12 a { color:#666666 ; text-decoration: none;}

#d12 a:hover { background-image: url(../pics/ror.gif); background-repeat:no repeat;padding: 5px 0px 5px 0px;  }


#str
{ width:80%; text-align:left; color:#cccccc; margin-left: 1px; margin-right: 1px; height:1px;
background-color:#cccccc;  border:#cccccc; vertical-align:top;}

#str1
{ width:80%; align:right; color:#cccccc; margin-left: 10px; margin-right: 130px; height:1px;
background-color:#cccccc;  border:#cccccc; vertical-align:top;}

.str2
{ width:100%; align:center; color:orange; margin: 10px 10px 10px 10px; height:1px;
background-color:orange;  border:#cccccc; vertical-align:top;}
