/* Standard-CSS für www.pahl-kummetat.de 
    1. basic tags
	2. layout
	3. navigation
	4.content formatierung
	5. kontakt
	6. links
	               */


/* 1. basic tags */

html, body, div, p, h1, h2, h3, ol, ul,  span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/bg.jpg);
	background-position: center center;
	
}
body, html{
	height: 100%;
	}
input, textarea {
	cursor: pointer;
}
label{
	float: left;
	margin: 2px 0px 2px 20px;
	}
input{
	margin: 2px 0px 2px 0px;
	width: 150px;	
	}
textarea{
	width: 150px;
	height: 60px;
	margin: 0px 0px 2px 0px;
	}
p{
	}
h2{
	color: #003366;
	padding: 5px 0 0px 0;
	}
form{
	margin-bottom: 10px;
	}

/* 2. layout */

div#wrapper {
	left: 50%;
	top: 50%;
	margin-top: -280px;
	margin-left: -480px;
	height: 548px;
	width: 912px;
	z-index: 2;
	position: absolute;
	background-image: url(../images/absperrventil.jpg);
	background-repeat: no-repeat;
	background-position: 0px 221px;
	
	}
/* 2.2 header */
div#header{
	float: left;
	width: 380px;
	height: 428px;	
	}
#logo {
	margin: 0;
	padding: 0px;
	width: 380px;
	height: 222px;
	z-index:1;
	background-image: url(../images/pahl-kummetat-gmbh.jpg);
	background-position: right 130px;
	background-repeat: no-repeat;
	}
#logo h1 {
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	color: #67738d;
	}
#logo h1 a{margin: 0px auto; width: 380px;  font-size: 0.01em; height: 222px; color: #67738d;  top: 0; left: 0px; display: block; background: none; overflow: hidden; }

#logo h1 a:hover {color: #67738d;}
html>body #logo h1 a:hover {color: #67738d;}

/* 2.3 content*/

div#content{
	float: right;
	width: 523px;
	height: 533px;
	background-image: url(../images/bg-content.jpg);
	background-repeat: no-repeat;
	padding: 22px 0 0 0;
	}
.box2{
	width: 454px;
	margin: 5px 0 0 38px;
	}
.boxed{
	width: 225px;
	float: left;
	margin: 5px 0 5px 0;
	}

#picbox{
/*	display:none;*/
	width: 454px;
	margin-left: 36px;
	}
.smallpic{
	width: 110px;
	float: left;
	margin: 5px 3px 10px 0px;
	}
div#datenwrapper {
	left: 50%;
	top: 50%;
	margin-top: -280px;
	margin-left: -260px;
	height: 548px;
	width: 540px;
	z-index: 2;
	position: absolute;
	background-image: url(../images/absperrventil.jpg);
	background-repeat: no-repeat;
	background-position: 0px 221px;
	}
div#datenschutz{
	
	width: 523px;
	height: 533px;
	background-image: url(../images/bg-content.jpg);
	background-repeat: no-repeat;
	padding: 22px 0 0 0;
	}
/* 2.4 footer */

div#adresse{
	margin: 5px 0 0 0px;
	font-size: 10px;
	color: #333333;
	text-align: right;
	}
/* 3. navigation */
/* 3.1 standard navi */
div#start ul{
	width: 225px;
	position: absolute;
	top: 407px;
	left: 122px;
	list-style: none;
	}
div#start li{
	display: inline;
	}
div#start li a{
	color: #333;
	font-size: 12px;
	text-decoration: none;	
	text-align: left;
	background-image: url(../images/arrow-off.gif);
	background-repeat: no-repeat;
	padding : 0px 10px 0px 10px;
	background-position: left center;
	}
div#start li a:hover{
	color: #666;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	background-image: url(../images/arrow-on.gif);
	background-repeat: no-repeat;
	padding : 0px 10px 0px 10px;
	background-position: left center;
	 }	 

/* 3.2 content navi */
div#menu ul{
	width: 378px;
	position: absolute;
	top: 225px;
	left: 0px;
	list-style: none;
	}
div#menu li{
	display: inline;
	}
div#menu li a{
	color: #3e5a7c;
	font-size: 14px;
	text-decoration: none;
	display : block;	
	text-align: right;
	margin-bottom: 5px;
	margin-right: 40px;
	   
	 }
div#menu li a:hover{
	color: #999;
	font-size: 14px;
	text-decoration: none;
	display : block;	
	text-align: right;
	margin-bottom: 5px;
	margin-right: 40px;
	 }	 
/* 4. content formatierung */

div#themepic{
	width: 457px;
	height: 167px;
	margin-left: 33px;
	}
div#content h1, div#datenschutz h1{
	font-size: 24px;
	color: #003366;
	background-image: url(../images/titel-bull.gif);
	background-repeat: no-repeat;
	padding : 0px 10px 0px 15px;
	background-position: left center;
	margin: 3px 0 0 38px;
	}
.fixfloat{
   clear: both; 
   font-size: 16px; 
   text-align: center;
	}
.fixfloat h2{
   clear: both; 
   font-size: 16px; 
   color: #003366;
   text-align: center;
	}
div#content ul{
	
	list-style: none;
	margin: 10px 0 0 0px;
	text-align: center;
	}
div#content li{
	margin: 0 0 5px 0;
	font-size: 16px;
	color: #003366;
	}
div#daten {
	width: 454px;
	font-size: 10px;
	margin: 10px 5px 0 38px;
	}
div#daten p{
	
	font-size: 11px;
	
	}
/* 5.kontakt */

.box{
	width: 240px;
	float: left;
	margin: 10px 0 0 0;
	text-align: right;
	}
.box h2, .box p{
	text-align: left;
	margin: 0 0 0 38px;
	}
	
/* 6. links */

div#adresse a{	
	font-size: 10px;
	color: #333333;
	text-decoration: none;	
	}
div#adresse a:hover{	
	font-size: 10px;
	color: #003366;
	text-decoration: underline;	
	}
div#content a{
	font-size: 12px;
	color: #333333;
	text-decoration: underline;	
	}
div#content a:hover{	
	font-size: 12px;
	color: #003366;
	text-decoration: none;	
	}