/* CSS Document */



/* Stylesheet Licht-Blick e.V.*/

* { padding: 0; margin: 0; }

body { 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  background-color: white;
 }


#wrapper {
  width: 960px;
  margin: 10px auto;
}

#top { 
       background-color: white;
       width: 960px;
       height: 155px; }
       
#left {
  	width:177px;
	background-color:#f8e5cb;
	min-height:1600px;}
 
 
 
 #left2 {
  	width:177px;
	background-color:#f8e5cb;
	min-height:2500px;} 

#left3 {
  	width:177px;
	background-color:#f8e5cb;
	min-height:600px;}

#main {
  position: absolute;
  top: 200px;
  margin-left: 180px;
  padding: 20px;
  background-color: white;
  min-height: 350px;
  width: 650px;
  line-height:20px;
  }



#navi {
position:fixed;
top:190px;
z-index:500;
font-size:14px;
width:177px;
margin-left:0px;
height:800px;
background-color:#f8e5cb;}


#navi ul {
padding:0;
margin:0;
list-style-type:none;
width:177px;
position:relative;


}


* html #navi li {margin-left:-16px; margin-lef\t:0; }


#navi table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* aussehen navi punkte */
#navi a, #navi a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:176px;
color:#000;
text-indent:5px;
border-top:1px solid #27160e;
border-right:1px solid #27160e;
border-left:1px solid #27160e;
}
/* hover atyle */


#navi :hover > a {
color:#000; 
font-weight: bold;
background:#b28164;
}





h1 {font-size:30px;
	text-align: center;
	padding-left:60px;}
	
h2 {font-size:14px;
	padding-left: 60px;
	padding-top:20px;}
	
h3 {font-size:24px;
	padding-left: 60px;
	padding-top:60px;}
		
h4 {font-size:14px;
	padding-left: 60px;
	padding-top:20px;
	text-decoration:underline;}	

.strich{border-bottom:1px solid #27160e;}

.deaktiv {
display:block; 
height:25px;
line-height:25px;
width:176px;
color:#000;
text-indent:5px;
border:1px solid #27160e;
border-bottom: none;
background-color:#b38164;
font-weight: bold;}

.cs {text-align: center;
	padding-top:20px;
	padding-left:60px;}
	
.text-left {text-align: left;
	padding-left:60px;}	

.text-under {text-align: left;
	padding-left:60px;
	font-weight:bold;
	text-decoration:underline;}	
	
.float{ float:left;
		padding-right:10px;}	
	
.pic {text-align: center;
	padding-top:20px;
	
	}
/* aussehen picture */
.pic a, .pic a:visited {
text-decoration:none;
border:0px;
}




.vorstellung { 	padding-left:50px;
				height: 220px;
				width:650px;}

.fl {float:left;
	padding-right:20px;
	width:200px;}
	
table {table-layout:fixed;
		width: auto;
		min-width: 400px;
		font-size:12px;
		line-height:16px;}
		
.zellengr{width: 300px}

.weiter {
text-decoration:none;
height:40px;
color:#000;
text-indent:5px;
border:0;}

.unten td {line-height:80px;
}

.clear{padding:0; margin:0; 
		width: auto;
		padding-top:0px;}

/* hide hack from Mac-IE5 \*/
* html .mehr { height: 1%; }
/* end hiding */

a:link {color:#000; text-decoration:none; border:0;}
a:visited {color:#000; text-decoration:none; border:0;}
a:active {color:#000; text-decoration:none; border:0;}
a:hover {color:#000; text-decoration:none; border:0;}

.einzug{ padding-left:150px;}
.liste {padding-left:180px;
 			line-height:18px;}
			
.center{ padding-left:100px;}

.klein {font-size: 10px;
		font-style:italic;}
		
.einzugl{  padding-left: 120px;
line-height:30px;}



.bilder  	{padding-top:20px; 
				margin-right:20px;
				list-style-type:none; text-align:center; 
				float:none;
				word-spacing:20px;
				}


				
				
				
a:hover .zoom1 {

}

a:link .zoom1 {
width : 150px;
height : 97px;
}

a:hover .zoom1 {
width : 550px;
height : 422px;
margin-left:-97px;
position:absolute; }

a:hover .zoom2 {

}

a:link .zoom2 {
width : 150px;
height : 97px;
}

a:hover .zoom2 {
width : 550px;
height : 422px;
margin-left:-273px;
position:absolute; }


a:hover .zoom3 {

}

a:link .zoom3 {
width : 150px;
height : 97px;
}


a:hover .zoom3 {
width : 550px;
height : 422px;
margin-left:-422px;
position:absolute; }