/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


* {
	padding:0;
	margin:0;
}

body{
	font: normal 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
}
	    

/* Typo Auszeichnungen */


h1{font-size: 1.8em; padding: 0 0 5px; line-height: 1.2em; margin:0 0 10px  }
h2{font-size: 1.7em; padding: 0 0 5px; color: #333; line-height: 1.2em; margin:0 0 10px }
h3{font-size: 1.5em; padding: 0 0 5px; color: #333; line-height: 1.2em; margin:0 0 10px  }
h4{font-size: 1.3em; font-weight: bold;padding: 0 0 5px; line-height: 1.4em;color: #333;  margin:0 0 10px }
p{ font-size: 1.3em; font-weight: normal; line-height: 1.4em; padding-bottom:15px; list-style-type: none; }

/*p + p { margin-top: -15px; }*/
#content a, #content a:visited, #footerbox a, #footerbox a:visited{
	color: #555;
}
#content a:hover, #footerbox a:hover {
	color: #f00;
	text-decoration: none;
}
.indent {text-indent: 3em;}
#content ul {
	margin: 0px;
	padding: 0px;
}
#content ul li {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;
	/*margin-left: 2%*;*/
	padding: 0 0 0 12px;
	list-style: url(none.html) none;
	background: url(../img/bullet.png) no-repeat 0px 8px;
}
#content ol {
	list-style-position:inside;
}
#content ol li {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0;
	background: none;
}

#navbox{
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2em;
}

#footerbox h4 {color: #eee;}
#footerbox{ font-size: 0.9em; }
/*footer a { color: rgba(255,255,255,0.75); display: block; font-weight: bold; line-height: 1.5em; text-decoration: none;  }
footer a:hover { color: white; }
footer li{ font-size: 1.3em; font-weight: normal; line-height: 1.5em; list-style-type: none; }*/


	

/* Reusable classes ============================================================ */
	
/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }
.clearfix{ clear: left; }	
/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 2% 2% 2% 7%; }
.divider {clear:both;}
hr{border: none;border-top: 1px solid #999;height: 1px;margin-bottom:10px;}
.line{border-bottom: 3px solid #C0C0C0;}
a img {border:none;}
	
/* Basic Structure ============================================================= */
		
/* Header */
#wrap > header {
	/* background-color: #ccc;;
	height: 250px;*/
	}
		
#logo {
	width: 960px;
	margin: 4px auto 0;
	background: url(../img/head.png) no-repeat;
	height:110px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-top-right: 4px;
	-moz-border-radius-top-left: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;			
}
#logo img {
	margin: 1em ;
    width: auto;
	}


nav{    	

    }
	
	
	
	
div.navbutton, div.icon{
	width: 7%;
	float: left;
	height: 40px;
}

div.i0{
	width: 30px;
	height: 30px;
	margin: 5px auto;
	background: url(../img/icon_frontend.png) no-repeat 0px 0px;
	position: relative;
	}
div.i1{
	background: url(../img/icon_frontend.png) no-repeat 0px 0px;
	}	
div.i2{
	background: url(../img/icon_frontend.png) no-repeat -30px 0px;
	}
div.i3{
	background: url(../img/icon_frontend.png) no-repeat -60px 0px;
	}	
	
	
	
		
/*navbox * * * * * * * * * * * * * * * * * * * * * * */
#navbox {	
	height:196px; /* eine Zeile mehr = height:218px;*/	
	width: 960px;
	margin: 0 auto;
}

#navbox nav {
	width: auto;
}
#navbox nav ul li {
 
}


	
/*nav * * * * * * * * * * * * * * */


#nav, #nav *,#nav-m {
	padding: 0;
	list-style: none;
	display: block;
}
#nav-m {
	display: none;
}


	

.box{
	/*margin: 0 auto;*/

	width: 100%;
	float: left;
	padding-bottom: 5px;
	background: url(../img/back_menue.png);
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;	
}

#nav li.main {
	display: block;
	width: 15%;
	margin-left: 0.5%;
	float: left;
}

