body{
background:#ccc;
font: 100% Trebuchet MS, sans-serif;
margin: 0;
padding: 0;
height: 100%;
}

html, body {
    margin:0;
    padding:0;
    height:100%
}

#sidebar{
float: left;

}

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

#back{
	position:absolute;
    /* Für moderne Browser */
    min-height:100%;
	
    /* Für den Internet Explorer */
    height:auto !important;
    height:100%;
	background-color:#eee;
	width: 225px;
	left: 65px;
	z-index:1;
	opacity:0.55;
    filter: alpha(opacity=55);
    -moz-opacity:0.55;
	
}

#between{
position: absolute;
z-index: 2;
width: 225px;
height: 250px;
background-color:#fff;
left: 65px;
top:190px;
opacity:0.9;
filter: alpha(opacity=90);
-moz-opacity:0.9;
}

#socialmedia{
position: absolute;
z-index: 4;
width: 205px;
height: 30px;
background-color:#fff;
left: 65px;
top:443px;
opacity:0.9;
filter: alpha(opacity=90);
-moz-opacity:0.9;
padding: 10px;
}

#socialmedia a{
opacity:0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
}

#navigation{
	position:relative;
    /* Für moderne Browser */
    min-height:100%;
	
    /* Für den Internet Explorer */
    height:auto !important;
    height:100%;
	width: 225px;
	left: 65px;
	z-index:3;
	
	
}



ul {
        list-style: none;
        width: 175px;
        position: relative;
		margin: 0;
		padding:0;
		top: 0px;
		left:25px;
		
    }
	
    ul li {
        margin-bottom: -1px;
		height:35px;
		text-align: left;
		padding-top: 15px;
		
    }

    ul li a {
        display: block;
        color: #000;
        text-decoration: none;
        font-size: 16px;
		padding-bottom: 13px;
        border-bottom: 1px solid #ddd;
    }

    ul li ul {
	border: 1px solid #ddd;
        display: none;
        position: relative;
        margin-left: 0px;
        left: 100%;
		margin-top: -49px;
		background:#fff;
		opacity:0.95;
		filter: alpha(opacity=95);
		-moz-opacity:0.95;
		padding-left: 3px;
		padding-right: 3px;
    }

    ul li:hover {
      
    }

    ul li:hover ul {
        display: block;
    }
	
.footer{
top:110px;
position: relative;
padding-left: 7px;
}	

.footer a{
font: 65% Trebuchet MS, sans-serif;
color: #000;
text-decoration: none;
}


/*-----------------content--------------------*/
.opacity-wrapper * {  
    position:relative;  
}  


.main {  
	position:absolute;   
    color: #fff;  
    height: auto;  
    width: 730px;   
	top: 75px;
	left: 450px;
}  

      
.content {   
    height: auto;  	
    padding: 20px;
	color: #000;
	font: 80% Trebuchet MS, sans-serif;
	
}  
     

          
.opacity {  

	width: 100%;  
    height: 100%;  
    position:absolute;  
    top:0;  
    left:0; 
	background: #fff;	
    opacity:0.9;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;	
}   

.fenster{
	border:1px solid #000000;
	font-size:11px;
	height:300px;
	width:600px;
}