/* Top Elements */
* { margin: 0; padding: 0;}
html {
background: #b1c5c2;
width:100%	
height:100%;
overflow-x:hidden;
}

body {	font-size:16px;
	color: #000;	
	margin: 0;	
	background:#b1c5c2;
background: -moz-linear-gradient(top,  #ffffff 0%, #b1c5c2 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#b1c5c2 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#b1c5c2 100%);
	height:100%;
	
}

/* TO TOP*/
#toTop-right {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:2%;
	outline:none;
}
#toTop-left {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	left:2%;
	outline:none;
}
#toTop-center {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	left:50%;
	margin-left:-20px; /*Feintuning je nach Inhalt */
	outline:none;
}


/**/



/**** Kalendar-wrapper*/
time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 90px;
  height: 90px;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #fd9f1b;
  border-bottom: 1px dashed #f37302;
  box-shadow: 0 2px 0 #fd9f1b;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.icon span
{
  width: 100%;
  font-size: 38px;
  letter-spacing: -0.05em;
  padding-top: 40px;
  color: #2f2f2f;
}

.icon:hover, .icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}

/*** end***/



.mainwrapper {
	width:100%;	
	/*min-width:1024px;*/
	max-width: 1200px;

padding: 0 1% 0 0 ;
	margin: 0 auto 0 auto;
	
	position:relative;
	
	
}


#leftbox , #logobox, .menubox, .nav{
position:relative; float:left;
margin:0; width: 20%; 
/*min-height: 400px;*/
max-height: auto;
}

li {list-style-type:disc}/* standart-liste definieren */


#leftbox   { 
/*text-shadow: 0px 1px 8px #ccc;*/

}
.logo{ 

}
.logo img { display: block;
    margin: 5% auto;
    width: 90%;}
#logo {

/*background: url(logos/logo-1.png)11px 0 no-repeat;/*standart-header*/
background-size: contain;

}


/*Main Blocks*/

.header,  .mainbox {width:80%; float:right}
	

.contentbox{
float:right; position:relative;
background: rgba(255,255,255,.7);
border:3px solid #fff;

border-radius:20px 20px 0  0; 
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); 
width: 70%;}

.menubox, .contentbox{

margin:10px 0 0 0; 
}

.contentbox, .widetop, .widebottom { clear:both; min-height:50%; padding:20px 0; }


.sidebar { float:right; width: 20%; font-size:0.92em;  }









/*iinenabstaende: */
.contentbox .contentinner {padding: 0 20px 20px 20px; min-height:400px }
.sidebar .contentinner {margin: 20px 5% 20px 5%; }
.widetop .contentinner {}
.widebottom .contentinner {}

#footer{ width:100% ; position: absolute; bottom:0px;

}
.footer {width: 100%; margin: 0; 
background: rgba(22,55,62, 0.99) url(logos/back-logo.png) 105% 0% no-repeat;
backround-size:contain;
}
.footer .contentinner  {width: 100%; margin:0; padding-top: 10px; min-height:auto;


 
}
.footer > a  {

 
}
.footer >.contentinner >.copyright{ 
font-size:10px; font-weight:300;
color:#eee;
margin-top: 20px; 

}

.footer >.contentinner > ul.breadcrumb {
background: none !important;
border: none !important;
 
}

.contentwide > .contentinner > ul.breadcrumb {
background: none !important;
}
.contentwide > .contentinner > ul.breadcrumb li a {
color:rgba (0,0,0,.8)!important
}



/*Notbremse fuer responsive Bilder: maximal 100% Breite*/
.mainbox p img {max-width:100%; height: auto ! important; }


.clearer {height: 5px; clear:both; }
#gototopswitch {float:right; margin: 20px 10px 0 0;}

#lauftext {
	height: 30px;
	width: 100%;
	padding: 3px 0;
	background: rgba(255,255,255,0.6);
	background: linear-gradient(to bottom, rgba(255,255,255,.7) 0%, rgba(246,246,246,.7) 47%, rgba(237,237,237,.7) 100%);
