/* festlegen der ersten Rahmenbedingungen*/
body {
margin: 0px;
padding: 0px;
background-color: rgb(117, 197, 240);
}

/*der Seitenrahmen*/

#rahmen {
text-align : center;
}

#rahmen2 {
background-color : rgb(117, 197, 240);
padding : 0 0 0 0;
margin : 0 auto;
text-align : center;
}

#titelrahmen {
background-color : rgb(222, 222, 221);
height : 122px;
text-align : center;
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
padding-top : 0;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
}

/*der titelbalken im kopfzeilenbereich*/
#titel {
color : white;
background-image: url(titelleiste.jpg);
width : 1000px;
height : 122px;
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
padding-top : 0;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
text-align : right;
}

#zwischenleistenrahmen {
background-image: url(zwl_background.jpg);
width : 100%;
height : 23px;
text-align : center;
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
padding-top : 0;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
}

/*die zwischenleiste im kopfzeilenbereich*/
#zwischenleiste {
color : white;
background-image : url(zwischenleiste.jpg);
width : 1000px;
height : 23px;
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
padding-top : 0;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
text-align : right;
}


/*der rahmen für linker_balken, mittelrahmen und rechter_balken*/
#unterer_rahmen
{
background-image : url(hintergrund.png);
width : 1000px;
/*height : 1500px;*/
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
padding-top : 0;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
display : block;
}


/*der linke balken für die säule*/
#linker_balken {
background-color : white;
background-image : url(balken_links.jpg);
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
padding-top : 0;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
float : left;
width : 123px;
/*height : 1500px;*/
display : block;
}

/*der rahmen für text und navigation*/
#mittelrahmen {
background-color : white;
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
padding-top : 0;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
width: 751px;
/*height : 1500px;*/
display : block;
float : left;
}

/*der textblock*/
#textblock {
background-color : transparent;
background-image : url(hintergrund.png);
position : relative;
visability : hidden; 
left : 0px;
top : 0px;
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
padding-top : 0;
padding-right : 293px;
padding-left : 128px;
padding-bottom : 0;
width : 579px;
/*height : 1500px;*/
display : inline;
float : left;
z-index : 10;
}

/*der container für die navigation*/
#navigationscontainer {
background-image : url(blume.jpg);
background-repeat : no-repeat;
position : absolute;
visability : hidden; 
left : 712px;
top : 0px;
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
padding-top : 0;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
width : 162px;
height : 399px;
text-align : left;
display : inline;
float : left;
z-index : 100;
}

/*der container für den rechten balken*/
#rechter_balken {
display : block;
background-color : white;
background-image : url(balken_rechts.jpg);
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
border-width : 0;
float : left;
width : 126px;
/*height : 1500px;*/
padding-top : 0;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
}

/*der container für die Fussleiste*/
#fussleiste {
background-image : url(hintergrund.png);
position : static;
margin-top : 0;
margin-right : 0;
margin-left : 0;
margin-bottom : 0;
border-width : 0;
width : 1000px;
text-align : left;
color : white;
font-family : Verdana, Arial, Helvetica;
font-size : 13px;
font-style : italic;
padding-top : 300px;
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
z-index : 2;
}


/*jetzt die navigationselemente*/
.nav a {
 display : block;
 color : blue;
 text-decoration : none;
 font-family : Verdana, Arial, Helvetica;
 font-size : 13px;
 font-style : italic;
 text-transform : none;
 background : url(inaktiv.gif) top left;
 padding : 1px 0 2px 0;
 padding-left : 3px;
 margin : 5px 0 0 0;
 margin-left : 8px;
 width : 147px;
 opacity:0.7;
 filter:alpha(opacity=60);

}

.nav a:hover {
 display : block;
 color : rgb(255, 204, 0);
 background : url(aktiv.gif) top left;
 padding : 1px 0 2px 0;
 padding-left : 3px;
 margin: 5px 0 0 0;
 margin-left : 6px;
 width : 147px;
 opacity:0.7;
 filter:alpha(opacity=60);
 }