/* datei format.css */




/* ====== allgemein ======  */



body
{margin-top:0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;
background-color: #fff;width:100%;
color:#405E53;
font-family:georgia,verdana,trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif;
background-image:url(images/back.png);
background-repeat:repeat;
background-position:50% 50%;
}

/* breite der gesamtkonstruktion  */
#breite {width:1000px;vertical-align:top;
background-image:url(images/back02.png);
background-repeat:repeat;
background-position:5% 0px;
padding-top:0px;
-webkit-box-shadow: inset 0px 0px 20px #AFAFAF , 0px 0px 14px #000;
-moz-box-shadow:  inset 0px 0px 20px #AFAFAF , 0px 0px 14px #000;
box-shadow: inset 0px 0px 20px #AFAFAF , 0px 0px 14px #000;
}




.haupt {padding:0px;vertical-align:top;
background-image:url(images/back04.png);
background-repeat:no-repeat;
background-position:-150px 40%;
padding-left:35px;
padding-right:35px;
}



/* überschriften im text */


h1, h2, h3, h4, h5, h6 {
color:#9F9F9F;
font-weight:normal;
font-variant:small-caps;
text-align:left;
}

h1{text-align:left;
margin-bottom:30px;letter-spacing:-2px;
font-size: 27px;
line-height:32px;
}

h1 span {color:#405E53;
}

h2{color:#4F4F4F;
margin-bottom:20px;letter-spacing:-1px;
font-size: 23px;
line-height:28px;
padding-left:0px;
padding-right:0px;
padding-top:2px;
padding-bottom:2px;
}

h3{
padding-bottom:3px;
letter-spacing:2px;
font-family : arial, helvetica, tahoma, verdana, sans-serif;
font-size: 17px;line-height: 22px;
margin-bottom:0px;
font-variant:normal;
}


#zitat {font-style:italic;
color:#8F8F8F;
font-size:22px;
line-height:28px;
}
#zitat span {
color:#626262;
}

#zitat b {
color:#6F6F6F;
font-size:28px;text-shadow: 4px 4px 10px #AFAFAF;
}

/* homepagname oben sowie adresse unten als text */

.name1 {
font-size:45px;
line-height:49px;
margin-right:0px;
font-family:georgia,tahoma,"trebuchet ms";
font-weight:normal;
font-variant:small-caps;
color:#4D4D4D;
text-shadow: 2px 4px 4px #5F5F5F;
padding-left:0px;padding-right:0px;
padding-top:0px;padding-bottom:0px;
letter-spacing :2px;
}

.name1 span {font-style:italic
}

.name2 {
font-family:georgia,tahoma,"trebuchet ms";
font-style:normal;
font-variant:small-caps;
color:#4D4D4D;
text-shadow: 2px 4px 4px #5F5F5F;
letter-spacing :4px;
padding-left:10px;padding-right:10px;
padding-top:20px;padding-bottom:20px;
}



/* listen im textbereich - wenn verlinkt, dann sehen sie dazu die liste in der datei menue.css,
wenn nicht verlinkt siehe code nachstehend */

#liste li  {
list-style-type:upper-roman;
padding-left:10px;
color:#405E53;
font-weight:bold;
}

#liste li span {
color:#6f6f6f;
font-weight:normal;
}


/* das PRE-Element verwenden wir meistens um Quelltext-Beispiele anzuzeigen */

pre {
font-family : arial, helvetica, tahoma, verdana, sans-serif;
font-size: 17px;line-height: 22px;
font-weight:normal;
}



/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */


/* ====== top - bereich ======  */


#top {width:100%;
text-align:center;
padding-left:0px;
padding-right:0px;
vertical-align:bottom;
background-image:url(images/back03.png);
background-repeat:no-repeat;
background-position:0% -5px;
}



#top_inhalt_a {height:70px;width:100%;text-align:left;
vertical-align:bottom;
padding-right:0px;
padding-left:20px;
padding-top:0px;
border-bottom:solid 6px #555555;
}

#top_inhalt_b{text-align:right;
padding-right:20px;
vertical-align:middle;
height:130px;
}






/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */


/* ====== inhaltsbereich ======  */



#content {width:100%;
text-align:center;
vertical-align:top;
padding:0px;
}

.content_inhalt_container {width:100%;
width:100%;
text-align:left;
vertical-align:top;
padding-right:0px;
padding-bottom:40px;

}


/* ---- inhaltspalte----- */

