* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


a {color:#706E6D;text-decoration:none;}
a:hover {color:#706E6D;text-decoration:underline;}


span.link {color:#00A88E !important;}

#middle a {color:#00A88E;text-decoration:none;}
#middle a:hover {color:#00A88E;text-decoration:underline;}


body {font-family:Arial,"MS Trebuchet",sans-serif;
/*background: #fff url(../images/bg_body.png) repeat-y;*/
font-size:90%;
color: #000;
 
/*font-size: 12px;
line-height: 18px;*/

height: 100%;
width: 100%;
background-color: #fff;
}


#wrapper {max-width:630px;width:100%;
background-color:#fff;min-height: 100%; height:auto;
 }

#header {
	position:relative;
	width:100%;
height:auto;
 
}

/*#stoerer {position:absolute; top:107px; left:420px; width:225px; height:135px;z-index:10;display:none;}

.start #stoerer , .einleitung #stoerer  {display:block;}
 */
 
   #stoerer {position:absolute; top:140px; left:450px; width:190px; height:62px;z-index:10;  padding:5px 10px 5px 10px; background:#F7941D; line-height:160%;font-size:16px;}

  #stoerer {
-moz-transform: rotate(-15deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(-15deg); /* Safari */
-o-transform: rotate(-15deg); /* Opera */
-ms-transform: rotate(-15deg); /* IE9 */
transform: rotate(-15deg); /* W3C */
}



.noheader #pagetitle {display:none;}

#pagetitle h1, h1.csc-firstHeader {
color:#F7941D; 
font-weight:bold;font-size:1.2em; margin-bottom:1em;
}

/*#middle **/
h1{color:#00A88E;font-size:1.2em;font-weight:bold;line-height:135%;margin:0px 0px 8px 0px;}
h2{color:#00A88E;font-size:1.2em;font-weight:bold;line-height:135%;margin:0px 0px 8px 0px;}


#openmenu {width:15%;display:block;float:left;height:58px;
max-width:45px;
background-image:url(../images/hamburger.png);
background-repeat:no-repeat;
background-position: 0px 0px;
background-size:100%;
margin:10px 0px 0px 10px;
}
#openmenu.aktiv {background-image:url(../images/hamburger_offen.png);}

#openmenu a {width:100%;display:block;float:left;height:45px;}

#logo {width:83%;max-width:450px;float:left;
background-color:#fff;padding:10px 10px 0px 10px;}


#logo img {width:100%;}




#container { 

display:block;background:transparent;width:100%;
margin-top:0px;
padding-top:0px;clear:both;
}
  
 
#menu {display:none;}

#middle {width:100%;display:block;}


#mobilemenu {display:none;position:absolute;top:70px;left:0px;
z-index:99;

width:100%;padding:0px 10px 10px 10px;

 } 

#mobilemenu ul { 
	list-style: none; 
	background:#bfe1da ;
	width: 100%;
	padding:0px;

}

#mobilemenu ul li { 
margin:0; padding:0; 
width:100%;
}

#mobilemenu li  a {display:block;width:100%;
 
/*background-image: url(../images/pfeil_rechts_braun.png);*/
background-color:#bfe1da ;
background-repeat: no-repeat;
background-position: 12px 11px;
background-size:9px auto;
color:#000;text-decoration:none;font-weight:bold;
padding:12px 20px 12px 51px;border-bottom:2px solid #fff;line-height:130%;}

#mobilemenu li.listlinks {padding :8px 20px 8px 51px; }

#mobilemenu li.listlinks a  { 
width:auto;float:left; 
font-weight:normal; 
padding:0px 20px 10px 20px;
/*background-image: url(../images/pfeil_rechts_braun.png);*/
background-size: auto 50%;
 
background-position: 2px 1px; border-bottom:none;
}
#mobilemenu li.subnavi  a {font-weight:normal; }
#mobilemenu li.subnavi    { }

#subnavi {display:block; width:100%; margin-top:10px;background:#fff;padding:10px;}


#subnavi ul { 
list-style: none; 
	background:#bfe1da ;
	width: 100%;
	padding:0px;
	margin:0px 0px 30px 0px;

}

