/* 

Kai Brach

brizk design (www.brizk.com)

*/



/* Basics ######################################################### */



body {

	text-align: left;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 0.75em;

	padding:0;

	margin:0;

	border: 0;

	color: #000;

	background:#cbe2f3 url(../_pix/bg.jpg) center top repeat-y;

	line-height: 1.4em;

	}



div#header {

	margin: 0 auto;

	padding: 0;

	width:905px;

	height:90px;

	overflow:hidden;

	}

div#header p.h1{
	margin:25px 0px 0px 0px;
	font-size:2.1em;
}

div.wrap {

	margin: 0 auto;

	padding: 20px 25px 20px 20px;

	width:860px;

	text-align:left;

	background:#ffffff url(../_pix/bg-shadow.gif) right top repeat-y;

	}



div.mainnav {

	border-bottom:7px solid #c92c3f;

	}	



div.intro {

	margin-top:20px;

	height:350px;

	background:#e9f3fa url(../_pix/image-start.jpg) left bottom no-repeat;

	}



.intro div {

	width:287px;

	float:right;

	padding:20px 20px 0 0;

	display:inline;

	}



div.article-teaser {

	width:660px;

	margin-top:20px;

	float:left;

	}	



div.teaser-line {

	border-bottom:1px dotted #6c6c6c;

	padding:10px 0;

	}



.teaser-line div.left {

	width:320px;

	float:left;

	}



.teaser-line div.right {

	width:320px;

	float:right;

	}



.teaser-line div .teaser-box p {

	padding:0;

	width:240px;

	float:right;

	}	



.teaser-line div .teaser-text p a {

	font-weight:bold;

	}	



div.fv-banner {

	width:180px;

	margin-top:20px;

	float:right;

	}	



div.footer {

	background:#145d97;

	clear:both;

	margin-top:20px;

	}	

	

div.footer p {

	width:250px;

	float:right;

	padding:6px;

	text-align:right;

	color:#82aecf;

	}	



div.logo-footer {

	margin: 0 auto;

	padding: 20px 25px 20px 20px;

	width:860px;

	text-align:left;

	background:url(../_pix/bg-shadow-footer.gif) 0 0 no-repeat;

	}	



div.angebot {

	background:#e9f3fa;

	padding:10px;

	border-top:1px solid #ffffff;

	border-bottom:1px solid #b4cde1;

	}



div.column-left {

	width:530px;

	float:left;

	padding:20px 0 0 0;

	}	



div.column-right {

	width:310px;

	float:right;

	padding:20px 0 0 0;

	}



div.teaserlist {

	padding-bottom:15px;

	}



.teaserlist div.teaser {

	padding:10px 0;

	border-bottom:1px dotted #6c6c6c;

	color:#535353;

	}



div.intro-uebersicht {

	background: #e9f3fa url(../_pix/intro-uebersicht.jpg) right top no-repeat;

	height:159px;

	padding:25px 260px 20px 20px;

	color:#6a9dc5;

	margin-bottom:20px;

}



div.intro-details {

	background: #e9f3fa url(../_pix/bg-intro-details.jpg) right top no-repeat;

	height:65px;

	padding:25px 260px 20px 20px;

	color:#6a9dc5;

	margin-bottom:20px;

}



div.intro-form {

	background: #e9f3fa url(../_pix/bg-intro-form.jpg) right top no-repeat;

	height:65px;

	padding:25px 260px 20px 20px;

	color:#6a9dc5;

	margin-bottom:20px;

}



div.text-list div.main {

	margin:10px 0 0 0;

}



div.action {

	background:#e9f3fa;

	padding:10px;

}



div.teaser-top-right {

	background:#e9f3fa url(../_pix/teaser-right-top.jpg) right bottom no-repeat;

	padding:20px;

	margin-bottom:20px;

}



div.abisz {

	height:170px;

	overflow:auto;

	margin-bottom:20px;

	border-bottom:1px dotted #6c6c6c;

}



div.faq-box {

	background:#e9f3fa;

	width:250px;

	float:right;

	margin:0 0 10px 20px;

}

	

/* Headlines ######################################################### */		





h1 {

	padding:0;

	margin:25px 25px 0 0;

	font-size:2.1em;

	font-weight:normal;

	letter-spacing:-1px;

	line-height:1em;

	color:#6a9dc5;

	text-align:right;

	}



h2 {

	text-transform:uppercase;

	letter-spacing:1px;

	padding: 7px 0 7px 20px;

	margin:0;

	font-size:1.1em;

	}



h2.blue, p.blue{

	background:url(../_pix/arrow-box-blue.gif) 0 8px no-repeat;

	color:#6a9dc5;

	}