/* dies ist das bild auf index.html */
#logo {width:100%;
height:320px;background-color:#efefef;
border: solid 6px #fff;
text-align:center;
vertical-align:top;
background-image:url(images/logo1.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
padding:0px;
-webkit-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
-moz-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
}


/* hier die bilder für die seiten index2 bis index7, abweichend von index */

#logo_ind2 {width:100%;
height:320px;background-color:#efefef;
border: solid 6px #fff;
text-align:center;
vertical-align:top;
background-image:url(images/logo2.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
padding:0px;
-webkit-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
-moz-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
}

#logo_ind3 {width:100%;
height:320px;background-color:#efefef;
border: solid 6px #fff;
text-align:center;
vertical-align:top;
background-image:url(images/logo3.jpg);
background-repeat:no-repeat;
background-position:90% 30%;
padding:0px;
-webkit-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
-moz-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
}

#logo_ind4 {width:100%;
height:320px;background-color:#efefef;
border: solid 6px #fff;
text-align:center;
vertical-align:top;
background-image:url(images/logo4.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
padding:0px;
-webkit-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
-moz-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
}

#logo_ind5 {width:100%;
height:320px;background-color:#EFEFEF;
border: solid 6px #fff;
text-align:center;
vertical-align:top;
background-image:url(images/logo5.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
padding:0px;
-webkit-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
-moz-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
}

#logo_ind6 {width:100%;
height:320px;background-color:#EFEFEF;
border: solid 6px #fff;
text-align:center;
vertical-align:top;
background-image:url(images/logo6.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
padding:0px;
-webkit-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
-moz-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
}


#logo_ind7 {width:100%;
height:320px;background-color:#efefef;
border: solid 6px #fff;
text-align:center;
vertical-align:top;
background-image:url(images/logo7.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
padding:0px;
-webkit-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
-moz-box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
box-shadow: inset 10px 10px 10px #000, 0px 0px 4px #000;
}

/* ENDE hier die bilder für die seiten index2 bis index7, abweichend von index */


#inbox1 {width:100%;
background-image:url(images/schwarz_80.png);
background-repeat:repeat;
background-position:50% 50%;
text-align:justify;
vertical-align:middle;
font-size: 13px;
line-height: 18px;
padding-top:40px;
padding-bottom:40px;
padding-left:40px;
padding-right:40px;
border:solid 1px #000;
-webkit-box-shadow: inset 0px 0px 4px #fff, 0px 0px 8px #000;
-moz-box-shadow: inset 0px 0px 4px #fff, 0px 0px 8px #000;
box-shadow: inset 0px 0px 4px #fff, 0px 0px 8px #000;
}

#inbox2 {height:1000px;width:100%;
text-align:justify;
vertical-align:top;
font-family : arial, helvetica, tahoma, verdana, sans-serif;
font-size: 17px;line-height: 22px;
padding-right:20px;
padding-top:30px;
padding-bottom:70px;
padding-left:25px;

}


/* ---- sidebar-spalte ----- */

.sidebar {
padding-top:0px;
padding-bottom:40px;
padding-left:0px;
padding-right:30px;
vertical-align:top;

}

.sidebarbox {width:240px;
border-bottom:solid 6px #555555;
vertical-align:top;
text-align:left;
padding-left:0px;padding-right:0px;
padding-top:6px;padding-bottom:6px;
}



/* boxenüberschrift   */
.sidebarbox h3 {
text-align:left;
margin-bottom:4px;padding:0px;
font-size: 18px;line-height: 20px;
color:#454545;
font-weight:normal;
font-variant:small-caps;
letter-spacing :2px;
}



/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */




/* ====== fussbereich ======  */



#fuss {width:100%;
text-align:center;
vertical-align:top;
}

#fuss_inhalt_a {height:40px;
vertical-align:middle;
padding:0px;
}




#fuss_inhalt_b {
vertical-align:middle;text-align:center;background-image:url(images/schwarz_80.png);
background-repeat:repeat;
background-position:50% 50%;border-left:solid 1px #5f5f5f;
border-right:solid 1px #5f5f5f;
border-top:solid 1px #5F5F5F;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;

-webkit-box-shadow:            inset 0px 0px 4px #fff, 0px 0px 4px #000;
-moz-box-shadow: inset 0px 0px 4px #fff, 0px 0px 4px #000;
box-shadow: inset 0px 0px 4px #fff, 0px 0px 4px #000;
}