/* general stuff */

html { overflow: -moz-scrollbars-vertical; } 

body {
	margin: 0; padding: 0;
	position: absolute;
	top: 5px; left: 0px;
	height: 100%; width: 100%;
	background: #EBE6DC; /*#DDDDDD;*/
	}

img {
    border: 0;
}    
/* Layout */
#pagewidth-1024 {
	margin: 0; padding: 0;
	position: relative;
	width: 100%; 
	/* background: url(../images/stahl.jpg); */
	}

#startbild, #startnav {
	position: absolute;  
	margin: 0; padding: 0;
	margin-left: auto; margin-right: auto;
	top: 117px; left: 0px;
	width: 100%; 
	text-align: center;
	z-index: 10;
	}
	
#startnav {
	position: relative; 
	top: 580px; height: 25px; 
	width: 750px;
	margin-left: auto; margin-right: auto;
	background: #0E286D;
	}

#startnav ul {
	position: absolute;
	left: 0px;
	text-align: left;
	}

#startnav ul li {
	float: left;
	display: block;
	}

#startnav a {
	font-family: verdana;
	font-size: 11px;
	padding-left: 23px; padding-right: 23px;
	border-right: 1px solid #FFF;
	color: #FFF;
	font-weight: normal;
	text-decoration: none; 
	line-height: 25px;
	}

#startnav a.activ {
	color: #FFF;
	}

#outer-1024 { 
	position: relative; 
	margin: 0; padding: 0;
	margin-left: auto; margin-right: auto;
	width: 750px;
/*	background: #FFF;
	z-index: 0; */
	} 

#header-1024 {
	position: relative; 
	top: 0px; left: 0px; 
	margin: 0; padding: 0;
	height: 40px;
    position: relative; 
    margin: 0; padding: 0;
    text-align:center;
    background: #FFF;
    margin-bottom: 5px;
    padding-top:8px;
    font-size: 14px;
	}
    
#pictheader-1024    {
    position: relative; 
    margin: 0; padding: 0;
    text-align:center;
    height: 150px;
    overflow: hidden;
}

#menu-1024    {
    position: relative;
    top: 5px; left: 0px;
    height: 25px;
}

/*
#leftcol-1024 {
	position: absolute;
	top: 270px; left: 0px; 
	margin: 0; padding: 0;
	width: 750px;
	z-index: 2;
	}
*/
#maincol-1024 {
	position: relative;
	top: 5px; left: 0px;
	text-align: left;
    background: #FFF;
	} 
	
#content { 
	position: relative;
	/* top: 24px; left: 30px; */
	/* width: 520px; */
    min-height: 420px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	overflow: auto;
    padding:20px;
	}

#rightcol-1024 {
	position: absolute; 
	top: 24px; right: 0px;
	width: 170px;
	background: #EFEFEF;
	}

#footer-1024 {
	/*position: absolute;*/
	/* height: 30px; */
	/* left: 0px; bottom: 0px; */
	color: #5D5E62;
	background: #D6D1C8;
	} 

#footer-1024, #footer-1024 a:link, #footer-1024 a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	}
	
#footer-1024 a:hover {
	color: #000;
	}
    
.bh1 {
    border: 1px solid #EEEEEE;
    float: left;
    height: 160px;
    margin-right: 10px;
    margin-top: 10px;
    padding:2px;
    overflow: hidden;
    width: 160px;
    text-align: center;
}

/* Formularelemente */

input.blue {
	font-size: 11px;
	height: 16px; width: 360px;
	border: 1px solid #0C1752;
	background: #EEF0F5;
	}

select.blue {
	font-size: 11px;
	height: 20px; width: 362px;
	border: 1px solid #0C1752;
	background: #EEF0F5;
	}

textarea.blue {
	font-size: 11px;
	height: 80px; width: 360px;
	border: 1px solid #0C1752;
	background-color: #EEF0F5;
	}

/* general stuff */

html {
	font-family: verdana, arial, helvetica, "Microsoft Sans Serif";
	font-size: 11px;
    color: #444444;
	}

p {
	margin: 0; padding: 0; 
	padding-right: 10px; 
	}