#nav .main li{	/*background: #fff;*/}
#nav li.split1 a, #nav li.split2 a, #nav li.split3 a, #nav li.split4 a, #nav li.split5 a, #nav li.split6 a {
	display: block;
	position: relative;
	/*height: 32px;*/
	color: #000;
	text-decoration: none;
	padding: 1.3em 0.5em 0.2em 0.5em;
	bottom: 0px;
	
}
/* zweizeiler gemogelt*/
#nav li.split4 a {padding: 0.1em 0.5em 0.2em 0.5em;}

#nav li.split1 a, #nav li.split2 a, #nav li.split3 a, #nav li.split4 a, #nav li.split5 a, #nav li.split6 a{
	border-bottom: 4px solid #C0C0C0;
}

#nav li.split1 a.aktiv {border-bottom: 4px solid #0544ae;}
#nav li.split2 a.aktiv {border-bottom: 4px solid #f6020c;}
#nav li.split3 a.aktiv {border-bottom: 4px solid #f06f12;}
#nav li.split4 a.aktiv {border-bottom: 4px solid #a20609;}
#nav li.split5 a.aktiv {border-bottom: 4px solid #ebde18;}
#nav li.split6 a.aktiv {border-bottom: 4px solid #138b06;}

/*
#nav .split1 a.aktiv, #nav .split2 a.aktiv, #nav .split3 a.aktiv, #nav .split4 a.aktiv, #nav .split5 a.aktiv, #nav .split6 a.aktiv {
	background-color:#ccc;
}
*/
/*
#nav .split1 a:hover, #nav .split2 a:hover, #nav .split3 a:hover, #nav .split4 a:hover, #nav .split5 a:hover, #nav .split6 a:hover{color:#fff;}
*/
#nav li.split1 a:hover {border-bottom: 4px solid #0544ae;}
#nav li.split2 a:hover {border-bottom: 4px solid #f6020c;}
#nav li.split3 a:hover {border-bottom: 4px solid #f06f12;}
#nav li.split4 a:hover {border-bottom: 4px solid #a20609;}
#nav li.split5 a:hover {border-bottom: 4px solid #ebde18;}
#nav li.split6 a:hover {border-bottom: 4px solid #138b06;}
/*
#nav .split1 a:hover{background-color:#b3c6e6;background-color: rgba(5, 68, 174, 0.6);}
#nav .split2 a:hover{background-color:#badcb6;background-color: rgba(27, 138, 15, 0.6);}	
#nav .split3 a:hover{background-color:#fcb3b6;background-color: rgba(246, 2, 12, 0.6);}	
#nav .split4 a:hover{background-color:#fdd3b5;background-color: rgba(248, 110, 9, 0.6);}	
#nav .split5 a:hover{background-color:#e3b4b5;background-color: rgba(162, 6, 9, 0.6);}	
#nav .split6 a:hover{background-color:#f7f2b2;background-color: rgba(227, 213, 0, 0.6);color:#000;}		
	
#nav .split1 a.aktiv {background-color:#b3c6e6;background-color: rgba(5, 68, 174, 0.3);}
#nav .split2 a.aktiv {background-color:#badcb6;background-color: rgba(27, 138, 15, 0.3);}
#nav .split3 a.aktiv {background-color:#fcb3b6;background-color: rgba(246, 2, 12, 0.3);}
#nav .split4 a.aktiv {background-color:#fdd3b5;background-color: rgba(248, 110, 9, 0.3);}
#nav .split5 a.aktiv {background-color:#e3b4b5;background-color: rgba(162, 6, 9, 0.3);}
#nav .split6 a.aktiv {background-color:#f7f2b2;background-color: rgba(227, 213, 0, 0.3);}
*/
#nav li.split1 li a, #nav li.split2 li a, #nav li.split3 li a, #nav li.split4 li a, #nav li.split5 li a, #nav li.split6 li a {
	font-size: 0.95em;
	display: block;
	height: auto;
	position: relative;
	text-decoration: none;
	border-bottom: none;
	margin-bottom:1px;
	padding: 0.11em 1em;
	background: url(../img/nav_arrow.png) no-repeat 3px 6px;
}
#nav li.split1 li a:hover, #nav li.split2 li a:hover, #nav li.split3 li a:hover, #nav li.split4 li a:hover, #nav li.split5 li a:hover, #nav li.split6 li a:hover{border-bottom: none;}

