body {
	font-size:.8em;	
	overflow-x:hidden;
	position:absolute;
	width:100%;
	color:#444;
	background-color:#FFFFFF;
}

h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	font-weight:normal;
	
	}
	
	h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	font-weight:normal;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	
	}
	
		h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	font-weight:normal;
	
	}
	
h3	{
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:2em;
	font-weight:normal;
	}
	
	h4	{
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color-font:#000000;
	font-size:14px;
	font-weight:normal;
	}
	
	
	section h3	{
	
	
	color:#000;
	font-size:1.5em;

	}


	
	ul.leistungen{
	list-style:none;
	padding-left:-30px
		}
	

	
		ul.leistungen li{
	padding:5px;
	margin-left:-30px;
	
	
	
	}
#rechts a{

	}
	
p{
font-size:1em;
line-height:1.2em;	
	}	

img.box {
	width:100%;
	height:auto;
	margin-bottom:0.5em;
}
#contentmitte{
float:left;
	width:55%;
	margin-right:2em;
	margin-top:20px;

	}
	#contentmitte a{
	
	background-color:green;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.29), 0 -1px 0 rgba(46, 97, 0, 0.75) inset;
    box-sizing: border-box;
    color: white;
    display: block;
    padding: 4%;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    width: 100%;
	}
	
	#contentmitte .box{
border:1px solid #ccc;
padding:10px;
margin-top:20px;	}
	
	#rechts{
	float:left;
	margin-top:20px;

	
	}
	
		#rechts .box{
	border:1px solid #ccc;
padding:10px;
margin-top:20px;
	}
	
		#rechts .box h2{
	
	padding:10px;
	
	}
	
			#rechts .box-ueberschrift{
	color:#000000;
	background-color:#f7e016;
	margin:-8px;
	}
	
content section{
	width:100%;
	}

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 200px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}

#pageslide ul {background:none;}

#pageslide ul li a {
	background:none;
	box-shadow:none;
	text-align:left;
}

.container {
	max-width:970px;
	margin:0 auto;

		
}

.headertext {
float:right;	
}

.open {
	float:left;
	height:39px;
	width:46px;
	background:url(../open.png) 0 0 no-repeat;
	margin:16px 4% 0 0;
	text-indent:-9999px;
}

#logo {
	width:224px;
	background-image:url(../images/ankerindernot.jpg);
	background-repeat:no-repeat;
	display:block;
	height:102px;
	text-align:center;
	float:left;
	text-indent:-9999px;
	margin:-10px 0;
}

#navMain {
	display:none;
	padding:0;
	list-style:none;
	margin-bottom: 0;
    margin-left: -200px;
    margin-top: 100px;
	}

#navMain li{
 background-color: #f7e016;

}

#navMain li#active{
 background-color: #00298c;
 color:#FFF;
 border-right:none;
 }

#navMain li a {	
	 color:#000000;	
	text-decoration:none;
	background-color: #f7e016;

}

#featuredContainer {
	background-image:url(../images/bg-2.jpg);
	background-repeat:repeat-x;
	float:left;
	width:100%;
	padding:4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#featuredContainer img  {
	margin:4% 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}


#navFeatured li a {

	padding:5% 5%;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	width:100%;
	
	margin-bottom:1%;
}


#navFeatured {
	width:100%;
	
		
	}


#content {
	float:left;
	border-top:1px solid #CCC;
	background-image:url(../images/bg-2.jpg);
	background-repeat:repeat-x;
	width:100%;
	padding:8% 4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:20px;
}

.navi {
	width:100%;

		background-color: #DADBDB;
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom: 1px solid #DADBDB;
    height: 75%;
    position: relative;
    z-index: 2;
}

#content section {
	background:white;
	margin-bottom:8%;
	padding:4% 4% 6% 4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:3px;
	box-shadow:0 0 15px rgba(0,0,0,.05);
	
}

#content section:after {
	content:'';
	height:10px;
	width:100%;
	display:block;
	background:url(../schatten.png) top center no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0;
	bottom:-10px;
}



#content section h1 {
	font-size: 1.4em;
	margin-bottom:.2em;
}

#content section p {
	margin-top:0;
}

#content section ul {
margin:0em;
padding:1em;
}

