@import url(css_styled.css);

/**********************/
/**Seitenspezifische DIVS**/

/*HEADER*/
#header {
text-align:left;
position:relative;
left:0px;
top:0;
width:100%;
height:54px;
margin:0px;
padding:0px;
border-bottom:1px solid #f00;
}


#imagelink {
position:absolute;
right:160px;
top:33px;
background:none;
}

#imagelink span {
display:inline;
}

#imagelink span a {
border:0;
}



/**********************/
/******SEITENTITEL******/
#seitentitel h1{
text-align:left;
margin:0 0 0 160px;
padding:15px 0 0 0;
font-family:Helvetica, arial, sans-serif;
font-weight:bold;
font-size:115%;
color:#000;
clear:both;
}



/**********************/
/******Seiten-Pfad plus SEITENTITEL******/
#rootline {
text-align:left;
margin:0 0 0 160px;
padding:25px 0 0 0;
font-family:Helvetica, arial, sans-serif;
font-weight:bold;
font-size:115%;
color:#000;
text-decoration:none;
}

#rootline a {
text-decoration:none;
}





/*UNTERNAVIGATION: absolute*/
#SUBNAVI {
position:absolute; 
left:0px;
top:65px;
width:150px;
padding:0;
margin:0;
text-align:left;
background:#ffd76a;
border-top:1px solid #f00;
border-bottom:1px solid #f00;
font-family:Helvetica, arial, sans-serif;
color:#000;
font-weight:normal;
font-size:100%;
}

/*Formatierung für IE*/
* html #SUBNAVI {
top:68px;
margin:0;
padding:5px 0 0 0;
width:150px;
}

#SUBNAVI span {
display:block;
margin:5px 0 5px 0;
padding:5px;
}

#SUBNAVI span.passiv {
background:#ddc47d;
}


#SUBNAVI span.passiv a {
text-decoration:none;
color:#000;
font-size:80%;
}

#SUBNAVI span.passiv a:hover {
background:#ddc47d;
color:#000;
}

#SUBNAVI span.active {
background:#ffd76a;
}


#SUBNAVI span.active a {
text-decoration:none;
color:#000;
font-weight:bold;
font-size:80%;
}

#SUBNAVI span.active a:hover {
background:#ffd76a;
color:#000;
}


/*hervorgehobene Hauptzeile des aktiven, aufgeklappten Menüs*/
#SUBNAVI span.passiv_active {
background:#ffd76a;
color:#000;
}

#SUBNAVI span.passiv_active a {
text-decoration:none;
font-weight:bold;
font-size:80%;
color:#000;
}

#SUBNAVI span.passiv_active a:hover {
color:#000;
}



/****1x eingerückt, passiv: 1. Unterpunkt*****/
#SUBNAVI span.passiv_1 {
background:#ffd76a;
padding: 2px 0 2px 12px;
margin:0;
}

#SUBNAVI span.passiv_1 a {
text-decoration:none;
color:#000;
font-size:70%;
}

#SUBNAVI span.passiv_1 a:hover {
color:#f00;
background:#ffd76a;
}



/****1x eingerückt,aktiv: 1. Unterpunkt*****/
#SUBNAVI span.aktiv_1 {
background:#ffd76a;
padding: 2px 0 2px 12px;
margin:0;
}

#SUBNAVI span.aktiv_1 a {
text-decoration:none;
font-weight:bold;
color:#000;
font-size:70%;
}

#SUBNAVI span.aktiv_1 a:hover {
color:#f00;
background:#ffd76a;
}


/****2x eingerückt, passiv: 2. Unterpunkt*****/
#SUBNAVI span.passiv_2 {
background:#ffd76a;
padding: 2px 0 2px 20px;
margin:0;
}

#SUBNAVI span.passiv_2 a {
text-decoration:none;
color:#000;
font-size:70%;
}

#SUBNAVI span.passiv_2 a:hover {
color:#f00;
background:#ffd76a;
}