h2.grey {

	background:url(../_pix/arrow-box-grey.gif) 0 8px no-repeat;

	color:#6c6c6c;

	border-bottom:1px dotted #6c6c6c;

	border-top:1px dotted #6c6c6c;

	}



h2.red {

	background:url(../_pix/arrow-box-red.gif) 0 8px no-repeat;

	color:#c86f79;

	}	

	

p.grey, p.blue{

	text-transform:uppercase;

	letter-spacing:1px;

	padding: 7px 0 7px 20px;

	margin:0;

	font-size:1.1em;

	font-weight:bold;

}	

	

.intro-sub h2, .intro-prod h2, .article-intro h2 {

	text-transform:none;

	letter-spacing:normal;

	padding:0 0 15px 0;

	margin:0;

	font-size:1.8em;

	font-weight:normal;

	color:#145d97;

	line-height:1.1em;

	}	



.teaser-line div div.teaser-box h3 {

	background:#c92c3f;

	text-transform:uppercase;

	display:inline;

	float:left;

	color:#ffffff;

	font-size:0.8em;

	letter-spacing:1px;

	padding: 0 2px;

	margin:0 0 1px 0px;

	}



.itemlist div.item h3 {

	width:310px;

	font-size:1em;

	float:right;

	padding: 0;

	margin:0;

	}	



.teaserlist div.teaser h3 {

	font-size:1em;

	padding: 0;

	margin:0;

	}	

	

div.intro div h2, div.intro-uebersicht h2, div.intro-details h2, div.intro-form h2, h2.main, div.intro-uebersicht b {

	font-size:1.6em;

	text-transform:none;

	padding:0 0 2px 0;

	margin:0;

	letter-spacing:0;

}


div.intro-uebersicht b{
	color:#145D97;
	font-size:2.2em;
}

div.intro-uebersicht h2, div.intro-details h2,  div.intro-form h2, div.intro-details b {

	font-size:2.2em;

	color:#145d97;

	padding:0 0 15px 0;

	letter-spacing:-1px;

}



h2.main {

	font-size:1.7em;

	color:#000;

	padding:0 0 10px 0;

	margin:0 0 15px 0;

	border-bottom:1px dotted #6c6c6c;

	line-height:1.1em;

}



div.text-list div.main h3 {

	width:450px;

	float:right;

	padding:0 0 5px 0;

	margin:0;

	font-size:1.3em;

}



div.text-list ul li h3 {

	margin:0;

	padding: 0;

	font-size:1em;

}



div.full-text h2 {

	margin-bottom:15px;

}



div.faq-box h2, div.faq-box p{

	color:#145d97;

	border-bottom:1px dotted #145d97;

	background:url(../_pix/question-list.gif) 6px 8px no-repeat;

	padding-left:25px;

	margin:0;

}





/* Links ######################################################### */	