#nav li.split1 li a:hover{background-color:#b3c6e6;background-color: rgba(5, 68, 174, 0.3);}
#nav li.split2 li a:hover{background-color:#fcb3b6;background-color: rgba(246, 2, 12, 0.3);}	
#nav li.split3 li a:hover{background-color:#fdd3b5;background-color: rgba(248, 110, 9, 0.3);}	
#nav li.split4 li a:hover{background-color:#e3b4b5;background-color: rgba(162, 6, 9, 0.3);;color:#000;}	
#nav li.split5 li a:hover{background-color:#f7f2b2;background-color: rgba(227, 213, 0, 0.3)}
#nav li.split6 li a:hover{background-color:#badcb6;background-color: rgba(27, 138, 15, 0.3);}


#nav li.split1 li a.aktiv, #nav li.split2 li a.aktiv, #nav li.split3 li a.aktiv, #nav li.split4 li a.aktiv, #nav li.split5 li a.aktiv, #nav li.split6 li a.aktiv{border-bottom: none;}

#nav li.split1 li a.aktiv{background-color:#b3c6e6;background-color: rgba(5, 68, 174, 0.3);}
#nav li.split2 li a.aktiv{background-color:#fcb3b6;background-color: rgba(246, 2, 12, 0.3);}	
#nav li.split3 li a.aktiv{background-color:#fdd3b5;background-color: rgba(248, 110, 9, 0.3);}	
#nav li.split4 li a.aktiv{background-color:#e3b4b5;background-color: rgba(162, 6, 9, 0.3);color:#000;}	
#nav li.split5 li a.aktiv{background-color:#f7f2b2;background-color: rgba(227, 213, 0, 0.3);}
#nav li.split6 li a.aktiv{background-color:#badcb6;background-color: rgba(27, 138, 15, 0.3);}		

#nav li.split1 li a{background: url(../img/nav_arrow1.png) no-repeat 3px 6px;}
#nav li.split2 li a{background: url(../img/nav_arrow3.png) no-repeat 3px 6px;}
#nav li.split3 li a{background: url(../img/nav_arrow4.png) no-repeat 3px 6px;}
#nav li.split4 li a{background: url(../img/nav_arrow5.png) no-repeat 3px 6px;}
#nav li.split5 li a{background: url(../img/nav_arrow6.png) no-repeat 3px 6px;}
#nav li.split6 li a{background: url(../img/nav_arrow2.png) no-repeat 3px 6px;}

.menubutton{
	width:100%;
	background-color:#000;		
	display: none;
	background: -moz-linear-gradient(top, rgba(33,33,33,0.9), rgba(66,66,66,0.6)); /* Firefox */
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,0.9)), to(rgba(0,0,0,0.6))); /* Safari, Chrome */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.9), rgba(0,0,0,0.6)); /* Safari, Chrome - neue Syntax! */
	background: -o-linear-gradient(top, rgba(0,0,0,0.9), rgba(0,0,0,0.6)); /* Opera */
	background: -ms-linear-gradient(top, #000, #333); /* IE */
	background: linear-gradient(top, rgba(0,0,0,0.9), rgba(0,0,0,0.6)); /* W3C Standard */
	*	background:none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000,endColorstr=#99000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000,endColorstr=#99000000);
	*	zoom: 1;
	}


#content div.csc-sitemap li {
	font-size: 1.3em;
	background: url(none.html);
	padding: 0px;
}
#content div.csc-sitemap li li {
	font-size: 1em;
}
#content div.csc-sitemap li a{
	font-size: 1.0em;
	color: #FFF;
	background: #666;
	display: block;
	padding: 2px 10px;
}
#content div.csc-sitemap li a:hover{
	background: #f00;
}
#content div.csc-sitemap li li a {
	font-size: 1.0em;
	color: #333;
	background: none;
	display: block;
	padding: 3px 3px 3px 20px;
	border-bottom: 1px solid #CCC;
}
#content div.csc-sitemap li li a:hover{
	background: #ccc;
}
#content div.csc-sitemap li li li a {
	padding: 3px 3px 3px 40px;
}
		
/*///////////////////////////////  NEWS  //////////////////////////////////////////////////////////////////////////// */


.news-single-img {
	width: 50%;
}


