@import url(css_styled.css);
@import url(extension.css);


/*******BODY***************/

html,body {
text-align:center;
margin:0;
padding:0;
font-size:90%;
font-family: Tahoma, helvetica, arial, sans-serif;
background:url(../images/content_hi.gif) top center repeat-y;
line-height:125%;
}

*html, *html body  {
margin:0;
padding:0;
height:100%;
overflow:hidden;
background:none;
font-family: Tahoma, helvetica, arial, sans-serif;
}


#container_header_content {
}

*html #container_header_content {
padding:0;
height:95.5%;
overflow:auto;
}



/********HEADER***************/
#header{
margin:auto;
width:800px;
height:83px;
padding:0;
background:url(../images/header.gif) top right no-repeat #fff;
font-size:100%;
}

/*CICOS-TITEL*/
#title {
float:left;
padding:12px 190px 0 5px;
margin:0;
width:160px;
height:68px;
}

*html #title {
width:350px;
padding:12px 190px 0 5px;
}



#title h1, #title h1 a, #title h1 a:hover  {
display:inline;
text-align:center;
font-size:130%;
font-weight:bold;
color:#4d4d4d;
padding:0;
margin:0;
line-height:100%;
}

#title h2, #title h2 a, #title h2 a:hover  {
font-size:80%;
font-weight:normal;
color:#4d4d4d;
padding:3px 0 0 0;
margin:0;
line-height:100%;
}


#ttle h2.text {
font-size:80%;
font-weight:bold;
color:#4d4d4d;
padding:0;
margin:0;
line-height:90%;
}



/*Country_Navi: Links zu den vier Mitgliedsländern*/
#country_navi {
float:left;
text-align:center;
padding:15px 0 0 0;
margin:0;
width:270px;
line-height:90%;
}

#country_navi span {
display:block;
padding:0 0 14px 0;
}


#country_navi a {
font-size:75%;
font-weight:normal;
color:#4d4d4d;
padding:0 5px 0 5px;
margin:0;
width:120px;
float:left;
} 

#country_navi a:hover {
text-decoration:underline;
}

/******KURZFORM der SUCHE******/
#searchbox {
float:right;
padding:25px 5px 0 5px;
width:150px;
text-align:right;
color:#fff;
}
*html #searchbox {
padding:43px 5px 0 5px;
width:165px;
}

/**********HEADER ENDE******/





/**********INHALT ANFANG******/
#allumfassend {
width:800px;
margin:0 auto;
padding:0;
text-align:left;
font-size:100%;
border:0;
background:none;

}

*html #allumfassend {
background:url(../images/content_hi_IE.gif) top left repeat-y;
height:800px;
}


#rootline {
float:left;
margin:0;
}

#rootline h1  {
font-size: 130%;
font-weight:bold;
text-transform:uppercase;
margin:15px 0 0 15px;
padding:0;
width:600px;
}



#subtitle {
float:left;
padding:5px 0 5px 0;
margin:2px 0 15px 0;
width:630px;
background:#4d4d4d;
}

#subtitle h1  {
font-size: 110%;
font-weight:bold;
text-transform:uppercase;
margin:0 0 0 15px;
padding:0;
width:600px;
clear:both;
color:#fff;
}



#inhalt {
float:right;
font-size:100%;
width:615px;
padding:0 0 70px 0;
}


/*KURZNAVI  - unterhalb Header*/
#shortmenu {
float:right;
padding:5px 0 0 0;
width:630px;
vertical-align:bottom;
height:25px;
text-align:right;
color:#fff;
background:#4d4d4d;
font-size:90%;

}


#shortmenu span {
padding:0 12px 0 0;
}

#shortmenu span a {
font-size:100%;
font-weight:normal;
color:#fff;
text-decoration:none;
padding:0 0 0 10px;
background:url(../images/topmenu_pfeil.gif) center left no-repeat;
}

#shortmenu span.active a {
color:#fff;
font-weight:bold;
}

#shortmenu span.passiv a {
color:#fff;
font-weight:normal;
}

#shortmenu span.current a {
font-weight:bold;
}




/******LANGUAGE - NAVIGATION******/
#language {
float:left;
display:block;
padding:0 0 0 25px;
margin:7px 0 0 0;
text-align:left;
color:#000;
background:url(../images/seitennavi_1_hi.gif) center left no-repeat;
/*Sprachumschaltung wieder sichtbar schalten: "display:none" löschen - fertig*/
display:none;
}