box-shadow: 8px 8px 14px -12px rgba(0,0,0,0.2);
	position: absolute;
      top:220px!important;
      	z-index: 1000;
	
	
}
#news {
	height: auto;
	width: 100%;
	z-index: 100;
	position: relative;
        padding:0;
	margin-top: 0px;
        white-space: nowrap;
        font-size:100%;
        font-weight:400;
        text-shadow: 0px 0px 0px #fff;
        color:#000;
}






#mobiletop {display:none; padding: 2px 0 2px 0;  height:60px; width:100%; position:fixed; top:0px; z-index:800;
background: linear-gradient(to bottom, rgba(255,255,255,.9) 0%, rgba(246,246,246,.9) 47%, rgba(237,237,237,.9) 100%);
box-shadow: 8px 8px 14px -12px rgba(0,0,0,0.5); color:#bbb!important; font-weight:900;
}


#mobiletop a h4 {padding: 8px 0; color:rgba(0,0,0,.7)!important; font-weight:400; text-align:center; text-decoration:none
}

#mobiletop a#menuswitch {display:block; float:right; max-width:10%;  margin: 0 0 0 0 ; padding: 8px 20px 0 0 ; color: inherit}
#mobiletop a#menuswitch img {max-width:100%; }

#mobiletop .mobilelogo img { float:left; max-width:100%; margin-left:3%; max-height:100%; margin-right:2%;}


#menucheck {width:100%; height:1px; display:block;}


.sliderbox { color: #ddd; margin:0 0 0 0;}
.slider { overflow:hidden; height: auto; }

#static_headerbox {
overflow:hidden;
border:3px solid #fff;
border-top:0px;
border-radius:0 0 20px 20px; 
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); 

/*background: url(slides/head_1.jpg) no-repeat;     ******standart-header*/
background-size: cover;
}

#logo, #static_headerbox{
height:auto; width:100%;/*standart-höhe/breite für seiten ohne extra header*/
}
#static_headerbox img {

/**/
width:100%; height: auto ! important; float:left;
}


ul.breadcrumb li a.menu-expand.menu-current,
ul.breadcrumb li a.menu-current.menu-last,
ul.breadcrumb li a.menu-current.menu-first,
ul.breadcrumb li a.menu-current
 { color:rgba(0,0,0,.5);
   cursor:default
 }


/*menu */
#nav {width :90%; 


}

#nav ul { /* all lists */	
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
	
	
	
}


#nav li { /* all list items */

	position : relative;		
	display:block; 
	float:left;
	width:100%;
	list-style-image: none;
	list-style-type: none;	
	font-size : 14px;
	font-weight : 400;
	margin-bottom: 10px;		
}
	
/*Level 1 and more*/
#nav a {			
	display : block;	
	text-decoration : none;
	border-bottom : 0px solid #ccc;
	padding: 5px 0 5px 20px;		
}

 #nav li a{
 color: rgba(0,0,0,1) !important;
 font-weight:600 !important;
}

 #nav li a.menu-current ::before,  #nav li a .menu-parent::before{
 color: rgba(0,0,0,1) !important;
 font-weight:900 !important;
   /*-webkit-transform: rotateY(30deg); /* Chrome, Safari, Opera  */
    /*transform: rotateY(30deg);*/
    content: ">";
  
    padding-right:5px;

}

/*.exciting-text::after {
  content: "<- *Das* ist interessant!"; 
  color: green;
}*/
.menu-expand > a:hover::after{
 content: ">";
 padding-left:10px;
   
}

/*focusrahmen entfernen*/
a:hover {text-decoration:none!important}
a:focus {
  outline: none !important;
}

/*fuss-top-*/
div#fuss{
height: 20px; width: 100%; position:relative; margin-top:-20px;
}
/*nav-buttons + fussheader-farben*/
.sib01 > a, .fuss01, .fuss92,.fuss1{
background: rgba(254,39,0,1);
background: linear-gradient(to bottom, rgba(254,39,0,1) 0%, rgba(203,30,1,1) 60%, rgba(169,24,1,1) 100%)!important;
}
.sib02 > a, .fuss02, .fuss37 {
background: rgba(0,252,223,1);
background: linear-gradient(to bottom, rgba(0,252,223,1) 0%, rgba(1,188,166,1) 60%, rgba(2,145,128,1) 100%)! important;
}
.sib03 > a, .fuss03, .fuss8  {
background: rgba(255,150,30,1);
background: linear-gradient(to bottom, rgba(255,150,30,1) 0%, rgba(217,119,20,1) 60%, rgba(192,99,13,1) 100%)! important;
}