#subnavi ul li { 
margin:0; padding:0; 
width:100%; 

}

#subnavi li  a {
display:block;width:100%;
 
/*background-image: url(../images/pfeil_rechts_braun.png);*/
background-color:#bfe1da ;
background-repeat: no-repeat;
background-position: 12px 11px;
background-size:9px auto;
color:#000;text-decoration:none;font-weight:bold;
padding:12px 20px 12px 51px;border-bottom:2px solid #fff;line-height:130%;
}
#subnavi li  a:hover { color:#000;}
#subnavi li  a.aktiv {  color:#000;font-weight:bold;}
 
 
 

.col50 {width:100%;  margin:0; padding:0;min-height:100px;}
.col33 {width:100%;margin:0; padding:0;min-height:100px;}
.col25 {width:100%; margin:0; padding:0;min-height:100px;}






#middle {padding:10px;width:100%;}

.fullwidth #right {display:none;}

#right {clear:both;padding:10px;width:100%;}

#sidebar_bottom {clear:both; }


#right .box_normal a {color:#000; }

#right .box_special a {color:#000;text-decoration:none;}
 
 
 #right .box_normal   {background:#F7941D;
width:100%; padding:10px;margin-top:30px;}


 #right .box_special {background:#bfe1da;
width:100%; padding:10px;margin-top:30px;}

#right .box_special:hover  {background:#009279;}
#right .box_special:hover a, #right .box_special:hover h2 {color:#fff}


#right .box_normal .csc-header,#right .box_special .csc-header{ 
width:100%;   }

#right .csc-header h1,#right .csc-header h2 {color:#000;font-size:1em;font-weight:bold;}

#right .box_normal p,#right .box_special p  {padding:10px 4px 10px 4px;margin-top:1px;}


/*.logoimage {display:none;}*/


.slideshow {display:block;  height:160px;width:240px;}


div.csc-textpic div.csc-textpic-single-image img {
line-height:0;
margin-top:3px;
}

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
float: left;margin-right:10px;  /*margin-bottom:10px; 
hier rausnehmen, weil über figure-tag von typo3 css gesetzt: 
figure.csc-textpic-image */
}



#middle p {line-height:140%;margin-bottom:9px;}

#right p {line-height:132%;}

#right img {width:100%;}

#right ul {list-style: none; margin:0;padding:0;}

#right h2 {color:#000;font-size: 12px;font-weight:bold;}

#middle ul {
list-style-type: disc;
font-size: 12px;
margin: 1em 0 1em 2em;
padding: 0;
}
#middle li {
margin-bottom: 9px;
}
 .slideshow  {position:relative;width:240px;margin-top:20px;}
 .slideshow  img {width:240px;}
 
 
/*a#returnMobile
{display: none;}*/

a#returnMobile {font-weight:bold;}


#footer {

padding: 20px 10px 20px 10px;
width: 100%;max-width:640px;
height:60px;  

}

#nav_foot {float:right;border-top: 1px solid #eeefef;padding-top:3px;}
#nav_foot ul {list-style-type:none;float:left; }
#nav_foot ul li  {list-style-type:none; float:left; }
#nav_foot ul li  a {border-left: 1px solid #A7A9AC;color:#A7A9AC;padding:0px 0px 0px 5px}
#nav_foot span{ color:#A7A9AC;float:left; display:block;padding-right:5px;}




/*FORMULARE */
.Tx-Formhandler {margin-top:16px;}


.Tx-Formhandler ul {}

