html{ }

body{
margin:0;
padding:10% 0 0 0;
text-align:center;
height: 80%;
background-color: #666;

}

html>body{ overview: hidden;}


.bodytext {font-size:12px; font-family:Verdana; color: #333;}
.bodytext  a {font-size:12px; font-family:Verdana; text-decoration: none;}
.bodytext  a:hover {font-size:12px; font-family:Verdana; text-decoration: none;}

.container {
	height: 550px;
	width:880px;
	background:transparent;
	position: relative;
	margin-left: auto;
	margin-right: auto;

}


.container-left {
	float:left;
	width:170px;
} 

.oben-links { 
	background-image: url(../pics/oben-links.png);
	width:170px;
	height: 10Px;
	line-height: 1.5em;
	font-size: 1px;
}

.bg-links { 
	background-image: url(../pics/bg-links.png);
	width:170px;
	height: 530Px;
}

.unten-links { 
	background-image: url(../pics/unten-links.png);
	width:170px;
	height: 10Px;
	line-height: 1.5em;
	font-size: 1px;
}

.container-center {
	float:left;
	width:680px;
	overflow:hidden;
	height:550px;
} 

.oben-rechts { 
	background-image: url(../pics/oben-rechts.png);
	width:680px;
	height: 10Px;
	line-height: 1.5em;
	font-size: 1px;
}

.bg-rechts { 
	background-image: url(../pics/bg-rechts.png);
	width:680px;
	height: 530Px;
}

.unten-rechts { 
	background-image: url(../pics/unten-rechts.png);
	width:680px;
	height: 10Px;
	line-height: 1.5em;
	font-size: 1px;
}


.content-container { 
	padding: 1 0 5 30;
 	text-align: left;
 	overflow:hidden;
	height:530px;
}


.rootline { 
	text-align: left;
	height:20px;
	height: 20px;
	width:600px;
}

.pixellinie { 
	background-image: url(../pics/pixellinie.jpg);
	width:600px;
	height: 1Px;
	line-height: 1.5em;
	font-size: 1px;
	margin-top: 1px;
	margin-bottom: 15px;

}

.rootline-item a{ 
	text-decoration:none;
	font-family: verdana;
	font-size: 12px;
}

.scroll-container { 
	text-align: left;
 	overflow:hidden;
	height:510px;
}

.inhalt { 
 	text-align: left;
 	overflow:hidden;
}

.button-up {
 	height: 10px;
	width: 10px;
	background-image: url(../pics/up.png);
	margin: 460 0 0 22;
}

.button-down {
 	height: 10px;
	width: 10px;
	background-image: url(../pics/down.png);
	margin: 1 0 0 22;
}


.menu { 
	padding: 5 0 0 2;
}

.menu-item-container {
	
	margin-bottom: 3px; 
	margin-left:7px; 
	background:transparent;
}
				 
.menu-item-button {   
	float:left;  
	width:5px;  
}
				
				
.menu-item-button-active {   
	float:left;  
	width:5px;  
}	
		
*html .menu-item-button {  
	float:left;  
	width:6px;  
}
				
*html .menu-item-button-active {   
	float:left;  
	width:6px;  

}
	
.menu-item { 
	text-align: left; 
	padding: 1 2 2 9;

}

.menu-item-active { 
	text-align: left; 
	padding: 1 2 2 9;

}

div.menu-item:hover { 
	margin-left: 6px;

	padding: 1 2 2 3;
}

.menu-item a{ 
	text-decoration:none;

	font-family: verdana;
	font-size: 13px;
}

.menu-item-active a{ 
	text-decoration:none;

	font-family: verdana;
	font-size: 13px;

}

.menu-item-level2 {
	text-align: left;
	padding-left: 19px; 
	padding-bottom: 3px;
}

.menu-item-level2  a{
	text-align: left;
	text-decoration:none;

	font-family: verdana;
	font-size: 11px;
}

.menu-item-level2  a:hover{
	text-align: left;
	text-decoration:none;

	font-family: verdana;
	font-size: 11px;
}

.menu-item-level2-active {
	text-align: left;
	padding-left: 19px; 
	padding-bottom: 3px;
}

.menu-item-level2-active  a{
	text-align: left;
	text-decoration:none;

	font-family: verdana;
	font-size: 11px;
}


.container-right {
	float:left;
	width:10px;
	overflow:hidden;
	height:550px;
	padding:30 0 0 0;

} 

.css-selct { 	
	margin: 0 0 10 0;
	padding: 0 0 0 0;
	
}

.css-selct a { 	
	margin: 0 0 10 0;
	padding: 0 0 0 0;
	text-decoration:none;
	
}

.style-button-green {
	background-image: url(../pics/style-button-green.png);
	width: 10px;
	height:30px;
	margin: 0 0 7 0;
	padding: 0 0 0 0;
}

.style-button-blue {
	background-image: url(../pics/style-button-blue.png);
	width: 10px;
	height:30px;
	margin: 0 0 7 0;
	padding: 0 0 0 0;
}

.style-button-pink {
	background-image: url(../pics/style-button-pink.png);
	width: 10px;
	height:30px;
	margin: 0 0 7 0;
	padding: 0 0 0 0;
}