/* Basis CSS für Verbandsloesungen */

/* Hier werden die weiteren CSS-Dateien eingebunden */
@import url(styles_content.css);
@import url(styles_rtetsconfig.css);
@import url(dynamiccss.css); /* Ersetzt das CSS-File für den RTE */
@import url(powermail.css);

/* Reduzierung der Schriftgroesse für body auf 12 px
(Standardschriftgroesse der Browser 16 Pixel).
Im weiteren Verlauf wird für alle Schriftgroessen,
die mittels Style-Switcher veraendert werden sollen,
die Einheit em verwendet (1em = body font-size = 12px) */

html { height: 100.1%; }

body {
	font-size: 12px; /* Damit ist 1em = 12 px*/
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 100.1%;
	background-color: #c7c9c9;
	background-image: url(../images/hg_verlauf.jpg); /* Hier wird der Verlauf-HG definiert */
	background-repeat: repeat-x;
}

* { margin: 0px; padding: 0px; border: 0px;}

/* Listenelemente */
ul, li {
margin-top: 0px;
}

*:focus {
	outline: 0;
}

/* ########################################################################################### */
/* Alles umfassendes Element */


div#wrapper_full {
	width: 830px;
	text-align: left;
	height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;  
	/* Hier wird der Schatten-HG definiert, wenn der HG vom Wrapper aufhört */
	background-image: url(../images/hg_schatten_content_rest.gif);
	background-repeat: repeat-y;
	overflow: visible;
}

div#wrapper {
	min-height: 768px;
	width: 830px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/hg_schatten_content.gif);
	background-repeat: repeat-y;
	overflow: visible;
}

div#wrap_head {
	width: 807px;
	height: 100px;
	padding-left: 11px;
	padding-right: 12px;
	clear: both;
}

div#head_logo {
	width: 285px;
	height: 100px;
	float: left;
}
div#head_right {
	width: 522px;
	height: 100px;
	float: right
}
div#head_right_navi {
	width: 507px;
	height: 80px;
	float: right;
	text-align: right;
	padding-top: 20px;
	padding-right: 15px;
}
div#wrap_navigation {
	width: 785px;
	height: 48px;
	padding-left: 33px;
	padding-right: 12px;
	display: inline;
	float: left;
}
div#wrap_navigation_index {
	width: 785px;
	height: 48px;
	padding-left: 33px;
	padding-right: 12px;
}
div#content_head {
	width: 622px;
	height: 70px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
div#content_head_left {
	width: 33px;
	height: 70px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}
div#content_image {
	width: 163px;
	height: 70px;
	padding-right: 12px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: left;
}
div#special_wrap {
	min-height: 400px;
	margin: 0px;
	padding-bottom: 0px;
	float:left;
}
div#content_main_left {
	width: 33px;
	height: 300px;
	float: left;
}
div#content_main_right {
	width: 33px;
	height: 300px;
	float: right;
}
div#content_main {
	width: 764px;
	min-height: 480px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	overflow: visible;
}
div#naviunten_left {
	width: 33px;
	height: 50px;
	float:left;
}

div#content_main_versicherungsloesung {
	width: 20px;
	min-height: 480px;
	float: left;
	overflow: visible;
}
div#wrap_naviunten {
	width: 454px;
	height: 58px;
	padding-left: 20px;
	padding-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	line-height: 1.4em;
	float: left;
}
div#naviunten_right {
	width: 275px;
	height: 32px;
	padding-left: 0px;
	padding-right: 15px;
	float: left;
	text-align: right;
	padding-top: 33px;
}
div#navi_abstand {
	width: 33px;
	height:65px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div#wrap_footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	width: 785px;
	height: 40px;
	padding-left: 33px;
	padding-right: 12px;
	padding-top: 10px;
	background-image: url(../images/hg_schatten_content_rest.gif);
	background-repeat: repeat-y;
	clear: both;
}

div#wrap_navigation .nav1_lev1_no, div#wrap_navigation .nav1_lev1_act {
	height: 33px;
	float: left;
	padding-top: 15px;
	margin-right: 5px;
	padding-right: 0px;
}
/* Class clear wird benötigt, um den Float nach dem Main zu stoppen */
.clear {
	clear: both;
}
/* ########################################################################################### */
/* Anpassungen für den IE */

* html div#wrapper_full {width: 834px; height: 100% }
* html div#wrapper { width: 834px; height: 768px; }
* html div#wrap_head {width: 830px; height: 100px;}
* html div#head_logo {width: 285px; height: 100px;}
* html div#head_right { width: 522px; height: 100px;}
* html div#head_right_navi { width: 522px; height: 100px; }
* html div#wrap_navigation { width: 830px; }
* html div#wrap_navigation_index {width: 830px;}
* html div#content_main { width:764px; height: 480px;}
* html div#content_head { width: 622px; }
* html div#content_image { width: 179px; }
* html div#content_main_versicherungsloesung {width: 18px; height: 480px;}
* html div#content_main_wrap {padding-left: 0px;}
* html div#wrap_naviunten { width:474px; height: 65px; }
* html div#naviunten_right { width: 290px; height: 65px; }

/* ########################################################################################### */
/* LINKS für wrap-navigation */

/* Definition für die Hauptnavigation */
div#wrap_navigation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #6e6e6e;
	font-weight: bold;
	text-decoration: none;
	/*letter-spacing: 1px;*/
}
/* Definition für die Navigation oben Rechts und für den Footer */
div#head_right_navi a, div#wrap_footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #6e6e6e;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 1px;
}
div#wrap_navigation a:link, div#head_right_navi a:link, div#wrap_footer a:link {
	text-decoration: none;
}
div#wrap_navigation a:visited, div#head_right_navi a:visited, div#wrap_footer a:visited {
	text-decoration: none;
}
div#wrap_navigation a:hover, div#head_right_navi a:hover, div#wrap_footer a:hover {
	text-decoration: none;
	color: #333;
}
div#wrap_navigation a:active, div#head_right_navi a:acitve, div#wrap_footer a:acitve {
	text-decoration: underline;
}
/* Definition für den Rahmen, einmal für Normal, einmal für Aktiv */
div#wrap_navigation .nav1_lev1_no a {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #6E6E6E;
	border-right-color: #6E6E6E;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
}
div#wrap_navigation .nav1_lev1_act a {
	border-top-width: 1px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
}

/* ########################################################################################### */
/* SITEMAP */

#content_main .csc-sitemap > ul >li {
	border: 1px solid #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#content_main .csc-sitemap ul {
	padding-left: 0px;
	list-style-image: none;
	list-style-type: none;
}
#content_main .csc-sitemap ul a, #content_main .csc-sitemap ul a:link, #content_main .csc-sitemap ul a:visited  {
	text-decoration: none;
}
#content_main .csc-sitemap ul a:hover, #content_main .csc-sitemap ul a:active {
	text-decoration: underline;
}
#content_main .csc-sitemap li {
	font-size: 1em;
	padding-left: 10px;
}
/* Damit die Icons vom Browse-Menu auf der Höhe vom Text sind, müssen um 4px raufgeholt werden */
img.browsicon {
	margin-bottom: -4px;
}
/* Graue Farbe für Trennstriche */
.grau {
	color: #666;
}