/* Stylesheet von www.fewo-dietrich - validiert */

/* Hintergrund */

html, body 
	{
	background:		#fff;
	margin: 		0px;
	padding: 		0px;
	height: 		100%;
	font-family: 	Arial, Verdana, sans-serif;
	font-size: 		1em;}
 
img {
	border: none;}
	
/* Überschriften */

h1 { font-size: 0.90em; font-weight:bold;   color:#AF1E45; margin: 3px 9px 9px 6px; }
h2 { font-size: 0.85em; font-weight:bold;   color:#AF1E45; margin: 3px 9px 9px 6px; }
h3 { font-size: 0.80em; font-weight:bold;   color:#AF1E45; margin: 3px 9px 9px 6px; }
h4 { font-size: 0.80em; font-weight:bold;   color:#AF1E45; margin: 3px; }
h5 { font-size: 0.80em; font-weight:bold;   color:#AF1E45; margin: 1px; }

/* Einstiegsseite zentrieren */

#fakehorizont {
	text-align: 	center;
	position: 		absolute;
	top: 			50%;
	left: 			0px;
	width: 			100%;
	height: 		1px;
	overflow: 		visible;
	visibility: 	visible;
	display: 		block;	}
	
#startcontainer {
	position: 		absolute;
	top: 			-315px;
	margin-left: 	-475px;
	left: 			50%;
	width: 			950px;
	height: 		600px;}

/* container */

#container {
	width: 			980px;
	background: 	url(../_gifs/hintergrund.gif) repeat-y;
	margin: 		auto;
	position: 		relative;
	min-height: 	100%;
	height: 		auto !important;
	height: 		100%;}

#header {
	width: 			950px;
	margin: 		auto;
	height: 		135px;
	margin-top: 	0px;} 

#main {
	width: 			950px;
	margin: 		auto;
	position: 		relative;}

#navi {
	width: 			175px;
	float: 			left;
	margin-top: 	1px;} 
	
#content {
	width: 					685px;
	background-image:		url(../_logos/motiv.jpg);
	background-attachment:	fixed;
	margin: 				6px 9px 9px 36px;
	float: 					left;}	
	
#contentW {
	width: 					685px;
	background-color:		#FFFFFF;
	margin: 				6px 9px 9px 36px;
	float: 					left;}			

#footer {
	width: 			950px;
	margin-left: 	15px; 
	position: 		absolute;
	height: 		28px;
	bottom: 		0px;}
	
#news {
	float:			right;
	background: 	#efefef; 	
	padding: 		5px; 
	margin:			25px 1px 1px 15px;
	width: 			200px; 
	height: 		250px; 
	border: 		1px solid #000000;}	
	
#newsS {
	float:			none;
	background: 	#efefef; 	
	padding: 		9px; 
	margin:			15px 25px 1px 50px;
	width: 			500px; 
	height: 		350px; 
	border: 		1px solid #000000;}		

/* Klassen */

.error 
{
	color: 			#FF0000;
	font-size:		0.8em;
	margin-top: 	3px;
	padding:		3px;}

.digit 
{	font-size:		3px;
	font-weight:	bold;
    letter-spacing:	1px;}

