html{
width: 100%;
height: 100.1%;    
}

body{
width: 100%;
height: 100.1%;
background-color: rgb(208,222,245);
background-image: url(../images_layout/balken_leidenschaft.jpg);
background-repeat: no-repeat;
color: rgb(11,31,79);
font-family: helvetica, tahoma, verdana, sans-serif;
font-size: 0.9em;
text-align: center;
position: relative;
overflow-x: hidden;
}


/* full clearfix */
    /* add to floating elements which shall clear floating after themselves */ 
	* html .clearfix {
	    height: 1%; /* IE5-6 */
	    }
	*+html .clearfix {
		display: inline-block; /* IE7not8 */
		}
	.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }

#wrapper{
     width: 100%;
     height: auto;
     min-height: 100.1%;
     margin: 0 0 0 48px;
     background-image: url(../images_layout/body_background_neu.jpg);
     background-size:cover;
     background-repeat: no-repeat;
     background-position: -5px -2px;
     padding-bottom: 20px;
     
   }



#wrapper2{
     width: 100%;
     height: auto;
     min-height: 100.1%;
     margin: 0 0 0 48px;
     
     background-repeat: repeat-x;
     background-position: -5px -2px;
     padding-bottom: 20px;

   }









#kopfpuffer{
    width: 900px;
    height: 55px;
    background: red;
    margin: 0 auto;
    visibility: hidden;
}


 #contentholder{
    width: 900px;
    height: auto;
    background-color: #FFFFFF;
    background-image: url(../images_layout/start_fussbild.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    border-left: 4px solid rgb(11,31,79);
    border-right: 4px solid rgb(11,31,79);
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px; 
 }



  #contentholder2{
    width: 900px;
    height: 900px;
    background-color: #FFFFFF;
    border-left: 4px solid rgb(11,31,79);
    border-right: 4px solid rgb(11,31,79);
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
 }

















#headnavi{
    width: 830px;
    height: 25px;
    background-color: rgb(11,31,79);
    margin: 0 auto;
    line-height: 25px;
    color: #fff;
    text-align: right;
    
}

#logocontainer{
    width: 830px;
    height: 155px;
    background-image: url(../images_layout/logo_logocontainer.jpg);
    background-repeat: no-repeat;
    background-color: rgb(208,222,245);
    margin: 0 auto;
    border-top : 3px solid #fff;
    border-bottom: 3px solid rgb(11,31,79);
}

#fotoslider{
    width: 420px;
    height: 135px;
    margin: 8px 10px 0 400px;
    background-color: rgb(11,31,79);
    color: #fff;
    text-align: left;
}

#bildcontainer{
    width: 400px;
    height: 115px;
    border-top : 3px solid #fff;
    border-bottom : 3px solid #fff;
    background-color: rgb(11,31,79);
    position: relative;
    left: 10px;
    top: 7px;
}

#bildcontainer img{
    width: 400px;
    height: 115px;
    left: 0;
    top: 0;
}


#linke_spalte{
    float: left;
    width: 185px;
    height: auto;
    margin-left: 35px;
    margin-top: 20px;
}

#hauptnavi{
    width: 180px;
    height: 300px;
    border: 2px solid rgb(11,31,79);
    background-image: url(../images_layout/navikopf.jpg);
    background-repeat: no-repeat;
    padding-top: 32px;
    text-align: left;
    color: rgb(11,31,79);
}


#infoblock{
    width: 180px;
    height: 320px;
    border: 2px solid rgb(11,31,79);
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
}

#infoblock2{
    width: 180px;
    height: 500px;
    border: 2px solid rgb(11,31,79);
    margin-top: 15px;
    margin-bottom: 15px;
}





.blocksatz_impressum{
	text-align: justify;
}








#contentblock{
    
}


#content{
    width: 630px;
    height: auto;
    margin: 20px 0 10px 10px;
    float: left;
    text-align: center;
    
}






#fussnavi{
    width: 420px;
    height: 25px;
    background-color: rgb(11,31,79);
    color: #fff;
    margin: 20px 0 15px 35px;
    line-height: 25px;
    text-align: left;
     
}

.slideshow {  
    height:  240px;  
    width:   180px;  
    padding: 0;  
    margin:  0;  
} 
 
.slideshow img {  
    background-color: #eee;  
    width:  180px; 
    height: 240px; 
    top:  0; 
    left: 0 
} 

#inhalt{
    width: 600px;
    height: auto;
    padding-bottom: 20px;
    margin: 0 auto;
    text-align: left;
    
}



#puffer_video{
	height: 150px;
}

.contenimage_float{
    float: left;
    margin: 0 20px 20px 0;
}



.contenttext{
    text-align: justify;
    font-size: 0.9em;
    line-height: 1.3em;
}

.contentfoto{
    border: 3px solid rgb(11,31,79);
    margin: 10px 0 10px 0;
}

.fusszeilentext{
    font-weight: bold;
    margin: 10px;
}

p.datenschutz{
    font-size: 0.8em;
    text-align: justify;
    line-height: 1.3em;
}


ul{
    font-size: 0.9em;
    line-height: 1.3em;
    list-style-type: square;
    list-style-position: inside;
}



h1{
    font-size: 1.2em;
   font-weight: bold;
   margin-bottom: 7px; 
}

strong{
    font-weight: bold;
}

b{
font-weight: bold;
}

video {
  width: 80%    !important;
  height: auto   !important;
}