body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}
html { background: url(/media/img/bg-gradient.gif) repeat-x 0px 140px #809bbf; }
body {
	font: 13px/24px Helvetica, Verdana, Arial, sans-serif;
}
a {
	color: #3b3b40;
	text-decoration: none;
}
a:hover {
	color: #3b3b40;
	border-bottom: 1px dotted #3b3b40;
}
p, ul, h1, h2, h3, form, object, .anchorlink {
	margin: 5px 10px 0 10px;
	padding: 0;
	font-weight: normal;
}
p, ul { margin-bottom: 20px; }
ul {
	margin-left: 24px;
	list-style: disc outside; 
}
h1 {
	font: 24px/36px Helvetica, Verdana, Arial, sans-serif;
}
h2 {
	margin-top: 10px;
	font: 20px/30px Helvetica, Verdana, Arial, sans-serif;
}
h2 a { color: #0d0d0d; }
h3 {
	font: 16px/24px Helvetica, Verdana, Arial, sans-serif;
	color: #3b3b40;
}
input, textarea {
	padding: 0 5px;
	margin: 5px 0;
	display: block;
	font: 12px "Courier New", Courier, Monaco, monospace;
}

.clear.both { clear: both; }
* {
	border: 0px solid #f00;
	outline: #cedaf2;
	-moz-outline-color: #cedaf2;
}

#container-header {
	position: absolute;
	top: 0;
	width: 100%;
	background: url(/media/img/bg-header.gif) repeat-x top center transparent;
}
#header {
	position: relative;
	margin: 0 auto;
	width: 920px;
	height: 140px;
	background: url(/media/img/bg-header.gif) repeat-x top center transparent;
}
#wrapper {
	position: relative;
	width: 100%;
	height:100%;
	overflow-x: hidden;
	overflow-y: scroll;
}
#container-content {
	position: relative;
	margin: 0 auto;
	width: 920px;
}
#content {
	position: relative;
	margin-top: 180px;
	width: 920px;
}

#logo {
	position: absolute;
	top: 40px;
	left: -11px;
}
#star {
	position: absolute;
	width: 79px;
	height: 79px;
	top: -11px;
	right: 2px;
	text-indent: -9999px;
	background: url(/media/img/i4car-star.png) no-repeat right top transparent;
}


/* Format */
#content .colum {
	position: relative;
	margin-top: 160px;
	width: 438px;
	margin: 0;
}
#content .colum.c10 { width: 88px; }
#content .colum.c20 { width: 175px; }
#content .colum.c30 { width: 263px; }
#content .colum.c50 { width: 438px; }
#content .colum.c70 { width: 613px; }
#content .colum.c80 { width: 701px; }
#content .colum.c90 { width: 788px; }

#content .colum.left { float: left; }
#content .colum.right { float: right; }
#content .colum.c30 #star { left: 2px; }
#content .colum.c30 h2 { margin-top: 50px; }
#content .colum.c50 h3 { font: 20px/25px Helvetica, Verdana, Arial, sans-serif; }
#content .colum.c50 p { margin-bottom: 0; }
#content .colum form { margin-left: 0; }
#content .colum.c30 .error { text-transform: uppercase; }
#content .colum.c30 .input,
#content .colum.c30 .error {
	width: 180px;
	margin-left: 11px;
}
#content .colum.c30 .button {
	display: block;
	width: 211px;
	height: 50px;
	margin: 0;
	cursor: pointer;
	text-indent: -9999px;
}
#content .colum.c30 .disabled { cursor: default; }
#content .colum.c30 .submit { background: url(/media/img/bg-bn-submit.png) no-repeat; }
#content .colum.c30 .schadenmeldung { background: url(/media/img/bg-bn-schadenmeldung.png) no-repeat; }
#content .colum.c30 .disabled,
#content .colum.c30 .submit:hover,
#content .colum.c30 .schadenmeldung:hover {
	border: 0;
	background-position: 0px -49px !important;
}