.sib04 > a, .fuss04, .fuss94 {
background: rgba(156,57,255,1);
background: linear-gradient(to bottom, rgba(156,57,255,1) 0%, rgba(112,35,188,1) 60%, rgba(82,21,143,1) 100%)! important;
}

.sib05 > a, .fuss05, .fuss219  {
background: rgba(0,111,255,1);
background: linear-gradient(to bottom, rgba(0,111,255,1) 0%, rgba(1,71,199,1) 60%, rgba(2,44,161,1) 100%)! important;

}

.sib06 > a, .fuss06, .fuss221  {
background: rgba(0,221,255,1);
background: linear-gradient(to bottom, rgba(0,221,255,1) 0%, rgba(0,161,203,1) 60%, rgba(0,121,169,1) 100%)! important;
}

.sib07 > a, .fuss07, .fuss12 {
 background: rgba(0,249,0,1);
background: linear-gradient(to bottom, rgba(0,249,0,1) 0%, rgba(0,193,0,1) 60%, rgba(0,155,0,1) 100%)! important;
}

.sib08 > a, .fuss08 , .fuss89 {
background: rgba(254,216,66,1);
background: linear-gradient(to bottom, rgba(254,216,66,1) 0%, rgba(222,184,46,1) 60%, rgba(201,162,32,1) 100%)! important;
}

.sib09 > a, .fuss09 , .fuss93 {
background: rgba(255,62,236,1);
background: linear-gradient(to bottom, rgba(255,62,236,1) 0%, rgba(191,43,175,1) 60%, rgba(149,31,135,1) 100%)! important;
}
.sib010 > a, .fuss010 , .fuss98 {
 background: rgba(188,188,188,1);
background: linear-gradient(to bottom, rgba(188,188,188,1) 0%, rgba(142,142,142,1) 60%, rgba(112,112,112,1) 100%)! important;

}

/*nav-buttons 1-10 grundform*/
 .sib01 > a, .sib02 > a, .sib03 > a, .sib04 > a, .sib05 > a, .sib06 > a, .sib07 > a, .sib08 > a, .sib09 > a, .sib010 > a{ 
 border-radius: 10px; height: auto; box-shadow: 8px 8px 14px -12px rgba(0,0,0,0.53); margin:0; padding: 0px 7px; text-transform: uppercase; font-weight:600;
}

#nav li li a.menu-current, #nav li li a.menu-parent {background:none; font-weight:900}

#nav  a:hover ul li {z-index: 1000;}
#nav  a.menu-expand { background: url(img/haschild.png) no-repeat 2px 8px;}
#nav  a.menu-expand.isopened { background:url(img/isclicked.png) no-repeat 2px 8px;}



/* second-level lists */
#nav li ul { 
	width: 200px; 
	height: auto;
	position : absolute;
	margin:-40px 0 0 120px;
	padding-top:10px;
	background: #e9e9e9;
	z-index:800;
    zoom:1.0;
	
	
	
}

	
#nav li li { 
		width: 100%;
		height:auto; 
		z-index: 5000;
		float : left;				
}

#nav li li a { /* second-level lists */
	padding: 8px 12px 8px 18px; 
	margin: 0 5px;
	line-height : 110%; 
	font-weight : normal;
	border-top: 1px solid #999 ;
	border-bottom: none ;
	background-image: none;	
}

#nav li li:first-child  a{ /* second-level lists */
	border-top: none ;		
}





/* third-and-above-level lists */
#nav li ul ul { 
	margin:-40px 0 0 195px;
	background: #e9e9e9;
}