h1 {
    font-family: Arial;
    margin: 0; padding: 0; 
    padding: 14px; 
    font-size: 18px;
    font-weight: bold;
    color: #2D537F;
    line-height: 30px;
    margin-bottom: 15px;
    
    background: none repeat scroll 0 0 #EBE6DC; 
}
    
.invisible {
    text-decoration: none;
}

a:link, a:visited, a:active {
	/* text-decoration: underline; */
	/* font-size: 11px; */
	border: none;
	color: #444444;
	}

a:hover {
	text-decoration: none; 
	color: #666; 
	border: none;
	}
 
a.toplink:link, a.toplink:visited, a.toplink:active {
	margin: 0; padding: 0;
	margin-left: 5px; margin-right: 5px; 
	text-decoration: none;
	font-size: 13px; 
	font-weight: bold;
	border: none;
	color: #444444;
	}

a.toplink:hover {
	text-decoration: none; 
	color: #D10303; 
	font-weight: bold;	
	border: none;
	}
    
a.titlelink:link, a.titlelink:visited, a.titlelink:active, a.titlelink:hover {
    text-decoration: none;
    color: #406592; 
}
 
/* Schriften */

.header {
	font-size: 12px;
	font-weight: bold;
	color: #0e286d;
	line-height: 27px;
	margin-bottom: 10px; 
	}
	
.subheader {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	}
	
h2 {
	margin: 0; padding: 0;
	padding-left: 6px;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	margin-bottom: 10px; 
	/*background: #b5c9da; */
    background: #2D537F;    
	color: #EBE6DC;
    
    background: #D6D1C8;
    background: #EBE6DC;
    color: #2D537F;
    
	}

h3 {
	margin: 0; padding: 0;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	background: #EEA07D;
	color: #97331F;
	}

.text {
	font-size: 12px;
	line-height: 18px; 
	}
	
p.mini {
	padding: 10px; 
	font-size: 11px;
	color: #5B5C5E;
	line-height: 16px;
	}
	
p.mini a {
	color: #0077B8;
	font-style: italic;
	font-size: 11px;
	}

p.clr {
	clear: both; float: none;
	}

.module {
	margin: 0; padding: 0;
	}

div.module h3 {
	color: #FFF;
	background: #0C1752;
	margin: 0px;
	font-size: 11px;
	height: 22px;
	line-height: 20px;
	width: 159px;
	font-weight: bold;
	padding-left: 8px; 
	}

table.downloads {
	margin: 5px;
	}
	
div.module ul {
	margin: 0; padding: 0;
	list-style-type: none;
	}

ul.partner {
    list-style-type: none;
}
	
#content ul, #startnav ul, ul.vita_1 {
	margin: 0; padding: 0;
	margin-left: 2px; padding-left: 15px;
	list-style-image: url(../images/dark_bullet.gif);  
	}

#content ul.vita_2 {
	margin: 5px; padding: 0;
	padding-left: 15px;
	list-style-image: url(../images/light_bullet.gif);  
	}

ul.latestnews {
	margin: 0; padding: 0;
	list-style-type: none;
	font-size: 11px;
	font-weight: normal;
	}

a.latestnews:link, a.latestnews:visited, a.latestnews:active {
	font-size: 11px;
	font-weight: normal;
	}

a:hover.latestnews {
	font-size: 11px;
	font-weight: normal;
	color: #5f90c1;
	}

#rightcol-1024 ul, #rightcol-1024 ul a:link, #rightcol-1024 ul a:visited, #rightcol-1024 ul a:active {
	font-family: arial;
	font-size: 11px; font-weight: normal;
	}

#rightcol-1024 ul a:hover {
	font-family: arial;
	font-size: 11px; font-weight: normal;
	}

#rightcol-1024 ul li {
	margin-left: 6px;
	line-height: 12px;
	}

#footer-1024 p {
	color: #FFF;
	font-size: 12px;
	margin-left: 200px;
	margin-top: 5px;
	}
	
input.txt {
	font-size: 12px; 
	border: 1px solid #14406C;
	margin-right: 3px; 
	}

textarea.txt {
	font-size: 12px; 
	border: 1px solid #14406C;
	margin-right: 3px; 
	}
	
table.dot {
	border: 1px dotted #CCC;
	}