/* Subnavigation */
#content .colum ul.first,
#content .colum ul.first li,
#content .colum ul.first ul,
#content .colum ul.first li ul {
	margin: 0 0 0 11px;
	padding: 0;
	list-style: none;
}
#content .colum ul.first { margin-left: 0; }
#content .colum ul.first .last li {
	margin-bottom: 15px;
	font: 11px/14px Helvetica, Verdana, Arial, sans-serif;
}

/* Lists / Navigations */
#header ul,
#footer ul {
	margin: 0 20px;
	padding: 0;
	list-style: none;
	line-height: 0px;
}
#header ul li, #footer ul li {
	float: right;
	margin: 115px 0 0 10px;
	padding: 0;
	list-style: none;
}
#header ul li { height: 11px; }
#header ul li span, #header ul li a {
	height: 13px;
	font: 11px/11px Helvetica, Verdana, Arial, sans-serif;
	color: #cedaf2;
	text-decoration: none;
}
#header ul li a:hover,
#header ul li .active {
	border: 0;
	color: #3b3b40;
}

#footer ul {
	margin: 64px 0 0 11px;
	padding-bottom: 100px;
}
#footer ul li {
	float: left;
	margin: 16px 0 0 0;
	padding: 0;
	list-style: none;
}
#footer ul .descr {
	font-size: 11px;
	color: #3b3b40;
	float: none;
	display: block;
}
#footer ul li a, a.nav {
	height: 25px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#footer ul li a:hover { background-position: 0px -25px !important; border: 0; }
#footer ul li .allianz { background: url(/media/img/bg-nav-allianz.gif); width: 93px; }
#footer ul li .axa { background: url(/media/img/bg-nav-axa.gif); width: 33px; }
#footer ul li .hannoversche.direkt { background: url(/media/img/bg-nav-hannoversche_direkt.gif); width: 116px; }
#footer ul li .janitos { background: url(/media/img/bg-nav-janitos.gif); width: 89px; }
#footer ul li .sparkassen { background: url(/media/img/bg-nav-sparkassen.gif); width: 30px; }
#footer ul li .concordia { background: url(/media/img/bg-nav-concordia.gif); width: 107px; }
#footer ul li .devk { background: url(/media/img/bg-nav-devk.gif); width: 76px; }
#footer ul li .europa { background: url(/media/img/bg-nav-europa.gif); width: 107px; }
#footer ul li .itzehoer { background: url(/media/img/bg-nav-itzehoer.gif); width: 110px; }
#footer ul li .vhv { background: url(/media/img/bg-nav-vhv.gif); width: 72px; }
#footer ul li .bbv { background: url(/media/img/bg-nav-bbv.gif); width: 67px; }

a.nav { width: 438px; }
a.nav.more {
	margin: 20px 0 0 0;
	height: 50px;
	background: url(/media/img/bg-bn-more.png) no-repeat;
}
a.nav.calc {
	margin: 10px 0 0 0;
	height: 110px;
	background: url(/media/img/bg-bn-calc.png) no-repeat;
}
a.nav.calcsmall {
	margin: 25px 0 0 0;
	width: 225px !important;
	height: 52px;
	background: url(/media/img/bg-bn-calc-small.png) no-repeat;
}
a.nav.stksmall {
	margin: 15px 0 0 0;
	width: 225px !important;
	height: 77px;
	background: url(/media/img/bn-festpreis.png) no-repeat;
}
a.nav:hover,
#star:hover { border: 0; }
a.nav.more:hover { background-position: 0px -50px !important; }
a.nav.calc:hover { background-position: 0px -110px !important; }
a.nav.calcsmall:hover {background-position: 0px -52px !important; }
a.nav.stksmall:hover {background-position: 0px -77px !important; }
#vergleichsrechner {
	border: 0;
	outline: none;
	width: 100%;
	height: 700px;
	overflow: hidden;
	overflow-y: scroll;
}
