.eins{width:6.33333333333%;}
.zwei{width:14.66666666666667%;}
.drei{width:23%;}
.vier{width:31.333333%;}
.fuenf{width:40.66666666666667%;}
.sechs{width:48%;}
.sieben{width:57.3333333%;}
.acht{width:64.6666666%;}
.neun{width:75%;}
.zehn{width:83.333333333%;}
.elf{width:91.66666666666667%;}
.zwoelf{width:98%;}

.eins,
.zwei,
.drei,
.vier,
.fuenf,
.sieben,
.acht,
.neun,
.zehn,
.elf,
.sechs,
.zwoelf{float:left;margin-left:1%;margin-right:1%;}


.eins .ce_text,
.zwei .ce_text,
.drei .ce_text,
.vier .ce_text,
.fuenf .ce_text,
.sechs .ce_text,
.sieben .ce_text,
.acht .ce_text,
.neun .ce_text,
.zehn .ce_text,
.elf .ce_text,
.zwoelf .ce_text
{width:100%;/*background:#b3e1dd;*/}



.eins img,
.zwei img,
.drei img,
.vier img,
.fuenf img,
.sechs img,
.sieben img,
.acht img,
.neun img,
.zehn img,
.elf img,
.zwoelf img{width:100%;height:auto;}

@media all and (max-width: 800px){
.vier,.fuenf,.sechs,.sieben,
.acht,.neun,.zehn,.elf {width:100%;}
.drei{width:48%;}
.zwei{width:23%;}
}

@media all and (max-width: 600px){
.drei{width:100%;}
.zwei{width:31.333333%;}
}

@media all and (max-width: 480px){

.zwei{width:48%;}
}

@media all and (max-width: 320px){
.zwei{width:100%;}
}




















#header {background:#14304D;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin:0 auto 0;
	padding-bottom:1em;
}
#header .inside{width:90%;margin:0 auto 0;}
#header img{width:100%;height:auto;margin-top:1.5em;}
.headerbildtablet{display:none;}
.headerbildsmart{display:none;}

nav{margin-bottom:2em;}	
nav li a{
	font-size:1em;
	font-weight:normal;
	color: #0e657e;
	line-height:100%;
	padding-right:1em;}
nav li {text-align:left;display:inline;}
img{border:0;}   

@media all and (max-width: 50em){
.headerbild{display:none;}
.headerbildtablet{display:block;}
.headerbildsmart{display:none;}

}

@media all and (max-width: 30em){
.headerbild{display:none;}
.headerbildtablet{display:none;}
.headerbildsmart{display:block;}

}



/*RESET*/
html, body, div, span, applet, object, iframe,p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:99%;line-height:170%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/*MAIN*/
body {
	font-size: 1.05em;
	line-height: 1.25em;
	font-family: 'Pt Sans', sans-serif;
	background: #EDEDED;
	color: #555;}

#main{width:60%;margin:0 auto 0;padding-top:2em;}
#footer{width: 100%;
	  overflow:hidden;
	  height:40em;}
#footer .inside{width:60%;margin:0 auto 0;}
#footer img{width:200px;height:200px;}
a {text-decoration:none;
	color: #087993;
	font-weight: normal;
	}
	


a:hover {color:#14304D;}


.mod_article{float:left;}

h1{font-weight:normal;line-height:130%;
   font-family: 'Oswald', sans-serif;
   font-size:160%;color:#14304D;padding-top:0.5em;
	
}
h2{font-weight:normal;line-height:130%;
   font-family: 'Oswald', sans-serif;
   font-size:130%;padding:0;
   color:#087993;}
  
h3{font-weight:normal;line-height:130%;
   font-family: 'Oswald', sans-serif;
   font-size:100%;padding:0;
   color:#087993;}
   
.pdf img{width:3%;height:auto;}  
.vier img {width:15%;height:auto;float:left;} 

@media all and (max-width: 50em){
	#main{width:90%;}
	#footer .inside{width:90%;}
	#footer{height:auto;}

}
   
@media all and (max-width: 30em){
a:link{font-size:1.5em;line-height:180%;}
.pdf img{width:10%;height:auto;} 
}