html{height:101%;}

body{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:11px;
background:url(images/bg_body.jpg) center top no-repeat #fff;
}

#header, #content{
width:980px;
}

#wrap{
position:relative;
margin:0 auto;
width:980px;
padding:163px 55px 0 56px;
background:url(images/bg_content.png) 0 0 repeat-y;
}

#wrap:after{content:"";}

a#logo{
position:absolute;
top:0px;
left:55px;
display:block;
z-index:99;
}

#header{
position:absolute;
top:0;
height:163px;
background:url(images/bg_header.gif) 0 bottom no-repeat;
}

	#kundenservice{
		position:absolute;
		top:0;
		left:428px;
	}
	
	#chat{
		position:absolute;
		top:0;
		left:620px;
	}
	
	#metanav{
		position:absolute;
		bottom:4px;
		right:20px;
		color:#fff;
		font-size:11px;
	}
		
		#metanav a{
			font-size:11px;
			line-height:19.2px;
			color:#fff;
		}
		
	#quick_find{
		position:absolute;
		left:10px;
		top:136px;
		padding-top:5px;
	}
	
		#quick_find label{
			font-size:12px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			color:#fff;
		}
		
		input#keywords{
			position:absolute;
			left:79px;
			top:3px;
			width:155px;
			height:17px;
			padding:1px 1px 1px 1px;
			border:1px solid #fecbd1;
			font-size:11px;
			line-height:14px;
			font-family:Arial, Helvetica, sans-serif;
			color:#6c0625;
		}
		
		input#btnsubmit{
			position:absolute;
			left:248px;
			top:3px;
			width:108px;
			height:21px;
			background:url(images/btn_search.png) 0 0 no-repeat;
			border:none;
		}

#content{
position:relative;
}
		
	#rightcol{
	width:770px;
	float:right;
	padding:39px 5px 30px 0;
	line-height:19.2px;
	}
	
		h1{
			margin-bottom:15px;
			font-size:14px;
			line-height:19.2px;
			color:#7d3a87;
		}
		
		h2, h3{
			margin-bottom:12px;
			font-size:12px;
			line-height:19.2px;
			color:#7d3a87;
		}
		
		#rightcol p{
			margin-bottom:12px;
		}
		
		#rightcol img{
			margin:0 auto 12px auto;
		}
		
		#rightcol iframe{
		width:770px;
		height:370px;
		border:none;
		overflow:hidden;
		margin-bottom:20px;
		}

	#leftcol{
	width:180px;
	padding:0 0 0 5px;
	float:left;
	}
	
		#leftcol h4, #leftcol h4 a, #information h4{
			margin:10px 0 5px 0;
			font-size:12px;
			line-height:19.2px;
			font-weight:bold;
			color:#909090;
			text-decoration:none;
		}
		
		#jolifin{padding-bottom:10px;}
		
		#leftcol ul, #information ul{
			margin-top:-1px;
			padding:2px 0 20px 0;
			border-top:1px solid #d8d8d8;
			}
			
		#leftcol ul.bottomspace{
			margin-bottom:390px;
		}
		
		#leftcol li,#information li{
			border-bottom:1px solid #d8d8d8;
		}
		
			#leftcol li.doppelt{
				border-bottom:2px solid #d8d8d8;
			}
		
		#leftcol li a, #information li a{
			display:block;
			padding:3px 0 3px 22px;
			background:url(images/arrow1.gif) 13px 6px no-repeat;
			font-size:11px;
			line-height:13.2px;
			color:#000;
			text-decoration:none;
		}
		
		#leftcol li a:hover, #information li a:hover{
			font-weight:bold;
			color:#7d3887;
		}
		
		#social img{
			padding-top:10px;
			margin-right:4px;
			float:left;
		}
	
	#footer{
	width:1091px;
	margin-left:-56px;
	height:460px;
	padding-top:1px;
	clear:both;
	background:url(images/bg_footer.png) 0 380px no-repeat;
	}

		#footer ul{
			clear:both;
			padding:0 0 0 261px;
		}
			#footer ul.bot{padding-top:20px;}		
			
			#footer li{float:left;}
			
			ul.top li{
				padding-right:124px;
			}
			
			ul.bot li{
				padding-right:2px;
				background:url(images/footer_trenner.jpg) right 0 no-repeat;
			}
			
			#footer li.last{padding-right:0; background:none;}
			
			p#legal{
				position:absolute;
				bottom:2px;
				left:357px;
				color:#717171;
				font-size:9px;
				line-height:19px;
				text-align:center;
			}
			
				p#legal a{color:#717171; text-decoration:none;}
			/*cloud*/
			.cloud{padding-top:50px;padding-left:261px;}
			.cloud div{width:750px;text-align:justify;margin-top:60px;}
			.cloud div a{text-decoration:none;color:#000000}
			.cloud div a:hover{text-decoration:underline}
			.font13{font-size:13px}.
			.font14{font-size:14px}
			.font15{font-size:15px}
			.font16{font-size:16px}
			.font17{font-size:17px}
			.font18{font-size:18px}
			.font19{font-size:19px}
			.font20{font-size:20px}
			.font21{font-size:21px}
			.font22{font-size:22px}
	#information {
	position:absolute;
	left:5px;
	top:623px;
	width: 180px;
	}

/*-------------------------------Iframe------------------------------------------------------------*/

.topimage{
margin-bottom:38px;
}

ul.iframenav{
width:770px;
}

ul.iframenav li{
float:left;
width:250px;
height:161px;
margin:0;
padding-left:10px;
border-bottom:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
}

ul.iframenav li.first{
	width:248px;
	padding-left:0;
}

ul.iframenav li.last{
	border-right:none;
}

ul.iframenav li.bot{
	height:146px;
	padding-top:15px;
	border-bottom:none;
}

ul.iframenav h4{
	font-size:14px;
	line-height:15.4px;
	color:#423e75;
}

	ul.iframenav h4.pink{color:#bf2266;}
	
ul.iframenav p{
	font-size:11px;
	line-height:15.4px;
	font-weight:bold;
}

ul.iframenav a.btn{
	display:block;
	margin:4px 0 0 100px;
}

ul.iframenav a.btn_ang{
	display:block;
	margin:4px 0 0 73px;
}


/* ---------------------------------------------------*/
*{
margin: 0;
padding: 0;
list-style: none;
}

:focus{
outline: 0;
}

img{
border: 0;
display:block;
}

.static{
position:static;
}

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

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

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

/****************************************************/
/*Imageslider*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 540px;
	height:360px;
	margin:auto;
	margin-bottom:20px;
	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:540px;
}

/* single scrollable item */
.scrollable img {
	width: 540px;
	height:360px;
	}

/* active item */
.scrollable .active {

	position:relative;
	cursor:default;
}