div.errormessage {background:#cc0000;color:#fff;margin-bottom:16px;padding:6px 6px 6px 6px;}
ul.errormessages {padding:6px 0px 0px 16px;}
.Tx-Formhandler ul li.error{line-height:150%;}
.Tx-Formhandler ul li.error ,.Tx-Formhandler ul li.error a {color:#fff !important; }

/*fehlermeldungen direkt bei eingabefelder nicht anzeigen*/
.formfield span.error {display:none;}


.formbox {background-color: #F9F9F9;padding:5px;border: 1px solid #CCC;}
.formbox span {display:block; float:left; width:90%;line-height:150%;}
.formbox input {float:left;width:10%;} 

fieldset {border: 1px solid #ebebeb;margin-bottom:16px;padding:10px 5px 5px 5px;}

.formrow ,.control-group  {padding-bottom:26px;}

.formrow,.control-group {clear:both; margin: 0px 0px 0px 0px; }

.formfield {float:left;}

.formbox {width:100%;}

.formrow {clear:both; margin: 0px 0px 0px 0px;width:100%;}
.formfield {width:100%;}

.formrow label, label.control-label,#mitgliedcontainer label {float:left;width:35%;padding-right:15px; margin-right:0;}

input.textinput,input.input-xlarge{float:left;width:60%; color: #000; 	border:1px solid #706E6D;
height:20px;background: #fff;padding:2px 2px 2px 2px; 
}


.formfield span {display:block;}
.formfield input.checkboxinput {float:left; width:16px;}

.formfield textarea  {float:left;width:60%;height:160px; color: #000; border:1px solid #706E6D;padding:1px 2px 1px 2px; }

.formfield .selectinput {float:left;width:60%;}

.formrow p {float:right;}

.requiredfield {font-weight:bold;}

.formbox input.fileupload {width:auto;}


#dateicontainer {display:none;margin:10px 0px 20px 40px;}
#mitgliedcontainer {display:none;margin:10px 0px 20px 0px;}
#taetigkeitsfeldsonstiges_container ,#aufmerksamsonstiges_container ,#funktionsonstiges_container {display:none;}


.formfield input.submitbutton {

	background-color:#706E6D;
	padding:1px 20px;
	border:0px;
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
	line-height:18px;
	font-size:11px;
}
.formfield input.submitbutton_hover {
 	
	background-color:#706E6D;
	padding:1px 20px;
	border:0px;
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
	line-height:18px;
	font-size:11px;
}

.formfield input.backbutton {

	background-color:#f2f2f2;
	padding:1px 20px;
	border:0px;
	cursor:pointer;
	color:##706E6D;
	text-transform:uppercase;
	line-height:18px;
	font-size:11px;
	margin-right:20px;
}
.formfield input.backbutton_hover {
 
	background-color:#f2f2f2;
	padding:1px 20px;
	border:0px;
	cursor:pointer;
	color:##706E6D;
	text-transform:uppercase;
	line-height:18px;
	font-size:11px;
	margin-right:20px;
}
 
 
 span.help-block {clear:both; font-weight:bold;}
 

/*.start .csc-textpic {float:left; padding-right:40px;height:145px;position:relative;}
.start .csc-textpic.csc-textpic-right {float:left; clear:left;padding-right:40px;height:145px;position:relative;text-align:left;}

*/
 
.start .csc-textpic {float:left; padding-right:40px; position:relative;}
.start .csc-textpic.csc-textpic-right {float:left; clear:left;padding-right:40px; position:relative;text-align:left;}


.start div.csc-textpic-right .csc-textpic-imagewrap {
float: left;
}


/*.start #c83 .csc-textpic {float:right;padding-right:20px;}
.start #c267 .csc-textpic {float:right;padding-right:0px;padding-top:64px;}*/


/*.start .csc-textpic-imagewrap {height:105px;position:relative;float:none; bottom:0px;}

.start .csc-textpic img {position: relative; bottom:0px;}*/

/*.start  .csc-textpic-below .csc-textpic-text {height: 68px;}*/

/*.start   div.csc-textpic-left div.csc-textpic-text {
clear: none;
}*/



/*#c30 .csc-textpic:first-of-type {height:auto; width:100%;}
erstes element auf startseite*/

#c30 .csc-textpic  {height:auto; width:100%;}

.start p.bodytext {clear:both; color:#A7A9AC;}
.start #middle p {margin-bottom:16px;}
.start #middle {width:100%;}

 
/*.start #middle .csc-textpic ,#start-right .csc-textpic {height: 100px !important; }*/

/*.start .col50 .csc-textpic {  height: 145px; }
.start .col33 .csc-textpic {height: 145px;  }
.start .col25 .csc-textpic {height: 145px;  }
*/


.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float:none !important;}
.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 0px !important; }




/*.col50 .csc-textpic {float:left; height: 100px;padding-right:40px;width:100%;}
.col33 .csc-textpic {float:left; height: 100px;padding-right:40px;width:100%; }
.col25 .csc-textpic {float:left; height: 100px;padding-right:40px;width:100%; }*/
 


.col50 .csc-textpic {float:left; padding-right:40px;width:100%;}
.col33 .csc-textpic {float:left; padding-right:40px;width:100%; }
.col25 .csc-textpic {float:left;padding-right:40px;width:100%; }
 



.col50 .csc-textpic-imagewrap,
.col33 .csc-textpic-imagewrap,
.col25 .csc-textpic-imagewrap {
	
	/*
	vertical-align:middle; display:table-cell;height:inherit;width:100%;float:none !important;
	
	verhindert leider horizontale zentrierung im browser
	
	
	daher auch das nicht mehr nötig:
	
	
.col50.layout_1 .csc-textpic,.col33.layout_1 .csc-textpic,.col25.layout_1 .csc-textpic {height:auto !important;}


	
	*/
	
	}

figure.csc-textpic-image {}


/*div.csc-textpic .csc-textpic-imagewrap img {display:table-cell;}*/


ul.socialmedialinks {list-style-type:none; margin:0px 0px 0px 0px; padding:0;}
ul.socialmedialinks  li.socialmedialink {float:left; display:block; margin:0px 10px 0px 0px  !important;padding:5px 0px 0px 0px !important;}


#sharelinks { margin:0px 0px 20px 0px; }




 
.aussteller {
border-bottom: 1px solid #F2F2F2;
padding-bottom: 10px;
margin:15px 0px 5px 0px;
}
.aussteller_index {background-color:#00A88E;width:100%; display:block; padding: 2px; font-weight:bold; color:#fff;margin-top:10px;margin-bottom:10px;}

#ausstellerliste .aussteller_institution {font-weight: 700;}

#ausstellerliste .institution2{font-weight:bold;} 
 
#ausstellerliste .aussteller_stand {
font-style: italic;
margin: 6px 0 0 0;
}
#ausstellerliste .aussteller_beschreibung {
margin: 6px 0 0 0;
font-style: italic;
color: #00A88E;
line-height:140%;
}

#ausstellerliste .aussteller_image {
float: right; padding: 5px 0px 10px 10px;}

#ausstellerliste p {margin-top:9px; line-height:140%;}

#ausstellerliste .strasse,#ausstellerliste  .ort  {margin-top:4px; line-height:140%;}
#ausstellerliste a {color: #00A88E;}

.top {float:right;height:20px;}





/****************************************************************************/




@media only screen and (min-width : 420px) {

.col50 {width:50%; float:left; margin:0; padding:0;}
.col33 {width:50%; float:left; margin:0; padding:0;}
.col25 {width:25%; float:left; margin:0; padding:0;}

}





@media only screen and (min-width : 640px) {
/*@media only screen and (min-width : 768px) {*/

#wrapper {max-width:980px;
width:100%
}

.col50 {width:50%; float:left; margin:0; padding:0;}
.col33 {width:33%; float:left; margin:0; padding:0;}
.col25 {width:25%; float:left; margin:0; padding:0;}


/*.start .csc-textpic {width:25%;}*/


.col50 .csc-textpic,.col33 .csc-textpic,.col25 .csc-textpic{width:100% !important;}


/*.start .csc-textpic.csc-textpic-right {float:left; clear:none;padding-right:40px;height:145px;position:relative; }*/

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float:left !important;}

.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: auto !important; }


