@charset "UTF-8";

body {
	font-size: 100%/1.4 ;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	background: url(images/bg_grau2.png) repeat-x #5B5B5B ;
	margin: 0;
	padding: 0;
	color: #000;
}


html[xmlns^="http"] {
	overflow-y: scroll;
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 5px;
	padding-left: 15px; 
}
a img {
	border: none;
}

a:link {
	color: #E7611D;
	text-decoration: underline; 
}
a:visited {
	color: #007336;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
} 

.container {
	width: 820px;
	margin: 0 auto;
	
}

#logo {
	display: block;
	position: absolute;
	width: 380px;
	float: left;
	z-index:2;
}

#logo p{

color: #fff;
font-size: 18px;
margin: 45px 0 0 -15px ;
padding:0 ;
font-family: 'Imprima', sans-serif;
}

#logo h1{
color: #E7611D;
font-size: 36px;
margin:0 0 0 15px ;
padding:0 ;
font-family: 'Imprima', sans-serif;
}

header {
	position: relative;
	top: 80px;
	}
	
	
header div.adress {
		background-color: #E7611D;		/*orange*/
		color: #FFF;
		font-size: 14px;
		text-align:center;
		padding: 10px;
		font-weight: 300;
		letter-spacing: 1px;}
		
		
	header div.adress a:visited, header div.adress a:link {
	color: #fff;
	text-decoration: none;
}






.inhalt {
	background: #fff;
	clear: both;
	position: relative;
	top: 80px;		/* Wert wie bei header  */

	}

.content {
	margin:0;
		padding-right: 30px;
}

span.box {
	float:left; 
	width: 270px;
	background-color: #E5E5E5;
	height:184px;
	}

	
span.box h3{
	background-color: #005E46; /* #E7611D;*/
	height: 24px;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	margin:0;
	}
	
	span.box p{
	height: 145px;
	margin: 15px 0 0 0px;
	font-size: 14px;
	}
	
	span.box img{
	padding: 0;
	margin:0;
	}
	

.content h1 {
	color: #999;
	font-size: 44px;
	font-weight:100;
	padding-top: 25px;
	padding-bottom: 15px;
	margin: 0;}
	
	.content h2 {
	color: #999;
	font-size: 24px;
	font-weight:100;
	padding-top: 15px;
	padding-bottom: 5px;
	margin: 0;}
	
	
	
	.content p.intro {
	font-weight:400;
	}
	
	article {
		margin: 100px 0 0 0;
		}
	
	
/* Navigation */

nav {
	display: block;
	width: 100%;
	height: 39px;  /*  Höhe Navigationszeile */
	font-size: 1.2em;
	text-align: right;
	font-family: 'Imprima', sans-serif;
	
	}
nav ul {
	list-style: none;
	margin: 0 0 0 400px;  /*  rechtsbündig faken */

}
nav ul li {
	float: left;
	display: block;
}

nav ul a, nav ul a:visited, nav ul a:link { 
	padding: 0 0 12px 24px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: 300;
}

nav ul a:hover, nav ul a:active, nav ul a:focus, nav ul a.aktiv {
	color: #E7611D;
} 

/* ~~ Fußzeile ~~ */
footer {
	clear: both; 
	display: inline;
	width: 875px;
	padding: 0 0 20px 0;
	visibility: hidden;}
	
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*Unterstützung für HTML 5 - Legt für die neuen HTML 5-Tags die Eigenschaft "display:block" fest, damit die Tags in den Browsern korrekt dargestellt werden. */
header, section, footer, nav, article {
	display: block;
}