/* @override http://brainsharing.org/kunden/orgelbau/styles.css */



body {
/*background-color: none;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
padding : 0px 0px 50px 0px;
margin : 0px 0px 50px 0px;
background-image:url(images/hintergrund.jpg);
background-repeat:repeat-y;
background-position:center;
}
html{
	height: 100%;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
.all {
	width: 760px;
	margin : 0px auto;	
	text-align: left;	
	padding : 10px 10px 10px 10px;
	overflow: hidden;
	height: 100%;	
	/*border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	background-color: #F0F0F0;
	/*height: 100%;
	/*z-index:0;*/
}

.topic {
font-size:20px;
font-weight:bold;
color:#990000;
text-align:right;
padding-bottom:5px;
padding-right: 20px;
*padding-right: 20px;
border-bottom: 3px solid #CCCCCC;
width: 532px;
*width: 532px;
margin-left: 220px;
*margin-right: -20px;
}
.textbereich {
margin-top: 15px;
margin-left: 75px;
padding-bottom: 20px;
font-size: 10px;
color: #333333;
text-align: left;
width: 520px;
float: left;
overflow: visible;
}
.textbereich #ueberschrift {
font-size: 12px;
color: #990000;
text-align: left;
}
.textbereich h2 {
	font-size: 16px;
	color: #990000;
}
p.date {
	font-size: 9px;
	font-weight: bold;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}
.post{
	padding-bottom: 15px;
	border-bottom: 3px solid #ccc;
	margin-bottom: 40px;
}
.textbildbreit {
width: 506px;
margin: 0px 0px 15px 0px;
border: 2px solid #CCCCCC;
}
.bildright {
float:right;
margin-right: 15px;
}
.textright {
float: right;
width: 150px;
margin-right: 45px;
}
.bildleft{
float:left;
margin-right: 15px;
}
.textleft {
float:left;
width: 180px;
}
.bildunterschrift {
text-align: center;
font-style:italic;
margin-bottom: 5px;
margin-top: 2px;
}
h3 {
font-size: 10px;
text-decoration:underline;
font-weight:bold;
}
.absatz {
clear:both;
*margin-top: 30px;
margin: 10px 0px 0px 0px;
}

/*-----------------------ENDE CSS ALT (firmengeschichte)-------------------------*/
a:link {
text-decoration:underline;
color:#000000;
}
a:hover {
text-decoration:underline;
color:#000000;
}
a:visited {
text-decoration:underline;
color:#000000;
}
/*-----------------------	Menügedöns 	-------------------------*/
#rot { background-color:#990000;  }
#rot a{ background: none;}

#nav { /*navi allemein*/		
		margin: 50px 0px 30px 0px;
		*margin: 80px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 760px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		
	}	

	#nav a {
		text-decoration: none;		
	}

	#nav li { /*Menüpunkte topnavi*/
		margin: 2px 0px 0px 0px;		
		float: left;
		display: block;
		padding-right: 0px;			
	}	

	#nav li.off ul, #nav li.on ul {/*unternavi allgemein*/
		/*background-color: #F0F0F0;*/
		
		height: 40px;	
		margin: 29px 0px 0px 0px;			
		padding: 5px 0px 0px 0px;		
		display: none;
		position: absolute;
		/*left: 10%;*/		
		/*border: 1px solid #000;*/
		/*border: 1px solid #F0F0F0;*/
		/*z-index: 9000;*/	
		text-align:center;	
		float: left;	
	}

	#nav li a {/*links in topnavi*/
		font-size:11px;	
		font-weight:bold;	
		color: #333333;		
		display: block;
		height: 15px;		
		border: 2px solid #ccc;
		padding: 5px 5px 5px 5px;
		float:left;		
	}
	
	#nav li.on ul a, #nav li.off ul a {/*links in unternavi*/
		border: 2px solid #ccc;
		color: #333;	
		padding: 5px 5px 5px 5px;	
		margin: 0px 0px 0px 0px;		
		/*filter:alpha(opacity=92);
		-moz-opacity: 0.92;*/
		float:left;
		font-size:11px;	
		font-weight:bold;	
		height: 15px;		
	}
	
	#nav li.on a {/*aktiver link in topnavi*/
		border: 2px solid #ccc;
		float:left;
		background: #F0F0F0;
		color: #cc6666;				
	}
	
	#nav li.on ul {/*unternavi für aktiven oberpunkt*/
		display: block;
		z-index: 3000;			
	}
	
	#nav li.off:hover ul, #nav li.over ul{ /*hover für nichtaktive oberpunkte	=> unternavi anzeigen	*/
		display: block;
		z-index: 6000;	
		
		color: #cc6666;		
	}
	
	#nav li.off a:hover, #nav li:hover a, #nav li.over a {/*hover für alle links*/
		background: #F0F0F0;
		color: #cc6666;					
	}
/*----------------------- ENDE	Menügedöns	-------------------------*/	
.drueber {
width: 450px;
}
label{ 
  float: left;
  width: 90px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;	    
 }
 input, textarea {
 width: 350px;
 }
.formular {
	border: #990000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-style: normal;
	font-size: 10px;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;	
}
.button {
	border: #990000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	text-align: center;
	font-style: normal;
	font-size: 10px;
	width: auto;
	padding: 0px 0px 0px 0px;
	
}

.main {
width: 144px;
margin-top: 5px;
margin-left: -11px;
*margin-left: -5px;
padding-right: 11px;
*padding-right: 14px;
float: left;
}
.orgeltopic {
font-size: 11px;
font-weight: bold;
color: #990000;
border-bottom: 3px solid #CCCCCC;
padding-bottom: 5px;
margin-bottom: 5px;
text-align: right;
width: 100%;
}
.bildbeschreibung {
margin-left: 4px;
font-size: 10px;
color: #333333;
text-align: left;
float: left;
height: 60px;
width: 80px;
margin-bottom: 10px;
}
.orgelbild {
border: 2px solid #CCCCCC;
float: right;
margin-bottom: 10px;
}