/* Show/Hide */
#nav li ul, #nav li ul ul, #nav li ul ul ul, #nav li:hover ul, #nav li:hover ul ul, #nav li:hover ul ul ul {
	left:-9999px;
	opacity:0.1;
	transition: 0.5s opacity, 0s left;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.isopened ul, #nav li.tabselected ul { 
	left:0;
	opacity:1;
	transition:0.5s opacity, 0s left;
}

#nav li ul a {padding-top:0; padding-bottom:0; transition:0.9s padding; }
#nav li:hover ul a, #nav li.tabselected ul a  {padding-top:8px; padding-bottom:8px; transition:0.1s padding; }






/*Search Box */
#search_box { clear:both; padding: 5px 0 5px 18px; border-bottom : 1px solid #ccc;}
#search_box .searchstring { 
	color:#555;		
	padding:2px;
	border: 1px solid #999;
	background-color: #f7f7f7;
	width:60%;
}
#search_box .submitbutton {
	padding: 0 0 0 10px;
	vertical-align: middle;
}



/* Login Box */
#showlogin {display:block; float:left; position:absolute;z-index:110;  width:30px; text-align:left; margin:6px 6px 0 15px; }
#login-box {position:absolute; width:180px; left:20px; top:0; padding:5px; font-size:11px; }
#login-box .loginsubmit {border:0; margin:10px 10px 0 0}
#login-box .inputfield {width:80px; border: 1px solid #c9e8f9; padding:1px;}


a.template_edit_link{display: block; clear:both; margin: 40px 0 0 12px; width:16px; height:16px; background: transparent url(img/edit.gif) no-repeat; text-decoration:none;}



