body, html {
           margin:0;
           padding:0;
		   		   
}
body {	
		font-family: sans-serif, arial;	
		background-image: url(bilder/gradientf.php.jpg);
		background-repeat: repeat-x;
		background-attachment: fixed;
		background-color: #FFFDF8;
}
a {
color: #50B5FD;
font-weight: bold;
}
#container {
	width: 960px;
	margin: auto;
	background-color: #FFFDF8;
	border-width: 2px;
	border-style: solid;
	border-color: #0166BE;
}
#kopf { 
		background-image: url(bilder/lob.jpg);
		background-repeat: repeat;
        color: #FFFDF8;
        padding: 45px 20px 20px 20px;
        text-align: center;
		border-bottom: 5px; 
		border-style: solid;
		border-color: #50B5FD;
}
#navigation {
           width: 150px;
		   float: left;
		   margin-top: 70px;
		   padding-bottom: 25px;
		   background-color: #FFFDF8;
}
.navibutton{
			font-variant: small-caps;
			width: 120px;
			margin-top: 10px;
			margin-left: 15px;
			margin-right: 15px;
			padding: 5px;
			border-width: 2px;
			border-style: solid;
			border-radius: 8px;
			border-color: #A66100;
			background-color: #FFFDF8;
}	
    a.navi{
	color: #A66100; 
	font-weight: bold;
	text-decoration: none;
	}
	a.navi:hover { 
	color: #50B5FD;
	text-decoration: blink; 
	}

#infobox {
		float: right;
		margin-top: 80px;
		background-color: #FFFDF8;
		font-weight: bold;
		width: 230px;
		border-top: 2px;
		border-right: 0;
		border-bottom: 0;
		border-left: 2px;		
		border-style: solid;
		border-color: #A66100;
}
#bildbox {
		margin-top: 80px;
		background-color: #FFFDF8;
		font-weight: bold;
		width: 230px;
		border-top: 0;
		border-right: 0;
		border-bottom: 0;
		border-left: 2px;		
		border-style: solid;
		border-color: #A66100;
}
#servicebox {float: right;
}
#ethos {
		margin-top: 240px;
		background-color: #FFFDF8;
		color: #A66100;
		width: 220px;
		padding-bottom: 20px;
		border-top: 2px; 
		border-right:0px;
		border-bottom: 2px;
        border-left: 0px;	
		border-style: solid;
		border-color: #A66100;
}

.infobox { 
			font-family: "trebuchet ms";
			color: #A66100;
			font-size: 0.8em;
			margin-left: 15px;
			margin-top: 10px;
			}
h4.infobox {
			font-variant: small-caps;
			font-size: 0.9em;			
}

	a.info:hover { 
	color: #50B5FD; 
	text-decoration: blink; 
	}
	a.info:visited{ 
	font-weight: bold; 
	color: #50B5FD; 
	text-decoration: none; 
	}
			
#inhalt {
		width: 520px; 
		margin-left: 200px;
		margin-right: 220px;
		padding-bottom: 30px;
		background-color: #FFFDF8;
		border-left: 2px solid #0166BE;/*#A66100;*/		
}
#referenzen {
			width: 560px;
			margin-left: 200px;
			padding-left: 80px;
			padding-bottom: 30px;
			background-color: #FFFDF8;
			border-left: 2px solid #0166BE;	
			line-height: 1.2em;
}
#kopf p {  
		color: #FFFDF8;
		margin: 10px 270px 5px 270px;
		font-size: 1.2em;
		font-weight: 700;
		background-color: #50B5FD;
		text-shadow: 1px 1px 1px #0166BE;
}
#kopf h1 {  font-family: "courier new";
			color: #FFFDF8;
			margin: 0 240px 0 240px;
           padding-top: 0px;
		   font-size: 2em;
		   font-weight: bolder;
		   letter-spacing: 0.3em;
		background-color: #50B5FD;
			text-shadow: 2px 2px 2px #0166BE;
}
#footer {
		
		width: 960px;
		margin: auto;
		text-align: right;
		color: #A66100;
		font-size: 0.8em;
}
p.foot {
			margin-top:0px;
}
p {       
			margin: 25px 40px 0 35px;
			font-size: 0.9em;
}
h1 {       margin: 0 40px 0px 35px;
           padding-top: 25px;
		   font-family: "courier new";
           font-size: 1.6em;
		   font-weight: bold; 
		   color: #A66100;
}
h2			{
			margin: 0 40px 0px 35px;
		   font-family: "courier new";
           font-size: 1.5em;
		   font-weight: bolder; 
		   color: #A66100;
}
h3			{ 
			margin: 0 25px 0 35px;
			font-family: "courier new";
			font-size: 1.5em;
}
h4 {       margin: 0 25px 0 35px;
           padding-top: 25px;
}

li {
		margin: 0px 25px 10px 25px;
}
li.infobox {
		margin: 0px 10px 10px 0px;
		}
form {
		margin: 0 40px 0px 35px;
}
input {
			height: 2em;
			border-width: 1px;
			border-style: solid;
			border-color: #A66100;
			background-color: #FFFDF8;
}
ins { 
text-decoration: none;
}
textarea {
			border-width: 1px;
			border-style: solid;
			border-color: #A66100;
			background-color: #FFFDF8;
}
.uebermich {
			margin: 0px 25px 0px 40px;
			line-height: 20px;			
}
.foto {
		margin-top: 15px;
		margin-left: 15px;
		}
.kontakt {
font-size: 1em;
}

 .pics {  
    height:  150px;  
    width:   200px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;   
    width:  200px; 
    height: 150px; 
    top:  0; 
    left: 0 
}