#language a {
text-decoration:none;
color:#494a42;
font-weight:bold;
font-size:85%;
text-transform:uppercase;
}




/******NAVIGATION******/
#leftmenu {
float:left;
width:170px;
padding:30px 0 0 0;
margin:0;
text-align:left;
color:#000;
font-size:110%;
}


#leftmenu ul, #leftmenu ul li {
list-style-type:none;
margin:0;
padding:2px 0 2px 0;
width:170px;
}



#leftmenu ul li a {
display:block;
text-decoration:none;
color:#494a42;
padding:4px 0px 4px 0px;
font-size:80%;
line-height:90%;
border-top:1px dashed #929292;
margin-top:-2px;
}


/*Ebene 1,2,3: Hintergrundgrafiken*/
#leftmenu li.ebene_1, #leftmenu li.ebene_1_aktiv { 
background:url(../images/liste_01_hi.gif) top left repeat-y;
}

#leftmenu li.ebene_2, #leftmenu li.ebene_2_aktiv { 
background:url(../images/liste_02_hi.gif) top left repeat-y;
}

#leftmenu li.ebene_3, #leftmenu li.ebene_3_aktiv { 
background:url(../images/liste_02_hi.gif) top left repeat-y;

}


/*Ebene 1,2,3 - Pfeil*/
#leftmenu ul li.ebene_1 a, #leftmenu ul li.ebene_1_aktiv a {
font-weight:normal;
background:url(../images/listenpunkt_01.gif) center left no-repeat;
padding-left:25px;
}

#leftmenu ul li.ebene_2 a, #leftmenu ul li.ebene_2_aktiv a {
font-weight:normal;
background:url(../images/listenpunkt_02.gif) center left no-repeat;
padding-left:30px;
}


#leftmenu ul li.ebene_3 a, #leftmenu ul li.ebene_3_aktiv a {
font-weight:normal;
background:none;
padding-left:35px;
}


/*Aktiver Link immer fett*/
#leftmenu ul li.ebene_1_aktiv a, #leftmenu ul li.ebene_2_aktiv a, #leftmenu ul li.ebene_3_aktiv a  {
font-weight:bold;
}




/***FOOTER*****/
#footer {
position:fixed;
left:0;
right:0;
bottom:0;
padding:0;
margin-top:10px;
margin:auto;
width:800px;
height:35px;
text-align:center;
background:url(../images/footer_hi.gif) top left repeat-x;
font-size:100%;
}

*html #footer {
height:5%;
text-align:center;
padding-top:1%;
width:817px;
}





#backlink {
float:left;
width:20px;
margin:0;
margin-top:0;
padding:12px 0 0 0;
}

#backlink a, #backlink a img {
border:none;
}



#copyright {
bottom:0;
right:0;
margin:auto;
width:760px;
margin-top:0;
padding:12px 5px 0 0;
color:#e7e3d8;
font-size:80%;
font-family:courier, verdana, sans-serif;
text-align:right;
}


#copyright span.copyright {
color:#e7e3d8;
font-size:80%;
font-family:courier, verdana, sans-serif;
text-align:right;
padding-left:330px;
}

#copyright a, #copyright a img {
margin:0;
padding:0 5px 0 5px;
border:none;
vertical-align:top;
}

/*********************/
/*I-FRAME pour Cartes*/
iframe.cartes {
width:100%;
padding:0;
margin:0 0 15px 0;
}
/*********************/



/*wird event. im template noch benötigt*/

/******SEITENINDIVIDUELLER SPRUCH, absolute ******/
#header-text {
position:relative;
left:0;
top:0;
margin:10px 0 0 15px;
padding:0;
font-size:95%;
color:#83be2e;
text-align:left;
height:50px;
width:330px;
}

*html #header-text  {
padding: 10px 0 0 45px;
width:270px;
}

/*AKTUELLE WASSERSTANDSMELDUNGEN - Platzhalter*/
#wst_info {
float:right;
width:180px;
height:90px;
margin:0;
padding:35px 130px 0 0;
text-align:left;
color:#000;
}

*html #wst_info {
}

#wst_info h1.csc-firstHeader {
display:inline;
padding:0;
margin:0;
color:#61a500;
font-weight:bold;
font-size:85%;

}

/*weitere Definitionen waterlevel siehe extension.css*/
#hws_infos span {
display:block;
padding:0;
margin:0;
color:#83be2e;
font-weight:bold;
font-size:85%;
}