body{ font-family: Arial, Helvetica, Sans;background:#000 url('../res/background.jpg') no-repeat top right;color:#fff; }
html, body,{ height: 100%; }

/*-------------------------TOPBAR-------------------*/
.logo{text-align:left;}

/*------------------ MAINNAV------------------------------*/ 
.mainnav {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}


/*ul.nav li.first{box-shadow:none; moz-border-radius:0px;
border-top-left-radius:0px; 
border-bottom-left-radius:0px;}
*/
/*----------------------CONTENT--------------------------*/
ul.sprache{float:right;text-align:right;margin:10px 0 10px 0;}
ul.sprache li{display: inline;padding:0 0 0 5px;margin:0;}

.leftcontent, .rightcontent{background:#fff !important;color:#262626;}

.contents{background:#fff !important;}
.contents p, .contents ul, table{font-size:14px; color:#262626;}
table table td{font-size:120% !important;}
.contents h1{color:#262626;font-size:21px;background: url('../res/h1border.jpg') no-repeat bottom left;padding-bottom:7px;}

.contents a{color:#eb690b;}
.contents a:hover{text-decoration:none;}

.csc-frame-frame1{background:#c7c6c5 url('../res/verlauf_weiss.png') no-repeat bottom left;margin:0 25px 15px 25px;padding:10px 10px 10px 10px;}
.csc-textpic-caption{background:#c7c6c5; font-size:76% !important; color:#000 !important;padding:3px;} 
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{ margin-top:5px;}

/*----------------------RIGHTBAR--------------------------*/
.rightbar{margin: 25px 0 0 0; background:#fff}
.rightbar h1{color:#ffa143;}

/*----------------------FOOTER--------------------------*/
footer{margin-top:8px;}
.footer{height:8px; width:100%;
background: #363636;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2MzYzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhjOGM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  #363636 0%, #c8c8c8 100%, #c8c8c8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#363636), color-stop(100%,#c8c8c8), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #363636 0%,#c8c8c8 100%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #363636 0%,#c8c8c8 100%,#c8c8c8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #363636 0%,#c8c8c8 100%,#c8c8c8 100%); /* IE10+ */
background: linear-gradient(to right,  #363636 0%,#c8c8c8 100%,#c8c8c8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#c8c8c8',GradientType=1 ); /* IE6-8 */
}
ul.footernav{float:right;text-align:right;padding:0;margin:0 ;}
/*toggle style ---------- */
.navbar-toggle {padding:9px 10px; margin-top:-45px;  margin-right: 0px;  margin-bottom: 5px;  border: 1px solid #eb690b; border-radius: 4px; }
.navbar-toggle .icon-bar{background-color:#eb690b;}
.navbar-collapse {padding-right: 0px;  padding-left: 0px;}
/*mobile xs*/
@media (max-width: 767px) {

	body{ font-family: Arial, Helvetica, Sans;background:#000 url('../res/background.jpg') no-repeat top right;color:#fff; }
	.logo img{width:100%;height:100%;margin-top:10px;}
	.topbar{background:transparent;height:auto;}
	.slogan{text-align:left;margin:40px 0 0 0px;background:transparent;}
 .slogan h1{color:#eb690b;font-size:14px;font-weight:bold;}
	.navbar-collapse { border-top: 0; -webkit-box-shadow: none; box-shadow: none;}
}
/*ie-edge*/
@supports (-ms-accelerator:true) {
 .is-table-row {
        display:table;
      
    }
}
@media only screen and (min-width : 768px) {
    .is-table-row {
        display:table\9;
       
    }
    
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}

/*tablet sm*/
@media (min-width: 768px) and (max-width: 991px) {
	body{ font-family: Arial, Helvetica, Sans;background:#000 url('../res/background.jpg') no-repeat top right;color:#fff; }
	.topbar{background:transparent url('../res/topbar.png') no-repeat top right; height:170px;}
	.logo img{width:100%;height:100%;margin-top:10px;}
 .slogan{text-align:left;margin:40px 0 0 0px;background:transparent;}
 .slogan h1{color:#eb690b;font-size:14px;font-weight:bold;}
 ul.nav{display:block;margin:32px 0 7px -5px;height:27px; float:left;}
 ul.nav li{
		display:inline;margin:0 ;padding:1px 0 0px 15px; background:#eb690b; height:27px;float:left; 
		moz-border-radius:7px;
		border-top-left-radius:7px; 
		border-bottom-left-radius:7px;
		-moz-box-shadow: -5px 0px 5px #fff;
		-webkit-box-shadow: -5px -0px 0px #888;
		box-shadow: -5px 0px 2px #262626;
	}
	ul.nav li a{text-decoration:none; color:#000;font-weight:bold;padding:0; margin:4px 10px 0 0; float:left;}
	ul.nav li a:hover, ul.nav li.active a{text-decoration:none; color:#fff;background:transparent; }
	ul.nav li:hover, ul.nav li.active{
		background:#363636;
		moz-border-radius:7px;
		border-top-left-radius:7px; 
		border-bottom-left-radius:7px;
		-moz-box-shadow: -5px 0px 5px #fff;
		-webkit-box-shadow: -5px -0px 0px #888;
		box-shadow: -5px 0px 2px #262626;
	}
	 .is-table-row {margin-right:-18px !important;}
}

/*desktop md*/
@media (min-width: 992px) {
	body{ font-family: Arial, Helvetica, Sans;background:#000 url('../res/background.jpg') no-repeat top right;color:#fff; }
	.topbar{background:transparent url('../res/topbar.png') no-repeat top right; height:170px;}
	.slogan{text-align:left;margin-top:45px;background:transparent;}
	.slogan h1{color:#eb690b;font-size:18px;font-weight:bold;}
	 ul.nav{display:block;margin:19px 0 7px -5px;height:27px; float:left;}
	 ul.nav li{
		display:inline;margin:0 ;padding:1px 0 0px 15px; background:#eb690b; height:27px;float:left; 
		moz-border-radius:7px;
		border-top-left-radius:7px; 
		border-bottom-left-radius:7px;
		-moz-box-shadow: -5px 0px 5px #fff;
		-webkit-box-shadow: -5px -0px 0px #888;
		box-shadow: -5px 0px 2px #262626;
	}
	ul.nav li a{text-decoration:none; color:#000;font-weight:bold;padding:0; margin:4px 10px 0 0; float:left;}
	ul.nav li a:hover, ul.nav li.active a{text-decoration:none; color:#fff;background:transparent; }
	ul.nav li:hover, ul.nav li.active{
		background:#363636;
		moz-border-radius:7px;
		border-top-left-radius:7px; 
		border-bottom-left-radius:7px;
		-moz-box-shadow: -5px 0px 5px #fff;
		-webkit-box-shadow: -5px -0px 0px #888;
		box-shadow: -5px 0px 2px #262626;
	}
		
}

/*desktop lg*/
@media (min-width: 1200px) {
	body{ font-family: Arial, Helvetica, Sans;background:#000 url('../res/background.jpg') no-repeat top right;color:#fff; }
	.topbar{background:transparent url('../res/topbar.png') no-repeat top right; height:170px;}
 .slogan{text-align:left;margin-top:55px;background:transparent;}
 .slogan h1{color:#eb690b;font-size:18px;font-weight:bold;}
  ul.nav{display:block;margin:8px 0 7px -20px;height:27px; float:left;}
	ul.nav li{
		display:inline;margin:0 ;padding:1px 0 0px 15px; background:#eb690b; height:27px;float:left; 
		moz-border-radius:7px;
		border-top-left-radius:7px; 
		border-bottom-left-radius:7px;
		-moz-box-shadow: -5px 0px 5px #fff;
		-webkit-box-shadow: -5px -0px 0px #888;
		box-shadow: -5px 0px 2px #262626;
	}
	ul.nav li a{text-decoration:none; color:#000;font-weight:bold;padding:0; margin:4px 10px 0 0; float:left;}
	ul.nav li a:hover, ul.nav li.active a{text-decoration:none; color:#fff;background:transparent; }
	ul.nav li:hover, ul.nav li.active{
		background:#363636;
		moz-border-radius:7px;
		border-top-left-radius:7px; 
		border-bottom-left-radius:7px;
		-moz-box-shadow: -5px 0px 5px #fff;
		-webkit-box-shadow: -5px -0px 0px #888;
		box-shadow: -5px 0px 2px #262626;
	}
	footer { margin-top: 8px; padding: 0; margin-left: -15px;  margin-right: -18px;}
}