.news-single-item h1{margin:0;}
.news-list-container IMG {
	width:100px;
	float: none;
	margin:0 5px 0 0;
}
.n-list-img {
	width: 33%;
	float: left;
}
.n-list-cont {
	width: 65%;
	float: left;
	margin-left:2%;
}
#content .news-list-container h3, #content .news-list-container h3 a, #content .news-latest-container h3, #content .news-latest-container h3 a{
	margin: 0 0 0.5em 0 ;
	padding: 0px;
	line-height: 1em;
	font-size: 1.2em;
	text-decoration: none;
}

.news-latest-container {padding:10px 0;}
.news-latest-item {margin: 0;padding: 0;}

.news-latest-gotoarchive, .news-latest-gotoarchive a {
    background-color:none;
    margin:0;
    padding:0;
	font-size: 1.1em;
}

#content div.einsatz h3.red {padding:0;margin-bottom:5px;}
#content div.einsatz h3.red a, #content div.einsatz h3.red a:visited {
	display: block;
	color: #fff;
	padding: 0.2em 1.5em;
	
	/*font-size: 1em;*/
	background: #f6020c url(../img/nav_arrow.png) no-repeat 5px 7px;
	}
#content div.einsatz h3.red a:hover {
	color: #fff;
	background: #666 url(../img/nav_arrow.png) no-repeat 5px 7px;
	}	
#content div.einsatz .news-list-date {
	float: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	padding: 0px;
}
#content div.einsatz hr {
	border: none;
}

.news-list-date {
	float: none;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	}	

.news-latest-container HR.clearer, .news-list-container HR.clearer, .news-list2-container HR.clearer, .news-list3-container HR.clearer, .news-single-item HR.cl-left, .news-single-item HR.cl-right {
	clear: left;
	border-top: 1px dotted #C8C8C8;
	height: 1px;
	margin-bottom: 10px;
	border-right: none;
	border-bottom: none;
	border-left: none;
	}

/*///////////////////////////////  rootline  //////////////////////////////////////////////////////////////////////////// */	
	    #root {
		    margin: 10px 0 10px;
		    /*padding-left: 2%;*/
			width:93%;
		    font-size: 1.2em;
			float:left;
		}
	    #root a {
	color: #8F8F8F;
		}		
		#root + hr{
			border-top: 1px dotted #999;
}
		
	    #rootline {

		}
		#rootline ul {
			list-style-type:none;
			margin:0;
			padding:0;
		}
		#rootline ul li {
		    background: url("../img/nav-footer-arrow.gif") no-repeat scroll 0 50% transparent;
		    display: inline;
		    font-size: 1em;
		    margin-left: 0;
		    padding: 0 1em 0 1.25em;
		}
		#rootline ul li.first {
			background: 0;
			padding:0;
		    padding-right:1em;
			display: none;
		}
		#roothome {
		    float: left;
		    padding-right: 1em;
		    font-size: 1.1em;
		}
		
/*///////////////////////////////  content  //////////////////////////////////////////////////////////////////////////// */		
#content {	    
	text-align: center;
	width: 100%;
}
#contentbox {
	min-height: 250px;
	display: block;
	overflow:hidden;
	margin: 0 auto;
	text-align: left;
	width: 960px;
	/*border-bottom: solid 1px #fff;*/
	background: #F3F3F3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
article{
	float: left;
	color: rgba(15,40,40,0.8);
}
article header, article hr{
	background: transparent;
	height: auto;
	text-align: center;
	color: rgba(15,40,40,0.5);
	line-height: 1em;
	margin-bottom: 2em;
}
.headline {
	margin: 10px 0 32px;
}
.title {
	padding: 3px;
}
aside{
	float: left;
	margin-bottom: 1em;
}
table{
  border-spacing:0;
  width:100%
}