#openmenu {

margin:20px 0px 0px 20px;
}


#footer {
max-width:900px;
}


.start #container {display:block;}
.start #headerimage,.programm #headerimage  {display:block;}



#logo {width:83%;max-width:533px;float:left;
background-color:#fff;padding:20px 20px 0px 20px;}

#logo img  {max-width:533px;}
 

#middle {float:left;width:65.625%; padding-top:0; padding-left:20px;}

#right {float:right;width:34.375%; clear:none;padding-top:0;}


.fullwidth #middle {width:100%; }
.fullwidth #right {display:none;}


#right .box_normal .csc-header:first-of-type{margin-top:0px !important;}


#container {
min-width:640px;
max-width:960px;
padding-top:16px;
display:block;

background:transparent;

width:100%;
}


#right .csc-header h1,#right .csc-header h2 { }


#mobilemenu {position:absolute;top:55px;left:20px;
z-index:99;

width:40%;

 }
/*exakte höhe per javascript bestimmen*/



#mobilemenu li  a {display:block;width:100%;

/*background-image: url(../images/pfeil_rechts_braun.png);
background-color:#bfe1da ;
background-repeat: no-repeat;
background-position: 13px 10px;

background-size:2.1% auto;

background-size:9px auto;*/
background-color:#bfe1da ;
color:#000;text-decoration:none;font-weight:bold;
padding:12px 20px 12px 20px; border-bottom:2px solid #fff;line-height:130%;}

