/* 
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.wrap {
	margin: 0 auto;
	padding: 61px 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;
}

body#wide div.column-left {
	width:660px;
	float:left;
	padding:20px 0 0 0;
}	

body#wide div.column-right {
	width:180px;
	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;
	clear:both;
}

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 url(../_pix/bg-action.jpg) center 0 no-repeat;
	padding:25px;
	margin-bottom: 20px;
	height: 33px;
	clear:both;
}

div.teaser-top-right {
	background:#e9f3fa url(../_pix/teaser-right-top.jpg) right bottom no-repeat;
	padding: 15px 20px 15px 20px;
	margin-bottom:20px;
}

#wide div.teaser-top-right {
	background:#e9f3fa url(../_pix/teaser-right-top.jpg) right bottom no-repeat;
	padding: 10px 10px 5px 10px;
	margin-bottom:20px;
}

#wide div.teaser-top-right img{
	display:none;
}

div.anbieter-details {
	background:#e9f3fa;
	width: 140px;
	float: right;
	margin: 0 0 10px 20px;
}

/* no scrolling in left column (except in half-left of half-righ) */
div.column-left div.abisz, div.column-left div.faq-box {
	height:auto;
}

div.abisz, div.faq-box, 
div.column-left .half-left div.abisz, div.column-left .half-left div.faq-box,
div.column-left .half-right div.abisz, div.column-left .half-right div.faq-box{
	height:180px;
	overflow:auto;
	border-bottom:1px dotted #6c6c6c;
}

div.column-right div.abisz {
	margin-bottom: 20px;
}



div.item-list {
	margin-bottom: 20px;
}

div.item {
	padding-top: 10px;
	margin-bottom: 10px;
	border-top:1px dotted #145d97;
}

div.item div.text {
	width: 270px;
	float: left;
}

div.header-start {
	background: #e9f3fa url(../_pix/start-intro.jpg) right 0 no-repeat;
	padding: 20px;
	margin-bottom: 20px;
	height: 186px;
}

div.header-wide {
	background: #e9f3fa url(../_pix/header-sub.jpg) right 0 no-repeat;
	padding: 20px;
	margin-bottom: 20px;
	height: 110px;
}

div.header-small{
	background: #e9f3fa url(../_pix/header-sub.jpg) right 0 no-repeat;
	padding: 20px;
	margin-bottom: 20px;
	height: 110px;
}

div.toptarif {
	border: 1px solid #b0cde3;
	padding: 1px;
	background: #fff;
	margin-bottom: 5px;
}

div.column-left div.half-left {
	width: 255px;
	float: left;
	clear:both;
	margin-bottom: 5px;
}

div.column-left div.half-right {
	width: 255px;
	float: right;
	margin-bottom: 5px;
}

#wide div.column-left div.half-left {
	width: 320px;
}

#wide div.column-left div.half-right {
	width: 320px;
}

	
/* Headlines ######################################################### */
.h1, .h2, .h3{
	font-weight:bold;
}

h1, .h1 {
	padding:0;
	margin:25px 25px 0 0;
	font-size:2.1em;
	font-weight:normal;
	line-height:1em;
	color:#6a9dc5;
	text-align:left;
}

h2, .h2, 
h3, .h3{
	padding-bottom:15px;
	margin:0;
	font-size:18px;
}

h3, .h3{
	font-size:18px;
}

.column-left p.bodytext a.internal-link, a.glossar, .glossar dfn{
	color:#666666;
	font-style:normal;
	text-decoration:underline;
}

.blue, .grey, .red{
	text-transform:uppercase;
	padding: 7px 0 7px 20px;
	margin:0;
	font-size:1.1em;
	line-height: 14px;
	text-align:left;
	font-weight:bold;	
	clear:both;
}

h2.blue, p.blue {
	background:url(../_pix/arrow-box-blue.gif) 0 8px no-repeat;
	color:#6a9dc5;
}

.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, p.red {
	background:url(../_pix/arrow-box-red.gif) 0 8px no-repeat;
	color:#c86f79;
}		
	
