@charset "utf-8";
/* CSS Document */

body {
	background-color: #f0efeb;
	background-image: url(gfx/bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	}
	
div#site {
	margin-left: auto;
	margin-right: auto;
	width: 698px;
}
	
#head {
    width: 698px;
	height: 127px;
	background-image: url(gfx/logo.jpg);
	background-repeat: no-repeat;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #414141;
	}
	
#head2 {
	height: 327px;
	width: 698px;
	}
	
#nav {
	float:left;
	width: 247px;
	height: 327px;
	background-image: url(gfx/navbg.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	}
	
#nav2 {
	margin: 0px 0px 0px -22px;
	}
	
#nav3 {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	}
	
#nav3 li {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	}
	
#nav3 li li {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	margin: 0px 0px 0px -25px;
	}
	
#nav3 li a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 14px;
	}

#nav3 li a:hover {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#900;
	font-size: 14px;
	}

#picture {
	float:left;
	width: 450px;
	height: 313px;
	padding: 6px 0px 8px 0px;
}

#clear1 { clear:left;
}
	
#content {
	background-image:url(gfx/contentbg.jpg);
    background-repeat:no-repeat;
	background-color:#FFF;
	width: 698px;
	min-height: 300px;
	}
	
#inhalt {
	padding: 4px 14px 8px 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414141;
	}
	
#update {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #414141;
	text-align:center;
	}


/* siteFeature2 CSS */

/* ---------------------------------------------------------------------- 
	Progressive enhancement. Adjust the Height of #preFeature2 to show as many rows as you like.
 ---------------------------------------------------------------------- */
#preFeature2{height:335px; overflow:hidden;}
	#preFeature2 *{padding:0px; margin:0px; border:none;}
	#preFeature2 div{width:49%; overflow:hidden; float:left; position:relative; margin:0px 5px 5px 0px;}
	#preFeature2 div img{width:100%; display:block;}
	#preFeature2 div a:link{position:absolute; top:0px; left:0px; text-indent:-9999px; display:block; width:100%; height:100%;}
	#preFeature2 div a:visited{position:absolute; top:0px; left:0px; text-indent:-9999px; display:block; width:100%; height:100%;}
	#preFeature2 div p{position:absolute; bottom:0px; left:0px; font-size:10px; color:#ffffff; background:#000000; padding:5px 10px 6px 10px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
	#preFeature2 div p a:link{position:static; text-indent:0px; display:inline; color:#ffffff; text-decoration:none;}
	#preFeature2 div p a:visited{position:static; text-indent:0px; display:inline; color:#ffffff; text-decoration:none;}

/* ---------------------------------------------------------------------- 
	These are the declarations you are more likely to change when you customize siteFeature2.
 ---------------------------------------------------------------------- */
 
/* this is the size of your siteFeature2 container */
#siteFeature2{width:450px; height:313px;}

/* these style the links that appear in the text area */
#siteFeature2 #SFcontentContainer div div a:link{color:#00ff00; text-decoration:none;}
#siteFeature2 #SFcontentContainer div div a:visited{color:#00ff00; text-decoration:none;}
#siteFeature2 #SFcontentContainer div div a:hover{text-decoration:underline;}

/* this sets the color and opacity of the text's background area */
/* you MUST change the opacity in all 4 places to get cross-browser consistency */
#siteFeature2 #SFcontentContainer div div span{background:#000000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}

/* this sets the color and opacity of the buttons */
/* you MUST change the opacity in all 8 places to get cross-browser consistency */
#siteFeature2 #SFbtnContainer a:link{background:#ffffff; color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
#siteFeature2 #SFbtnContainer a:visited{background:#ffffff; color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}

/* this is the hover and selected states for the buttons */
/* you MUST change the opacity in all 4 places to get cross-browser consistency */
#siteFeature2 #SFbtnContainer a:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#siteFeature2 #SFbtnContainer.open a.trigger{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#siteFeature2 #SFbtnContainer a.current{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}


/* ---------------------------------------------------------------------- 
	These are the declarations you aren't likely going to need to change.
 ---------------------------------------------------------------------- */
 
#siteFeature2{overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#ffffff;}
	#siteFeature2 *{padding:0px; margin:0px; border:none;}

	#siteFeature2 #SFcontentContainer{position:absolute; top:0px; left:0px; width:100%; height:100%;}
		#siteFeature2 #SFcontentContainer div{position:absolute; top:0px; left:0px; width:100%; height:100%;}
		#siteFeature2 #SFcontentContainer div div{position:absolute; top:auto; bottom:0px; left:0px; width:100%; height:auto;}
		#siteFeature2 #SFcontentContainer div div span{position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; /*IE6*/ _height:100px;}
		#siteFeature2 #SFcontentContainer div div p{position:relative; padding:5px 0px 6px 10px; width:90%;}
			#siteFeature2 #SFcontentContainer.nomenu div div p{width:100%;}
			#siteFeature2 #SFcontentContainer.left div div p{left:5%;}
			#siteFeature2 #SFcontentContainer.right div div p{}
		#siteFeature2 #SFcontentContainer div div a:link{color:#00ff00; text-decoration:none;}
		#siteFeature2 #SFcontentContainer div div a:visited{color:#00ff00; text-decoration:none;}
		#siteFeature2 #SFcontentContainer div div a:hover{text-decoration:underline;}

	#siteFeature2 #SFbtnContainer{position:absolute; bottom:8px; z-index:1337; /*IE6*/ _width:22px;}
	#siteFeature2 #SFbtnContainer.right{right:5px;}
	#siteFeature2 #SFbtnContainer.left{left:7px;}
		#siteFeature2 #SFbtnContainer div{overflow:hidden;}
		#siteFeature2 #SFbtnContainer a:link{text-decoration:none; font-weight:bold; display:block; width:20px; height:20px; line-height:20px; text-align:center; margin:2px 2px 0px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
		#siteFeature2 #SFbtnContainer a:visited{text-decoration:none; font-weight:bold; display:block; width:20px; height:20px; line-height:20px; text-align:center; margin:2px 2px 0px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
		#siteFeature2 #SFbtnContainer a:hover{opacity:1;}
		#siteFeature2 #SFbtnContainer a:active, #siteFeature2 #SFbtnContainer a:focus{outline:none;}
		#siteFeature2 #SFbtnContainer a.play{font-size:10px; font-weight:bold;}
		#siteFeature2 #SFbtnContainer a.pause{font-size:11px; font-weight:normal;}