/***************************
einige Grundeinstellungen
****************************/

body {
background-image:url('images/background_page.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center; 
font-size: 12px;
font-family: Arial, Sans-Serif;
color:black;
}

p {
font-size: 16px;
}


a {
font-size: 16px;
}

h1 {
margin-top:0px;
font-size: 16px; 
text-decoration: none;
font-weight: bold;
}



/***************************
Gesamter Inahltsbereich (EPNC weisses Blatt) 
****************************/

#page {
position: relative;
left: 0px;
top: 68px;
right: 0;
bottom: 0;
margin: auto;
display; block;
height:720px;								/* Höhe des Blattes, 720 ausgangswert */
width:1000px;								/* Breite des Blattes */
/* margin:	-360px 0px 0px -500px; */		/* jeweils um die Hälfte der Höhe/Breite nach oben bzw. links verschoben */
padding: 0px 8px 0px 8px;
/* top: 50%;
left: 50%;
text-align: left; */
background-color: white;
border: none;
overflow: visible;

}



/***************************
Oberster Balken / Logo (mit Home-Link) und Sprachauswahl
****************************/

#logo {
background-image:url('images/logo.png');
background-repeat: no-repeat;
background-position: 10px 10px;
position:relative;
height:40px;
background-color:white;
text-align: right;
}

a.language_selector {
display: inline-block;
font-size: 12px;
margin: 16px 3px 0 0;
}

a.home_link {
display: inline-block;
width: 400px;
height: 30px;
border: none;
float: left;
}



/***************************
Grosses Bild oben
****************************/

#top_image {
position:relative;
height:248px;
background-color:white;
/* background-image:url('images/test_ecke_klein.png'); */
background-position:bottom right;
background-repeat:no-repeat;
}



/***************************
Top-Navigation
****************************/

#top_navi {
padding-top: 4px;
position:relative;
height:21px;
background-color:#BADFFD;
background-image:url('images/ecke_navi.png');
background-position:bottom right;
background-repeat:no-repeat;
}

a.top_navi {
color: #424040;
text-decoration:none;
font-variant: small-caps;
padding: 0px 15px 0px 15px;
}

a.top_navi:hover {
color: black;
font-variant: small-caps;
}

a.top_navi_chosen {
color: black;
text-decoration:none;
font-variant: small-caps;
padding: 0px 15px 0px 15px;
}

/*Erster Navigationsblock mit mehr Abstand links*/
#top_navi_first {
display: inline;
padding: 0px 0px 0px 0px;
border-left: 1px solid #424040;
margin-left: 236px;
}

#top_navi_first:hover {
background-image:url('images/background_navi.png');
border-bottom: 3px solid #6cb9f9;
}

#top_navi_first.active {
background-image:url('images/background_navi.png');
border-bottom: 3px solid #6cb9f9;
}

/*Restliche Navigationshauptblöcke mit gleichmässigen Abständen*/
#top_navi_normal {
display: inline;
padding: 0px 0px 0px 0px;
border-left: 1px solid #424040;
margin-left: -1px;
}

#top_navi_normal:hover {
background-image:url('images/background_navi.png');
border-bottom: 3px solid #6cb9f9;
}

#top_navi_normal.active {
background-image:url('images/background_navi.png');
border-bottom: 3px solid #6cb9f9;
}



/***************************
Gesamter Content-Block (Navigation links und Inhalt rechts) 
****************************/

#content {
position:relative;
height:360px;
background-color: white;
margin-top: 15px;
}



/* Content Navi - Navigation links neben dem Text */

#content_navi {
float: left;
display: block;
width: 236px;
height: 330px;
border-right: 2px solid #1b265e;
}

#content_navi ul {
width: 238px;
border-top: 0px;
padding-left: 0;
margin-top: -4px;
}

#content_navi ul li {
background-color: white;
list-style: none;
}

#content_navi ul li a {
display: block;
padding: 3px 5px;
color: #424040;
text-decoration: none;
font-variant: small-caps;
border-bottom: 2px solid white;
padding-left: 15px;
}

#content_navi ul li a:hover,
#content_navi ul li a.active,
#content_navi ul li a.inactive:hover,
#content_navi ul li a.off:hover {
border-bottom: 2px solid #1b265e;
border-right: 2px solid white;
color: black;
}

#content_navi ul li a.inactive {
color: #424040;
border-bottom: 2px solid white;
border-right: 2px solid #1b265e;
}

#content_navi ul li a.off {
color: #424040;
border-bottom: 2px solid white;
border-right: 2px solid white;
}




/**********************************
Content - Textinhalt
**********************************/

#content_text {
float:right;
height: 330px;
width: 652px;
background-color: white;
margin: 8px 80px 20px 0;
}



/**********************************
Linie - Unten
**********************************/

#bottom_line {
position: relative;
height: 16px;
background-color:#BADFFD;
margin-top: 8px;
margin-left: -8px;
margin-right: -8px;
padding-left: 420px;
}

a.bottom_line {
font-size: 10px;
text-decoration:none;
color: black;
}

#ecke_unten {
z-index: 1;
position: absolute;
height: 80px;
width: 60px;
left: 940px;
top: 297px;
background-position:bottom right;
background-repeat:no-repeat;
}

a.bottom_link {
display: block;
height: 80px;
width: 60px;
border: none;
float: left;
}