html[xmlns^="http"]{
	overflow-y: scroll; /* Mozilla-Scrollbar */
}

html{
	margin:0;
	padding:0;
	color:#000000;
	background-color:#ffffff;
	font-family: arial, verdana, helvetica, lucida, sans-serif;
}

body{
	position: relative;
	width: 1226px;
	margin: 0 auto 0 auto;
	padding:0;
	text-align: center; /* horizontale Zentrierung in alten IEs */
}

div#website{
	position: relative;
	width:1226px;
	text-align: left;
	padding:15px 0 15px 0;
}

/* ############################################################ */
/* #### Raster / Seitenaufteilung ############################# */

div#header{
	margin:0 15px 0 15px;
	height:137px;
	background-image: url(images/bg_header.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
div#signet{
	height:117px;
	overflow:hidden;
	background-position: top right;
	background-repeat: no-repeat;
}

div#columns{
	margin:0 15px 0 15px;
	background-image: url(images/bg_columns.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
body.color1 div#columns{ background-image: url(images/bg_columns_c1.gif); }
body.color2 div#columns{ background-image: url(images/bg_columns_c2.gif); }
body.color3 div#columns{ background-image: url(images/bg_columns_c3.gif); }
body.color4 div#columns{ background-image: url(images/bg_columns_c4.gif); }
body.color5 div#columns{ background-image: url(images/bg_columns_c5.gif); }
body.color6 div#columns{ background-image: url(images/bg_columns_c6.gif); }
body.color7 div#columns{ background-image: url(images/bg_columns_c7.gif); }
body.color8 div#columns{ background-image: url(images/bg_columns_c8.gif); }

div#navcolumn{
	float:left;
	width:220px;
	overflow:hidden;
}
div#contentcolumns{
	float:right;
	width:909px;
	overflow:hidden;
}
div#maincontent{
	float:left;
	width:577px;
	overflow:hidden;
	padding-top:31px;
}
body.eingang div#maincontent{ padding-top:0px; }
div#marginalia{
	float:right;
	width:250px;
	overflow:hidden;
}
div#footer{
	clear:both;
	height:56px;
	background-image: url(images/bg_footer.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
body.color1 div#footer{ background-image: url(images/bg_footer_c1.gif); }
body.color2 div#footer{ background-image: url(images/bg_footer_c2.gif); }
body.color3 div#footer{ background-image: url(images/bg_footer_c3.gif); }
body.color4 div#footer{ background-image: url(images/bg_footer_c4.gif); }
body.color5 div#footer{ background-image: url(images/bg_footer_c5.gif); }
body.color6 div#footer{ background-image: url(images/bg_footer_c6.gif); }
body.color7 div#footer{ background-image: url(images/bg_footer_c7.gif); }
body.color8 div#footer{ background-image: url(images/bg_footer_c8.gif); }


div.clearer{
	clear:both;
}



/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

html, body, table, th, td, div, li{
	font-family: arial, verdana, helvetica, lucida, sans-serif;
	letter-spacing: 1px;
}

h1{
	color:#84868B;
	font-size: 11px;
	margin: 0 0 0 0;
}
body.color1 h1{ color:#362E3B; }
body.color2 h1{ color:#524755; }
body.color3 h1{ color:#643B44; }
body.color4 h1{ color:#711719; }
body.color5 h1{ color:#8D3A1A; }
body.color6 h1{ color:#8B520A; }
body.color7 h1{ color:#A9781A; }
body.color8 h1{ color:#CDA91C; }

body.colorint h1{ color:#BA1B2A; }



h2{
	font-size: 16px;
	margin: 0 0 27px 0;
	padding: 8px 0 0 0;
}
div#marginalia h2{
	font-size: 11px;
	color:#84868B;
	margin: 1em 0 1em 0;
	padding: 0 7px 0 7px;
}

h3{
	font-size: 13px;
	margin: 27px 0 1em 0;
	padding: 0 0 0 0;
}

p{
	font-size: 11px;
	line-height: 18px;
	padding-left:1px;
	margin: 0 0 1em 0;
}
div#marginalia p{
	padding-left:7px;
	padding-right:7px;
	margin-top:1em;
}
p.align-right{
	text-align:right;
}

.error{
	color:#BA1B2A;
	font-weight:bold;
}

table{
	border-collapse: collapse;
}
td{
	font-size: 11px;
	line-height: 18px;
	vertical-align:top;
	padding:0 0.5em 0 0;
}

table.quiz td,
table.contenttable-1 td{
	background-color:#F1C3AD;
	border:1px solid white;
	padding:3px;
}
table.contenttable-1 tr.tr-0 td.td-0,
table.contenttable-1 tr.tr-0 td.td-1,
table.contenttable-1 tr.tr-0 td.td-2{
	color:white;
	background-color:#D64F39;
	font-weight:bold;
}
table.contenttable-1 td.td-0,
table.contenttable-1 td.td-1{
	background-color:#E59678;
}


form{
	margin:0;
	font-size: 11px;
}


#contentcolumns ul{
	line-height: 18px;
}
#contentcolumns li{
	font-size: 11px;
}

a{
	color:#505050;
}
div#marginalia a{
	color:#ffffff;
}
div#marginalia a:hover{
	color:#000000;
}


span.important{
	color:#B41621;
}

img{
	border:none;
}






/* ############################################################ */
/* #### Hauptnavigation ####################################### */

ul.hauptnavigation,
ul.hauptnavigation ul{
	font-size: 11px;
	margin:0;
	padding:0;
	list-style: none;
	line-height:25px;
}
ul.hauptnavigation{
	margin-bottom:20px;
	border-top:1px solid #ffffff;
}

ul.hauptnavigation li{
	margin:0;
	padding:0;
	line-height:25px;
	border-bottom:1px solid #ffffff;
}
body.color1 ul.hauptnavigation li{ background-color:#756D7A; }
body.color2 ul.hauptnavigation li{ background-color:#898196; }
body.color3 ul.hauptnavigation li{ background-color:#BB7F8B; }
body.color4 ul.hauptnavigation li{ background-color:#B15759; }
body.color5 ul.hauptnavigation li{ background-color:#B46141; }
body.color6 ul.hauptnavigation li{ background-color:#B9825E; }
body.color7 ul.hauptnavigation li{ background-color:#C6AB76; }
body.color8 ul.hauptnavigation li{ background-color:#DDCA7E; }

ul.hauptnavigation li li{
	border-bottom:none;
}

ul.hauptnavigation ul ul{
	padding:0 0 0 10px;
}


ul.hauptnavigation a{
	text-decoration:none;
	display:block;
	color:#ffffff;
	background-color:#84868B;
	padding: 0 0 0 25px;
	background-image: url(images/bg_nav_li_a.gif);
	background-position: center left;
	background-repeat: no-repeat;
}


ul.hauptnavigation ul a{
	background-color:transparent;
	background-image:none;
}

ul.hauptnavigation a:hover,
ul.hauptnavigation a.act{
	font-weight:bold;
}

ul.hauptnavigation li#hn1 a:hover, ul.hauptnavigation li#hn1 a.act { background-color:#362E3B; }
ul.hauptnavigation li#hn1 li a:hover, ul.hauptnavigation li#hn1 li a.act { background-color:transparent; }
ul.hauptnavigation li#hn2 a:hover, ul.hauptnavigation li#hn2 a.act { background-color:#524755; }
ul.hauptnavigation li#hn2 li a:hover, ul.hauptnavigation li#hn2 li a.act { background-color:transparent; }
ul.hauptnavigation li#hn3 a:hover, ul.hauptnavigation li#hn3 a.act { background-color:#643B44; }
ul.hauptnavigation li#hn3 li a:hover, ul.hauptnavigation li#hn3 li a.act { background-color:transparent; }
ul.hauptnavigation li#hn4 a:hover, ul.hauptnavigation li#hn4 a.act { background-color:#711719; }
ul.hauptnavigation li#hn4 li a:hover, ul.hauptnavigation li#hn4 li a.act { background-color:transparent; }
ul.hauptnavigation li#hn5 a:hover, ul.hauptnavigation li#hn5 a.act { background-color:#8D3A1A; }
ul.hauptnavigation li#hn5 li a:hover, ul.hauptnavigation li#hn5 li a.act { background-color:transparent; }
ul.hauptnavigation li#hn6 a:hover, ul.hauptnavigation li#hn6 a.act { background-color:#8B520A; }
ul.hauptnavigation li#hn6 li a:hover, ul.hauptnavigation li#hn6 li a.act { background-color:transparent; }
ul.hauptnavigation li#hn7 a:hover, ul.hauptnavigation li#hn7 a.act { background-color:#A9781A; }
ul.hauptnavigation li#hn7 li a:hover, ul.hauptnavigation li#hn7 li a.act { background-color:transparent; }
ul.hauptnavigation li#hn8 a:hover, ul.hauptnavigation li#hn8 a.act { background-color:#CDA91C; }
ul.hauptnavigation li#hn8 li a:hover, ul.hauptnavigation li#hn8 li a.act { background-color:transparent; }

ul.hauptnavigation li.hnint a:hover, ul.hauptnavigation li.hnint a.act { background-color:#727f37; }
ul.hauptnavigation li.hnint li a:hover, ul.hauptnavigation li.hnint li a.act { background-color:transparent; }

ul.hauptnavigation ul a:hover,
ul.hauptnavigation ul a.act{
	color:#000000;
	background-image: url(images/bg_nav_li_li_a_act.gif);
}


/* ############################################################ */
/* #### Zusatznavigation ###################################### */

ul#zusatznavigation{
	font-size: 11px;
	margin:0 0 0 0;
	padding:0;
	list-style: none;
	line-height:20px;
}
ul#zusatznavigation li{
	margin:0;
	padding:0;
	line-height:20px;
}
ul#zusatznavigation li.spc{
	line-height:10px;
}
ul#zusatznavigation li a{
	display:block;
	color:#505050;
	text-decoration:none;
	padding: 0 0 0 25px;
	background-image: url(images/bg_nav2_li_a.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
ul#zusatznavigation li a:hover{
	font-weight:bold;
	color:#000000;
}
ul#zusatznavigation li a.act{
	font-weight:bold;
}