table.frm-field_table td {font-size:0.9em; padding: 8px 2px; vertical-align: top; border-bottom: 1px solid #eee;}



/*Extra cookie_permission */
#cookie_permission {position:fixed; top:0; right:0; z-index:9950; width: 200px; padding:10px; background: #555; text-align:center; font-size: 0.9em; line-height:120%; border-radius: 0 0 0 25px; box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2); }
#cookie_permission p , #cookie_permission a {color:#fff;}
#cookie_permission a.cookieaccepted {color:#000; background: #eeb300; display:block; padding:5px; border-radius: 15px; border: 1px solid #fff; font-weight:bold;}




/*Extra Colorpicker */
#colorpickericon {display:block; width:24px; height:24px; background: url(img/colorpicker.png) no-repeat; z-index:5000; position: absolute; top:200px; right:0; cursor:pointer;}
#colorpicker {display:none; width:90px; background: #ddd; position: absolute; top:100px; right:0; z-index:5000; font-size:12px;line-height:100%; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}
.pickerfield {width:100%; height:40px; float:left;}

.pickerfield input[type="color"] {width:100%; height:20px; padding:0; border:0; cursor:pointer;}
.pickerfield input[type="text"] {width:90%; height:20px; padding:1px 3%; border: 1px solid #999;; cursor:text;}


a.colpick-button {display:block; clear:both; width:80%; margin:10px auto; padding:3px; background: rgba(255,255,255,0.2); text-align:center; border: 1px solid #666; border-radius: 15px;  cursor:pointer;}
#colorpicker-info {display:none; position: absolute; width:160px; padding:10px; top:0; left:-180px; background: #eee; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}





/* ======================================================================
Smaller Screens */
@media screen and (max-width: 960px) {
	body, html { background-image: none; background-color:#e9e9e9;		}

	.mainwrapper {
		background-image: none; 
		background-color: #fff; 		
	}
	
	.header,  .mainbox {width:100%; float:right}
	
	
	#mobiletop {display:block;}
	
	#leftbox {display:none; position: absolute; top:0; left: 0; z-index:500; float:none; width:50%; margin: 0 0 0 0; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.3); }
	#leftbox .menubox {height:auto; min-height:400px; padding-bottom:40px;}	
	#logobox , #leftbox {display:none;}
	
	#leftbox.active {left: 0;}
	
	
	.mainbox {width: 100%; }
	.sliderbox { height:auto;}
	.sliderbox  .flexslider {margin:0 0 0 0;}
	.sliderbox  .flex-direction-nav {display:none;}
	
	#menucheck {display:none;}
	
	
	
		/* navibug-fix -*/
	#nav li li { 
	display:block;
		width: 100%;
		height:auto; 
		z-index: 5000;
		float : left;				
         }

	#nav li a {padding: 10px 0 10px 20px; font-size:16px;}
	#nav li li a  {padding: 10px 0 10px 20px;  }
	#nav li ul ul { /* third-and-above-level lists */
		display: block ! important;
		position:static;
		margin:0 0 0 0;
		padding: 0 0 0 0 ;
		opacity:0.8 ! important;
		box-shadow:none;
	}


	#nav li li a  { padding-top: 10px ! important; padding-bottom: 12px ! important; font-size:14px;}
	#nav li li li a  {font-size:13px; padding-left: 30px;}
	#nav li li li  li a  { font-size:12px; padding-left: 40px;}
	
	#nav li a.menu-expand { background-position: 4px 12px;}
	#nav li a.menu-expand.isopened { background-image:url(img/isclicked.png); background-repeat: no-repeat; background-position: 4px 12px;}
	#nav li li a.menu-expand { background-image:url(img/isclicked.png);  background-repeat: no-repeat; background-position: 4px 12px;}

	li.isopened ul {display:block ! important;}
	
	
	/*Korrekturen*/
	table {max-width:98% ! important; width:98% ! important; }	
	td.frm-field_title {white-space: normal;}
	
	
}

/* ======================================================================
Smaller Screens */
@media screen and (max-width: 540px) {
	/* navibug-fix -*/
	#nav li li { 
	display:block;
		width: 100%;
		height:auto; 
		z-index: 5000;
		float : left;				
}
	
	
	
	.mainwrapper { background-image: none;  }
	
	.mainbox, .contentbox, .widetop, .widebottom, .sidebar, .contentnarrow {float:none; width: 100%; }
	
	
	table.responsivetable td {display:block; width:100% ! important; height: auto;}
	
	

	/*iinenabstaende: */
	.contentbox .contentinner {margin: 0 2% 20px 2% ; }
	.widetop .contentinner {}
	.widebottom .contentinner {}
	.footer .contentinner {width: 90%; }
	

	

}

/* ======================================================================
Reset */
@media screen and (min-width: 961px) {
	.mainwrapper div#leftbox {display:block ! important;}
}




/**** NEW*****/



/* Top Elements */
* { margin: 0; padding: 0;}

body, html {	
	color: #000;	
	margin: 0;	

	height:100%;
}


.mainwrapper {
	width:100%;	
	max-width: 1200px;
	
	min-height:70%;
	margin: 0 auto 0 auto;


	position:relative;

}

/*
#leftbox {margin:0 0 0 0; float:left; width: auto; 
min-height: 40px; 

background: #e8e8e8 transparent}
#leftbox a { text-shadow: 0px 1px 8px #ccc;}
#leftbox .logo img {margin:20px 0 30px 5%; max-width:90%;}

*/

/*Main Blocks*/
.mainbox { float:left; width: 80%; }
.contentbox {padding-top:30px; }
.contentbox, .widetop, .widebottom {width:100%; clear:both; min-height:400px}
.contentnarrow { float:left; width: 66.8%; }

.sidebar { float:right; width: 33%; font-size:0.92em; }

.footer {width: 100%; margin: 0 ;  }

/*iinenabstaende: */
.contentbox .contentinner {margin: 0 20px 20px 20px}
.sidebar .contentinner {margin: 0 5% 20px 5%}
.widetop .contentinner {}
.widebottom .contentinner {}
.footer  {background-color: rgba(22,55,62, 0.99)}
.footer .contentinner  { width:100%; max-width: 1200px; margin: 0 auto; padding: 10px 0; text-align:center;
}




/*Notbremse fuer responsive Bilder: maximal 100% Breite*/
.mainbox p img {max-width:100%; height: auto ! important; }


.clearer {height: 5px; clear:both; }
#gototopswitch {float:right; margin: 20px 10px 0 0;}






/*
#mobiletop {display:none; padding: 10px 0 10px 0; background: #fff; height:60px;}
#mobiletop a#menuswitch {display:block; float:right; max-width:5%;  margin: 0 0 0 0 ; padding: 10px 20px 0 0 ;}
#mobiletop a#menuswitch img {max-width:100%; }

#mobiletop .mobilelogo img { float:left; max-width:75%; margin-left:5%; max-height:100%;}
*/

#menucheck {width:100%; height:1px; display:block;}


.sliderbox { height: 330px;	color: #ddd; margin:0 0 0 0;


}
.slider { overflow:hidden; height: 100%;}

#static_headerbox {float:left; max-height:280px; overflow:hidden}
#static_headerbox img {width:100%; height: auto ! important; 

float:left;}




