/* ================ ALLGEMEIN =============== */


body
{margin-top: 0px;  margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-color: #5599d6; padding:0px;
width:100%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
}
/* hinweis: die schrift f?r den inhaltsbereich ?ndern sie weiter unten bei #inbox */


/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #517188; scrollbar-base-color: #fff;
scrollbar-highlight-color : #517188; scrollbar-shadow-color : #fff;
SCROLLBAR-TRACK-COLOR: #fff;}







/* ================ KOPFBEREICH ================ */

#main_top{width:0px;width:100%;
background-color: #;
background-image:url(../images/header9.jpg);background-repeat:no-repeat;
background-position:center top;
}

#main_topvers2{width:0px;width:100%;
background-color: #;
background-image:url(../images/header2.jpg);background-repeat:no-repeat;
background-position:center top;
}


#top {
height:44px;
text-align:left;
padding-left:20px;

}


#top1 {padding-left:50px;
padding-right:80px;
height:166px;
vertical-align:middle;

color:#DEEDE4;
}

#top2 {
height:56px;
text-align:center;
vertical-align:middle;
color:#b6b6b6;
font-size:14px;

}


#hpname {letter-spacing:-1px;font-size:28px;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
color:#3b6f9d;

}

#slogan {letter-spacing:-1px;font-size:16px;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
color:#3B6F9D;font-style:italic
}







/* ================ INHALTSBEREICH ================ */


#main_inhalt{
width:100%;
height:1000px;
background-image:url(../images/back_main.jpg);background-repeat:repeat-y;
background-position:center top;
}

#inhalt{
height:100%;
color:#000;
width:920px
}

ul.liste1 {list-style-image:url(../images/bonus_kugel.gif)}

#sp1 {height:1100px;
color:#202020;
padding-top: 40px; padding-bottom: 40px;
padding-left: 40px;padding-right:40px;
letter-spacing:0px;
width:100%;
vertical-align:top;
text-align:justify;
font-size: 16px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
}

h3.boxheader {color:#2868A2;
font-size: 16px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
border-bottom:solid 1px #2868A2;font-style:italic}

.box2{
font-size: 11px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;

margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#000;

}

.box1{
font-size: 14px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;

margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#202020;

}

.box3{
font-size: 13px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#202020;

}

.box4{
font-size: 13px;line-height: 15px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
background-color:#;
padding:10px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
color:#202020;

}

/* schatteneffekt auf dem zitat */

div.shadow, div.shadow2, div.shadow3, div.shadow4, div.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
div.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
div.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
div.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
div.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
div.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid #fff;
   margin: 0.7em 1em;

   }


/* ende schatteneffekt auf dem zitat */



#sp2 {
height:1100px;color:#000;font-size: 14px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
padding-right:40px;
padding-top: 30px;
padding-bottom:30px;

}









/* ?berschriften */
h1
{ font-family: arial, helvetica, tahoma, verdana, sans-serif;font-style:italic; color:#3b6f9d; margin-bottom:10px; font-size:small; padding-bottom:4px;  }











/* =============== FUSSBEREICH =============== */

#main_fuss{width:0px;width:100%;

}

#fuss {
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #000;
height:103px;
text-align:center;
vertical-align:middle;
letter-spacing:4px;
background-image:url(../images/fuss.jpg);background-repeat:no-repeat;
background-position:center top;
}

#fuss2 {
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
color: #fff;
height:81px;
text-align:center;
vertical-align:middle;
letter-spacing:0px;
background-color:#396b9c;
background-image:url(../images/fuss2.jpg);background-repeat:no-repeat;
background-position:center top;
}
/* Das Kontaktformular */
form {
   background-color: #f6fafc;
   width: 500px; /* Breite des Formulars */ 
   padding: 20px; 
   border: dotted 1px navy;
}
/* Beschriftung auf eigener Zeile */
label { 
   display: block; 
   cursor: pointer; 
} 
input.absender { 
   width: 300px;
   border: dotted 1px navy;
   margin-bottom: 1em;
}



textarea { 
   width: 300px;
   border: dotted 1px navy;
   margin-bottom: 1em;
}
textarea { 
   height: 7em; 
}
input#absender:focus, 
textarea:focus {
   background-color: white; 
}

/* Die Fotogalerie */

div.galerie{
overflow: hidden;
background-color: #f6fafc;
width: 520px;
padding: 25px 10px 10px;
border: dotted 1px navy;
margin: 0 3px 3px 0; }
h3 { font-family: arial, helvetica, tahoma, verdana, sans-serif;font-style:italic; color:#3b6f9d; margin-bottom:10px; font-size:small; padding-bottom:4px;  }
div.galerie img{float: left; margin-right: 15px; }

ul.team li { text-align: left; margin-left: 150px; }