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

/* import coda-slider */
@import url(reset.css);
@import url(coda-slider-2.0.css);

html {
	overflow-x:hidden !important;
}

:focus {
	outline:none !important;
}

body {
	background: #FFFFFF url(../grafik/bg_body.jpg) repeat-x top left;
	padding:0;
	margin:0;
	color:#666666;
}

#noscript {
	background:none;
	position:absolute;
	top:90px;
	left:20px;
	width:800px;
	font-size:11px;
	z-index:1000;
	border:none;
}

.packshot {
	position:absolute;
	top:390px;
	left:50px;
	z-index:900;
}

.panel h2 {
	font-size:16px;
	color:#0099FF;
	margin-bottom:10px;
}

.logo {
	margin: 45px 0px 15px 50px;
}

.teaser {
	margin-left:10px;
}


.panel span a {
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	float:left;
	margin:5px;
	padding:4px 5px;
	background:#0099FF;

	border:#00CCFF 1px solid;
	font-weight:bold;
	cursor:pointer;
}

.panel span a:hover, .panel span a:focus {
	text-decoration:none;
	color:#999999;
	background:#EEEEEE;
	border:#DDDDDD 1px solid;
}

a {
	outline:none !important;
}

a, a:visited {
	color:#0099FF;
	font-weight:bold;
	text-decoration:none;

}

a:hover {
	color:#333333;
}

.coda-nav-left, .coda-nav-right {
	display:none;
}

.coda-slider-wrapper {
	padding:0 !important;
	overflow:hidden !important;
	background:#FFFFFF;
	height:450px;
	width:auto;
	margin:0 auto !important;
	display:block;
}

.coda-slider {
	float:left;
	background:none;
	height:450px;
	width:auto !important;
	left:300px;
	top:-440px;
	font-size:12px;
	line-height:1.5;
}

.coda-slider .panel { 
	width: 600px !important;
} 

.coda-slider-wrapper.arrows .coda-slider {
	margin:0;
}
.panel-wrapper {
	padding:0 10px !important;

}

.panel ul {
	list-style:none;
	margin:0;
	padding:0;
}

.panel ul li {
	background: url(../grafik/arrow_blue.png) no-repeat 0px 5px;
	padding:0px 15px;
}

/* Tabbed nav */

.coda-nav {
	width:300px !important;
	z-index:1000;
}

.coda-nav ul { 
	positon:absolute;
	top:120px;
	left:0;
	display: block;
	margin: 0;
	overflow: hidden;
	width:300px !important; 
	height:410px;
	background: url(../grafik/eyecatcher.jpg) repeat top left;
	padding: 40px 0 0 0;
}


.coda-nav ul li a { 
	background: url(../grafik/bg_button_inakt.png) repeat top left;
	font-size:12px;
	color: #FFFFFF;
	display: block;
	width:190px;
	padding: 5px 10px;
	text-decoration: none;
	margin: 0 0 1px 80px;
	font-weight:bold;	
}

.coda-nav ul li a.current  { 
	background: url(../grafik/bg_button_akt.png) repeat top left;
	font-size:12px;
	color: #0099FF;
}

.coda-nav ul li a:hover { 
	background: url(../grafik/bg_button_hov.png) repeat top left;
	font-size:12px;
	color: #FFFFFF;
}

.coda-nav ul li:last-child a { 
	position:absolute;
	top:600px;
	font-size:10px;
	color:#0099FF;
	left:180px;
	background:none;
	text-decoration: none;
}

.coda-nav ul li:last-child a.current, .coda-nav ul li:last-child a:hover   { 
	background: none;
	font-size:10px;
	color: #666666;
}


.hide {
	width:auto;
	height:450px;
	position:absolute;
	left:900px;
	top:120px;
	display:block;
	background: url(../grafik/hide.png) repeat top left;
	z-index:1000;
	right:0;
}

* + html .hide {
	top:123px;
}

.footer {
	margin: 0px auto 20px auto;
	height:auto;
	font-size:10px;
}
.footer p {
	margin: 37px 0 0 330px;
}

a.subnav {
	color:#999999;
	font-size:10px;
	float:left;
	margin:20px;
	text-decoration:none;	
}

a.subnav:hover {
	color:#666666;	
}

.logosmall {
	float:right;
	margin:-20px 40px 0 0;
}

.content {
	width:380px;
	float:left;
}

.contentimage {
	height:auto;
	float:right;
	margin:20px;
}

.contentimage2 {
	height:auto;
	vertical-align:bottom;
	float:left;
	margin-top:65px;
	margin-left:0px;
	padding:0;
}

.contentimage3 {

}

#haftungsausschlusslink {
	cursor:pointer;
}

#haftungsausschluss {
	display:none;
}