@media screen, aural, braille, handheld, projection, tty, tv {



/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 0px; margin-top: 15px; margin-bottom: 15px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 20px; margin-top: 10px; margin-bottom: 10px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 40px; margin-top: 5px; margin-bottom: 5px;}
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 60px; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px !important; }


.text_rot {
color: #ff0000;
}

/*
DIV.csc-textpic DIV.csc-imagewrap .csc-image { 
margin:0 !important;
}

DIV.csc-equalheight DIV.csc-imagerow { 
margin:0 !important; 
display: block; 
}
*/
/**********************************************
**********BASICS  *******************
************************************************/

html, body {
height: 100%;
color:#1a171b ;
font-family:Arial, Helvetica, sans-serif;
font-size:100.1%;
font-weight:normal;
text-align:left;
margin:0;
padding:0;
background-color: #2864AD;
}

body {
font-size:73%;
line-height: 1.4em;
}

dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form,fieldset, input, textarea,img {
margin:0;
padding:0;
}

ul, ol, li {
margin-top: 0px;
margin-bottom: 0px;
}



h1 {
font-size: 180%;
margin-bottom:10px;
line-height: 24px;
font-weight: normal;
color:#00478b;
}

h2 {
font-size: 150%;
margin-bottom:10px;
line-height: 20px;
font-weight: normal;
}

h3 {
font-size: 125%;
margin-bottom:10px;
font-weight: bold;
color:#00478b;
}

h4 {
font-size: 115%;
margin-bottom:10px;
font-weight: normal;
}

h5 {
font-size: 105%;
margin-bottom:10px;
font-weight: normal;
}

h6 {
font-size: 100%;
margin-bottom:10px;
font-weight: normal;
}

a, 
a:link, 
a:visited, 
a:active {
text-decoration:underline;
color:#1a171b ;
font-weight: bold;
}

a:hover,
a:focus {
color:#1a171b ;
}

table {
font-size: 100%;
}

td, th {
vertical-align: top;
}

img {
border:none;
}



/**********************************************
********** die wunderbare Welt der verschachtelten DIVs  :-) *******************
************************************************/
#distance { /************  Seite vertikal zentriert  **************/
width:1px;
height:50%;
margin-bottom:-280px; /* half of container's height */
float:left;
}

#page {
width:980px;
height:560px;
position:relative;
margin:0 auto;
clear:left;
background-color:#00478b;
}

/* alte definition
#page {
width:980px;
height:560px;
position:absolute;
top:50%;
left: 50%;
margin-top:-280px;
margin-left:-490px;
background-color:#00478b;
}
*/

#head {
position:relative;
width:100%;
height:102px;
}

#hnavlanguage {
width:auto;
position:absolute;
top:0;
right:0;
padding-top:80px;
padding-right:36px;
font-size:9px;
color:#ffffff;
}


#hnavlanguage a {
font-size:9px;
text-decoration:none; 
color:#ffffff;
}


/************************************************/

#content {
width:100%;
height:350px;
background-color:#f5f9fc;
}

/************************************************/

#content_left_wrapper {
width:490px;
height:350px;
background-color:#f5f9fc;
float:left;
overflow:auto;
}

#level5 {
width:490px;
position:absolute;
top:102px;
left:0px;
z-index:100;
text-align:center;
}

#content_left {
width:490px;
height:350px;
background-color:#d3e4f0;
position:absolute;
top:102px;
}

ul.level5 {
margin:0;
padding:0;
list-style-type: none;
background-color:#98c2dd;
height:20px;
}

ul.level5 li {
display:inline;
margin-left:2px;
margin-right:2px;
}

* html ul.level5 li {
position:relative;
}

ul.level5 li a, 
ul.level5 li a:link, 
ul.level5 li a:visited {
padding-left:3px;
padding-right:3px;
padding-bottom:1px;
padding-top:1px;
background-color:#98c2dd;
font-size:9px;
text-decoration:none; 
color:#00478b; 
border:1px solid #98c2dd;
}

ul.level5 li a.act,
ul.level5 li a:hover,
ul.level5 li a:focus, 
ul.level5 li a:active {
border:1px solid #00478b !important;;
}

/************************************************/



#content_right_wrapper {
width:490px;
height:350px;
float:left;
overflow:hidden;
background-color:#f5f9fc;
}

#level4_1 {
width:490px;
height:19px;
overflow:hidden;
}

#content_right {
width:390px;
height:292px;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
overflow:auto;
}

