@charset "utf-8";

/* ----- reset ----*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	min-width:340px;
}
.container-fluid::after {clear:left;}

/* ----- styling ----*/

html, body {    
    margin: 0;
    padding: 0;
    font-family: Verdana, sans-serif;
    font-size:13px;
    line-height:18px;    
	height:100%;
    }
	
	
#container { 
    max-width:1000px;
    margin:10px auto;
	}
#container_header {	border-bottom:4px dotted #FF6600;}
		
#kongress_1 {
	float:left;
	width:45%;
	padding:15px 5% 15px 0;
	vertical-align:top;	
	}
#kongress_2 {
	margin-left:50%;
	padding:15px 0px;
	vertical-align:top;	
	}
#kongress_1 img, #kongress_2 img {
	margin-bottom:10px;
	}
	
/* -----  header  ----- */	
 		
#languagenav {float:left;margin-right:20px;}
ul.language {list-style-type: none;}
ul.language li {display: inline;}
 
ul.language li {
  padding: 0 5px;
  text-decoration: none;
}
ul.language li.na, ul.language li.na a{color:#ccc;}
ul.language li.cur {font-weight:bold;}

#header_top {
	height:25px;
	margin:10px 0px 5px;
	font-size:0.9em;
	border-bottom:4px dotted #FF6600;
	}
	#header_top_left {float:left;right;padding-left:5px}
	#direktlink a{text-decoration:none;}
	#direktlink a:hover, #direktlink a:focus {color:#FF6600;}
	#header_top_right {float:right;padding-right:10px;color:#FF6600;}

#header {
	height:130px;
	margin:0;
	padding:0;
	xborder-bottom:4px dotted #FF6600;
	display:block;
	z-index:20;}
	
#logo {float:left;position:relative;top:-3px;left:0px;}

#header_image {margin:0 25% 0 20%;padding:0 10px;}
#header_image img {width:100%;height:auto;}
	
#header_banner {
		float:right;
		width:25%;
		xmax-height:120px;
		padding-right:5px;
}
#header_banner img {
	xfloat:right;
	xmargin-right:15px;
	width:100%;
	height:auto;
		}
/* -----  spalten  -----	
html, body, #container, #container_content,	#content {height:100%;min-height:100%;} */
	
#left {
	float:left;
	width:20%;
	background-color:#FBF0DF;
	xbackground: url(../Images/background-hell.png) repeat #FBF0DF;
	xmin-height:100%;
	}
		
#right {
	float:right;
	width:25%;
	background-color:#FBF0DF;
	xmin-height:100%;
	}

#main {
	margin:0 0 0 20%;
	padding:3%;
	background-color:#fff;
	xmin-height:100%;
	}
#main3s {
	margin:0 25% 0 20%;
	width:55%;
	padding:20px;
	background-color:#fff;
	xmin-height:100%;
	}
#main-newsletter {
	margin:0;
	padding:5%;
	background-color:#fff;
	xmin-height:100%;
	}
	
	
/* --- special pages --- */


#body-kampagnenstart {
    max-width:1000px;
    margin:10px auto;
    padding:0 20px 15px;
    background-color:#fff;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
       }
#content-kampagnenstart {
    xmargin-top:0;
    text-align:center;
       }
	   
	   
/*---------- menue neu  --------------*/
label.hamburg { 
   display: block;
   background: #FF6600; width: 60px; height: 50px; 
   position: relative; 
   margin-left: auto; margin-right: auto;
   border-radius: 4px; 
}

input#hamburg {display:none}

.line { 
   position: absolute; 
   left:10px;
   height: 4px; width: 40px; 
   background: #fff; border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(12px) rotate(-45deg);
}

#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-12px) rotate(45deg);
}


#hamburg:checked + .hamburg  + nav.topmenu { 
    max-height: 600px; 
}

