#text{
	width: 800px;
       /* height:650px;*/
       padding-top: 1%;
       padding-bottom: 1%;
       background-color: rgba(255, 255, 255, 0.8);
        margin: 0 auto;
        position:relative; /* hebt den inhalt vor den space  */
	clear:left; /* hebt das float vom space auf  */
	
}

html,body {


y-overflow:scroll;
x-overflow:hidden;
/*background-color:#c3c3c3;
background-color: #C1D37F;*/
background: url("pic/background.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
color:#000000;
}



#space { 
	width:1px;
	height:50%;
	margin-bottom:-325px; /* die Hälfte der Inhals's Höhe */
	float:left;
	}
#content{
	/*background-color:#333333;*/
	width: 800px;
    height:500px;
	/*color:#DEE8CF;*/
	color: #000;
	font-size:18px;
	float:left; 
}

#content a{
	/*color: #FFF;*/
	color: #000;
}

#content table{
	color:#000;
	text-align: left;
	font-size: 12px;
}
#content table  tbody  tr  td{
	padding: 7px;
}


#flagge{	
	z-index:1;
	position:fixed;
	right:0px;
	top:0px;
}
#flagge_in{
	background-color:#333333;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
	float:left;
	margin-left:5px;
}

#flagge_in:hover{
		background-color:#FFFFFF;
}

#flagge_ausgewählt{
	background-color:#FFFFFF;

	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
	float:left;
	margin-left:5px;
}



#header{
	font-size:35px;
	margin-bottom:5px;
	z-index:2;
	margin-left: 1%;
}	

#navi{
	font-size:25px;
	margin-top:5px;
	width:800px;
	
}
#navi a:link, a:visited{
		color:#000000;
}
#navi a:hover{
	/*color:#FFFFFF;*/
	font-style: italic;
}

.spalte_links {text-align:left; width:40%; float:left; overflow: hidden;}
.spalte_rechts {width:58%; height:100%; float:left; overflow:auto;padding-left:1%;padding-right: 1%;}

.spalte_links img{ 
	height:100%;

}

.extras img{
	width:100%;
}

.extras h3{
	text-align: center;
	margin-bottom: -15px;
}