
@charset "ISO-8859-1";
/* CSS Document */

HTML {
    height:100%;
}

* {
    margin:0;
    padding:0;
}

body {
   background:url(http://www.vaeter-in-balance.de/cms/upload/pix-str/site-verlauf.png) repeat-x;
   background-color:#CCC;
}


a { outline: none; }/*entfernt den grauen Rand der nach dem klicken im FF ensteht. Nachteil user kann nicht mehr mit tab taste navigieren*/

img a { border: 0; }
img  { border: 0; }

a:hover {
text-decoration:underline;
}


/*zentriert Layout*/
#container {
    margin:0 auto;
    padding:0;
    width:721px;
    background:url(http://www.vaeter-in-balance.de/cms/upload/pix-str/container_schatten-str.png) repeat-y;

}








/*NEWS CAROUSEL*/

div#carousel {
    margin: 0px 0px 16px 25px;
    position: relative;
    overflow: hidden;
    color: white;
    height: 190px;
    width: 668px;
    font-family: arial;
    padding: 0;
    font-size: 12px;
}


div#carousel img {border:0px;margin: 0;padding: 0;}
div#carousel a:link {text-decoration: none !important;border: none;}
div#carousel a:hover {text-decoration: underline !important;border: none;}
div#carousel a:visited {text-decoration: none;}
div#carousel div#carousel_frame {position: absolute;left: 0px;top: 0px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.vaeter-in-balance.de/cms/upload/pix-str/carousel-frame.png');z-index: 150;height: 251px;width: 690px;}
div#carousel>div#carousel_frame {background: transparent url(http://www.vaeter-in-balance.de/cms/upload/pix-str/carousel-frame.png) no-repeat top left; }
div#carousel img#carousel_image {position: absolute;right: -25px;top: 0px;z-index: 60; }
div#carousel img#carousel_transitional_image {position: absolute;opacity: 0;filter: alpha(opacity=0);right: -25px;top: 0px;z-index: 50; }
div#carousel ul {z-index: 200;display: block;position: absolute;padding: 0px;margin: 0px;bottom: 10px;left: 15px; }
div#carousel ul li {background: none;display: block;padding: 0px;margin: 0px;list-style: none;margin-bottom: 1px;clear: both;line-height: 19px;}
div#carousel ul li.active_thumbnail {background-position: 0 -1px;}

div#carousel ul li img {margin: 0px 5px 5px 0px;border: 2px solid #2B2B2E;padding: 0px;float: left;margin-top: 1px}
div#carousel ul li img.active_thumbnail {border: 2px solid #116EB8; }
div#carousel ul li a h4 {margin: 0;padding: 0;font-size: 120%;}
div#carousel ul li a {text-decoration: none;color: #666;float: left;padding: 0 5px 0 0;margin: 0px; }
div#carousel ul li a:hover {color: #999}
div#carousel ul li a.active_thumbnail {text-decoration: none;height: 38px;color: #fff;}
div#carousel ul li a p {color: inherit;margin: 0px;padding: 0px; }
div#carousel h3 {font: bold 22px Arial, Helvetica, sans-serif;z-index: 200;text-transform: uppercase;position: absolute;padding: 0px;margin: 5px 0 0 5px;top: 5px;left: 10px; }
#registration_info {width: 390px;float: left;margin-right: 10px;margin-top: 20px;}
#registration_info p {margin: 15px 0;}













/*CONTENT*/
#content {
    float:left;
    width: 310px;
    margin: 37px 0px 16px 25px;
   font-family: Verdana, Geneva, sans-serif;
}


#content a:hover {
text-decoration:underline;
}



.link_str {
text-decoration:none;
background: transparent url(http://www.vaeter-in-balance.de/cms/upload/pix/linkbild_str.gif) no-repeat 0% 60%;
color: #003366;
 padding-left:12px;
}



#content h1 {
    font-size: 22px;
    font-weight: bold;
    margin:0 0 12px 0;
    padding:0 0 0 7px;

   color:#27455f;
}
#content h2 {
    font-size: 12px;
    line-height: 1.2em;
    color:#666;
    font-weight:normal;
    padding:0 0 0 7px;
}

#content p {
    font-size: 11px;
    line-height: 1.2em;
    font-weight: normal;
    padding:7px;
    color:#333;
    background-color:#f4f4ef;
}

blockquote {
    margin:12px 0px;
    color:#575757;
    padding: 0 50px;
    background: transparent url(http://www.vaeter-in-balance.de/cms/upload/pix/blockquote.gif) no-repeat 0 0;
    font-style: italic;
}

/*RIGHT COLUMN*/
#teaser  {
    float: right;
    margin: 45px 25px 0px 0px;
    width: 310px;
    background-color:#f4f4ef;
    padding: 7px 1px 7px 7px;
}
#teaser img {
    float:left;
margin: 3px 9px 6px 0;
border:0;
    }
    
    


#teaser h3 {
    font-family:"Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: normal;
    color:#666;
    margin-bottom:6px;
}
#teaser h3 a{
    
    color:#666;
    text-decoration:none;
}
#teaser h3 a:hover{
    text-decoration:underline;
}


#teaser p {
    float:right;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 11px;
    color:#333;
    line-height: 1.2em;
    font-weight: normal;
}