#mobilemenu li.listlinks {padding :8px 20px 8px 53px; }

#mobilemenu li.listlinks a  { 
	
	width:auto;float:left; font-weight:normal; padding:0px 20px 10px 12px;
/*background-image: url(../images/pfeil_rechts_braun.png);
background-size: auto 50%;
background-position: 0px 2px;*/

 border-bottom:none;
}


#middle p {line-height:150%;}
 

#subnavi {display:block; width:100%;height:45px;margin-top:2px;background:#bfe1da;padding:0;}

#subnavi ul { 
list-style: none; 
 width: 100%;
padding:0px;
margin: 0px 0px 0px 45px;
}

#subnavi ul li { 
margin:0; padding:0px 15px 0px 0px; 
float:left;width:auto;height:45px;

}

#subnavi li  a {
display:block;width:auto;height:45px;
border-bottom:none;
color:#fff;
text-decoration:none;
font-weight:normal;
padding:12px 10px 5px 16px;
/*background-image: url(../images/pfeil_rechts_weiss.png);
background-color:transparent ;
background-repeat: no-repeat;
background-position: 0px 12px;

background-size:11px auto;*/background-color:transparent ;
line-height:130%;
}
#subnavi li  a:hover { color:#fff;}
#subnavi li  a.aktiv {  color:#fff;font-weight:bold;}
 

/*.start .csc-textpic:first-of-type { margin-top:20px;}*/
.start #middle {padding-top:20px;}


ul.socialmedialinks {float:left;}
#sharelinks {float:left;margin:0px 0px 0px 0px; }

}





@media only screen and (min-width : 980px) {
html, body {
height: 100%;
}	


#subnavi {display:none}

body {
font-size:75%;
background-image:url(../images/rmzk-page-bg.png); 
background-position: 620px -371px;
background-repeat:no-repeat;
background-color:#fff;}


#wrapper { 
position: relative;
width: 100%;max-width:1050px;
height: auto !important;
height: 100%;
min-height: 100%;
background-color:transparent;
padding-bottom:60px;
}	

#footer {
border-top: 1px solid #eeefef;
padding: 3px 0px 0px 0px;
width: 830px;
height:60px; margin-top:-60px;margin-right:0;margin-left: 173px;position:relative; overflow:visible;
}

#nav_foot {float: right;border-top:none; padding:0;}
#nav_foot ul {list-style-type:none;float:left; }
#nav_foot ul li  {list-style-type:none; float:left; }
#nav_foot ul li  a {border-left: 1px solid #A7A9AC;color:#A7A9AC;padding:0px 0px 0px 5px}
#nav_foot span{ color:#A7A9AC;float:left; display:block;padding-right:5px;}



#header {
width: 100%;max-width:1050px;
height:225px;
}

 
	
#logo { 
width:640px;max-width: 640px;
padding-top:10px;
padding-left:10px;
}

#logo img  {width:533px;}

.start #logo {margin-top:0px;margin-left:0px;}

/*.start .csc-textpic:first-of-type { margin-top:50px;}*/

.start #middle {max-width:1250px;max-width:1000px;width:100%;padding-left:177px;padding-top:50px;}
.start #wrapper,.start #container {max-width:1250px;max-width:1000px;}


.start .csc-textpic {width:33%;max-width:220px;}
 
 
#start-top {  width:100%; }