th, td {
	font-size: 1.3em;
	line-height: 1em;
	border-bottom: 1px solid gray;
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
td p {	font-size: 1em;margin:0}
th {
   background-color: #999;
   color:#fff;
   font-weight: bold;
}



/* ///////////////// Kontaktformular //////////////////////////////////////////////////////////////////////////// */
		div.csc-mailform li label {
		    height: 2.5em;
		}
		label em, legend em {
	    	margin: -21px 0 0 40px;
		    position: absolute;
		}
		label strong, legend strong {
		    color: #CC0000;
		    display: block;
		    font-size: 75%;
		    font-weight: normal;
		    line-height: 1.1em;
		    margin: -80px 0 0;
		    position: absolute;
		    text-transform: uppercase;
		}
		.form textarea {  background-color: #ededed; border: 1px solid #394545; padding:5px; }
    .form textarea:hover {border: 1px solid #ededed;}
    .form textblock { margin-left: 185px; }
		.form input[type=text] { width: 240px; margin-bottom: 1em; height: 25px; background-color: #ededed; border: 1px solid #394545; padding-left:5px; }
    .form input:hover[type=text] {border: 1px solid #ededed; }
		.form input[type=submit] { 
      margin-top: 5px; 
      margin-left: 185px;	
      font-family: 'ArvoBold', serif;
      font-size: 14px;
      color: #ffffff;
      padding: 10px 20px;
      background-color: #394545;
       }
      
      .form input:hover[type=submit] { 
      margin-top: 5px; 
      margin-left: 185px;	
      font-family: 'ArvoBold', serif;
      font-size: 14px;
      color: #ffffff;
      padding: 10px 20px;
      background-color: #0d2525;
         }
 
 
  
		/* OpenStreetMap */ 
		#OpenLayers.Map_3_events{ z-index: 0; }
		.tx-odsosm-pi1 { margin-top: 20px; }
		#slider .leaflet-container !important { height: 200px; }
		/* 100% - Sidebar unten */
		.once article{
	        width: 100%;
		}
	    .once article .headline{
	    	float: left;
	    	height: auto;
	    	width: 30%;
		}
		.once article .title{
			width: 40%;
			float: left;
		}
	    .once aside{
	        width: 100%; 
		}

/* //////// Groblayout /////////////////////////////////////////////////////// */		

     #full .twothirds > .inside {width: 97%;}
    
		/* ⅔ - ⅓ */
		.twothirds > .inside {
			float: left;
			width: 68%;
		}
		/*    
		.twothirds article .headline{
	    	float: left;
	    	height: auto;
	    	width: 19%;
		}
		.twothirds article .title{
			width: 60%;
			float: left;
		}
		*/
		.twothirds aside{
			width: 21%;
			padding: 2% 2% 2% 0;
		}
		img, embed, object, video {
			max-width: 100%;
			height: auto;
			width: 100%;
		}
		DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
		DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
		DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
		DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
			float: none;
		}
		.csc-textpic-caption{font-size:1.2em;padding-top:2px;color: #666666;line-height: 1.1em;margin: 4px 0; }
		
	  	  
/* Footer */
footer {
	width: 960px;
	line-height: 1.5em;
	margin: 0 auto;
	overflow: hidden;
		}
#footerbox {

	float: left;
	background-color:#e3e4e5;
   	padding: 0 0 0 7%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 4px 0;		
   	/*width: 960px;*/
	}
.fbox1, .fbox2 {
	float: left;
	height: auto;
	width: 16%;
	padding: 25px 2% 25px 0;
	}
.fbox2 {			
	padding: 25px 2%;
   	width: 60%;	
	}



/* /////////////////   CE Elemente ///////////////////////////////////////////////////////////// */
	

	/* 2 Spalten */
	.ce-half {
	    float: left;
	    margin: 0 2% 0 0;
	    width: 49%;
		padding-bottom:25px;
	}
	/* Nachfolger ohne margin */
	.half-last {
	    margin: 0;
	}
	
	/* 3 Spalten */	
	.ce-thirds {
	    float: left;
	    margin: 0 2% 0 0;
	    width: 32%;
		padding-bottom:25px;
	}
	.thirds-last{
		float: left;
		width: 32%;
	    margin: 0;
	}	
	
	.ce-2thirds, .ce-2thirds-left{
	    float: left;
	    margin: 0;
	    width: 65%;
	}	
	.ce-2thirds-left{
	    margin: 0 2% 0 0;
	}			
	
	/*--------- 2 Spalten 80|20-----------------*/
	.ce-80 {
	    float: left;
	    margin: 0 2% 0 0;
	    width: 75%;
		padding-bottom:25px;
	}
	/* Nachfolger ohne margin */
	.ce-20 {
	    float: left;
	    margin: 0;
	    width: 23%;
		padding-bottom:25px;
	}

	    
	/* Project specifics =========================================================== */
	body{
		/*background-image: url(../img/background.png);*/
	}
	nav a {
	    color: #0D2525;
	    
	    padding: 9px 15px;
	    text-decoration: none;
	}
	nav .navactive{
		color: white;
	}
	#updateyourbrowser {display: none;}
	


@media screen and (-webkit-min-device-pixel-ratio:0)
{
	img, embed, object, video {
		max-width: 100%;
		height: auto;
		width: auto;
	}
	.sf-menu {
	  line-height:0.85;
	}
}

/* For iPads and other Tablets or Displays less then 1080px ======================== */
  @media screen and (max-width: 1080px){  
  /* Header */

	#wrap > header{
	   /* height: 212px;*/
	}
		#logo{
			width: 100%;
			background: url(../img/head_1080.png) no-repeat;	
		}
		#logo img {
		    /*position: absolute;
		    z-index: 1100;*/
		    margin: 1em 2%;
		    width: auto;
		}
#navbox {width: 100%;height:240px;}





  /* Content */
    #contentbox{
		width: 100%;
		
	}
	article header{
		line-height: 2.5em;
		margin-bottom: 2em;
	}
	.title {
	    padding: 3px;
	}
	#content article .headline{
		display: none;
	}
	#content article .title{
		width: 100%;
		float: left;
	}
  /* Sidebar */

        
  /* Footer */
	
