/* @override 
	http://www.fm-die-moeglichmacher.de/fileadmin/templates/css/startseite-2010.css */

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

/*
Author: Julien Philipp Plümicke (Krallpartner.de)
*/

/* ------------- =main <<<-----------*/


* { padding: 0; margin: 0; }

body {
	background-color: #376a80;
	background-image: url(../images/background-2010.gif);
	background-repeat: repeat-x;
	text-align:center;
	margin-top: 80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	color: #333333;
}



#wrapper { 
 margin: 0 auto;
 height: 100px;
 width: 820px;
 text-align:left;
}



/* ------------- = header <<<-----------*/

#header {

 width: 820px;
 height: 96px;
 float: left;
 margin: 0px 0px 0px 0px;

}

#header .imgage {
	

	}
	
	
	#header .imgage {
	border:0px;
}


/* ------------- = content <<<-----------*/


#container .slideshow_info a,
#container p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;color:#fff;
	line-height:1.6em;
}

#container .slideshow_info h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin: 10px 0 10px 0;
	border-bottom: none;
}

h1, h2, p, ul, li, form	{margin:0; padding:0;}
ul, li {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}

img {border:none;}

#container   {
	width:815px; 
	height:285px; 
	margin:0 auto;
}

#container .prev_nav   {
	position:absolute; 
	z-index:10; 
	margin:125px 0 0 45px;
}
#container .next_nav   {
	position:absolute; 
	z-index:10; 
	margin:125px 0 0 754px;
}


#container .bg_slideshow  {
	position:absolute; 
	z-index:9; 
	width:815px; 
	height:285px; 
	margin:15px 0 0 0px; 
	background: url(/fileadmin/templates/startseitenheader/images/slider_bg.png) no-repeat center;
}

div.slideshow_img  {
	position:relative; 
	z-index:10; 
	width:815px; 
	height:285px; 
	overflow:hidden; 
	margin:0 0 0 56px;
}
div.slideshow_img img {
	width:708px; 
	height:238px;
}

.slideshow_info  { 
	color:#fff; 
	position:absolute; 
	z-index:20; 
	width:265px; 
	height:238px; 
	overflow:hidden; 
	background:#64737b; 
	left:499px; 
	filter:alpha(opacity=80); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
}

.slideshow_info  div {
	padding:10px 20px 10px 20px;
}

/* ------------- = Teaser-Boxen <<<-----------*/

#featbox {
	clear: both;
	height: 350px;
	color: #fff;
}

#featbox h1 {
	font-size: .75em;
	font-weight: normal;
	border-bottom: 1px dotted #fff;
	padding: 0 0 6px 0;
}

#teaserrow {
	color: #fff;
	margin-bottom: 1em;
}

#teaserrow h1 {
	background: url(../images/start_h1_back.gif) no-repeat 0 0;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: .75em;
	height: 27px;
	line-height:27px;
}

#teaserrow h2 {
	font-size: .75em;
	padding: 6px 0 10px 0;
	border-bottom: 1px dotted #fff;
	margin:8px 0 5px 0;
}

#teaserrow p {
	font-size: .7em;
	line-height: 150%;
	margin:0 0 1em 0;
}

#teaserrow a {
	color: #9ADBED;
	text-decoration:none;
}

#teaserrow h3 {
	font-size: .7em;
	float:left;
	background: #306883;
	padding: 4px 10px 4px 8px;
}

#teaserrow h3 a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-style: oblique;
	background: #306883 url(../images/weiter.gif) no-repeat 100% 50%;
	padding: 0 13px 0 0;
}

#teaserleft,
#teasermiddle,
#teaserright {
	float: left;
	width: 243px;
}

#teasermiddle,
#teaserright {
	margin-left: 45px;
}

a.startb {
	text-decoration:none;
	width: 75px;
	background: url(../images/startb.gif) no-repeat right 0px;
	line-height:20px;
	height:20px;
	display:block;
}



/* ------------- = footer <<<-----------*/

#footer { 
 width: 820px;
 clear: both;
 margin: 0px 0px 10px 0px;
}