/*sponsoren auf startseite - jetzt links statt rechts*/
/*#start-right {float:right; width:20%; }*/
#start-right {float:left; width:25%; padding-right:40px;}

.start #content {float:left; width:75%; }

#start-right  .csc-textpic {width:100%;max-width:220px;float:none; clear:both;}




#pagetitle  h1, h1.csc-firstHeader { font-weight:bold;font-size:1.3em;margin:0px 0px 20px 0px}

#openmenu {display:none;}

#container { max-width:1050px;}


#menu {max-width:155px;display:block; float:left;background:#fff;width:15%;}

#middle {max-width:620px;width:62%;float:left;  padding:0px 40px 18px 20px;}

#right {float:left;max-width:232px;width:23%;
clear:none;padding:0px 0px 0px 0px;
}

/*Seiten mit voller Breite*/

.fullwidth #middle {width:850px;float:left; background:transparent;padding:30px 20px 18px 20px;max-width:850px;
width:790px;max-width:790px;}


.fullwidth #right {display:none;}



#menu ul { 
list-style: none; 
padding:0px;
margin: 7px 0px 0px 10px;
}

#menu ul li { 
margin:0; padding:0px 10px 0px 10px; 
width:100%;
}
#menu ul li.separator { 
padding:12px 0px 0px 0px; 
 }

/*zweite ebene*/
#menu ul li ul {margin-top:0px; }
#menu ul li ul li{ padding:0;}
#menu ul li ul li a {padding-left:8px;font-style:italic;}

/*untermenu bei einleitung einklappen*/
.page43 ul {display:none;}
.page43.aktiv ul {display:block;}



#menu li  a {display:block;width:100%;
background-image:none;
color:#A7A9AC;
text-decoration: none;
font-size: 12px;
font-weight: 400;
line-height: 12px;
margin: 0 0 12px;
}
#menu li  a:hover { color:#00A88E;}
#menu li  a.aktiv {  color:#00A88E;}
 

#right .csc-header h1,#right .csc-header h2 {  }


a#escapeMobile, a#returnMobile
{ display: none;}



/*formulare*/

.formbox {width:430px;}

.formrow,.control-group {clear:both; margin: 0px 0px 0px 0px;width:430px;}
.formfield {float:left;}

.formrow label, label.control-label,#mitgliedcontainer label {float:left;width:180px;margin-right:15px;padding-right:0px;  }

input.textinput,input.input-xlarge{float:left;width:200px; color: #000; 	border:1px solid #706E6D;
height:20px;background: #fff;padding:2px 2px 2px 2px; 
}


.formfield span {display:block;}
.formfield input.checkboxinput {float:left; width:16px;}

.formfield textarea  {float:left;width:200px;height:160px; color: #000; border:1px solid #706E6D;padding:1px 2px 1px 2px; }

.formfield .selectinput {float:left;width:200px;}





}



.news-list-item h3  {color:##00A88E;margin:0px 0px 3px 0px;}
 
#middle .news-list-date { float: none;
display: block;
 font-size:12px; padding:0; margin:0px 0px 3px 0px;}
 .news-list-item a , .news-single-item a{color:##00A88E !important;}
 
 .news-list-morelink {padding-left:20px;}


.optiondisabled {opacity:0.5;}



#versionswitch {width:100%; text-align:center;padding: 16px 10px 16px 10px;}
#versionswitch a {padding: 0px 10px 0px 10px;color:#000;}


.clear {clear:both; height:1px !important; padding:0 !important; margin:0 !important;line-height:1px !important;}

.clearblock {clear:both;   padding:0; margin:0;}

 




.logo {
text-align:center;
}

 

.logo img{
	margin-top:35px;
	display:inline;
	padding:0px;
	float:none;
	
}




.aussteller_stand span{
	display:none;
}


#content iframe{
	width:690px;
}
 
 
 
 
 
table.flaeche{
	width:300px;
	
}

table.flaeche input{
	border:1px solid #ccc;
	width:40px;
}

table.flaeche td{
	width:40px;
	
}

table.flaeche .col-1{
	width:75px;
}

table.flaeche .col-2{
	width:50px;
}