<!--

@font-face {
    font-family: 'NunitoRegular';
    src: url('fonts/nunito-regular-webfont.eot');
    src: url('fonts/nunito-regular-webfont.eot?iefix') format('eot'),
         url('fonts/nunito-regular-webfont.woff') format('woff'),
         url('fonts/nunito-regular-webfont.ttf') format('truetype'),
         url('fonts/nunito-regular-webfont.svg#webfontpyztH0y2') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlayRegular';
    src: url('fonts/play-regular-webfont.eot');
    src: url('fonts/play-regular-webfont.eot?iefix') format('eot'),
         url('fonts/play-regular-webfont.woff') format('woff'),
         url('fonts/play-regular-webfont.ttf') format('truetype'),
         url('fonts/play-regular-webfont.svg#webfontyfFd6PoN') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlayBold';
    src: url('fonts/play-bold-webfont.eot');
    src: url('fonts/play-bold-webfont.eot?iefix') format('eot'),
         url('fonts/play-bold-webfont.woff') format('woff'),
         url('fonts/play-bold-webfont.ttf') format('truetype'),
         url('fonts/play-bold-webfont.svg#webfontfkckkKCN') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
		background-color: 	#3e3e3e;
		margin-top:			40px;
		margin-left:		0px;
		margin-bottom:	0px;
		text-align:			center;
		font-family: 		'PlayRegular',arial,verdana,sans-serif;
		font-size: 			12px;
		color: 					#000000;
		}

img {
		border: 0;
		}

hr {
		background-color:	#2798d5;
		color:				#2798d5;
		height:				0px;
		}

ul {
	list-style: square;
}
ul li {
	margin-left: -25px;
	}
	
h1 {
	font-size: 18px;
	font-weight: normal;
	}
	
h1.content_headline {
	padding-left: 20px;
	padding-top: 5px;
	}	
	
h2 {
	font-size: 14px;
	font-weight: normal;
	}
	
/* scrollbarer Bereich */

.scrollpane
{
	position: absolute;
	left: 20px;
	top: 40px;
	width: 265px;
	height:250px;
	overflow: auto;
}
				
#horizon {
	background-color: transparent;
	position: absolute;
	left: 0px;
	width: 100%;
	text-align: center;
}

#wrapper {
		margin:				0 auto;
		width:				820px;
		height: 			590px;

		}

#content {
		width:				820px;
		background-color: #ffffff;
		text-align:		left;
		position:			relative;
		height: 			590px;
		-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
		}

#logo {
		position: 		absolute;
		top: 					50px;
		left: 				50px;
		z-index:			50;	
		text-align:		left;
		}

#mobile_logo {
		display: none;
		}
		
#claim {
		position: 		absolute;
		top: 					115px;
		left:					239px;
		z-index:			50;	
		text-align:		left;
		}

#mobile_claim {
		display:			none;
		}
#angebot {
		position: 		absolute;
		top: 					375px;
		left: 				50px;
		z-index:			50;	
		text-align:		left;
		}
		
#illu {
		position: 			absolute;
		top:						170px;
		left:						240px;
		width:					135px;
		height:					300px;
		overflow:				hidden;
		}

#homeillus {
		margin: 				0;
		}	
		
#innercontent {
		position:				absolute;
		top:						170px;
		left:						375px;
		width:					420px;
		height:					300px;
		z-index:				50;	
		color:					#ffffff;
		background-color: #162e58;
		background: #2592cc; /* Old browsers */
		background: -moz-linear-gradient(left,  #2592cc 0%, #162e58 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2592cc), color-stop(100%,#162e58)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #2592cc 0%,#162e58 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #2592cc 0%,#162e58 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #2592cc 0%,#162e58 100%); /* IE10+ */
		background: linear-gradient(left,  #2592cc 0%,#162e58 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2592cc', endColorstr='#162e58',GradientType=1 ); /* IE6-9 */
		font-size:			13px;
		line-height:		18px;
		}

#innercontent_home {
		position:				absolute;
		top:						170px;
		left:						240px;
		width:					555px;
		height:					300px;
		z-index:				50;	
		color:					#ffffff;
		font-size:			13px;
		line-height:		18px;
		}