#content section a {
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.29), inset 0 -1px 0 rgba(46,97,0,.75);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.29), inset 0 -1px 0 rgba(46,97,0,.75);
	box-shadow: 0 1px 2px rgba(0,0,0,.29), inset 0 -1px 0 rgba(46,97,0,.75);
	
	background-color:green;
	
	padding:4%;
	text-align:center;
	color:white;
	text-decoration:none;
	width:100%;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:3px;
	text-shadow:0 1px 1px rgba(0,0,0,0.4);
}


content {
	float:left;
	width:100%;
	padding:4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#FFF;
	padding:0px;
}


footer {
	float:left;
	width:100%;
	padding:4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#FFF;
	padding:0px;
}

content section:nth-of-type(2n), content section:nth-of-type(3n){
    float: left;
    margin-right: 0;
    width: 20%;
		margin:0px;
	
}

content section:nth-of-type(3n){
    margin-top:2em;

}


content section {
    border: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 3em;
    margin-right: 2em;
    padding: 2em;
 
}

content section ul{
   list-style:none;
   margin:0px;
   padding:0px;
}


footer section {
	margin-bottom:8%;
	border:none;
}

footer section h2 {
	font-size: 1.4em;
	margin-bottom:.2em;
}



footer section p {
	margin-top:0;
}


		#navMain li a {
    padding-left: 10px;
    padding-right: 10px;
	padding:0px
}

	#navFeatured{
		margin-top:0px;
	}

	#navFeatured li {	

		margin-bottom:0px;
	}

@media screen and (min-width:360px) {
content section p{	padding-right:20px;}
	#navMain li#active {
    background-color:#00298c;
    border-right: medium none;
    color: #FFFFFF;
   padding:0px;
}
#navMain li{	
padding:1em;
}

#contentmitte{

	width:100%;

	}
	
#rechts{
width:100%;	
	}
#featuredContainer {
    background-color: #013569;
}	
content section {
  	width:100%; 
    padding: 1em;
	margin-bottom:0px;
  
}

content section:nth-of-type(2n), content section:nth-of-type(3n) {
    float: left;
    margin: 0;
    width: 100%;
	margin-top:1em;
}

content section:nth-of-type(3n) {
   margin-bottom:1em;
}


footer section p {
    margin-top: 0;
    padding: 10px;
    text-align: center;
}	

#navFeatured li {
  
    padding: 1% 7% 4% 1%;
}

#navFeatured li {
    background-image: url("../images/unterer-schatten.png");
    background-position: center bottom;
    background-repeat: no-repeat;
  
    list-style-image: url("../images/pfeil.png");
 
}

}



@media screen and (min-width:500px) {
	body {font-size:0.95em;}
	
#featuredContainer {
    background-color: #00207d;
}

#rechts{
width:100%;	
	}	
#contentmitte{

	width:100%;
	
	}
#navFeatured {
 padding-left:1.7em;
}	
	#navMain li a,
	#navFeatured li a,
	#content section a {
padding:3%;
	}

	
	#content section {padding:3% 3% 4% 3%;}
	
}

@media screen and (min-width:550px) {
		#content section:nth-of-type(3n+3) {
    margin-top: 0px;
}
#rechts{
width:35%;	
	}	
	body {font-size:1em;}
	
		#navMain li#active{
 padding: 2.4em 0.4em 0.9em;
 }
	
		#navMain li a {
    padding: 0 0.4em 0.9em;
}
	
	#featuredContainer {
		padding-top:0.1%;
	}
	
	#navFeatured li {
	
		float:left;	
		margin-right:1%;
		list-style-image:url(../images/pfeil.png);
		background-image:url(../images/unterer-schatten.png);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
	#contentmitte{

	width:55%;
	
	}
	
	#navFeatured li:last-child {margin-right:0;}
	
	#navFeatured li a {padding:9% 0 8%;}
	
	#content section {padding:2.5% 2.5% 3.5% 2.5%;
	width:60%;
	}
}