ul.menu li  {background-color: #FFB75A; list-style: none;}
ul li ul li {background-color: #fbf0df;} 

 label.hamburg {display:none;}


@media only screen and (max-width : 767px) {
	nav.topmenu { 
	    height: auto; 
	    max-height:0; 
	    overflow: hidden; 
	    transition: all 0.5s;
	    }
    label.hamburg {display: block;}
}	   
	   
/* -----  navigation  ----- 
li.menue_act, li.menue_no {height:20px;}
*/		

#menue { 
	float:none;
	background-color:#FFB75A;
	padding:20px 0;
	}
.nav-stacked > li + li {
    margin-top: 0;
}
.nav > li > a {
    display: block;
    padding: 2px 10px;
}
.nav > li > a:focus, .nav > li > a:hover {background-color: #fbf0df;}
li.ebene1 a  {}
li.ebene1.active, li.ebene1 a:hover, li.ebene1 a:focus {font-weight:bold;color:#337ab7;}

li.ebene2 a {margin-left:10px;}
li.ebene2.active a, li.ebene2 a:hover, li.ebene2 a:focus {text-decoration: underline;#font-weight:bold;background-color: transparent;}
li.ebene2.active a{text-decoration: underline;#font-weight: bold;background-color: transparent;}

li.ebene3 a {margin-left:20px;color:#fff;padding-left:10px;background-color: transparent;}
li.ebene3.active, li.ebene3 a:hover, li.ebene3 a:focus {text-decoration: underline;color:#fff;background-color: transparent;}
li.ebene3 a.active {text-decoration: underline;color:#fff;background-color: transparent;} 

/*li.ebene4 a {margin-left:15px;color:#fff;padding-left:10px;background:url(../Images/sub.gif) no-repeat 0px 0px;}
li.ebene4.active, li.ebene4 a:hover, li.ebene4 a:focus {xbackground-color:#FBF0DF;color:#fff;color:#337ab7;}
li.ebene4.active {font-weight:bold;background:url(../Images/sub_hi.gif) no-repeat 0px 0px;} 
	*/
	
/*bootstrap verbessern*/
.navbar-header {display:none;}
.navbar-default {
    background-color:#FFB75A;
    border-color: #FFB75A;
}
.navbar {
    border-radius: 0;
}
.navbar .container-fluid {
    padding: 0;
	margin:0;
}
.navbar-collapse {
    padding: 0;
}


#contleft {}

/* special Menü left */
#contleft h4 {color:#ff6600;padding:10px 0 5px 10px;}
ul#nl-menue li.ebene1.active, 
ul#nl-menue li.ebene1 a:hover, 
ul#nl-menue li.ebene1 a:focus {font-weight:normal;color:#337ab7;}
ul#nl-menue li.ebene1 a:hover, ul#nl-menue li.ebene1 a:focus,
ul#nl-menue li.ebene1.active {text-decoration: underline;}


	
/* ----- content ----- */
#content {
	display: block; 
	height:100%;
	background-color:#FBF0DF;
	}
	
.column-one {float:left; width:50%;padding-right:20px;}
.column-two {margin-left:52%;}

#breadcrumbs {color:#6699CC;}
#breadcrumbs a {color:#6699CC;font-size:0.8em;letter-spacing:1px;}
#breadcrumbs a:focus, #breadcrumbs a:hover {text-decoration:none;color:#337ab7;}

h1 {font-size:26px;/*2.15em*/ color:#FF6600; font-weight:bold; line-height:26px;}

h2 {font-size:18px;/*1.38em*/ color:#ff6600; font-weight:bold; margin:30px 0px 10px 0px;}	

h3 {font-size:13px;/*1em*/	color:#0D4EBA; border-bottom:1px solid #0D4EBA;	}	
	
h4 {font-size:13px;	color:#333; font-weight:bold; margin:15px 0px 5px 0px;}	

h6 {font-size:13px;	color:#ff6600; font-weight:bold; margin:15px 0px 5px 0px;}	

h5 {border: 2px dotted #ff6600;padding: 5px;margin: 3px;}

h6 {font-size:1em; color:#ff6600; border-bottom:1px solid #ff6600;text-transform: uppercase;}  

#content_main ul li, 
#main3s ul li {
	list-style-type:square; 
	list-style-position: outside;
	margin-left: 15px;
}



/* zusätzliche Styles für RTE*/	

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }

div.dottedbox, .dottedbox  {border: 2px dotted #ff6600;padding: 5px;margin: 3px;}
div.bg_orange, .bg_orange {background-color:#ff6600;color: #fff;padding:5px;margin:1px;}

#content_main ul li {list-style-type:square; list-style-position: outside;margin:0px 10px 10px 15px;}
#content_main .csc-sitemap ul li {
		list-style-image: url(../Icons/ifolder-on.gif);
		margin:5px 0 5px 25px;
		}
#content_main .csc-sitemap ul ul li {
		list-style-image: url(../Icons/ipage.gif) ;
		margin:5px 0 5px 25px;
		}


/* ----- right ----- */
.boxline.box-termin, .boxline.box-rand {
	height:25px;
	color:#fff;
	font-size:14px;
	letter-spacing:0.03em;
	padding:3px;
	text-align:center;
	background-color:#FFB75A;
	font-weight:bold;
	}
.listlink {padding:0 5px 15px;}

/* -----  footer  ----- 
ul #foot1, ul #foot2{float:left;margin:0px;padding:0px;}
*/

#container_footer {clear:both;}
#footer {
	padding:10px 0;
	border-top:4px dotted #FF6600;
	font-size:0.85em;	
	text-align:center;
	}
#footer ul {list-style: none;}
#footer li a:focus, #footer li a:hover {color:#FF6600;text-decoration:none;}

/* ----- misc ----*/
img {border:0;}
figure.image img { max-width: 100%;height: auto;}
.clearer {clear:both;}
.hundert {width:100%; height:auto;}

.top, .csc-linkToTop {	
	margin:8px 0px 10px 0px;
	padding:0xp;
	font-size:9px;
	color:#6699CC;
	text-align:center;
	letter-spacing:1px;
	}
.top a, .csc-linkToTop a {color:#6699CC;}
.top a:hover, .csc-linkToTop a:hover {color:#FF6600;}


.blau {color:#0D4EBA;}/* webfarbe: #3366CC */
.o1 {color:#FF6600;}
.o2 {color:#FFB75A;}/* webfarbe: #ff9933 */
.o3 {color:#FBF0DF;}/* webfarbe: #FFCC99 */
.g1 {color:#F1F1F1;}/* F1F1F1,EFEFEF grau */


/* ----- queries ----*/

/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {
	.navbar-collapse {
    	padding-left:0;
	    padding-right:0;
		}
}

/* Kann maximal 767 px darstellen; Umrechnung 767 Pixel / 13px = 59em */
@media screen and (max-width: 767px) {
  	#right {width:35%;}
	#left {width:100%;background-color:#fff;} 
	#main3s {width:65%;margin:0 35% 0 0;}/**/
	#main {width:100%;margin:0;}
	#header_image, #contleft {display:none;}
	#logo {margin-left:40px;}
	#header_banner {width:40%;}
	.navbar-header {
		display:block;
		padding-left:10px;
	    padding-right:10px;
	}
	.navbar-default .navbar-toggle {border-color: #fff;}
	.navbar-default .navbar-toggle:hover {background-color: #FF6600;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	.navbar-header {}
	.navbar-toggle {float:left;margin-left:20px;}
	.ibar {float:left;}
	.sitebrand {	
		float:right;
		margin-left:20px;
		color:#fff; /*#337ab7;*/
		font-size:14px;
		letter-spacing:0.03em;
		font-weight:bold;
		text-transform: uppercase;
	}
	.navbar-default .navbar-toggle .sitebrand {
		border: none;
	}
	
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header, .container > .navbar-header,
 .container > .navbar-collapse
	{
	    margin-left: 0;
	    margin-right:0;
		padding-left:25px;
		padding-right:25px;
		font-size:15px;
		line-height:19px;
	}	
}
 
/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {
	#kongress_1, .column-one {float:none;width:100%;}
	#kongress_2, .column-two {margin-left:0;width:100%;}	
	.datum, .boxline.box-rand, #tellerrand {display:none;}
	#right {width:100%;margin:0;border-bottom:4px dotted #FF6600;margin-bottom:10px;}
	#main3s {width:100%;margin:0;}
}
 
/* Kann maximal 342px darstellen. Umrechnung 340 px /12 px basisschrift = 28.5em */
@media only screen and (max-width : 430px) {
  #direktlink, #header_banner {display:none;}
}