.menubox{
	width:100%;
	min-height:400px;
}



/*menu */
#nav { margin:20px 10px;}
#nav { margin:0px 10px 20px 10px;}

#nav ul { /* all lists */	
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 5px;
	
}


#nav li { /* all list items */
	position : relative;		
	display:block; 
	float:left;
	width:100%;
	list-style-image: none;
	list-style-type: none;	
	font-size : 14px;
	font-weight : bold;
	padding-bottom: 0;		
}
	
/*Level 1 and more*/
/*

#nav a {			
	display : block;	
	text-decoration : none;
	border-bottom : 1px solid #ccc;
	padding: 5px 0 5px 20px;		
}

#nav li a.menu-current, #nav li a.menu-parent {background-color:#fff;}
#nav li li a.menu-current, #nav li li a.menu-parent {background:none; font-weight:bold}

#nav  a:hover ul li {z-index: 1000;}
#nav  a.menu-expand { background: url(img/haschild.png) no-repeat 2px 8px;}
#nav  a.menu-expand.isopened { background:url(img/isclicked.png) no-repeat 2px 8px;}



*/

/* second-level lists */
#nav li ul { 
	width: 200px; width: 300px; 
	height: auto;
	position : absolute;
	margin:-40px 0 0 120px;margin:-40px 0 0 100%;
	padding-top:10px;
	background: #e9e9e9;background: rgba(255,255,255,.9);
	z-index:800;
	/*zoom:1.0;*/
	border-radius: 5px;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);	
	
	
}

	
#nav li li { 
		width: 100%;
		height:auto; 
		z-index: 5000;
		float : left;				
}

#nav li li a { /* second-level lists */
	padding: 8px 12px 8px 18px; 
	margin: 0 5px;
	line-height : 100%; 
	font-weight : normal;
	border-top: 1px solid #999 ;
	border-bottom: none ;
	background-image: none;	
}

#nav li li:first-child  a{ /* second-level lists */
	border-top: none ;		
}





/* third-and-above-level lists */
#nav li ul ul { 
	margin:-40px 0 0 100%;
	background: inherit; background: rgba(255,255,255,.9);
}


/* Show/Hide */
#nav li ul, #nav li ul ul, #nav li ul ul ul, #nav li:hover ul, #nav li:hover ul ul, #nav li:hover ul ul ul {
	left:-9999px;
	opacity:0.1;
	transition: 0.5s opacity, 0s left;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.isopened ul, #nav li.tabselected ul { 
	left:0;
	opacity:1;
	transition:0.5s opacity, 0s left;
}

#nav li ul a {padding-top:0; padding-bottom:0; transition:0.9s padding; }
#nav li:hover ul a, #nav li.tabselected ul a  {padding-top:8px; padding-bottom:8px; transition:0.1s padding; }






/*Search Box */
#search_box { clear:both; padding: 5px 0 5px 18px; border-bottom : 1px solid #ccc;}
#search_box .searchstring { 
	color:#555;		
	padding:2px;
	border: 1px solid #999;
	background-color: #f7f7f7;
	width:60%;
}
#search_box .submitbutton {
	padding: 0 0 0 10px;
	vertical-align: middle;
}