footer{
	width: 100%;	
	margin:0 auto;
	padding:0;
	}
#footerbox{
	
   	padding: 0 0 0 7%;
	}
.fbox1, .fbox2 {
	width: 14,5%;
	padding: 25px 1% 25px 0;
	}
.fbox2 {			
	padding: 25px 1%;
   	width: 56%;	
	}	

}
/* For Smartphones, Tablets or other Displays less then 768px ====================== */
@media screen and (max-width: 768px){
  /* Header */
#backstretch{display:none}
#logo {
	width: 100%;
	margin: 0;
	background: none;
	height:auto;		
	}

#logo img {
	position: absolute;
	z-index: 1100;
	margin-top: 2px;
    width:70px;
	}


nav, #navbox{    	
	height:auto;
    }
	
	
.box-m{
	display:none;
	background: #fff;
}	
#nav-m{
	display:block;
	width: 100%;
}


.box{
	display:none
}


#nav-m li.main {	
	display: block;
	width: 100%;
	margin-left:0;
	float:none;	
}
#nav-m .sub {display:block;/*background-color: #666;*/}

#nav-m .main a{/*background: #fff;*/}
#nav-m li.split1 a, #nav-m li.split2 a, #nav-m li.split3 a, #nav-m li.split4 a, #nav-m li.split5 a, #nav-m li.split6 a {
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding: 1em;
	font-size: 1.2em;
}
/*
#nav-m li.split1 a {background:#b3c6e6;background: rgba(5, 68, 174, 0.6);}
#nav-m li.split2 a {background:#badcb6;background: rgba(27, 138, 15, 0.6);}
#nav-m li.split3 a {background:#fcb3b6;background: rgba(246, 2, 12, 0.6);}
#nav-m li.split4 a {background:#fdd3b5;background: rgba(248, 110, 9, 0.6);}
#nav-m li.split5 a {background:#e3b4b5;background: rgba(162, 6, 9, 0.6);}
#nav-m li.split6 a {background:#f7f2b2;background: rgba(227, 213, 0, 0.6);color:#000;}
*/
#nav-m li.split1 a, #nav-m li.split1 a:visited {background:#0544ae;}
#nav-m li.split2 a, #nav-m li.split2 a:visited {background:#f6020c;}
#nav-m li.split3 a, #nav-m li.split3 a:visited {background:#f06f12;}
#nav-m li.split4 a, #nav-m li.split4 a:visited {background:#a20609;}
#nav-m li.split5 a, #nav-m li.split5 a:visited {background:#ebde18;}
#nav-m li.split6 a, #nav-m li.split6 a:visited {background:#138b06;}



