
/**************************************************
	abakus24 Microsite
	Stylesheet v1.1
***************************************************


***************************************************
	Global
***************************************************/

* {
	margin: 0;
	padding: 0;
	}

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

body {
	background: #185999 url(../images/body_bg_01.jpg) repeat-x;
	text-align: center;
	padding: 10px;
	color: #333;
	}


/**************************************************
	Dokument-Struktur
***************************************************/

p {
	margin-bottom: 10px;
	line-height: 120%;
	}


/**************************************************
	Listen
***************************************************/

ol {
	margin-left: 12px;
	padding: 0 3px;
	*padding: 0 8px;
	}

ol li {
	margin-left: 5px;
	padding: 5px 0;
	}

ul {
	margin-left: 12px;
	*margin-left: 15px;
	padding: 0 3px;
	}

ul li {
	margin-left: 5px;
	padding: 5px 0;
	}

ul.features li {
	margin-left: 0;
	padding: 2px 0;
	}

ul.liste-doppelpfeil {
	margin: 0 0 0 -7px;
	padding: 0;
	list-style-type: none;
	}

ul.liste-doppelpfeil li {
	padding: 0 0 7px 15px;
	* padding: 0 0 7px 13px;
	background: transparent url(../images/arrow_03.gif) no-repeat 5px 1px;
	}

ul.pipelinks {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	}

ul.pipelinks li {
	margin-left: 0;
	padding: 1px 8px;
	border-left: 1px solid #CCC;
	list-style: none;
	display: inline;
	}

ul.pipelinks li.first {
	border-left: none;
	}


/**************************************************
	Textelemente
***************************************************/

abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted;
	cursor: help;
	}

address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}

blockquote {
	margin: 0 0 0 20px;
	}

cite {
	font-style:italic;
	}
cite:before {
	content: "\"";
	}
cite:after {
	content: "\"";
	}

code {
	font-family: Monaco, Courier, "Courier New", monospace;
	}

em {
	font-style: italic;
	}

hr {
	background-color: #DDD; /* Mozilla 1.4 */
	color: #DDD; /* IE 6 */
	border: #DDD; /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	margin: 10px 0;
	}

strike {
	text-decoration: line-through;
	}

strong {
	font-weight: bold;
	}


/**************************************************
	Grafiken
***************************************************/

img {
	border: 0;
	}


/**************************************************
	Formulare
***************************************************/

form {
	display: inline;
	}

input,
input[type="text"],
input[type="password"],
select,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444;
	padding: 1px 0;
	background-color: #FFF;
	}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	background-color: #FFFFE1;
	}

input[type="checkbox"] {
	margin-right: 5px;
	}

input[type="submit"] {
	font-size: 11px;
	padding: 1px;
	cursor: pointer;
	}

fieldset {
	border: 1px solid #BBB;
	text-align: left;
	margin: 10px 0 5px 0;
	padding: 5px 0 5px 5px;
	* padding: 0 0 5px 5px;
	}

legend {
	font-weight: bold;
	margin: 0;
	* margin: 0 0 0 -7px;
	padding: 0 5px;
	* padding: 0 5px 5px 5px;
	background: #FFF;
	}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px 0;
	}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.button-blau {
	background: #3774AD;
	color: #FFF;
	border-top: #8DBAE4 1px solid;
	border-right: #0A447B 1px solid;
	border-bottom: #0A447B 1px solid;
	border-left: #8DBAE4 1px solid;
	padding: 1px;
	}

.formelement40	{ width:  40px; }
.formelement50	{ width:  50px; }
.formelement60	{ width:  60px; }
.formelement70	{ width:  70px; }
.formelement80	{ width:  80px; }
.formelement100	{ width: 100px; }
.formelement110	{ width: 110px; }
.formelement120	{ width: 120px; }
.formelement170	{ width: 162px; }
.formelement250	{ width: 250px; }

.checkbox-longtext {
	float: left;
	margin: 0 5px 7px 0;
	}

caption.formularblock {
	width: 430px;
	background: #EEEEC5 none;
	padding-top: 5px;
	line-height: 11px;
	font-size: 11px;
	text-indent: 5px;
	border-bottom: 1px solid #FFF;
	}

.formularzeile1 {
	text-align: left;
	vertical-align: top;
	}

.formularzeile2 {
	text-align: left;
	vertical-align: top;
	}

/**************************************************
	Header
***************************************************/

#wrap {
	position: relative;
	margin: 0 auto;
	width: 770px;
	padding: 5px;
	\width: 760px;
	background: #FFF none;
	border: 1px solid #CCC;
	text-align: left;
	}