#innercontent a:link {
		font-weight: normal;
		text-decoration: none;
		color: #ffffff;
	}
	
#innercontent a:active{
		font-weight: normal;
		text-decoration: none;
		color: #ffffff;
	}
			
#innercontent a:visited{
		font-weight: normal;
		text-decoration: none;
		color: #ffffff;
	}
			
#innercontent a:hover{
		font-weight: normal;
		text-decoration: underline;
		color: #51c3ff;
	}	
.content_right {
		position: 	absolute;
		left:				295px;
		top:				40px;
		width:			120px;
		font-size: 	11px;
		color: 			#fff;
		line-height:14px;
		margin-bottom: 15px;
		}
		
.content_right a:link{
		font-weight: normal;
		text-decoration: none;
		color: #2592cc;
	}
		
.content_right a:active{
		font-weight: normal;
		text-decoration: none;
		color: #2592cc;
	}
			
.content_right a:visited{
		font-weight: normal;
		text-decoration: none;
		color: #2592cc;
	}
			
.content_right a:hover{
		font-weight: normal;
		text-decoration: underline;
		color: #2592cc;
	}	
	
.referenzen_navi {
	color: #fff; 
	background-image: url('images/pfeil.png');
	background-repeat: no-repeat;
	background-position: left middle;
	padding-left:20px;
}

#footer {
		position:			absolute;
		left:					310px;
		top:					520px;
		width:				500px;
		font-family: 	'NunitoRegular',arial,verdana,sans-serif;
		color:				#387fb7;
		font-size:		14px;
		position:			relative;
		}

/* link-classes*/

A:link { 
color : #ffffff; 
font-weight: normal;
font-family: 'PlayBold',arial, verdana, sans-serif; 
text-decoration: underline; }

A:visited { 
color : #ffffff; 
font-weight: normal;
font-family: 'PlayBold',arial, verdana, sans-serif; 
text-decoration: underline; }

A:hover {
color: #ffffff;
font-weight: normal;
font-family: 'PlayBold',arial, verdana, sans-serif; 
text-decoration: underline; }

A:active {
color: #ffffff;
font-weight: normal;
font-family: 'PlayBold',arial, verdana, sans-serif; 
text-decoration: underline; }

/* navigation style */

/* buttons, top level, active */

	#navi {			
			position: absolute;
			top: 172px;
			left: 50px;
			font-family:	'PlayRegular',arial, verdana, sans-serif;
			font-size: 		18px;
			line-height: 	30px;
			color: 				#000000;
			z-index:			50;
			}
	#navi  ul {
			list-style: 	none;
			margin: 			0px;
			padding: 			0px;
			border: 			none;
			}
	#navi  li {
			margin: 			0px;
			color: 				#000000;
			}
	#navi ul li a:link {
			display: 			block;
			padding-right:25px;
			color: 				#000000;
			text-decoration:	none;
			font-weight:	normal;
			font-family: 'PlayRegular',arial, verdana, sans-serif; 
			}
	#navi ul li a:visited {
			display: 			block;
			padding-right:25px;
			color: 				#000000;
			text-decoration:	none;
			font-weight:	normal;
			font-family: 'PlayRegular',arial, verdana, sans-serif; 
			}
	#navi ul li a:hover {
			display: 			block;
			padding-right:25px;
			color:				#37709d;
			text-decoration:	none;
			font-weight:	normal;
			font-family: 'PlayRegular',arial, verdana, sans-serif; 
			}	
	#navi ul li a:active {
			display: 			block;
			padding-right:25px;
			color: 				#000000;
			text-decoration:	none;
			font-weight:	normal;
			font-family: 'PlayRegular',arial, verdana, sans-serif; 
			}	

.naviactive {
			color:				#37709d;
		}

-->