.header-start h2, .header-wide h2, .header-small h2, 
.header-start .h2, .header-wide .h2, .header-small .h2  {
	text-transform:none;
	padding:0 0 15px 0;
	margin:0;
	font-size:2em;
	font-weight: bold;
	color:#145d97;
	line-height:1em;
}	

.header-start h2, .header-small h2,
.header-start .h2, .header-small .h2 {
	width: 380px;
}	

.header-wide h2,
.header-wide .h2{
	width: 430px;
}

	
div.intro div h2, div.intro-uebersicht h2, div.intro-details h2, div.intro-form h2, h2.main,
div.intro div .h2, div.intro-uebersicht .h2, div.intro-details .h2, div.intro-form .h2, .h2.main {
	font-size:1.6em;
	text-transform:none;
	padding:0 0 2px 0;
	margin:0;
}

div.teaser-top-right h3,
div.teaser-top-right .h3 {
	font-size: 1.3em;
	padding: 0 10px 10px 0;
	margin: 0;
	color:#145d97;
	line-height:1.1em;
	text-align: center;
}

.teaserlist div.teaser h3,
.teaserlist div.teaser .h3 {
	font-size:1em;
	padding: 0;
	margin:0;
}

div.text-list div.main h3,
div.text-list div.main .h3 {
	width:450px;
	float:right;
	padding:0 0 5px 0;
	margin:0;
	font-size:1em;
}

div.text-list ul li h3,
div.text-list ul li .h3 {
	margin:0;
	padding: 0;
	font-size:1em;
}

div.item div.text h3,
div.item div.text .h3 {
	font-size:1.3em;
	padding: 0 0 3px 0;
	margin: 0;
}

div.full-text h2,
div.full-text h2 {
	line-height: 1em;
	margin-bottom:15px;
}

div.faq-box h2,
div.faq-box .h2 {
	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:547px;
	height:50px;
	float:left;
	text-indent:-1000em;
	background:url(../_pix/logo.gif) 0 0 no-repeat;
	margin:20px 0 0 20px;
}

#header h1{
	font-size:1.7em;
	height:25px;
	overflow:hidden;
	text-align:right;
}

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.header-start a.action, div.header-small a.action  {
	background:url(../_pix/bg-angebot-anfordern.gif) 0 0 no-repeat;
	height:22px;
	width:206px;
	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.header-start a.action {
	margin: 30px 0 0 0;
	float: right;
}

div.header-small a.action {
	font-size:1em;
	width:135px;
	position:absolute;
	margin:85px 0 0 337px;
}

#wide div.header-small a.action {
	margin-left:466px;
}

div.action-anbieter a:link, div.action-anbieter a:active, div.action-anbieter a:visited  {
	margin: 0 10px 0 0;
	float: left;
}

div.action-anbieter a.zum-anbieter:link, div.action-anbieter a.zum-anbieter:active, div.action-anbieter a.zum-anbieter:visited {
	background:url(../_pix/bg-zum-anbieter.gif) 0 0 no-repeat;
	width: 160px;
}

div.toptarif a.blue:link, div.toptarif a.blue:visited, div.toptarif a.active {
	height: 17px;
	background: #145d97 url(../_pix/arrow-box/blue-right.right) right 0 no-repeat;
	color: #fff;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	text-align: center;
	line-height: 12px;
	text-decoration: none;
	padding:5px 0 0 0;
	font-size:12px;
	text-transform:none;
}

div.toptarif a.blue:hover {
	text-decoration: underline;
}

a.more:link, a.more:visited, a.more:active {
	background:url(../_pix/bg-more.gif) right 0 no-repeat;
	height:22px;
	width:100px;
	padding:5px 0 0 5px;
	display:block;
	color:#fff;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
	float: right;
} 

a.more:hover {
	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.2em;
	margin:0;
	padding:0 25px 0 0;
}

.teaserlist div.teaser p {
	padding:3px 0 0 0;
}

div.header-start p {
	color:#6a9dc5;
	width: 300px;
	clear: both;
}

div.header-small p {
	color:#6a9dc5;
	width: 300px;
	clear: both;
}

div.header-small p.medium {
	float:left;
}