#header {
	margin-bottom: 5px;
	width: 760px;
	height: 120px;
	background: #336699 url(../images/header_bg_01.jpg) top left repeat-x;
	text-align: left;
	color: #FFF;
	}

#header #logo {
	background: transparent url(http://www.krankenversicherung-info24.de/sites/pkv_vergleich/images/kvi24_logo_01.gif) 5px 5px no-repeat;
	width: 125px;
	height: 50px;
	float: left;
	}

#header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #FFF;
	padding: 30px 0 0 0;
	letter-spacing: -.5px;
	margin-left: 180px;
	}

#header h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #BED3E6;
	margin: 0;
	padding: 0 0 20px 0;
	letter-spacing: -.25px;
	margin-left: 230px;
	}


/**************************************************
	Content
***************************************************/

#main {
	position: relative;
	width: 760px;
	background: #D6E6F5 url(../images/main_bg_01.gif) top center repeat-y;
	}

#content {
	position: relative;
	width: 480px;
	margin: 0 0 0 243px;
	* margin-left: -3px;
	text-align: left;
	padding: 30px 0 0 0;
	}

a {
	text-decoration: underline;
	color: #EC5F35;
	}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #FF6200;
	margin-bottom: 15px;
	padding: 0;
	}

#content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #545454;
	margin: 0;
	padding: 0 0 20px 0;
	}

#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #225208;
	margin: 5px 0;
	}

#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 11px;
	line-height: 15px;
	}


/**************************************************
	Sidebar
***************************************************/

#sidebar {
	width: 240px;
	float: left;
	text-align: left;
	}

#sidebar #sidebar-illu {
	background: #FFF url(../images/sidebar_illu_01.jpg) 0 0 no-repeat;
	width: 200px;
	height: 173px;
	margin-bottom: 5px;
	}

#sidebar #teaser-text {
	width: 192px;
	margin-left: 12px;
	}

#sidebar h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #20507F;
	padding: 12px 0 10px 0;
	}

#sidebar a:link,
#sidebar a:visited,
#sidebar a:hover,
#sidebar a:active {
	text-decoration: underline;
	color: #444;
	}
#sidebar a:hover {
	color: #333;
	}


/**************************************************
	Footer
***************************************************/

#footer {
	background: #CCC none;
	text-align: center;
	border-top: 5px solid #FFF;
	width: 760px;
	}

#footerzelle {
	padding: 10px;
	}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	text-decoration: underline;
	color: #444;
	}
#footer a:hover {
	color: #333;
	}


/**************************************************
	Tabellen
***************************************************/

table.form-table {
	caption-side: top;
	width: 430px;
	border-color: #FFF;
	}
table.form-table caption {
	text-align: left;
	padding-bottom: 10px;
	font-size: 11px;
	}
table.form-table td {
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #FFF;
	font-size: 11px;
	vertical-align: top;
	}
table.form-table td.label-zelle {
	text-align: left;
	font-size: 11px;
	}
table.form-table col.form-labels {
	background-color: #FFF;
	width: 150px;
	}
table.form-table col.form-felder {
	background-color: #FFF;
	width: 260px;
	}

table.form-table span.pflichtfeld {
	color: #EC5F35;
	cursor: help;
	}


/**************************************************
	Pop-ups
***************************************************/

body.popup {
	background: #FFF none;
	}

div.popup-content {
	width: 400px;
	padding: 5px;
	\width: 390px;
	background: #FFF none;
	text-align: left;
	}

div.popup-content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #EC5F35;
	margin-bottom: 10px;
	width: 400px;
	padding: 0;
	}


/**************************************************
	diverse
***************************************************/

.center {
	text-align: center;
	}

.clearboth {
	clear: both;
	}

div.dotted {
	background: transparent url(/images/dots_01.gif) top left repeat-x;
	height: 1px;
	border: none;
	color: #DDD;
	margin: 20px 0;
	}

.float-li {
	float: left;
	}

.float-re {
	float: right;
	}

.hide {
	display: none;
	}

.highlight {
	color: #FF9A00;
	}

.underline {
	text-decoration: underline;
	}

.freecall-pink {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FF0066;
	}
.freecall-grau {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #545454;
	}

.notiz {
	color: #AAA;
	}

.rechts {
	text-align: right;
	}

a.textfarbe {
	color: #333;
	text-decoration: none;
	}
a.textfarbe:hover {
	text-decoration: underline;
	}

.bigtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6200;
	}

