/* breite der gesamtkonstruktion  */
#breite {width:920px;
border:solid 2px #fff;
}

#oben {width:920px;
height:100px;
}

body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 30px;
background-color: #f7f7f7;background-image:url(images/back.jpg);
background-repeat:repeat-x;
background-position:  50% 0%;
background-attachment:fixed;
}

/* überschriften */
h2{ color:#000;
margin-bottom:25px;letter-spacing:2px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
font-size: 21px;
font-variant:normal;font-weight:normal
}


/* rahmen um die seite */
.haupt {background-color:#fff;
border:solid 14px #C9CDD6;
}


#top1 {height:41px;text-align:left;
vertical-align:middle;
background-color:#979eb0;
border-bottom: solid 1px #6A757B;
background-image:url(images/fv8.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
}


/* homepagename */
#name {
letter-spacing:-2px;
color:#fff;
padding-right:20px;
font-family: "trebuchet ms",tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
font-size:46px;
font-variant:normal;
font-weight:normal;
}

/* slogan, spruch */
#slogan  {
background-color:#d5d8e1;
background-image:url(images/fv2.jpg);
background-repeat:repeat-y;
background-position:0% 0%;
height:160px;
border-bottom: solid 1px #778897;
border-top: solid 1px #F7F8F9;
border-right: solid 1px #000;
text-align:left;
vertical-align:middle;
padding-left:30px;
font-family: "trebuchet ms",tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;}

#slogan_header {
letter-spacing:8px;
color:#8E5964;
padding-right:20px;
font-size:20px;
font-weight:normal;
}

#slogan_inhalt1  {
color:#7C8A9C;
font-size:18px;
letter-spacing:2px;
}

#slogan_inhalt2  {
letter-spacing:1px;
color:#fff;
font-size:15px;
}


#logo {
background-color:#979eb0;
width:500px;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
text-align:center;
vertical-align:middle;
border-TOP: solid 1px #EAEDEE;
border-LEFT: solid 1px #FFF;
}

#seitentitel {
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
font-size:13px;
color:#000;
text-align:center;
vertical-align:middle;
padding-left:10px;
height:41px;
background-color:#b8bcc7;
background-image:url(images/fv9.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
border-top: solid 1px #E6E9EC;
border-bottom: solid 1px #EAEDEE;}


#menubox {
height:160px;
background-color:#d5d8e1;
color:#fff;
text-align:left;
vertical-align:middle;
padding-bottom:0px;
border-top: solid 1px #DCE0E4;
border-bottom: solid 1px #778897;
border-right: solid 1px #000;
background-image:url(images/fv3.jpg);
background-repeat:repeat-x;
background-position:  50% 0%;
}



/* datum bei news */
.date {float:left;
margin-left:0px;margin-top:0px;
margin-bottom:0px;margin-right:0px;
color:#4d5164;
text-align:left;
font-size:13px;
font-style:normal;
padding:0px;

}

.datenumber {float:left;
border:solid 1px #3A4152;
margin-left:0px;margin-top:0px;margin-bottom:40px;margin-right:10px;
background-color:#A3A8BA;
color:fff;
text-align:center;
font-size:26px;
font-style:normal;
padding:10px;
width:50px
}

.div_feste_breite_ie {
width:50px
}


/* navi im text links/rechts unter dem foto */
.navi_imtext {float:center;
text-align:center;
width:380px;
border:solid 0px #fff;
padding:0px;
margin:auto;
}

.navi_imtext_left {float:left;
width:170px;
border:solid 0px #FFBF00;
padding:0px;
}

.navi_imtext_right {float:left;
width:170px;
border:solid 1px #fff;
padding:0px;
}

#foto_imtext {float:center;
width:360px;
background-color:#fff;
padding:4px;
border:solid 1px #3A4152;
margin-bottom:30px;
}