div.toptarif img {
	float:left;
	margin-top:16px;
	margin-left:2px;
}

div.toptarif p {
	padding: 5px 5px 5px 66px;
	background-position: 5px bottom;
	background-repeat: no-repeat;
}


body#wide div.toptarif p {
	padding: 5px;
	background: none;
}

div.header-wide p {
	color:#6a9dc5;
	width: 430px;
	clear: both;
}

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, div.item div.text p {
	padding:0;
}

div.abisz p {
	background:#E9F3FA;
	padding:3px;
	font-weight:bold;
	margin:3px 0;
	color:#145D97;
}

div.anbieter-details p.logo {
	padding: 15px 10px;
	text-align: center;
}
	
div.anbieter-details p.item {
	border-top: 1px dotted #145d97;
	padding: 5px 10px;
}
	
div.anbieter-details p.item span {
	color:#6a9dc5;
	font-size: 0.85em;
	text-transform: uppercase;
}
	

/* Navigation ######################################################### */
.mainnav{
	position:absolute;
	top:110px;
}


.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;	
}
	
.item img {
	float:left;
	margin: 0 15px 0 0;
	padding: 5px;
	border: 1px solid #b0cde3;
}
	
.anbieter-details img {
	background: #fff;
	padding: 5px;
	border: 1px solid #b0cde3;
}

.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;
}

div.column-left div.half-left img, div.column-left div.half-right img {
	border-bottom:1px dotted #6c6c6c;
	margin-bottom: 5px;
}

div.full-text img.pic {
	float: right;
	margin: 0 0 10px 20px;
}

div.column-left div.half-left a.internal-link, div.column-left div.half-right a.internal-link{
	color:#145D97;
}

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

	

/* Lists ######################################################### */
	
	
.header-start ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width: 230px;
	float: left;
}
	
.header-start ul li {
	padding: 3px 0 3px 24px;
	font-size: 1.3em;
	line-height: 17px;
	color: #145d97;
	margin: 0;
}
	
.header-start ul li.one {
	background: url(../_pix/list-number1.gif) 0 2px no-repeat;
}
	
.header-start ul li.two {
	background: url(../_pix/list-number2.gif) 0 2px no-repeat;
}
	
.header-start ul li.three {
	background: url(../_pix/list-number3.gif) 0 2px no-repeat;
}


/*
div.csc-default ul{
	margin:0;
	padding:0 0 15px 0;
	list-style-type:none;
	clear:both;
}

div.csc-default ul li{
	background:url(../_pix/arrow-blue-right.gif) 0px 4px no-repeat;
	padding:0px 0 0 12px;
	margin:0
}
*/

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;
}

div.abisz ul, div.word-list ul {
	margin:0;
	padding:10px;
	list-style-type:none;
}

div.abisz ul li {
	margin:0;
	padding:0 0 3px 10px;
	background:url(../_pix/arrow-blue-right.gif) 0 4px no-repeat;
}

div.word-list ul {
	padding-bottom: 20px;
}


div.word-list ul li {
	margin: 0;
	padding: 2px 3px 3px 10px;
	background: url(../_pix/arrow-blue-right.gif) 0 6px no-repeat;
	width: 157px;
	display: block;
	float: left;
}	
	


/* 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;
}

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;
}

/* Boxlink ######################################################### */
.boxlink{
	padding:10px;
	background-color:#E9F3FA;
	border-bottom:1px dotted #6c6c6c;
}

.column-right .boxlink{
	top:-20px;
	position:relative;
}

.boxlink a{
	text-decoration:underline;
	font-weight:bold;
	padding-left:10px;
}

/* Sitemap ######################################################### */

.tx-flseositemap-pi1 ul{
	list-style-type:none;
	padding-left:10px;
}

.tx-flseositemap-pi1 li{
	background:url(../_pix/arrow-blue-right.gif) 0px 5px no-repeat;
	padding-left:10px;
	padding-bottom:3px;
}

/* Google Adsense  ################################################### */

.adsense{
	float:left;
}

.square{
	width:250px;
	height:250px;
	margin:0px 10px 10px 0px;
}