@media screen and (min-width:620px) {
#rechts{
width:35%;	
	}
		#navMain li#active{
 padding: 2.4em 0.4em 0.9em;
 }
	
		#navMain li a {
    padding: 0 0.4em 0.9em;
}
	
	
	#pageslide, .open {display:none;}
	
	#navMain {display:block;}
	
	header {
			
	}
	
	#logo {
		float:left;	
	}
	
	#navMain {

		float:left;	

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin-bottom:0;
		border-radius:3px 3px 0 0 ;

	
	}
	
	#navMain li {
		float:left;
		width:auto;
	 height: 2.7em;
	padding: 2.5em 0em 0.7em;
	border-left: 1px solid #FFF;
 
}
	
	
	#navMain li a {
		 padding: 0 1em 0.9em;
	}
	
	#featuredContainer {
		padding-bottom:0;	
	background-color:#013569;		
	}
	
	#featuredContainer img {margin:3% 0 4%;}
	
	#content {padding:0% 4% 0 4%;}
	
	#content section {
		float:left;
		width:100%;	
		margin-right:4%;
		margin-bottom: 4%;
		padding:2% 2% 3% 2%;
	}
	
	#content section:nth-of-type(even) {
		margin-right:0;	
	}
	
content section:nth-of-type(2n), content section:nth-of-type(3n) {
    float: left;
    margin: 1em 0 0;

	width:100%;
 
}

content section:nth-of-type(2n) {
 
	margin-top:1em;

 
}
	
}

@media screen and (min-width:720px) {
		#navMain li#active{
 padding: 2.4em 0.4em 0.9em;
 }
 #rechts{
width:35%;	
	}
	
		#navMain li a {
    padding: 0 0.4em 0.9em;
}
		
		.headertext {
	
width:40%;
}

#navFeatured li {
   
    margin-right: 8%;
}	
	#featuredContainer {
		padding-bottom:0;	
		
	}	
	#navFeatured li a {padding:7% 0 6%;}
	
	#featuredContainer img {margin:2% 0 4%;}
	
	footer .container section {
	
		width:100%;
		float:left;
		text-align:right;
		padding:1em;	
	
	}
	
	
	img {
    width: auto;
	padding-right:20px;
	float:left;
}
	
content section:nth-of-type(2n), content section:nth-of-type(3n) {
    float: left;
    margin: 1em 0 0;

	width:100%;
 
}

content section:nth-of-type(2n) {
 
	margin-top:1em;

 
}
	
	
}

@media screen and (min-width:820px) {
	
	
	#navMain li#active{
 padding: 2.4em 1em 0.9em;
 }
	
	#navMain li a {
    padding: 0 1em 0.9em;
}
#rechts{
width:35%;	
	}
#navMain li {
   
   
    height: 2.7em;
    padding: 2.5em 0 0.7em;
  
  
}
	
	.headertext {	
width:50%;
}
	
	#featuredContainer {
	
	background-color:#FFF;		
	}	

	
	#featuredContainer img {
		   float: left;
    margin-top: 0;
    margin-top: 1%;
    width: 30.3333%;

	}
	
	#navFeatured {
	
		
		margin-top:1%;	
		padding-left:4.6%;
		
	}
	#navMain li a {
		 padding: 0 1.4em 0.9em;
	}

	
	#navFeatured li a {
		padding: 12% 0 10%;
	}
	
	#content section, 
	#content section:nth-of-type(even) {
		width:30.666666666666664%;	
		margin-right:4%;
		padding:1.2% 1.2% 2.2% 1.2%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	#content section:nth-of-type(3n+3) {
		margin-right:0;	
		margin-top:30px;
	}
	
	#content section a {
		padding:4%;	
	}
	
	#navMain li a:hover {	
	background-color:#00298c;	
  width:auto;
    padding: 2.5em 2em 2.7em;
	color:#FFF;
	 height: 2.7em;
}

	
}

@media screen and (min-width:960px) {
	
	
		.headertext {	
width:59%;
}
	
	#featuredContainer {
		
	background-color:#FFF;		
	}	
	#navFeatured li a {
		padding: 12.5% 0 10.8%;
	}
#navMain li a {
		 padding: 0 2em 0.9em;
	}	
content section {
	  margin-top:2em;
   margin-bottom:2em;

}

content section:nth-of-type(2n) {
    margin-top: 2em;
}

content section:nth-of-type(2n),
content section:nth-of-type(3n) {

}


#navMain li#active{
 padding: 2.4em 2em 0.9em;
 }

}


@media screen and (min-width:1120px) {
	#navMain li a {
		 padding: 0 2em 0.9em;
	}
	#navFeatured li a {
		padding: 13% 0 11.3%;
	}
	
	footer section p {
    text-align: right;
	padding-right:2em;
}

}