a:link,  a:visited, a:active {color:#145d97; text-decoration:underline}

a:hover {color:#033963; text-decoration:underline}

a:focus {outline:none;}



#header a {

	width:161px;

	height:50px;

	float:left;

	text-indent:-1000em;

	background:url(../_pix/logo.gif) 0 0 no-repeat;

	margin:20px 0 0 20px;

	}



a.button-red {

	background:#d3374a url(../_pix/bg-button-red.jpg) 0 0 repeat-x;

	padding:3px 8px;

	text-decoration:none;

	color:#ffffff;

	font-weight:bold;

	border-bottom:1px solid #921726;

	border-right:1px solid #921726;

	border-top:1px solid #e2929b;

	border-left:1px solid #e2929b;

	float:left;

	display:inline;

	}

	

a.button-red span {

	background: url(../_pix/arrow-white-right.gif) 5px 3px no-repeat;

	padding-left:15px;

	padding-right:5px;

	}



a.button-blue {

	background:#cbe2f3;

	padding:3px 8px;

	text-decoration:none;

	font-weight:bold;

	border-bottom:1px solid #6a9dc5;

	border-right:1px solid #6a9dc5;

	border-top:1px solid #ebf5fd;

	border-left:1px solid #ebf5fd;

	float:left;

	display:inline;

	}

	

a.button-blue span {

	background: url(../_pix/arrow-blue-right.gif) 5px 3px no-repeat;

	padding-left:15px;

	padding-right:5px;

	}



a.button-red-large {

	background:#d3374a url(../_pix/bg-button-red-large.jpg) 0 0 repeat-x;

	padding:5px 7px;

	text-decoration:none;

	color:#ffffff;

	font-weight:bold;

	border-bottom:1px solid #921726;

	border-right:1px solid #921726;

	border-top:1px solid #e2929b;

	border-left:1px solid #e2929b;

	float:left;

	font-size:1.3em;

	display:inline;

	}

	

a.button-red-large span {

	background: url(../_pix/check-button-large.gif) 0 0 no-repeat;

	padding-left:25px;

	padding-right:5px;

	}

	

a.button-red:hover, a.button-blue:hover, a.button-red-large:hover {

	text-decoration:none;

	}	

	

a.button-red:hover, a.button-red-large:hover  {

	color:#ffffff;

	}	



div.intro div a {

	text-decoration:none;

}



div.action a, div.action a:link, div.action a:visited, div.action a:active , div.teaser-top-right a.action {

	background:url(../_pix/bg-angebot-anfordern.gif) 0 0 no-repeat;

	height:22px;

	width:246px;

	padding:8px 0 0 24px;

	display:block;

	margin-left:120px;

	color:#fff;

	font-size:1.2em;

	line-height:1em;

	text-decoration:none;

	font-weight:bold;

} 



div.teaser-top-right a.action {

	margin:0;

}

	



a.glossar, .glossar dfn{

	color:#666;

	font-style:normal;

	text-decoration:underline;

}



	

/* Fonts ######################################################### */



.font-grey {color:#535353;}

.font-small {font-size:0.9em; line-height:1.3em}	



p {

	margin:0;

	padding:0 0 15px 0;

	}



#header p {

	text-align:right;

	color:#6a9dc5;

	font-size:1.3em;

	margin:0;

	padding:0 25px 0 0;

	}



.teaserlist div.teaser p {

	padding:3px 0 0 0;

}

	

div.intro div p {

	padding:0;

}



div.intro-uebersicht p.txt {

	padding:0 40px 18px 0;

}



div.intro-form p.txt {

	padding:0 20px 18px 0;

	font-size:1.2em;

	font-weight:bold;

}



div.intro-uebersicht span.info {

	background:url(../_pix/bg-informieren.gif) right top no-repeat;

	color:#fff;

	padding:3px 23px 4px 7px;

	line-height:15px;

}



div.intro-uebersicht span.angebot {

	background:url(../_pix/bg-angebot.gif) right top no-repeat;

	color:#fff;

	padding:3px 23px 4px 7px;

	line-height:15px;

}



div.text-list div.main p {

	width:450px;

	float:right;

	padding:0;

}



div.text-list ul li p {

	padding:0;

}



div.teaser-top-right p.headline {

	font-weight:bold;

	font-size:1.2em;

	line-height:1.3em;

	padding-right:100px;

	color:#145d97;

}



div.teaser-top-right p.txt {

	padding-right:100px;

	color:#6a9dc5;

}



div.abisz p {

	background:#eeeeee;

	padding:3px;

	font-weight:bold;

	margin:3px 0;

}



/* Navigation ######################################################### */



.mainnav ul {

	padding:0;

	margin:0;

	list-style-type: none;

	background:url(../_pix/bg-nav.gif) 0 3px repeat-x;

	width:860px;

	height:33px;

	}	

		

.mainnav ul li {

	display:inline;

	}

		

.mainnav ul li a, .mainnav ul li a:visited, .mainnav ul li a:active {

	padding:6px 10px 4px 10px;

	margin:3px 0 0 0;

	color:#ffffff;

	float:left;

	height:20px;

	font-weight:bold;

	display:block;

	text-decoration:none;

	background:#145d97;

	border-left:1px solid #013f71;

	border-right:1px solid #347db6;

	}	



.mainnav ul li.current a, .mainnav ul li.current a:visited, .mainnav ul li.current a:active {	

	font-size:1.2em;

	background:url(../_pix/bg-nav-current.gif) left bottom repeat-x;

	height:23px;

	margin:0;

	padding:9px 10px 1px 10px;

	border:none;

	border-bottom:1px solid #c92c3f;

	}



.mainnav ul li a:hover {

	text-decoration:underline;

	color:#ffffff;

	}

	

.footer ul {

	padding:0;

	margin:0;

	list-style-type: none;

	width:400px;

	}	

		

.footer ul li {

	display:inline;

	}

		

.footer ul li a, .footer ul li a:visited, .footer ul li a:active {

	padding:6px 12px;

	margin:0;

	color:#ffffff;

	float:left;

	font-weight:bold;

	display:block;

	text-decoration:none;

	border-left:1px solid #013f71;

	border-right:1px solid #347db6;

	}



.footer ul li a:hover {

	text-decoration:underline;

	color:#ffffff;

	}

	

/* Images ######################################################### */	



img {

	border:0;

	}





img.shade {

	border-right:1px solid #c6c6c6;

	border-bottom:1px solid #c6c6c6;	

	}

	

.itemlist div.item img {

	float:left;

	}



.teaserlist div.teaser img {

	float:right;

	margin:0 0 5px 10px;

	}

	

div.intro-prod img {

	float:right;

	margin:0;

	}



img.article-top {

	margin:20px 0;

	}	

	

div.article-intro img {

	float:left;

	}

	

.teaser-line div div.teaser-box img {

	float:left;

	}

	

div.text-list div.main img {

	border-right:1px solid #c6c6c6;

	border-bottom:1px solid #c6c6c6;

	float:left;

}





/* Tables ######################################################### */



	



/* Lists ######################################################### */

	

	

.intro div ul {

	margin:0;

	padding:0;

	list-style-type:none;

	border-top:1px dotted #74a1c4;

}

	

.intro div ul li {

	background:url(../_pix/arrow-box-blue-right.gif) 0 11px no-repeat;

	padding:5px 0;

	border-bottom:1px dotted #74a1c4;

	color:#6a9dc5;

	padding:10px 0 10px 20px;

}



div.text-list ul {

	margin:0;

	padding:0 0 25px 0;

	list-style-type:none;

	clear:both;

}



div.text-list ul li {

	background:url(../_pix/arrow-blue-right.gif) 0px 16px no-repeat;

	padding:12px 0 0 9px;

	margin:0

}



div.faq-box ul {

	margin:0;

	padding:10px 10px 3px 10px;

	list-style-type:none;

}



div.faq-box ul li {

	margin:0;

	padding:0 0 10px 10px;

	background:url(../_pix/arrow-blue-right.gif) 0 4px no-repeat;

}



/* Forms ######################################################### */



form {

	padding:20px;

	margin:0;

	background:#e9f3fa;

	}

	

form p {

	clear:both;

	padding:0 0 10px 0;

	color:#6a9dc5;

}



form div.yes {

	background:url(../_pix/check-list.gif) 5px 1px no-repeat;

	padding:0 0 15px 25px;

	color:#6a9dc5;

	margin:0 0 15px 0;

	border-bottom:1px dotted #145d97;

}



form p label {

	float:left;

	width:150px;

	padding:3px 15px 0 0;

	text-align:right;

	font-size:0.85em;

	text-transform:uppercase;

	letter-spacing:1px;	

}



form p label span {

	color:#c92c3f;

}



form p input, form p select {

	float:left;

}



form p select#beruf {

	width:200px;

}



