/* @override 

@charset "utf-8";


/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 2;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}

/*structure*/
.clear { clear: both;}
.cont {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.left {
	float: left;
}
.right {
	float: right;
}
.half { width: 46%;}
.third {
	width: 40%;
}
.third2 {
	width: 60%;
}
.third3 {
	width: 60%;
}


header { background: url(images/top-grad.png) bottom; border-bottom: 2px solid #eee;}
header .cont { height: 570px; background: url(images/foto.png) no-repeat left bottom;}
nav { position: absolute; top: 130px; right: 0; font-size: 20px;}
nav li { display: inline-block; padding-left: 20px;}
nav a { text-decoration: none;}
nav a:hover {
	color: #000000;
}
nav .active a { border-bottom: 2px solid #ff6146; color: #484848;}
#logo { width: 427px; height: 68px; background: url(images/logo.png); text-indent: -99999px; position: absolute; left: 0; top: 30px;}
.tel {  position: absolute; top: -5px; right: 0; color: #ff6146; font-size: 18px; background: #f9f9f9; padding: 10px 15px 10px 5px; border: 1px solid #eee; border-radius: 5px; line-height: 1.2;}
.tel span { color: #666; display: inline-block; width: 60px; text-align: right; padding-right: 10px; font-size: 14px;}
.claim { position: absolute; width: 460px; top: 320px; left: 400px; font-weight: normal; font-size: 27px; line-height: 1.2;}
.photos {
	position: absolute;
	width: 756px;
	top: 172px;
	left: 224px;
	height: 128px;
}
.subclaim {
	position: absolute;
	width: 480px;
	top: 450px;
	left: 400px;
}
header a.btn { position: absolute; bottom: 20px; left: 150px;}
#siegel { width: 220px; height: 188px; background: url(images/siegel.png); position: absolute; right: 50px; top: -66px;}
#geprueft { position: absolute; top: 36px;}


footer { background: #f5f5f5; margin: 40px 0 0; padding: 30px 0; font-size: 14px;}
footer h3:first-child { text-transform: uppercase; margin: 0 0 6px; color: #666;}
footer .third2 span { width: 60px; display: inline-block;}
#rruf-form { background: #ff6146 url(images/arrow.png) no-repeat right; margin: 10px 0 0 0; padding: 7px 40px 7px 20px; border-radius: 22px; box-shadow: 0 3px 5px #111; position: relative; width: 490px; height: 30px;}
#rruf-form label { display: none;}
#rruf-form input[type="text"] {
	padding: 2px;
	width: 170px;
	position: absolute;
	bottom: 7px;
	left: 230px;
}
#rruf-form input[type="text"]:nth-child(2) { left: 20px;}
#rruf-submit { position: absolute; right: 40px; width: 74px; height: 30px; background: none; border: none; cursor: pointer; color: #fff;}


.col-head { height: 150px;}
.col-head h2 { text-transform: uppercase; font-size: 30px; line-height: 1.2; padding: 30px 20px 0;}
.field {
	background-color: #f9f9f9;
	padding: 20px;
}
.h300 { height: 270px;}

#pop { position: absolute; top: 460px; width: 100%; background: #ff6146; color: #f9f9f9; padding: 20px 0; box-shadow: 0 0 6px #333}
#pop .cont { width: 670px;}
#pop p { margin-bottom: 12px;}
.popclose { position: absolute; right: 30px; top: 10px; text-indent: -99999px; width: 32px; height: 32px; background: url(images/close.png); cursor: pointer;}


body { }
body, input, textarea {
	color: #666;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	line-height: 1.4;
}


a {
	color: #333;
}
a.btn { background: #ff6146 url(images/arrow.png) no-repeat right; text-decoration: none; color: #fff; padding: 7px 40px 7px 20px; border-radius: 22px; box-shadow: 0 3px 5px #111;}
.orange, a.orange { color: #ff6146;}
.black { color: #484848;}
.upp { text-transform: uppercase;}
.small, .small p { font-size: 14px;}

h2, h3, h4 {
	color: #484848;
}
h3:first-child, h4:first-child { margin-top: 30px;}

.main ul { list-style: disc; padding-left: 20px;}
.main li { padding-bottom: 3px;}

.main p { margin: 6px 0;}

ul.check { padding-left: 0;}
.check li { list-style: none; background: url(images/check.png) no-repeat 0 7px; padding: 4px 0 3px 20px; border-bottom: 1px solid #ddd;}

.main h3 { font-size: 24px; margin: 24px 0 6px;}
h4 { margin: 20px 0 6px; font-size: 16px;}
.field h3:first-child, .field h4:first-child { margin-top: 0;}

table { border-collapse: collapse; width: 100%;}
th { text-align: left; padding: 0 0 10px;}
tr { border-bottom: 1px dashed #ccc;}
td { padding: 3px 0;}
td:nth-child(2) { font-weight: bold; white-space: nowrap;}





/*
ff6146  orange
*/