.imgA{
	border: 		1px solid #CCC;}


.kopf 
	{font-size:		0.75em;
	padding:		1px;}
	
.fuss 
	{font-size:		0.65em;
	padding:		1px;}	

.text 
	{font-size:		0.80em;
	 margin: 		12px 6px 6px 24px; }

.tabellentext 
	{color:			#666;
	font-size:		0.75em;
	 margin:		1px; }
	 
.umfrageText 
	{font-size:		0.75em;
	 margin:		1px; }	 	 

.text-gross
	{font-size:		0.90em;
	 margin-left:	15px;		
	font-weight:	bold;}	

.text-fett
	{font-size:		0.75em;
	 margin: 		12px 6px 6px 12px; 		
	font-weight:	bold;}

.text-klein
	{font-size:		0.70em;	
	 margin: 		12px 6px 6px 12px; }
	
.text-ganz-klein
	{font-size:		0.60em;}	
	 
.rot 
	{font-size:		0.80em;
	color:			#AF1E45;}	

.grau
	{font-size:		0.70em; 
	 margin-left:	15px;	  
	color:			#666;}		

.letter 
	{font-size:		1.50em;
	font-weight:	500;
	 margin:		0px;	 }

.teaser
	{font-size:		0.65em;
	padding:		3px;}	

.liste {
	font-size:		0.80em;
	font-weight:	normal;
	list-style-type:circle;
	line-height:	150%;
	margin:			9px 6px 3px 36px;	}	

/* Formulare */

form {
	overflow:		hidden;	}

input[type=text]:focus, textarea:focus {
	background: 	#EEEEEE;
	color: 			#333; }
	
/* Navigation */ 

#navi ul {
	margin: 		0px;
	padding-left:	5px;
	list-style:	 	none;}

#navi ul li a {
	display: 		block;
	width: 			182px;
	height: 		25px;
	line-height:	25px;	
	padding: 		0px 3px 3px 10px;
	font-size: 		0.8em;
	font-weight: 	bold;}

#navi ul li a:hover, #navi ul li.act a {
	background: 	#EDDCDC;
	color: 			#AF1E45;}

#navi ul li.lvl2 a {
	background: 	#F3E9E9 url(../_gifs/pfeil.gif) 12px 9px no-repeat;
	font-size: 		0.75em;
	padding-left: 	20px;
	width: 			172px;
	height: 		20px;	}

/* HyperLinks */
 
a:link
{	text-decoration:none;
	color: 			#333333; 
	padding:		0px;}

a:visited
{	text-decoration:none;
	color: 			#333333; 
	padding:		0px;}

a:hover 
{	color:			#AF1E45; 
	text-decoration: none;
	padding:		0px;
	outline:		none;}

a:active 
{	color:			#AF1E45; 
	text-decoration: none;
	padding:		0px;
	outline:		none;	}

a:focus 
{	color:			#AF1E45; 
	text-decoration: none;
	padding:		0px;
	outline:		none;	}
	
/* Clearfix */
/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
	content: 		".";
	display: 		block;
	height: 		0;
	font-size: 		0;
	clear: 			both;
	visibility: 	hidden;
	overflow: 		hidden;}

.clearfix 			{display: inline-block;}

/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */

/* SLIMBOX */

.imageGallery {
	width:		95%;
	text-align:	center;}

.imageGallery a
.imageGallery a:hover{
	background-color: transparent;}

.imageGallery img {
	margin: 15px;}

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 99996;}

#lbCenter, #lbBottom {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 99997;}

.lbLoading {
	background: #fff url(../_gifs/loading.gif) no-repeat center;}

#lbImage {
	border: 10px solid #fff;}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;}

#lbPrevLink {
	left: 0;
	background: transparent;}

#lbPrevLink:hover {
	background: transparent url(../_gifs/prevlabel.gif) no-repeat 0% 15%;}

#lbNextLink {
	right: 0;
	background: transparent;}

#lbNextLink:hover {
	background: transparent url(../_gifs/nextlabel.gif) no-repeat 100% 15%;}

#lbBottom {
	font-family: 	Verdana, Helvetica, sans-serif;
	font-size: 		10px;
	color: 			#666;
	line-height: 	1.4em;
	text-align: 	left;
	border: 		10px solid #fff;
	border-top-style: none;}

#lbCloseLink {
	display: 		block;
	float: 			right;
	width: 			66px;
	height: 		22px;
	background: 	transparent url(../_gifs/closelabel.gif) no-repeat center;
	margin: 		5px 0;}

#lbCaption, #lbNumber, #lbLinker {
	margin-right: 	71px;}

#lbCaption {
	font-weight: 	bold;
	font-size: 		13px;}

#lbLinker a {
	color: 			#666;
	font-size:		11px;}

/* Ende */