/*NAVIBLOCK*/
table {
  background-color:#e2e2da;
    margin: 0 0 0 25px;
    clear:both;
}

table img { border: 0; }

td {
  margin: 0;
  padding:0;
}

td p {
  padding: 0 11px 0 11px;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
}

td a {
  color:#000;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  text-decoration:none;
}








/* -----------------Search Field--------------------- */

#search_box {
margin: 0 0 0 5px;
padding:0 0 0 8px;
    float:left;
    width: 228px;
    height: 20px;
    border: 1px solid #999;
}
#search_box form {
    margin: 0;
    padding: 4px 1px 0 0;
    
}
/*Suchbegriff*/
#search_box #s {
    float: left;
    border: 0;
    width: 200px;
    background: none;
    font-size: 8pt;
    color:#999999;
}
/*Lupe*/
#search_box #go {
    float: right;
    padding:0;
    margin: 0;
}

#search_box input {
}



/* -----------------START FOLGESEITEN--------------------- */
/*RIGHT COLUMN*/
#content-sf #navigation-sf  {
   
    float:right;
    
}

#navigation-sf {
    width:250px;
    margin:20px 0 50px 25px;
    padding:0;
}




/*CONTENT-SF*/
#content-sf {
   padding:20px 22px 55px 33px;
    color:#444;
}


#content-sf a:hover {
text-decoration:underline;
}
#content-sf a {
    text-decoration:none;
    border:0;
}


#content-sf h1 {
    width:390px;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: normal;
    margin:10px 0 0.5em 0;
    padding-bottom:0.1em;
}
#content-sf h2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight:bold;
    padding:0.9em 0 0.3em 0;
}

/*Suchergebnisse*/
#content-sf h3  {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    margin:30px 0 0 0;
}


#content-sf h3 a  {
   color:#003366;
   text-decoration:none;
}


#content-sf h7 {
   font-family: Verdana, Geneva, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
}

#content-sf h7 a  {
   color:#003366;
}








#content-sf p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.75em;
    line-height: 1.2em;
    font-weight: normal;
    margin-bottom:0.8em;
    padding-right:8px;
}


.link_str {
text-decoration:none;
background: transparent url(http://www.vaeter-in-balance.de/cms/upload/pix/linkbild_str.gif) no-repeat 0% 60%;
color: #003366;
 padding-left:12px;
}


.anreisser {
    color:#000;
    padding-bottom:5px;
}


#content-sf ul {
    font-family: Verdana, Geneva, sans-serif;
    list-style-type:none;
    font-size: 0.8em;
    margin: 0 0 0 0;
    color:#666666;
}






#content-sf ol {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 0 0 0 20px;
}
#content-sf ol li{
    padding:11px 0 0 0;
}






.bildumfluss {
    float:left;
    margin:4px 15px 3px 0;
    border: 0;
}




/************SERVICENAVIGATION unten**************/ 
#servicenav-str {
clear:both;
padding: 38px 0 0px 34px;
width:644px;
background-color:transparent;
list-style: none;
overflow: hidden;
}

#servicenav-str ul  {
display: inline;
}


#servicenav-str li {
margin: 0px 0 25px 0;/*positionierung*/
padding: 0;
list-style: none;
display: inline;
float: left;
}

#servicenav-str li a {
float: left;
padding: 73px 0 0;/*bestimmt die Höhe der Buttons*/
overflow: hidden;
height: 0px !important;
}


    /* --------------Sitemap ---------------*/

.sitemapStandardMainCat {
text-decoration: none;
}


.sitemapStandardLevel_0 {
font-size: 1.1em;
text-decoration: none;
color: #000;
}


.sitemapStandardLevel_1 {
font-size: 1.1em;
text-decoration: none;
color: #666;
}

.sitemapStandardLevel_2 {
font-size: 0.9em;
text-decoration: none;
color: #333;
}
.sitemapStandardLevel_3 {
font-size: 0.8em;
text-decoration: none;
color: #000;
}



a.sitemapStandardMainCat:hover, a.sitemapStandardLevel_0:hover, a.sitemapStandardLevel_1:hover,  a.sitemapStandardLevel_2:hover,  a.sitemapStandardLevel_3:hover {
 text-decoration: underline;
 color: #003366;
}

li.sitemapStandardLevel_0 {
    margin:20px 0 3px 0;
    list-style-type: none;
}


#content-sf h4 {
    width:390px;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: normal;
    margin:10px 0 0.5em 0;
    padding-bottom:0.1em;
    border-bottom: 2px solid #336699;

}

 h5 {
    width:390px;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: normal;
    margin:30px 0 0.5em 0;
    padding-bottom:0.1em;
    border-bottom: 2px solid #b4252c;
}

#content-sf h6 {
    width:390px;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: normal;
    margin:30px 0 0.5em 0;
    padding-bottom:0.1em;
border-bottom: 2px solid #ed961a;
}


/*FOOTER*/


#footer {
    margin:0;
    padding:0;
    clear:both;
    height:25px;
    width:725px;
    background-image: url(/cms/upload/pix/bg_bottom.png);
    background-repeat: no-repeat;
}

#footer-str {
    margin:0;
    padding:0;
    
    height:200px;
    width:720px;
    
    }