#nav-m .split1 a.aktiv, #nav-m .split2 a.aktiv, #nav-m .split3 a.aktiv, #nav-m .split4 a.aktiv, #nav-m .split5 a.aktiv, #nav-m .split6 a.aktiv {
	background:#ccc;
}
#nav-m .split1 a:hover, #nav-m .split2 a:hover, #nav-m .split3 a:hover, #nav-m .split4 a:hover, #nav-m .split5 a:hover, #nav-m .split6 a:hover{color:#000;}
#nav-m .split1 a:hover{background: rgba(5, 68, 174, 0.6);}
#nav-m .split2 a:hover{background: rgba(27, 138, 15, 0.6);}	
#nav-m .split3 a:hover{background: rgba(246, 2, 12, 0.6);}	
#nav-m .split4 a:hover{background: rgba(248, 110, 9, 0.6);}	
#nav-m .split5 a:hover{background: rgba(227, 213, 0, 0.6);}	
#nav-m .split6 a:hover{background: rgba(27, 138, 15, 0.6);color:#000;}		

#nav-m .split1 a.aktiv, #nav-m .split2 a.aktiv, #nav-m .split3 a.aktiv, #nav-m .split4 a.aktiv, #nav-m .split5 a.aktiv, #nav-m .split6 a.aktiv {font-weight:bold;color:#000;}	
#nav-m .split1 a.aktiv {background: rgba(5, 68, 174, 0.3);}
#nav-m .split2 a.aktiv {background: rgba(27, 138, 15, 0.3);}
#nav-m .split3 a.aktiv {background: rgba(246, 2, 12, 0.3);}
#nav-m .split4 a.aktiv {background: rgba(248, 110, 9, 0.3);}
#nav-m .split5 a.aktiv {background: rgba(162, 6, 9, 0.3);}
#nav-m .split6 a.aktiv {background: rgba(227, 213, 0, 0.3);}

#nav-m li.split1 li a, #nav-m li.split2 li a, #nav-m li.split3 li a, #nav-m li.split4 li a, #nav-m li.split5 li a, #nav-m li.split6 li a {
	
	display: block;
	height: auto;
	position: relative;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding: 1em;
	padding-left:2.5em;
	background: url(../img/nav_arrow6.png) no-repeat 1em 1.4em;
}	
	
#nav-m li.split1 li a, #nav-m li.split1 li a:visited{background: rgba(5, 68, 174, 0.45) url(../img/nav_arrow1.png) no-repeat 1em 1.4em;}
#nav-m li.split2 li a, #nav-m li.split2 li a:visited{background: rgba(246, 2, 12, 0.45) url(../img/nav_arrow3.png) no-repeat 1em 1.4em;}
#nav-m li.split3 li a, #nav-m li.split3 li a:visited{background: rgba(248, 110, 9, 0.45) url(../img/nav_arrow4.png) no-repeat 1em 1.4em;}
#nav-m li.split4 li a, #nav-m li.split4 li a:visited{background: rgba(162, 6, 9, 0.45) url(../img/nav_arrow5.png) no-repeat 1em 1.4em;}
#nav-m li.split5 li a, #nav-m li.split5 li a:visited{background: rgba(227, 213, 0, 0.45) url(../img/nav_arrow6.png) no-repeat 1em 1.4em;}
#nav-m li.split6 li a, #nav-m li.split6 li a:visited{background: rgba(27, 138, 15, 0.45) url(../img/nav_arrow2.png) no-repeat 1em 1.4em;}


