/* Layout */ 

body{
 z-index: -1;
 margin: 0;
 padding:0;
 background-image: url(images/ssr_bk.jpg);
 color: #333333;
 }
	 
#hdr{
 height: 90px;
 background:#e6e6fa;
 color:#000000;
 border:solid #000000;
 border-width:2px 0px;
 margin:10px 0 0 0;
 }

#lh-col{
 position: absolute;
 top: 125px;
 left: 20px;
 width: 180px;
 border: 2px solid #000000;
 background: #dc143c;
 color: #333333;
 margin: 0px;
 padding: 0px;
 }

#rh-col{
 z-index: 1;
 margin: 20px 20px 20px 220px;
 border: 2px solid #000000;
 background: #e6e6fa;
 color: #333333;
 padding: 20px;
 position :relative;
 }

#navigation{
 z-index: 100;
 font-family: georgia;
 left: 25px;
 position: absolute; /*The navigation below the header, positioned absolutely*/
 top: 103px;
 left: 220px;
 width: 100%;
 }

/* Presentation */ 

h1,h2,h3,h4 {
 font-family: georgia;
 margin:0; 
 padding: 5px 0;
 }

p {
 font-family: georgia;
 font-weight: 600;
 font-size: 90%;
}

li {
 font-family: georgia;
 font-weight: 600;
 font-size: 80%;
}


/* Header Content */

.title {
 font-family: "cooper black", georgia;
 font-size: 300%;
 font-weight: 700;
 letter-spacing: -3px;
 padding: 15px;
}

.head {
 font-family: "cooper black", georgia;
 font-size: 120%;
 font-stretch: condensed;
}
 
a.title:link {
 color: #000000;
 background: inherit;
 text-decoration : none; 
}

a.title:visited {
 color: #000000;
 background : inherit; 
 text-decoration : none; 
}

a.title:hover {
 color: #000000;
 background: inherit; 
 text-decoration : underline; 
}

a.title:active {
 color: #000000;
 background : inherit; 
 text-decoration : none; 
}



/* Main Area Content */

p.rh:first-letter {
 font-size: 120%; 
 font-weight: bold;
 color:#dc143c;
 }

/* top navigation */



div.navbox {
	float: left;
	background-color: #ffa500;
	border: 1px #8b0000 outset;
	color: #ffa500;
	text-align: center;
	font-family: georgia;
	font-size: 15px; /*some button-like boxes for the top navigation*/
	font-weight: 800;
	margin: 0.1px;
	padding: 1px 2px;
	width: 105px;
}

a.nav:link {
	background: transparent;
	color: #0000cd;
	display: block;
	text-decoration: none;
	width: 105px;
}

a.nav:visited {
	background: transparent;
	color: #ffffff;
	display: block;
	text-decoration: none;
	width: 105px;
}

a.nav:hover {
	background: #000080;
	color: #ffd700;
	display: block;
	text-decoration: none;
	width: 105px;
}

a.nav span {display: none;}

a.nav:hover span {
   display: block;
   position: absolute; 
   top: 35px; 
   left: 50px; 
   width: 220px;
   padding: 12px; 
   color: #ffff00; 
   background: #6485ed;
   font-family: georgia;
   text-align: left;
   font-weight: 800;
   border-color: #000000;
	 border-width: 0px 1px 1px 0px;
	 border-style: solid;
}

a.nav:hover span.unten {
   position: absolute; 
   top: 35px; 
   left: 225px; 
}


a.nav:hover span.weiterunten {
   position: absolute; 
   top: 35px; 
   left: 400px; 
}