/* Login Box */
#showlogin {display:block; float:left; position:relative;  width:30px; text-align:left; margin:6px 6px 0 15px; }
#login-box {position:absolute; width:180px; left:20px; top:0; padding:5px; font-size:11px; }
#login-box .loginsubmit {border:0; margin:10px 10px 0 0}
#login-box .inputfield {width:80px; border: 1px solid #c9e8f9; padding:1px;}


a.template_edit_link{display: block; clear:both; margin: 40px 0 0 12px; width:16px; height:16px; background: transparent url(img/edit.gif) no-repeat; text-decoration:none;}



table.frm-field_table td {font-size:0.9em; padding: 8px 2px; vertical-align: top; border-bottom: 1px solid #eee;}



/*Extra cookie_permission */
#cookie_permission {position:fixed; top:0; right:0; z-index:9950; width: 200px; padding:10px; background: #555; text-align:center; font-size: 0.9em; line-height:120%; border-radius: 0 0 0 25px; box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2); }
#cookie_permission p , #cookie_permission a {color:#fff;}
#cookie_permission a.cookieaccepted {color:#000; background: #eeb300; display:block; padding:5px; border-radius: 15px; border: 1px solid #fff; font-weight:bold;}




/*Extra Colorpicker */
#colorpickericon {display:block; width:24px; height:24px; background: url(img/colorpicker.png) no-repeat; z-index:5000; position: absolute; top:200px; right:0; cursor:pointer;}
#colorpicker {display:none; width:90px; background: #ddd; position: absolute; top:100px; right:0; z-index:5000; font-size:12px;line-height:100%; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}
.pickerfield {width:100%; height:40px; float:left;}

.pickerfield input[type="color"] {width:100%; height:20px; padding:0; border:0; cursor:pointer;}
.pickerfield input[type="text"] {width:90%; height:20px; padding:1px 3%; border: 1px solid #999;; cursor:text;}


a.colpick-button {display:block; clear:both; width:80%; margin:10px auto; padding:3px; background: rgba(255,255,255,0.2); text-align:center; border: 1px solid #666; border-radius: 15px;  cursor:pointer;}
#colorpicker-info {display:none; position: absolute; width:160px; padding:10px; top:0; left:-180px; background: #eee; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}


/* ======================================================================
Smaller Screens */
@media screen and (max-width: 1024px) {
	
	/*div #static_headerbox, div# static_headerbox > img {float:left; height:auto; max-height:200px!important; overflow:hidden}*/
	
	
/*menu */
#nav { 
/* margin-top:20px;*/


}




/* ======================================================================
Smaller Screens */
@media screen and (max-width: 960px) {
	body, html { background: #b1c5c2; 
	background: -moz-linear-gradient(top,  #ffffff 0%, #b1c5c2 100%);
        background: -webkit-linear-gradient(top,  #ffffff 0%,#b1c5c2 100%);
        background: linear-gradient(to bottom,  #ffffff 0%,#b1c5c2 100%);
		}
		
		#logo, #static_headerbox{
min-height:auto; width:100%;/*standart-höhe/breite für seiten ohne extra header*/
}
		


	.mainwrapper {
		background-image: none; 
		background-color: none;
		margin:60px  0 0; 		
	}
	#lauftext { top:60px!important}
	
	#mobiletop {display:block;}
	
	#logo {display:none;}/*logo ausblenden*/
	#static_headerbox {float:left; max-height:200px; overflow:hidden}
	
	#leftbox {display:none; position: absolute; top:0; left: 0; z-index:500; float:none;
	width:270px; max-width:70%; margin: 0 0 0 0; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.3); background:#ccc; }
	.menubox {height:auto; min-height:200px; padding-bottom:40px; min-width: 215px;}	
	#leftbox .logo {display:none;}
	
	#leftbox.active {left: 0;}
	
	
	.mainbox {width: 100%; }
	.sliderbox { height:auto; 
	}
	.sliderbox  .flexslider {margin:0 0 0 0;}
	.sliderbox  .flex-direction-nav {display:none;}
	
	#menucheck {display:none;}
	
	#leftbox .menubox{
position:fixed !important; 
float:left;
margin:0; width: 500px; 
/*min-height: 400px;*/
max-height: auto;
background: rgba(205,205,205,1);
margin-top:30px; padding:10px 0;
border-radius:0 0 15px 0;
}

	/* second-level lists */
#nav li ul { 
	width: 200px;width: 300px;
	height: auto;
	position : absolute;
	margin:-40px 0 0 120px;
	margin:0px 0 0 20%;
	padding-top:10px;
	background: rgba(255,255,255,.9);
	z-index:800;
	/*zoom:1.0;*/
	border-radius: 5px;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);	
	
	
}	
	

	#nav li a {padding: 5px 0 5px 20px; font-size:14px;}
	#nav li li a  {padding: 5px 0 5px 20px;  }
	#nav li ul ul { /* third-and-above-level lists */
		display: block ! important;
		position:static;
		margin:0 0 0 0;
		padding: 0 0 0 0 ;
		opacity:0.8 ! important;
		box-shadow:none;
	}


	#nav li li a  { padding-top: 10px ! important; padding-bottom: 10px ! important; font-size:14px;}
	#nav li li li a  {font-size:13px; padding-left: 30px;}
	#nav li li li  li a  { font-size:12px; padding-left: 40px;}
	
	#nav li a.menu-expand { background-position: 4px 12px;}
	#nav li a.menu-expand { background-position: 6px 10px;}
	#nav li a.menu-expand.isopened { background-image:url(img/isclicked.png); background-repeat: no-repeat; background-position: 4px 12px;}
	#nav li li a.menu-expand { background-image:url(img/isclicked.png);  background-repeat: no-repeat; background-position: 4px 12px;}

	li.isopened ul {display:block ! important;}
	
	
	/*Korrekturen*/
	table {max-width:98% ! important; width:98% ! important; }	
	td.frm-field_title {white-space: normal;}
	
	
}