#video_imtext {float:center;
width:640px;
background-color:#fff;
padding:4px;
border:solid 1px #3A4152;
margin-bottom:30px;
}


/* zitat  */
#zitat {float:center;
width:260px;
margin-bottom:0px;margin-right:0px;
background-color:#979eb0;
border-bottom: solid 1px #6A757B;
background-image:url(images/fv8.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
color:#535771;
font-size:13px;
font-style:normal;
padding:10px;
border:solid 1px #616981;
}

h3.boxheader {color:#fff;background:transparent;
font-size: 14px;line-height: 18px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
padding-left:0px;
margin-bottom:20px;
margin-top:0px;
}

#inhalt {height:900px;background-image:url(images/xfv7.jpg);
background-repeat:no-repeat;
background-position:  50% 50%;
background-color:#fff;
text-align:left;
vertical-align:top;
padding-top: 30px; padding-bottom: 40px;
padding-left: 30px;padding-right:30px;
letter-spacing:0px;
width:100%;
color:#4D5164;
border-top: solid 1px #3F4549;
font-size: 14px;line-height: 20px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
border-bottom: solid 1px #434B54;
}

#inhalt_li {height:1000px;font-size: 14px;line-height: 20px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-align:left;
vertical-align:top;
padding-top: 0px; padding-bottom: 0px;
padding-left: 0px;padding-right:20px;
border-right: dotted 1px #000;
}

#inhalt_re {
width:300px;
height:100%;font-size: 14px;line-height: 20px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-align:left;
vertical-align:top;
padding-top: 0px; padding-bottom: 0px;
padding-left: 20px;padding-right:0px;
border-right: solid 0px #000;
}

.linie {width:100%;
border-bottom: dotted 1px #000;
}


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


#fuss {font-size: 15px;line-height: 20px;
color:#fff;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-align:center;
vertical-align:middle;
}

#fuss_inhalt {font-size: 13px;line-height: 20px;
color:#4D5164;
width:100%;
background-color:#000;
height:40px;
border-top: solid 1px #f1f2f3;
background-color:#b8bcc7;
background-image:url(images/fv9.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
}


/* ######################################
abweichungen für die seite INDEX.HTML im inhaltsbereich
 ######################################  */

#inhalt_index {height:900px;
background-color:#fff;
text-align:left;
vertical-align:top;
padding-top: 40px; padding-bottom: 60px;
padding-left: 40px;padding-right:40px;
letter-spacing:0px;
width:100%;
color:#4D5164;
border-top: solid 1px #3F4549;
font-size: 15px;line-height: 22px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
border-bottom: solid 1px #434B54;
}


/* = Hoverbox Code  für Anzeige der Thumps bei Jugendliche und Kinder
----------------------------------------------------------------------*/

.hoverbox
{
        cursor: default;
        list-style: none;
}

.hoverbox a
{
        cursor: default;
}

.hoverbox a .preview_h
{
        display: none;
}
.hoverbox a .preview_q
{
        display: none;
}


.hoverbox a:hover .preview_h
{
        display: block;
        position: absolute;
        top: -95px;
        left: -65px;
        z-index: 1;
}

.hoverbox a:hover .preview_q
{
        display: block;
        position: absolute;
        top: -130px;
        left: -100px;
        z-index: 1;
}
.hoverbox img
{
        background: #fff;
        border-color: #aaa #ccc #ddd #bbb;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        padding: 2px;
        vertical-align: top;
        width: 65px;
        height: 65px;
}

.hoverbox li
{
        background: #eee;
        border-color: #ddd #bbb #aaa #ccc;
        border-style: solid;
        border-width: 1px;
        color: inherit;
        display: inline;
        float: left;
        margin: 10px;
        padding: 10px;
        position: relative;
}

.hoverbox .preview_h
{
        border-color: #000;
        width: 150px;
        height: 200px;
}

.hoverbox .preview_q
{
        border-color: #000;
        width: 200px;
        height: 150px;
}