* { margin: 0; padding: 0; }
#container  {
	margin: 5px auto 0px  auto;
	width: 99%;
 	height: auto;
max-width: 900px;
overfl ow: hidden;
 background-image: url("../../picture/bg_winkelhorst.png");
 background-repeat:repeat;
z-index:0;
 /*	   background: #b8ccad;
 border: 1px groove #000080; */
 bord er: 0px groove #000080; 
}



#header { width: 100%; height: auto; margin: 15; padding: 0;  bo rder-bottom: 5px solid #ff9ccc;  min-width: 500px; z-index: 1; backg round-color: #DDDDDD;}
#logo {width: 100%;  float: left;  }

.Toplinks { z-index: 50; clear: both; width:240px; float:right; padding-right: 15px;  top: -30px; position:relative;}
.Toplinks a, .Toplinks a:link, .Toplinks a:visited { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; color: #6a6a6a; font-weight: normal; text-decoration: none; text-align: right; }
.Toplinks a:hover, .Toplinks a:active , .Toplinks  a:focus{  font-color: #ba96b0; fo/nt-weight:  bold; text-decoration: underline; }

.linie { clear: both; margin:0px; padding:0px;
  position:relative;  left:0px; top:-5px; width:100%; height:3px;  z-index:5; 
   background-color: #d6afcb;
  }  
form, div, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
td, th, div, span { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; }
p { margin: 15; padding: 0; }
  
   
  
#Main {width: 100%;
	 clear:both;
	 z-index:15; 
	 top:-22px;
	 position:relative;
	 border-bottom:3px #d6afcb solid; 
	 margin:0px; padding:0px;
   }
 
#nav{ width: 230px; heig ht: 389px;  float: left; } 

.nav-box {
  float:left;
  z-index:15; 
  width: 150px;
  margin-top: 35px;
  margin-left: 42px;
  height: auto;
  text-align: right;
  }
  
#texte { float:left; width: 320px; min-width: 280px;  height: 369px;  margin-top: 35px; background: gainsboro ;  border: 2px groove #000080; }
.texte1-box{  padding-left: 10px; padding-right: 10px;  overflow: hidden;  border:  1px groove red;}


#foto{  float:left;  width: 165px; height: 389px; border-right:3px #d6afcb solid; }
.foto-box{ 
  position: relative; 
  float:left;
  width: 100%;
  min-height: 380px;
  margin-top: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  background: #d2e3c9 ;
  border-right:3px #d6afcb solid; 
  }

}
#texte-2 {position: relative; float:left; width:160px;  border-left:3px #d6afcb solid; }
.texte2-box{ position: relative;  width: 160px; min-height: 450px; background: gainsboro ; margin: auto;
  font: bold 12px/18px  Verdana, Geneva, sans-serif;
  color: #5D5D5D;
  font-weight: normal;
 
 }
 
.linie2{clear: both; background-color: #d6afcb; width: 5px; margin:0px; padding:0px;}


#Footer{
	clear: both;
   width: 100%;
   height: 20px;
 margin:-15px; padding:0px;
 text-align: center;
 
}

#abstand {  min-height: 400px; }







#box {
  width: 400px;
  margin: 0px auto;
  padding: 15px;
  text-align: left;
  background-color: #ffffc6;
}

}
#MainText {
 position:relative;
 left:0px;
  top:0px;
  width:300px;
  height:300px;
  z-index:2;
  background-color: #e5ebdb;
  float:left;
}
#MainBild {
  left: 300px;
  width:100px;
  height:400px;
  z-index:2;
  background-color: #d6afcb;
   float:auto;
}
#MainRechts {
 position: relative;
  top: 0px;
  right: 0px;
  width: 130px;
  height: 300px;
  background-color: #d6afcb;
  float:left;
 }

  
.clear { clear: both;}

img {border: 0;}

.image-wrapper { float: left; }
.first  { clear: left; }
.imgtable-right { float: right; }


.image-table {  bor-der: 0px solid #c4c4c4;  margin: 0 auto; }
.imgtable-bottom-center, 
.imgtable-top-center { text-align: center; }

.image-wrapper.first {  }
.image-wrapper { display: block; height: auto;  max-width: 100%; }
.image-thumb { margin: 4px 0; }

.image-wrapper img.image-thumb ,
.image-responsive  {
    display: block;
    width: 100%;
    max-width: 100%; /* nie breiter als Elternelement */
    height: auto;
}