/* Style-Sheet fuer den body */

html, body { height:100% }

#body {
	padding:0;
	margin:0;
	background:url("../bilder/page_bg.png") repeat-x top #fff;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;
}

div.wrapper	{
	width:1020px;
	min-height:100%;
	position:relative;
	margin:0 auto;
	height: auto !important;
	height: 100%;
}

div.banner {
	padding:0;
	margin:0;
	width:1020px;
	height:348px;
	background:url('../bilder/banner.png') top center no-repeat;
	border:0;
}

div.navigation {
	height:348px;
	margin-left:360px;
	z-index:999;
	position:absolute;
}

div.page_middle	{
	clear:both;
	width:1020px;
	padding:0;
}

div.call_back	{
	float:left;
	width:220px;
	height:333px;
	margin-left:30px;
	padding:88px 15px 6px 15px;
	background:url('../bilder/call_back_bg.png') top center no-repeat;
}

div.content	{
	float:left;
	width:600px;
	margin-left:80px;
	min-height:200px;
	padding-top:25px;
	padding-right:30px;
}

div.footer {
	width:660px;
	height:19px;
	position: absolute;
	bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #87888a;
	font-size: 11px;
	padding-left:360px;
	background:url('../bilder/footer_bg.png') no-repeat;
}


div.footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#777777;
}

/* Style-Sheet fuer Links */
a:link,
a:visited,
a:active {
	color:#1d99a1;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:none;
}

/* Style-Sheet fuer Text und Headlines */
div.headline {
	border-left:8px solid #808080;
	padding-left:14px;
}

div.inhalt {
	padding-top:20px;
}

h1 {
	font-size:22px;
	color:#1d99a1;
	font-weight:bold;
	padding:0;
	margin:0;
}

h2 {
	font-size:22px;
	color:#1d99a1;
	font-style:italic;
	padding:0;
	margin:0;
}

/*h3 {
	font-size:15px;
	color:#1d99a1;
	font-weight:bold;
	padding:0;
	margin:0;
}*/

h3 {
	font-size:12px;
	font-weight:bold;
	padding:0 0 8px 0;
	margin:0;
}

/* Standards für die Mininav */
a.minifound 			{ 	font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#c71444; }
a.minigray  			{ 	font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#ddd; }
a.minigray:hover  	{ 	font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#ddd; }
a.minisel   			{ 	font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; }
a.minilink:link,
a.minilink:visited,
a.minilink:active  	{ 	font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#c71444; }
a.minilink:hover   	{ 	font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; }


input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;
	border:1px solid #b3b3b2;
}

a img {
	border: none;/*remove border for linked images*/
}

/* Diese Klasse ist speziel fuer die Top-Up Lightbox, so dass man sie im tinyMCE auswaelen kann. */
/* Sollte die Top-Up Lightbox verwendet werden, ist es ratsam, diese Klasse nicht zu loeschen! */
a.top_up{}





/* prev and next buttons */
.prev_next {
	clear:both;
	width:960px;
	height:262px;
	margin-left:30px;
	top:67px;
	display:block;
	z-index:999;
	position:absolute;
}

/* prev and next buttons */
.backward {
	float:left;
	background:url(../bilder/navigate_left.png) no-repeat;
	width:43px;
	height:92px;
	cursor:pointer;
	margin-top:100px;
	margin-left:0px;
	position:absolute;
}

.forward {
	float:left;
	background:url(../bilder/navigate_right.png) no-repeat;
	width:43px;
	height:92px;
	cursor:pointer;
	margin-top:100px;
	margin-left:917px;
	position:absolute;
}




/* panes */
#banner_animation {

	width:960px;
	min-height:230px;
	margin-left:30px;
	float:left;
	top:99px;
	position:relative;
	overflow:hidden;
	z-index:99;
}


/* single pane */
#banner_animation div {
	display:block;
	float:left;
	width:320px;
	overflow:visible;
}

#banner_animation .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;

}


#banner_animation .less, #banner_animation .less a {
	color:#999 !important;
	font-size:11px;

}