form p input#datenschutz {

	width:10px;

	float:none;

	border:none;

	padding:0;

	width:auto;

	background:none;

}



input.geb1 {

	width:20px;

	float:none;

}



input.geb2 {

	width:40px;

	float:none;

}



input.plz {

	width:50px;

	float:none;

}



input.ort {

	width:140px;

	float:none;

}



div.bday {

	width:220px;

	float:left;

	border:1px solid #444;

}



form input, form select {

	font-family:Arial, Helvetica, sans-serif;

	font-size:1em;

	padding:2px;

	border:1px solid #b4cee2;

	background:url(../_pix/bg-input.gif) 0 0 no-repeat;

}



form input.submit {

	background:url(../_pix/bg-button-red-large.jpg) left bottom repeat;

	width:200px;

	color:#fff;

	font-size:1.2em;

	line-height:1em;

	font-weight:bold;

	cursor:pointer;

	border:1px solid #c92c3f;

}



form input.large {

	width:200px;

}

	

.intro-sub select {

	width:330px;

	border:3px solid #b4cde1;

	}

	

	

/* Misc ######################################################### */		



.clearfix:after {

    content:"."; 

    display:block; 

    height:0; 

    clear:both; 

    visibility:hidden;

}

.clearfix {

    display:inline-block;

}

.clearfix {

    display:block;

}

* html .clearfix {

    height:1px;

}



.float-left {

	float:left;

	}



.float-right {

	float:right;

	}	



.clear {

	clear:both;

	}	



.center {

	text-align:center;

	}

	

/* Google AdSense */

.googleAdds{

	float:left;

	width:270px;

	height:270px;

	padding:0px;

	float:left;

	background-color:#fff;

}

/* Introtext */

#introtext{
	width:840px;
	margin:0px auto 0px auto;
}

#introtext .text{
	width:840px;
	position:absolute;
	top:790px; /* depends on the lenghts of the text */
	background-color:#FFF;
	color:#6E9ABD;
}

#introtext .text a{
	color:#6E9ABD;
}

.start div.wrap{
	padding-bottom:180px;  /* depends on the lenghts of the text */
}

.start .footer {
	position:relative;
	top:160px;
}