/* 
Kai Brach
brizk design (	)
*/

/* Basics ######################################################### */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
	margin: 0; padding: 0; 
} 

body {
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 0;
	color: #4e4e4e;
	background:#cde7f8 url(../_pix/bg.jpg) 0 0 repeat-x;
	line-height: 1.5em;
}	

div.logo {
	background:url(../_pix/logo.jpg) center top no-repeat;
	margin:0;
	padding:130px 0 0 0;
}

div.main-top {
	background:url(../_pix/main-top.jpg) 0 0 no-repeat;
}

div.wrap {
	margin: 0 auto;
	width:990px;
	text-align:left;
	background:url(../_pix/main-bg.gif) 0 0 repeat-y;
	position:relative;
}

div.main-bottom {
	background:#cde7f8 url(../_pix/main-bottom.gif) 0 0 no-repeat;
	padding:20px 0 20px 0;
	text-align:center;
	color:#72a2ca;
}

div.main-top div.left-column {
	width:170px;
	padding:0 10px 0 5px;
	float:left;
}

div.main-top div.middle-column {
	width:610px;
	float:left;
	padding:30px 0 20px 0;
}

div.middle-column div.content {
	padding:10px;
}

div.main-top div.right-column {
	width:160px;
	padding:20px 15px 0 0;
	float:right;
}

div.right-column div.item {
	padding-bottom:10px;
}

div.list-anbieter {
	padding:10px 0;
	border-bottom:1px solid #c7dce9;
}

div.abisz {
	padding:0 7px;
	height:200px;
	margin-right:5px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}

div.teaser-pic {
	width:277px;
	height:175px;
	background-position: 7px 5px;
	background-repeat:no-repeat;
	float:right;
	margin:0 0 5px 15px;
}

div.topteaser {
	padding:10px 10px 0 10px;
	clear:both;
}

div.topteaser div {
	width:485px;
	float:right;
}

div.button {
	padding:0;
	margin:10px 0 20px 0;
	border-top:1px solid #c7dce9;
	position:relative;
}

div.list-anbieter div {
	width:450px;
	float:right;
	padding-right:10px;
}

div.topanbieter {
	background:#fff url(../_pix/teaser-topanbieter.gif) 0 0 no-repeat;
	padding:70px 0 0 0;
	margin:0 0 10px 0;
}

div.faq-box {
	width:270px;
	float:right;
	border:1px solid #c7dce9;
	margin:0 0 5px 10px;
}

div.map-large {
	text-align:center;
	padding:15px;
}

/* Headlines ######################################################### */		


h1 {
	padding:0 0 15px 0;
	margin:0;
	font-size:2em;
	letter-spacing:-1px;
	line-height:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#0b5091;
}

h2, div.full-text div.faq-box h2 {
	border-top:1px solid #c7dce9;
	border-bottom:1px solid #c7dce9;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:0.85em;
	color:#93adbe;
	padding:5px 10px;
	font-weight:normal;
	clear:both;
}

div.full-text div.faq-box h2 {
	border-top:none;
	text-align:center;
}


h3 {
	font-size:1em;
	padding:0;
	margin:0;
}

div.full-text h2 {
	font-size:1.1em;
	padding:0 0 15px 0;
	margin:0;
	letter-spacing:normal;
	text-transform:none;
	border:none;
	color:#0b5091;
}

/* Links ######################################################### */	