#nav-m li.split1 li a:hover{background: rgba(5, 68, 174, 0.6) url(../img/nav_arrow1.png) no-repeat 1em 1.4em;}
#nav-m li.split2 li a:hover{background: rgba(246, 2, 12, 0.6) url(../img/nav_arrow3.png) no-repeat 1em 1.4em;}
#nav-m li.split3 li a:hover{background: rgba(248, 110, 9, 0.6) url(../img/nav_arrow4.png) no-repeat 1em 1.4em;}
#nav-m li.split4 li a:hover{background: rgba(162, 6, 9, 0.6) url(../img/nav_arrow5.png) no-repeat 1em 1.4em;}
#nav-m li.split5 li a:hover{background: rgba(227, 213, 0, 0.6) url(../img/nav_arrow6.png) no-repeat 1em 1.4em;}
#nav-m li.split6 li a:hover{background: rgba(27, 138, 15, 0.6) url(../img/nav_arrow2.png) no-repeat 1em 1.4em;}


	
	
	.menubutton {
	display: block;
	position: relative;
	z-index: 999;
	padding: 0.8em 0;
	color: #fff;
	border-bottom: 2px solid #FFF;
	}
	.menubutton h3 {
		font-size: 1.4em;
		color: #000;
		text-shadow: 0px 1px 1px #666666;
		margin: 0px;
		margin-left: 150px;
		padding: 0px;
	}
	div.mbutton{
		position: absolute;
		width: 40px;
		height: 30px;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		right: 10px;
		top: 0.5em;
		border-top: 1px solid rgba(0,0,0,0.4);
		border-right: 1px solid rgba(102,102,102,0.4);
		border-bottom: 1px solid rgba(102,102,102,0.4);
		border-left: 1px solid rgba(0,0,0,0.4);
		background: url(../img/icon_nav.png) no-repeat 7px 3px;
	}
	.menubutton:hover {
	/*	color: #333; */
		background: #363636;);
	}
	/*
	#navbox .mask {
		display: block;
	}
	*/
	/* sonderformatierung für startseite */
	.start .menubutton {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		border: 0;
		border-bottom: 2px solid rgba(255,255,255,0.4);
		border-radius: 0;
	/*	border: 4px solid #f90; */
	}
	.start .menubutton:hover {
		background: rgba(0,0,0,0.4);
	}
	.start #navbox .mask {
		display: none;
	}
	
/*----------------------NEWS--------------------------------------------*/

.news-list-container IMG {
	width:80px;
	float: left;
}
.news-single-img {
	width: 100%;
}





  /* Content */
  
  .inside{ padding: 2%; }

  	article header{
  		text-align: left;
  		line-height: 3em;
  	}
	.twothirds article{
		width: 100%;
	}
	#content article .headline{
		display: none;
	}
	#content article .title{
		width: 100%;
	}
    
  /* Sidebar */
	.twothirds > .inside, .twothirds aside {width: 96%;	}
	.twothirds aside {padding:2%;}	
	
  	#full .twothirds aside {display: none;}

    /* make all pictures at least half */
    .third li{  margin: 1.25%; padding: 1.25%; width: 45%; }
	.quarter li{  margin: 1.25%; padding: 1.25%; width: 45%; }
	.fifth li{  margin: 1.25%; padding: 1.25%; width: 45%; }
	
  /* Footer */
  #footerbox {
	  width: 96%;
   	padding: 2%;

	}
  /*
  	footer .thirds {
	    
	    float: left;
	    height: auto;
	    line-height: 15px;
	    padding: 10px 0;
	    width: 100%;
	}
	*/
.fbox1, .fbox2 {
	border-bottom: 1px solid lightgray;
	width: 100%;
	padding: 10px 0;
	}
	
	
	
	/* CE Elemente */
	/* 3 Spalten */
	.ce-half, .ce-half + .ce-half {
		margin: 0; 
	    width: 100%;
	}	

	.ce-thirds, .thirds-last, .ce-2thirds, .ce-2thirds-left {
		margin: 0; 
	    width: 100%;
	}
	
	/*--------- 2 Spalten 80|20-----------------*/
	.ce-80 {
		margin: 0; 
	    width: 100%;
	}
	/* Nachfolger ohne margin */
	.ce-20 {
		margin: 0; 
	    width: 100%;
	}
	
  
  	.form input[type=submit] {  margin-left: 0px;}

}

/* For Smartphones, Tablets or other Displays less then ...px ======================
@media screen and (max-width: 768px) */
@media screen and (max-width: 560px)
{


}


/* make all pictures full */
@media screen and (max-width: 479px){
    .half li{  margin: 1.25%; padding: 1.25%; width: 95%; }
    .third li{  margin: 1.25%; padding: 1.25%; width: 95%; }
	.quarter li{  margin: 1.25%; padding: 1.25%; width: 95%; }
	.fifth li{  margin: 1.25%; padding: 1.25%; width: 95%; }
}
/* responsibility des Sliders */
@media screen and (max-width: 960px){
    #shadow img{
    	width: 100%;
    }
    #slider {
    	width: 95%;
    }
}


div.sideBarInner .clearfix {margin: auto; width: 103%;}
  #full .sidebarBox { padding: 30px;}

div.csc-mailform ol li {
	display: block!important;
}