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

body {
	color: #fff;
	background: #000;
	font-family: Arial, Helvetica, sans-serif; 
	
	font-size: 12px;

	scrollbar-base-color:#FFFFFF;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #014667;			
	scrollbar-shadow-color: #014667;	
	scrollbar-highlight-color: #014667; 	
	scrollbar-3dlight-color: #FFFFFF;	
	scrollbar-darkshadow-color: #FFFFFF;	
	
		
	}
	
td,th{
	font-size: 12px;

}

p{
	margin-top: 0px;
	padding-top: 0px;
}


div#container{
	width: 900px;
	height: 600px;
	text-align: left;
	background: url(../img/leiste_unten.gif) no-repeat #014667;
	background-position: bottom;	
}
div#leiste_oben{
	width: 900px;
	height: 12px;
	background:  url(../img/leiste_oben.gif) no-repeat;
}
div#logo_container{
	margin: 0px 0px 0px 12px;

	height: 70px;
}
div#logo{
	margin: 0px 12px 0px 0px;
	width: 683px;
	height: 70px;
	float: left;
}

div#logo_extra{
	margin: 0px;
	width: 180px;
	height: 70px;
	float: left;
}


a:link, a:hover, a:visited, a:active{
	color: #fff;
	text-decoration: underline;
}
div#navi{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	height: 20px;
}
div#navi ul {
	list-style-type: none;
	list-style-position:outside;
	margin: 0px 0px 0px 12px;
	padding: 0px;

}
div#navi li {
	float: left;
	margin-right: 10px;
}
div#navi li.kunden {
	float: left;
	margin-left: 50px;
}

a.navi:link, a.navi:visited, a.navi:active{
	padding: 3px;
	text-decoration: none;
	font-weight: bold;	
	color: #fff;	
}
a.navi:hover {
	padding: 3px;
	text-decoration: none;
	font-weight: bold;
	color: #014667;
	background: #fff;
}

a.navi_hight:hover, a.navi_hight:link, a.navi_hight:visited, a.navi_hight:active{
	padding: 3px;
	text-decoration: none;
	font-weight: bold;
	color: #014667;
	background: #fff;
}

div#content_container_start{
	margin: 20px 0px 0px 0px;
	width: 900px;
	height: 470px;
	background:  url(../img/juergen.gif) no-repeat;
	background-position:420px 23px;

}
div#content_container{
	margin: 20px 0px 0px 0px;
	padding: 0px;	
	height: 460px;
	text-align: left;
}
div#content_container_comicanimation{
	margin: 20px 0px 0px 0px;
	width: 900px;
	height: 470px;
	background:  url(../UserFiles/Image/comic_animation.jpg) no-repeat;
	background-position:12px 23px;

}




div#content_start{
	margin: 0px 0px 0px 12px;
	width: 450px;
	height: 100%;
}
div#content{
	margin: 0px 0px 0px 12px;
	padding: 0px 3px 0px 0px;
	width: 880px;
	height: 460px;
	overflow: auto;
}

div#beispiele{
	margin: 0px;
	padding: 10px 3px 0px 0px;
	width: 400px;
	height: 320px;
	overflow: auto;	
	float: left;

	/*
	margin: 0px 0px 0px 37px;
	padding: 0px 3px 0px 0px;
	height: 380px;	
	*/
}

div#beispieleiframe{
	padding: 10px 0px 0px 35px;	
	width: 420px;
	height: 300px;
	float: left;

}

.body_movies{
	background: #014667;
	margin: 0px;
	padding: 0px;	
}

hr {clear:both; background-color:#fff; /* Mozilla 1.4 */color:#fff; /* IE 6 */border: #fff; /* Opera 7.11 */height: 1px;}