a:link,  a:visited, a:active {color:#4b87c0; text-decoration:none; outline:none}
a:hover {color:#0b5091;}

a.logo {
	position:absolute;
	top:-100px;
	left:0;
	width:400px;
	height:80px;
	display:block;
	text-indent:-1111em;
}

a.button:link, a.button:visited, a.button:active {
	width:130px;
	height:25px;
	background:url(../_pix/button.gif) 0 0 no-repeat;
	padding:8px 5px 0 25px;
	display:block;
	color:#fff;
	line-height:17px;
}

a.button:hover {
	text-decoration:underline;
}

div.button a {
	position:absolute;
	top:-17px;
	left:210px;
}

/* Fonts ######################################################### */

.font-grey {color:#878787;}

p {
	padding:0 0 15px 0;
}

div.left-column p.head {
	text-align:center;
	text-transform:uppercase;
	background:#4c87c0 url(../_pix/bg-nav-head.jpg) 0 0 no-repeat;
	height:27px;
	padding:11px 4px 0 4px;
	font-size:0.85em;
	color:#b0cae3;
	letter-spacing:2px;
}


div.abisz p.letter {
	background:url(../_pix/bg-nav.jpg) 0 0 no-repeat;
	padding:2px 5px;
	border-top:1px solid #6ea6da;
	border-bottom:1px solid #26659e;
	margin:0 0 4px 0;
	color:#fff;
	text-transform:uppercase;
}

div.topanbieter p {
	text-align:center;
	padding:0 0 5px 0;
	margin:0 5px 5px 5px;
	border-bottom:1px solid #c7dce9;
}

div.topanbieter p.mehr {
	border:none;
	padding:5px 0 10px 0;
}

/* Navigation ######################################################### */

div.left-column ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

div.left-column ul li {
	padding:0;
	margin:0;
}

ul.nav li a:link, ul.nav li a:visited, ul.nav li a:active {
	width:156px;
	padding:4px 7px 5px 7px;
	background:url(../_pix/bg-nav.jpg) 0 0 no-repeat;
	display:block;
	border-top:1px solid #6ea6da;
	border-bottom:1px solid #26659e;
	color:#fff;
}

ul.nav li a:hover {
	background:#26659e;
}

ul.nav li.current a:link, ul.nav li.current a:visited, ul.nav li.current a:active {
	background:#0b4c89;
}

	
/* Images ######################################################### */	

img {
	border:0;
}

div.topanbieter img {
	margin-bottom:2px;
}

div.list-anbieter img {
	float:left;
	margin-left:10px;
}

div.content img.intext {
	margin:0 0 5px 10px;
	float:right;
}

div.topteaser img {
	float:left;
	border:1px solid #c7dce9;
}

img.regional {
	float:right;
}
	
/* Tables ######################################################### */

table.regional {
	width:200px;
	float:right;
	border:none;
	margin:0 15px 5px 15px;
}

table.regional td {
	text-align:right;
	padding:5px 0;
	border-bottom:1px solid #c7dce9;
}

table.regional td.label {
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:0.85em;
	color:#93adbe;
	text-align:left;
}
	

/* Lists ######################################################### */

div.abisz ul {
	margin:0;
	padding:0 0 5px 0;
	list-style-type:none;
}

div.abisz ul li {
	padding:0;
	background:url(../_pix/bullet-white.gif) 0 7px no-repeat;
}

div.abisz ul li a:link, div.abisz ul li a:visited, div.abisz ul li a:active {
	display:block;
	padding:0 0 0 8px;
	margin:0;
	border:none;
	color:#fff;
	font-size:0.9em;
}

div.abisz ul li a:hover {
	text-decoration:underline;
}

ul.teaser-regional {
	padding:75px 0 0 10px;
	margin:0 0 10px 0;
	height:184px;
	list-style-type:none;
	background:url(../_pix/teaser-regional.gif) 0 0 no-repeat;
}

ul.teaser-regional li {
	background:url(../_pix/bullet-blue.gif) 0 6px no-repeat;
	padding:0 0 0 10px;
	margin:0;
	border:none;
}

ul.teaser-meintensie {
	padding:75px 0 10px 10px;
	margin:0 0 10px 0;
	list-style-type:none;
	background:url(../_pix/teaser-meintensie.gif) 0 0 no-repeat;
}

ul.teaser-meintensie li {
	background:url(../_pix/bullet-blue.gif) 0 6px no-repeat;
	padding:0 0 0 10px;
	margin:0;
	border:none;
}
ul.teaserlist {
	margin:0;
	padding:10px;
	list-style-type:none;
	clear:both;
}

ul.teaserlist li {
	padding:0 0 6px 8px;
	margin:0;
	background:url(../_pix/bullet-blue.gif) 0 6px no-repeat;
}

div.faq-box ul {
	padding:10px 10px 8px 10px;
	margin:0;
	list-style-type:none;
}

div.faq-box ul li {
	padding:0 0 5px 9px;
	background:url(../_pix/bullet-blue.gif) 0 6px no-repeat;
	margin:0;
}

ul.faq {
	padding:10px;
	margin:0;
	list-style-type:none;
}

ul.faq li {
	padding:0 0 5px 20px;
	margin:0;
	background:url(../_pix/bullet-faq.gif) 0 3px no-repeat;
}

/* Forms ######################################################### */

form {
	padding:0;
	margin:0 0 20px 0;
}

		


/* 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;
}

/* glossary link */
a.glossar, .glossar dfn{
	color:#818181;
	font-style:normal;
	text-decoration:underline;
}