tr.hell {
 	margin: 5px;
	background-color: #FFF;
 	}

tr.dunkel {
 	padding: 5px;
	background-color: #FFF;
	}

.newshead a:link, .newshead a:visited {
	font-size: 12px;
	color: 333;
	}

.newstext {
	font-size: 11px;
	color: #333;
	}
    
.button {
    display: block;
    font-family: verdana;
    font-size: 13px;
    padding: 2px; 
    /*padding-left: 10px;*/
    background: #2D537F;
    border: 0;
    color: #FFF; 
    width: 180px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    line-height: 32px;
    text-decoration: none;    
}

a.button {
    color: #FFF;
}    

.error {
    color: red;
    font-weight: bold;
    text-decoration: none;
}

.highlight {
    font-weight: bold;
    /*background: #FFFDAD;*/
    /*background: #FFFF66;*/
    /*background-color:#efefef !important;*/
    border: 1px solid red;
    padding: 1px;
}

a.highlight {
    text-decoration: underline;   
}

/* MENU */

.menu {
	position: absolute;
	top: 0px; left: 0px;
	height: 30px; width: 750px;
	font-size: 10px;
	background: #2D537F /* #406592 */ /*#0E286D*/;
	text-align: center;
	z-index: 100;
	}

.menu ul.navigation {
	margin: 0; padding: 0;
	list-style-type: none;
	}

/* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul {
	margin: 0; padding: 0;
	position: absolute;
	top: 30px; left: 0px; 
	width: 122px;
	list-style-type: none;
	visibility: hidden; 
	}

/* another hack for IE5.5 */
* html .menu ul ul {
	top: 0px;
	t\op: 0px;
	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left;
	position: relative;
	}

.menu li.sub {
	width: 175px;
	}

/* style the links for the top level */
.menu a {
	font-family: verdana;
	font-size: 12px;
	padding-left: 14px; padding-right: 14px;
	border-right: 1px solid #FFF;
	color: #FFF;
	font-weight: bold;
	text-decoration: none; 
	line-height: 30px;
	}

.menu a.activ {
	color: #FFF;
	}
	
/* style the second level links */
.menu ul ul a.link{
	display: block;
	font-family: verdana;
	font-size: 12px;
	padding: 2px; 
	padding-left: 10px;
	background: #2D537F;
	border: 0;
	color: #FFF; 
	width: 320px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	line-height: 35px;
	}
    
span.separator {
    display: block;
    font-family: verdana;
    font-size: 11px;
    padding: 2px; 
    padding-left: 10px;
    background: #B4C9DE;
    color: #FFF; 
    font-weight: bold;
    width: 160px;
    text-align: left;
}

span.empty {
    display: block;
    font-family: verdana;
    font-size: 11px;
    padding: 2px; 
    padding-left: 10px;
    background: #2D537F;
    color: #FFF; 
    font-weight: bold;
    width: 160px;
    text-align: left;
    line-height: 18px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a { 
	width: 122px;
	w\idth: 122px;
	}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position: absolute; 
	top: 0; left: 0; 
	border-collapse: collapse;
	}

/* style the top level hover */
.menu a.link:hover { 
	color: #FFF;
	font-weight: normal;
	}

.menu ul ul a.link:hover {
	color: #FFF;
	background: #5e8fc0;
	}

* html .menu a.link:hover { 
	color: #FFF;
	font-weight: normal;
	}

* html .menu ul ul a.link: hover {
	color: #FFF;
	background: #5e8fc0;
	}

.menu :hover > a.link {
	color: #FFF;
	font-weight: normal;
	}

.menu :hover > ul ul a.link {
	color: #FFF;
	background: #5e8fc0;
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility: visible; 
	}
    

@media print {
body {color:black; margin:0; padding:0; border:0; background: none; width:100%}
#content {border: 1px solid black;}
h1, h2, h3 {page-break-after:avoid; page-break-inside:avoid;}
table {width:100%; border-collapse:collapse; border-spacing:0; border-top:0.5pt solid #000;}
th, td {display:table-cell; border-bottom:0.5pt solid #000;}
blockquote {page-break-inside:avoid}
ul, ol, dl {page-break-before:avoid}

}