#level4_2 {
width:490px;
height:19px;
overflow:hidden;
}

/**************************************
*********** Level 4******************
***************************************/


ul.level4 {
padding:0; 
margin:0;
width:490px;
height:19px;
list-style-type: none;
background-color:#98c2dd;
}

ul.level4 li {
	display:block;
	height:19px;
	width:24.99%;
	float:left;
}

ul.level4 li a, 
ul.level4 li a:link, 
ul.level4 li a:visited {
background-color:#98c2dd;
display:block;
height:18px;
font-size:9px;
text-decoration:none; 
text-align:center; 
color:#00478b;
padding-top:1px;
white-space:nowrap;
}

ul.level4 li a.act,
ul.level4 li a:hover,
ul.level4 li a:focus, 
ul.level4 li a:active {
background-color:#cee1ef !important;
}

#content_right a, 
#content_right a:link, 
#content_right a:visited, 
#content_right a:active {
text-decoration:underline;
color:#1a171b ;
font-weight: normal;
}

#content_right a:hover,
#content_right a:focus {
color:#1a171b ;
}





.hide {
display: none;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

.hideclear {
clear:both;
height:1px;
display: none;
}

/**************************************
*********** Navigation ******************
***************************************/


#foot {
width:100%;
height:108px;
background-image:url(../media/bg/bg_foot.gif);
margin: 0;
padding: 0;
}


#menu {
position:absolute;
bottom:0px;
margin: 0;
padding: 0;
}

#level1 {
width:980px;
position:absolute;
bottom:0px;
}

#level2 {
width:980px;
background-color:#58a0d3;
position:absolute;
bottom:20px;
}

#level3 {
width:980px;
background-color:#7ca1cb;
position:absolute;
bottom:40px;
}

* html #level3 {
height: 1px;
}

/**************************************
*********** Level 1******************
***************************************/

ul.level1 {
padding:0; 
margin:0;
width:980px;
height:19px;
position:absolute;
bottom:0px;
list-style-type: none;
background-color:#015b9d;
background-color:#01469D;
border-top:1px solid #bed0e5;
}

ul.level1 li {
float:left; 
position:relative;
width:33.3%;
}

ul.level1 li a, 
ul.level1 li a:link, 
ul.level1 li a:visited {
display:block; 
text-decoration:none; 
text-align:center; 
background-color:#015b9d;
color:#ffffff; 
line-height:19px; 
}

ul.level1 li a.act,
ul.level1 li a:hover,
ul.level1 li a:focus, 
ul.level1 li a:active {
/*background-color:#015b9d;*/
color:#7ca1cb;
color:#58a0d3 !important;
}



/**************************************
*********** Level 2******************
***************************************/


ul.level2 {
padding:0; 
margin:0;
width:980px;
height:19px;
list-style-type: none;
background-color:#58a0d3;
border-top:1px solid #bed0e5;
}

ul.level2 li {
	float:left;
	position:relative;
	width:25%;
}

ul.level2 li a, 
ul.level2 li a:link, 
ul.level2 li a:visited {
display:block; 
text-decoration:none; 
text-align:center; 
background-color:#58a0d3;
color:#ffffff; 
line-height:19px; 
}

ul.level2 li a.act,
ul.level2 li a:hover,
ul.level2 li a:focus, 
ul.level2 li a:active {
/*background-color:#1b77b1;*/
color:#015b9d !important;
}




/**************************************
*********** Level 3******************
***************************************/


ul.level3 {
padding:0; 
margin:0;
width:980px;
list-style-type: none;
background-color:#7ca1cb;
border-top:1px solid #bed0e5;
}

ul.level3 li {
	float:left;
	width:25%;
}

ul.level3 li a, 
ul.level3 li a:link, 
ul.level3 li a:visited {
display:block; 
text-decoration:none; 
text-align:center; 
background-color:#7ca1cb;
color:#ffffff; 
line-height:19px; 
}

ul.level3 li a.act,
ul.level3 li a:hover,
ul.level3 li a:focus, 
ul.level3 li a:active {
color:#015b9d !important;
}

}

@media print, embossed {

html, body {
color:#000000 ;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9pt;
text-align:left;
margin:0;
padding:0;
}

#distance,
#head,
#level1,
#level2,
#level3,
#level4_1,
#level4_2,
#level5,
#foot {
display:none;
}


#page {
position: relative;
top: 0px !important;
left: 0px !important;
}


#content,
#content_left,
#content_right {
width:97%;
height:auto;
}

}