/***********************************************/
/* navi.css                            */
/* Use with template bremerhavener-rodelkambuse.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 







html, body {
background-image:url(back.jpg);
	margin:		0;
	padding:	0;
	
	
	height:		100%; /* Das will der IE. */
}
html>body {
background-image:url(back.jpg);
	/* Das will der Rest. Safari kann kein min-height, daher wird hier
	 * eventuell etwas abgeschnitten, wenn die zentrierte Box größer
	 * als das Fenster ist */
	height:		auto;
	min-height:	4em;
	min-width:	20em;
}



.box { width: 15em; background-image:url(backneu.jpg);}
.box h1, .box p {margin: 0 10px;}
.box h1 {font-size:150%; color:#ffffff; }
.box .top, .box .bottom{display:block;background: #e6e6e6;}
.box .top b, .box .bottom b
{
  display:block;height: 1px; overflow: hidden; background-color:#6f3737;
}
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}


.box2 { width: 35em; background: #9BD1FA;}
.box2 h1, .box2 p {margin: 0 10px;}
.box2 h1 {font-size:150%; color:#ffffff; }
.box2 .top, .box2 .bottom{display:block;background: #e6e6e6;}
.box2 .top b, .box2 .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #9BD1FA;
}
.box2 .r1{margin: 0 5px;}
.box2 .r2{margin: 0 3px;}
.box2 .r3{margin: 0 2px;}
.box2 .top .r4, .box2 .bottom .r4{margin: 0 1px;height: 2px;}

.box3 { width: 11em;background-image:url(backneu.jpg); }
.box3 h1, .box3 p {margin: 0 10px;}
.box3 h1 {font-size:150%; color:#ffffff; }
.box3 .top, .box3 .bottom{display:block;background: #e6e6e6;}
.box3 .top b, .box3 .bottom b
{
  display:block;height: 1px; overflow: hidden; background-color:#6f3737;
}
.box3 .r1{margin: 0 5px;}
.box3 .r2{margin: 0 3px;}
.box3 .r3{margin: 0 2px;}
.box3 .top .r4, .box3 .bottom .r4{margin: 0 1px;height: 2px;}







#foot{

background-image:url(back.jpg);
	margin-left: 0px;
	margin-right: 0px;
	position: absolute;
	bottom:0px;
	left: 25%;
	width:97%;
	height: 2%;
	display: block;

}



#all2

{
 	
 	background: #6f3737;
	
	position: absolute;
	top:2%;
	left: 2%;
	
	margin-left:	4px;
	right:0px;
	bottom:0px;
	width: 95%;
	height: 95%;
	display: block;
	text-align:center;
	


}
   
 #headl{

 
 	background-image:url(back.jpg);
	margin-left: 15px;
	margin-right: 10px;
	position: absolute;
	top:15px;
	left: 0;
	width: 97%;
	height: 95%;
	display: block;
}
  

  
  object { 
      
	  position: absolute;
	   width: 80%; 
      height: 95%;
	  left: 20%;
	  top:0px;
	  
   }
   
   #content1{
   position:absolute;
   top:80px;
  left:180px;
  
 
     
   }
   
    #content2{
   position:absolute;
   top:80px;
  left:425px;

 
  }
  
   #content3{
   position:absolute;
   top:80px;
  left:670px;

 
  }
  
  
   #content4{
   position:absolute;
   top:270px;
  left:180px;

 
  }
  
  #content5{
   position:absolute;
   top:270px;
  left:425px;

 
  }
  
  #content6{
   position:absolute;
   top:270px;
  left:670px;

   }
  
   
   
    #links{
	border-width:3px;
    border-style:solid;
	border-color:#6f3737;
 
	
	background: transparent;
   position:absolute;
   top:350px;
  left:2px;
  height:75px;
  width:150px;
  text-align:left;

   }
  
  
  
  
  
  
   
    #sububer{
	border-width:3px;
    border-style:solid;
	border-color:#6f3737;
 
	
	background: transparent;
   position:absolute;
   top:15;
  left:190px;
  height:30px;
  width:680px;
 
     }