body{background:#fff url(img/bg.gif);font-size:12px;font-family:'Trebuchet MS',arial;line-height:18px;color:#3a3a3a;}
	a{color:#f60;}

	#container{width:651px;margin:0 auto;padding:0 19px;background:transparent url(img/shadow.png) repeat-y;}
		#wrapper{width:635px;height:603px;background:#fff;padding:16px 0 16px 16px;overflow:hidden;position:relative;}
			#headmovie{width:264px;height:264px;float:left;background:#fff;}
			#headlogo{padding:0 16px 0 0;float:right;}
				#logo{width:76px;height:76px;}
			
			#navigation{clear:both;width:357px;margin:1px 0 0 278px;border-top:1px solid #f60;height:27px;line-height:27px;}
				#navigation li{padding:0 8px 0 9px;background:transparent url(img/dots.gif) left no-repeat;text-decoration:none;display:block;float:left;}
				#navigation li.first{padding:0 9px 0 0;background:transparent;}
				.navigation a{text-decoration:none;color:#3a3a3a;}
				.navigation a:hover, .navigation li.active a{color:#007;}
				#navigation li a span{display:block;width:6px;height:6px;position:absolute;bottom:0;background:#007;z-index:2;}
				#navigation li.first a span{left:16px;}
				#navigation li.second a span{left:28px;}
				#navigation li.third a span{left:40px;}
				#navigation li.fourth a span{left:52px;}
				#navigation li.fifth a span{left:64px;}
				#navigation li a:hover span, #navigation li.active a span{background:#f60;}
				body#digibox #navigation li.digibox a, body#leistungen #navigation li.leistungen a, body#referenzen #navigation li.referenzen a, body#digiphabet #navigation li.digiphabet a, body#kontakt #navigation li.kontakt a{color:#007;}
				body#digibox #navigation li.digibox a span, body#leistungen #navigation li.leistungen a span, body#referenzen #navigation li.referenzen a span, body#digiphabet #navigation li.digiphabet a span, body#kontakt #navigation li.kontakt a span{background:#f60;}
				
			
			#subnavigation{float:left;width:264px;margin-top:45px;display:none;}
			body#digibox #subnavigation, body#leistungen #subnavigation, body#kontakt #subnavigation{display:block;}
				#subnavigation li{display:none;}
				#subnavigation li a span{display:block;width:6px;height:6px;position:absolute;bottom:0;background:#007;z-index:2;}
				#subnavigation li.first a span{left:88px;}
				#subnavigation li.second a span{left:100px;}
				#subnavigation li.third a span{left:112px;}
				#subnavigation li.fourth a span{left:124px;}
				#subnavigation li.fifth a span{left:136px;}
				#subnavigation li.sixth a span{left:148px;}
				#subnavigation li.seventh a span{left:160px;}
				#subnavigation li.eigth a span{left:172px;}
				#subnavigation li.ninth a span{left:184px;}
				#subnavigation li a:hover span, #subnavigation li.active a span{background:#f60;}
				body#leistungen #subnavigation li.leistungen{display:block;}
				body#digibox #subnavigation li.digibox{display:block;}
				body#kontakt #subnavigation li.kontakt{display:block;}
				
			#content{float:right;width:357px;margin:45px 0 0 0;}
				#content p{padding-right:16px;}
				#content h2{color:#f60;}
			
			#alphabet{float:left;width:264px;margin:41px 0 0 -4px;}
				#alphabet li{float:left;margin:4px;}
				#alphabet li a{display:block;width:26px;height:26px;border:1px solid #fff;background:#fff;color:#f60;line-height:26px;text-align:center;text-decoration:none;}
				#alphabet li a.active{border:1px solid #f60;background:#f60;color:#fff;}
				#alphabet li a:hover{border:1px solid #f60;background:#fff;color:#f60;}
				#alphabet li a.active:hover{border:1px solid #f60;background:#f60;color:#fff;}
			
			#squares{position:absolute;bottom:0;left:16px;z-index:1;}
	
	#footer{width:651px;margin:0 auto;padding:19px;background:transparent url(img/footer.png) no-repeat;color:#a2a2a2;text-align:right;font-size:9px;}
	form.mail {
		margin-top:10px;
		
	}
	form.mail input{
		width:164px;
		margin-right:10px;
		margin-bottom:10px;
		border:1px solid #f60;
		font-size:11px;
		color:#f60;
		height:18px;
		padding-top:3px;
	}
	form.mail input.long {
		width:345px;
		margin-right:0px;
	}
	form.mail textarea {
		border:1px solid #f60;
		width:345px;
		color:#f60;
		font-size:11px;
		padding-top:3px;
		font-family:Arial, Helvetica, sans-serif;
	}
	form.mail .error {
		border:1px dotted red;
	}
	form.mail input.button {
		color:white;
		margin-top:10px;
		padding:0;
		background:#FF6600;
		float:right;
		width:100px;
		
	}
	
.clear{
	overflow: hidden;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}