/* ======================================================================
Smaller Screens */
@media screen and (max-width: 540px) {
	#lauftext {display:none}
	#logo, #static_headerbox, .header{
min-height:auto; width:100%;/*standart-höhe/breite für seiten ohne extra header*/
}
	.mainwrapper { background-image: none;  }
	
	.mainbox, .contentbox, .widetop, .widebottom, .sidebar, .contentnarrow {float:none; width: 100%; }
	
	
#mobiletop a h4 {padding: 8px 0; color:rgba(0,0,0,.7)!important; font-weight:400; text-align:center; text-decoration:none; font-size:90%
}


/* 
#leftbox .menubox{
position:relative; float:left;
margin:0; width: 100%; 
min-height: 400px;
max-height: auto;
}
 */

#leftbox .menubox{
position:absoluted!important; z-index+1000;top:60px;
float:left;
margin:0; width: 100%; 
/*min-height: 400px;*/
max-height: auto;
background: rgba(205,205,205,1);
margin-top:0px; padding:10px 0;
}




#mobiletop a#menuswitch {display:block; float:right; max-width:10%;  margin: 0 2% 0 0 ; padding: 8px 0 0 0 ; color: inherit}
#mobiletop a#menuswitch img {max-width:100%; }

#mobiletop .mobilelogo img { float:left; max-width:100%; margin-left:2%; max-height:100%; margin-right:2%;}



	table.responsivetable td {display:block; width:100% ! important; height: auto;}
	
	/* second-level lists */
#nav li ul { 
	width: 200px;width: 300px;
    font-size:80% !important;
	height: auto;
	position : absolute;
	margin:-40px 0 0 120px;
	margin:0px 0 0 20%;
	padding-top:10px;
	background: rgba(255,255,255,.9);
	z-index:800;
	/*zoom:1.0;*/
	border-radius: 5px;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);	
	
	
}

	/*iinenabstaende: */
	.contentbox .contentinner {margin: 0 2% 20px 2% ; }
	.contentbox .contentinner {margin:1%; }
	.widetop .contentinner {}
	.widebottom .contentinner {}
	.footer .contentinner {width: 95%; }
	

	

}

/* ======================================================================
Reset */
@media screen and (min-width: 961px) {
	.mainwrapper div#leftbox {display:block ! important;}
	
}