/****2x eingerückt,aktiv: 2. Unterpunkt*****/
#SUBNAVI span.aktiv_2 {
background:#ffd76a;
padding: 2px 0 2px 20px;
margin:0;
}

#SUBNAVI span.aktiv_2 a {
text-decoration:none;
color:#000;
font-size:70%;
font-weight:bold;
}

#SUBNAVI span.aktiv_2 a:hover {
color:#f00;
background:#ffd76a;
}



/****3x eingerückt, passiv: 3. Unterpunkt*****/
#SUBNAVI span.passiv_3 {
background:#ffd76a;
padding: 2px 0 2px 28px;
margin:0;
}

#SUBNAVI span.passiv_3 a {
text-decoration:none;
color:#000;
font-size:70%;
}

#SUBNAVI span.passiv_3 a:hover {
color:#f00;
background:#ffd76a;
}

/****3x eingerückt,aktiv: 3. Unterpunkt*****/
#SUBNAVI span.aktiv_3 {
background:#ffd76a;
padding: 2px 0 2px 28px;
margin:0;
}

#SUBNAVI span.aktiv_3 a {
text-decoration:none;
color:#000;
font-size:70%;
font-weight:bold;
}

#SUBNAVI span.aktiv_3 a:hover {
color:#f00;
background:#ffd76a;
}


/****4x eingerückt, passiv: 4. Unterpunkt*****/
#SUBNAVI span.passiv_4 {
background:#ffd76a;
background:#ffd76a;
padding: 2px 0 2px 36px;
margin:0;
}

#SUBNAVI span.passiv_4 a {
text-decoration:none;
color:#000;
font-size:70%;
}

#SUBNAVI span.passiv_4 a:hover {
color:#f00;
background:#ffd76a;
}

/****3x eingerückt,aktiv: 4. Unterpunkt*****/
#SUBNAVI span.aktiv_4 {
background:#ffd76a;
padding: 2px 0 2px 36px;
margin:0;
}

#SUBNAVI span.aktiv_4 a {
text-decoration:none;
color:#000;
font-size:70%;
font-weight:bold;
}

#SUBNAVI span.aktiv_4 a:hover {
color:#f00;
background:#ffd76a;
}







/*********INHALT************/
/*INHALT: RELATIV:links,rechts mit margin*/
#mitte {
text-align:left;
position:relative;
left:0;
top:0;
margin:0 154px 0 150px;
padding:10px;
font-family:Helvetica, arial, sans-serif;
font-weight:normal;
font-size:90%;
color:#000;
background:#fff;
scroll:auto;
z-index:1;
}



#mitte h1 {
padding:2px 0 2px 0;
margin:0;
font-weight:bold;
font-size:105%;
color:#000;
}




/******RECHTS:absolute*******/
#rechts {
position: absolute;
top: 0;
right:0px;
margin:0;
width: 150px;
background-color:#ffd76a;
color: #000;
}

#info a {
text-decoration:none;
}

#info h1.land {
margin:7px 0 0 0;
padding:3px;
font-family:Helvetica, Verdana;
font-weight:bold;
font-size:80%;
color:#000;
}

#info h2.land {
margin:0 0 3px 0;
padding:3px;
font-family:Helvetica, Verdana;
font-weight:normal;
font-size:80%;
color:#000;
}

#info h1.arge {
margin:10px 0 0 0;
padding:3px;
font-family:Helvetica, Verdana;
font-weight:bold;
font-size:80%;
color:#000;
}

#info h2.arge {
margin:0;
padding:3px;
font-family:Helvetica, Verdana;
font-weight:normal;
font-size:80%;
color:#000;
}


/*Zusätzlich geöffnete Bilderfenster - COPYRIGHT*/
p.weiss {
margin:0;
padding:3px;
font-family:Verdana, Helvetica;
font-weight:bold;
font-size:75%;
color:#fff;
}

p.datum {
margin:25px 0 0 0;
padding:0;
font-size:85%;
color:#666;
}