/* :.:..........:.:.........................: */
*{margin:0; padding:0;}
html, body{font-family:Monospace, sans-serif; font-size:12px; color:#2B301E; height:100%; background-color: #7E883F;
background-image: url(pics/back_new.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
} 

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
h1{font-size:17px; color:#fff; margin-bottom:0px;}
h2{font-size:15px; color:#fff; margin-bottom:3px;}
h3{font-size:14px; color:#fff; margin-bottom:3px;}
h4{font-size:12px; color:#fff; margin-bottom:3px;}

p{margin-bottom:14px; line-height:16px;}

ul, ol{margin:0px 0px 0px 0px; padding:8px 0px 8px 0px; list-style-position:inside;}
li, dl{padding:0px 0px 5px;}

a{text-decoration:none; color:#fff;}
a:hover{text-decoration:underline; color:#464B37;}
a span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

img{border:0;}

.spruch{color:#D1573D; text-align:center; margin-top:28px; margin-bottom:10px;}
.ma_pd_zero{margin:0px 0px; padding:0px 0px;}

.white{color:#fff;}

.fl_left{float:left;}
.fl_right{float:right;}

/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
div#vertical_breaker{float:left; width:100%; height:50%; margin-top:-315px;}
div#mainbox{clear:both; position:relative; width:589px; height:630px; margin:0px auto; background:url(pics/bg_mainbox.png) bottom left no-repeat;}
div#secondbox{position:absolute; z-index:1001;}
	div#logo a{display:block; width:65px; height:87px; background:url(pics/logo_pyroyal.png) top left no-repeat; cursor:pointer; margin:0px auto;}
	div#logo a img{display:none;}
	
	ul#navigation{list-style:none outside; padding:0px 0px 0px 0px; margin:0px 0px 0px 12px;}
	ul#navigation li{float:left; margin:0px; padding:0px 0px 0px; border-bottom:1px solid #fff;}

	ul#navigation li#dienstleistungen a{color:#2B301E; display:block; width:200px; height:25px; padding-top:16px; background:url(pics/bg_nav_dienstl.gif) top left no-repeat; text-align:center; margin-right:1px;}	
	ul#navigation li#produkte a{color:#2B301E; display:block; width:119px; height:25px; padding-top:16px; background:url(pics/bg_nav_produkte.gif) top left no-repeat; text-align:center; margin-right:1px;}
	ul#navigation li#login a{color:#2B301E; display:block; width:126px; height:25px; padding-top:16px; background:url(pics/bg_nav_login.gif) top left no-repeat; text-align:center; margin-right:1px;}
	ul#navigation li#kontakt a{color:#2B301E; display:block; width:117px; height:25px; padding-top:16px; background:url(pics/bg_nav_kontakt.gif) top left no-repeat; text-align:center; margin-right:1px;}	
	
	ul#navigation li#dienstleistungen a:hover, ul#navigation li#dienstleistungen.active a, 
	ul#navigation li#produkte a:hover, ul#navigation li#produkte.active a, 
	ul#navigation li#login a:hover, ul#navigation li#login.active a, 
	ul#navigation li#kontakt a:hover, ul#navigation li#kontakt.active a
	{color:#fff; text-decoration:none;}
	
	div#grafik{margin-left:12px;}
	
	div#content{clear:both; width:565px; height:422px; margin-left:12px; background:#B3B27B; font-size:12px;}
		div#col_left{float:left; width:200px; margin-left:1px;}
			div#col_left ul{list-style:none outside; margin:11px 0px 0px 43px; padding:0px 0px 0px 0px;}
			div#col_left li{padding:0px 0px 10px 0px;}
			div#col_left li a{color:#464B37; display:block; width:145px;}
			div#col_left li a:hover, div#col_left li.active a{color:#fff; text-decoration:none;}
		
		div#col_right{float:right; width:364px;}
			div#col_right div.col_right_text{width:349px; height:253px; overflow:auto; padding:21px 15px 15px 0px;}
		
		div#text{margin:0px 0px 0px 42px; padding:0px 0px 0px 0px; width:215px;}
		
	div#anfahrt{position:absolute; bottom:0px; right:0px; padding-right:16px;}
	div#anfahrt a{color:#464B37;}
	
/* Kontaktsite */
body#kontaktsite div#col_right div.col_right_text{width:349px; height:386px; overflow:auto; padding:21px 15px 15px 0px;}
body#kontaktsite div#col_right div.col_right_text a{color:#2B301E;}
body#kontaktsite div#col_left p.pozzi7{position:relative; top:352px; left:43px;}

/* Loginsite */
body#loginsite div#content{background:url(pics/bg_login.gif) 260px 10px no-repeat #B3B27B;}
body#loginsite div#content ul{list-style:none outside; margin:11px 0px 0px 43px; padding:11px 0px 0px 0px;}
body#loginsite div#content ul li {padding:0px 0px 10px 0px; float:left;}
body#loginsite div#content ul li a{float:left; color:#464B37; display:block; padding-right:30px;}
body#loginsite div#content ul li a:hover{color:#fff; text-decoration:none;}

/* Loginsite_two */
body#loginsite_two div#content{background:#B3B27B;}
body#loginsite_two div#content ul{list-style:none outside; margin:11px 0px 0px 43px; padding:11px 0px 0px 0px;}
body#loginsite_two div#content ul li {padding:0px 0px 10px 0px; float:left;}
body#loginsite_two div#content ul li a{float:left; color:#464B37; display:block; padding-right:30px;}
body#loginsite_two div#content ul li a:hover, body#loginsite_two div#content ul li.active a{color:#fff; text-decoration:none;}
div#login_pyrotechniker{clear:both; width:500px;}