/*
	Autor:    OH
	Erstellt: 01.09.2008
	Geändert: 11.09.2008
	Haupt-Stylesheet IVK
*/

*
{
	font-family: helvetica;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

html
{
	width: 100%;
	height: 100%;
}

html body
{
	font-size: 80%;
	height: 100%;
	width: 100%;
	/* background-color: #CCDAE4; */
	background-color: #A5AFB9;
}

/* Tabelle um die ganze Zeite zwecks vertikaler Zentrierung */
table#container
{
	width: 100%;
	height: 100%;
}

/* Seiten-Container */
#page
{
	width: 993px;
	margin: 0 auto;
	text-align: left;
	background-color: white;
}

/* Haupt-Navigation */
#page #nav_main
{
	float: left;
	width: 178px;
	height: 498px;
	padding-top: 115px;
	padding-left: 15px;
	padding-right: 7px;
	background-color: #003366;
	color: white;
}

#page #nav_main li
{
	list-style: none;
	border-top: 1px solid #BED5E3;
	padding-top: 9px;
	padding-bottom: 9px;
}

#page #nav_main a
{
	color: white;
	letter-spacing: 1px;
}

#page #nav_main a:hover
{
	color: #99CCFF;
	text-decoration: none;
}

#page #nav_main a.aktiv
{
    color: #99CCFF;
}

#page #nav_main #nav_aktionen
{
	margin-top: 200px;
}

#page #nav_main #nav_aktionen input
{
	height: 20px;
	width: 130px;
	padding: 0; margin: 0;
	margin-right: 1px;
	border: 1px solid #003366;
}

#page #nav_main #nav_aktionen a
{
	letter-spacing: 0;
}

#nav_main .hint_versicherungskollegen
{
	color: #FB0200;
	font-size: 85%;	
}

/* Inhaltsbereich neben Nav */
#page #content
{
	height: 613px;
	vertical-align: top;
	margin-left: 200px;
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
}

/* Bereich für Flash-Animationen */
#page #content #flash
{
	height: 300px;
}

/* Text-Bereich unter Flash */
#page #content #text
{
	height: 284px;
	padding-top: 0px;
}

/* Allgemeiner Text einer Rubrik */
#page #content #rubrik_text
{
	height: 259px;
	overflow: auto;
	padding: 10px;
	background-color: #E8EEFC;
	font-size: 90%;
}

#page #content #rubrik_text.mit_subnav
{
	width: 470px;
	margin-right: 275px;
}

/* Subnavigation im Content */
#page #content #subnav
{
	float: right;
	width: 245px;
	height: 259px;
	padding: 10px;
	margin-right: 5px;
	background-color: #E8EEFC;
	overflow: auto;
}

#page #content #subnav li
{
	padding-bottom: 1px;
	background-image: url(../files/images/dreieck_rot.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-left: -15px;
	list-style: none;
}

/* Fußzeile im Content */
#page #content #footer
{
	text-align: center;
	padding-top: 7px;
	color: black;
}

#page #content ul
{
	margin-left: 15px;
}

#page #content div.artikel
{
	/* clear: both; */
	padding-top: 25px;
}

#page #content div.artikel .titel
{
	width: 500px;
	height: 20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
/*	background-image: url(../files/images/verlauf.jpg);
	background-repeat: no-repeat;
	background-position: 0 3px;
*/
}

#page #content div.artikel .titel h1
{
	font-size: 120%;
	color: black;
	font-style: italic;
}

#page #content div.artikel img.artikel
{
	margin-bottom: 5px;
	border: 1px solid #800404;
}

#page #content div.artikel .layout_2 img.artikel
{
	float: right;
	margin-left: 10px;
}

#page #content div.artikel .layout_1 img.artikel, #page #content div.artikel .layout_ img.artikel
{
	float: left;
	margin-right: 10px;
}

.impressum td
{
	vertical-align: top;
	padding-top: 20px;
}

.impressum td.titel
{
	padding-right: 100px;
	font-weight: bold;
}

.impressum table.text td
{
	padding: 0;
	padding-right: 10px;
}

#popup
{
	position: absolute;
	width: 640px;
	height: 480px;
	top: 10%;
	left: 20%;
	padding: 10px;
	background-color: white;
	border: 1px solid gray;
	overflow: auto;
}

#popup ul
{
	margin-left: 15px;
	margin-bottom: 15px;
}

#popup table
{
	border: 1px solid gray;
	border-collapse: collapse
}

#popup table td, #popup table th
{
	border: 1px solid gray;
	padding: 5px;
}

#popup span.abbinder
{
	color: #003366;
	font-weight: bold;
}

#popup #formular table
{
	border: none;
}

#popup #formular table td
{
	border: none;
	width: 250px;
	vertical-align: top;
}

#popup #formular input.text, #popup #formular select, #popup #formular textarea
{
	width: 250px;
}

#popup #formular
{
	margin-top: -10px;
	padding-top: 100px;
	background-image: url(../files/images/hvd_header_angebot.jpg);
	background-repeat: no-repeat;
}

#popup.externe_url
{
	width: 800px;
	height: 600px;
}

#popup.externe_url iframe
{
	width: 800px;
	height: 560px;
}

img
{
	border: none;
}

p
{
	margin-bottom: 13px;
}

input.text, select, textarea
{
	color: black;
	background-color: white;
	border: 1px solid silver;
	height: 20px;
}

textarea
{
	height: 50px;
}

input.button
{
	cursor: pointer;
	background-color: #C8AF10;
	color: white;
	border: none;
	height: 18px;
}

input.button:hover
{
	background-color: silver;
}

a
{
	color: #003366;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.button
{
	color: #C8AF10;
	font-weight: bold;
	background-color: #F1F2F3;
	border: 1px solid #C8AF10;
	padding: 5px;
}

a.button img
{
	vertical-align: middle;
}

a.button:hover
{
	color: #F1F2F3;
	background-color: #C8AF10;
	border: 1px solid gray;
	text-decoration: none;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	color: #003366;
	margin-bottom: 4px;
}

h1.check
{
	background-image: url(../files/images/check.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 25px;
}

h2
{
	font-size: 100%;
	color: #003366;
	margin-bottom: 15px;
}

td, th
{
	text-align: left;
}

ul.punkt_rot li
{
	background-image: url(../files/images/punkt_rot.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	margin-left: -15px;
	list-style: none;
}

ul.dreieck_blau li
{
	background-image: url(../files/images/dreieck_blau.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	margin-left: -15px;
	list-style: none;
}

iframe
{
	width: 100%;
	height: 500px;
	border: none;
}

.suchtreffer a
{
  text-decoration: underline;
}

.suchtreffer li
{
  margin-bottom: 10px;
}

.suchtreffer .markiert
{
  background-color: #003366;
  color: #EEEEEE;
}

#kontakt
{
	text-align: center;
}

#kontakt table
{
	margin: 0 auto;
}

#kontakt td
{
 	padding-bottom: 20px;
 	vertical-align: top;
}

#kontakt .bild
{
	width: 100px;
	height: 115px;
	overflow: hidden;
	border: 1px solid gray;
	margin-right: 30px;
}

#kontakt img
{
	width: 100px;
}

#kontakt .name, #kontakt .taetigkeit
{
	width: 100px;
	text-align: left;
	line-height: 15px;
}

#popup h2
{
	margin-top: 20px;
	margin-bottom: 5px;
}

#popup hr
{
	height: 1px;
	color: black;
	border: none;
}

#popup #formular table table
{
	border-collapse: collapse;
	border: none;
}

#popup #formular table table td, #popup #formular table table th
{
	padding: 1px;
	border: 1px solid silver;
}

#popup #formular table table th
{
	background-color: #EEEEEE;
	text-align: center;
}

#popup #formular table table td input
{
	border: none;
	width: 125px;
}

/*
#ostern_startseite
{
	position: absolute;
	width: 900px;
	height: 293px;
	margin-top: -15px;
	margin-left: -135px;
	background-image: url(../files/images/HVD-Osterei-internet.gif);
}
*/

#aktion_herbst
{
	position: absolute;
	margin-top: -10px;
	margin-left: -50px;
}

#aktion_herbst img
{
	position: absolute;
	background-color: transparent;
}