@charset "UTF-8";
/* CSS Document */
body {
	/*background: url(hg.png) no-repeat top center;*/
	background-image: url(hg_verlauf.jpg);
	font-family:Arial, Helvetica, sans-serif;
	}
#container {
	border:1px #868686;
	width: 950px;
	position:absolute;
	left:50%;
	margin-left:-475px;
	margin-top:8px;
	background-color:#999;
	}
#header {
	background-image:url(head.jpg);
	opacity: 1;
	height:132px;
	}
#content {
	width:950px;
	float:left;
	}
#left {
	width:593px;
	height:355px;
	float:left;
	}
#text {
	position:absolute;
	width:500px;
	height: 300px;
	overflow:scroll;
	margin-left:30px;
	margin-top:30px;
	z-index:10;
	}	
#bogen {
	position:absolute;
	background-image: url(bogen.png);
	opacity:0.5;
	width: 268px;
	height:355px;
	float:left;
	z-index:9;
	}
#slider_left {
	position:absolute;
	background-color:#FFF;
	width:593px;
	height:355px;
	float:left;
	z-index:8;
	}
#right {
	position:absolute;
	margin-left:593px;
	width: 357px;
	height:355px;
	float:left;
	}
#right_top {
	background-color:#F0D67E;
	width: 357px;
	height:180px;
	float:left;
	}
#text_ro {
	position: absolute;
	width:200px;
	height: 140px;
	overflow:scroll;
	margin-left:30px;
	margin-top:30px;
	z-index:12;
	}	
#right_bottom {
	background-color: #F5E1A0;
	width: 357px;
	height:175px;
	float:left;
	}
#text_ru {
	position: absolute;
	width:200px;
	height: 140px;
	overflow:scroll;
	margin-left:30px;
	margin-top:200px;
	z-index:13;
	}	
#footer {
	background-image:url(footer.jpg);
    float:left;
	margin-left: 0px;
    margin-top:0px;
    margin-bottom:0px;
    width:950px;
    height:95px;
    float:left;
    }
.img {
	margin:5px;
	float:left;
	}
/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* ###### unabhängige Kopfnavigation #####*/
#navigation-top {
    position:absolute;
    margin-top:112px;
    margin-left:230px;
    font-family:Verdana, Helvetica, sans-serif;
    font-weight:normal;
    font-size:14px;
    }
#navigation-top ul {
    margin:0px;
    padding:0px;
    border-left:1px solid;
    border-color:#20255f;
    }
#navigation-top ul li {
    display:inline;
    padding-left:11px;
    padding-right:11px;
    border-right:1px solid;
    border-color:#20255f;
    }
#navigation-top ul li a{
    text-decoration: none;
    color:#20255f;
    }
#navigation-top ul li a:hover{
    color: #FFFFFF;
    }
    
/* ###### Hauptnavigation #####*/   
#navigation-left {
    position:absolute;
    margin-top:5px;
    margin-left:230px;
    
    }
#navigation-left ul {
    margin:0px;
    padding:0px;
    border-left:1px solid;
    border-color:#20255f;
    }
#navigation-left ul li {
    display:inline;
    padding-left:11px;
    padding-right:11px;
    border-right:1px solid;
    border-color:#20255f;
    }
#navigation-left ul li a{
	font-family:Verdana, Helvetica, sans-serif;
    font-weight:normal;
    font-size:14px;
    text-decoration: none;
    color:#20255f;
    }
#navigation-left ul li a:hover{
    color: #FFFFFF;
    }

/*##### Metanavigation am Seitenende ######*/

#footnavigation {
    position:absolute;
    margin-top:60px;
    margin-left: 230px;
    width:600px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:10px;
    letter-spacing:1px;
    }
#footnavigation ul {
    margin:0px;
    padding:0px;
    border-left:1px solid gray;
    }
#footnavigation ul li {
    display:inline;
    padding-left:11px;
    padding-right:11px;
    border-right:1px solid gray;
    }
#footnavigation ul li a{
    text-decoration: none;
    color:#fff;
    }
#footnavigation ul li a:hover{
    color:gray;
    }