* { 
  margin: 0; 
  padding: 0; 
}

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


body { 
background:#f6f6f6;background:#fff;
margin: 0;
color:#555555;
font-family: 'Archivo Narrow', sans-serif; /*font-weight: 400; font-style: normal;*/

}


/*dunkelgrau 555555

orange ff9900

mittelgrau
8e8e8e

*/

 

a { 
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
  -webkit-touch-callout: none; 
}

a {color:#555555;text-decoration:none;}
a:hover {color:#ff9900;text-decoration:none;opacity:0.8;}

a img {
  border: none;
} 
  
  
  .important {text-decoration:underline;}
  
.clear {clear:both;margin:0;padding:0;height:1px;}


.invisible  {display:none;height:0px; width:0px; margin:0;padding:0;}
.clearfix:after {content: "";display: table;clear: both;}

 
html, body { height:100%; }
 
#wrapper { min-height:100%; }


* html #wrapper { height:100%; }

 
#wrapper {
position: relative;
background-color:#fff;
width:100%;  
min-height:100%;
margin:0px auto 0px auto; 

  max-width:1000px; 

background-color:#fff; 

}

#stoerer { position:absolute; z-index:1500; left: 35%; top:70px; }

#stoerer div {background:#F7941D; color:#fff; padding:8px 12px 8px 12px;
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);

}




  
#headerwrapper{position:fixed;top:0;width:100%;height:60px;height:113px;z-index:1015;background:#fff;}  

#headerbar {position: relative;width:100%;  margin:0px auto 0px auto;  background:#fff;height:100px;padding:0px 20px 0px 20px;}
 
 
#logo { /*width:481px;height:90px; float:left; margin-left:16px;*/ position:absolute; /* padding-bottom:42.777777%; */
left:70px; top:4px;   max-width:481px;/* width:80%; */ width:200px; 
height:60px;
background-image: url(../images/RMZK_Logo.jpg) ;
background-color:#fff; 
 
background-repeat: no-repeat;
background-position:0px center;
background-size: contain; 
}
 
#logo a {text-decoration: none;display:block;}
   
#headline {position:absolute; top:70px; left: 10px; z-index:1015 ;font-size:18px;color:#000; }

#socialmedia {position:absolute; top:10px; right: 10px; z-index:1015 ;font-size:18px;color:#000; }

#page  {
width:100%;
display:block;
position: relative;
margin:0px 0px 0px 0px;
padding:130px 0px 0px 0px;
}


#content {width:100%; padding:0px 20px 35px 20px; }

.bpad70,.block.bpad70 {padding-bottom:35px;}




 

.col30:hover {opacity:0.8;}
.col30 img {width:100%; height:auto;}

.referentenitem {}
  

.bpad50 {padding-bottom:50px;}
.bpad30 {padding-bottom:30px;}

.col100 div {max-width:550px;}


.bpad110{padding-bottom:55px;}

.bpad40 {padding-bottom:20px;}
.bpad33 {padding-bottom:16px;}


.blockcontent {width:100%; padding:35px 20px 0px 20px;}

.block {width:100%;  }


/*common*/  
  
    
*::-webkit-input-placeholder {
    color: #455560;font-size:16px;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color:  #455560;font-size:16px;
}
*::-moz-placeholder {
    /* FF 19+ */
    color:  #455560;font-size:16px;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color:  #455560;font-size:16px;
}
  

 h1 {  font-size:24px; color: #555555;font-weight:bold;line-height:32px;margin-bottom:30px;letter-spacing:0.1em;
 
 margin-top:30px;
 
 font-size:18px; font-weight:bold; text-transform:uppercase; color:#555555;padding:0px 0px 16px 0px;
 
 }
 .start h1 {margin-top:30px;}
 
 
 .csc-firstHeader  {margin:0;padding-bottom:0px; line-height:28px;}
 
 .csc-header h1 {margin:12px 0px 10px 0px;padding-bottom:0px; line-height:28px;}
 
 
 h2 { font-size:18px; font-weight:bold; text-transform:uppercase; color:#555555;padding:0px 0px 16px 0px;}
 
 
 h3 {  font-size:18px; color: #555555;font-weight:bold;line-height:25px;margin-bottom:3px;}
 #rightside h3 {font-size:18px; font-weight:bold; text-transform:uppercase; color:#555555;padding:0px 35px 16px 35px;}
 
 
 h2.black { color: #000;}  
 

div, span { font-size:18px;}

p {color:#555555;line-height:140%;  font-size:18px;margin:0px 0px 10px 0px;}



#content ul {margin:0px 0px 0px -4px;margin:0px 0px 0px 19px; padding:0;list-style-type:none;}

#content li {margin:0;padding:0px  0px 12px 6px; color:#555555;line-height:140%; font-size:16px;
list-style-type:disc;}
 


#content div.csc-default {padding:24px 20px 0px 20px;padding:0px 50px 0px 0px}
#content div#c2435 {padding:0}





.trigger {width:100%; margin:0px 0px 0px 0px;padding:0px;cursor:pointer;
font-size:20px; color: #000;font-weight:600;line-height:28px;margin-bottom:3px; margin-bottom:8px;
}
 

.toggle_container {display:none;background: transparent;width:100%;padding:8px 0px 20px 1px;color: #000;margin:0;max-width:550px; }
.toggle_container p {  }
.trigger.trigger_active {color: #000;background-color: transparent;/*background-image: url(../images/FAQ_Minus.png) ;*/}
 
   .trigger i{ width: 28px;
    display: inline-block;}
    
 
 
 
/*dunkelgrau 555555

orange ff9900

mittelgrau
8e8e8e
8d8f8e

hellgrau bebfbf*/
.shadowborder {width:100%; display:block; height:5px ;  box-shadow: 0px 5px 8px 0px #bebfbf; /* 0px 5px 7px 3px*/border:none; background:transparent;}


.boxorange .shadowborder {box-shadow:  0px 5px 9px 1px #fbe1d0;}
.boxorange h2 {color:#ff9900}




#rightside {width:100%;clear:both; padding:0px 20px 20px 20px;}

.referentitem {padding:0px 0px 40px 35px; float:left; }
.referentitem img {width:200px; height:auto;}
 


#mobilemenucontainer {
  display: block;
  width: 100%;
 
  position: fixed;
  top: 0;
  left: 0;
z-index:1016;
  background: #ffffff;
  height: 1px;
}


#mobilemenu, #navicontainer {display:none;}  
    

/*#content .csc-default {margin-bottom:30px;}*/








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


.Tx-Formhandler ul {}

div.errormessage {background:#cc0000;color:#fff;margin-bottom:16px;padding:6px 6px 6px 6px;}

#content ul.errormessages {padding:6px 0px 0px 16px;margin-top:12px;}
ul.errormessages li  {color:#fff !important; }

.Tx-Formhandler ul li.error{line-height:150%;}
.Tx-Formhandler ul li.error ,.Tx-Formhandler ul li.error a {color:#fff !important; }
 
.formfield span.error {display:none;}


.formbox {background-color: #F9F9F9;padding:5px;border: 1px solid #CCC;}

.formbox.optiondisabled, .optiondisabled  {opacity:0.8}


.formbox span {display:block; float:left; width:90%;line-height:150%;}
.formbox input {float:left;width:10%;} 

.formbox input.checkboxinput {width:24px; display:inline-block;height:25px;}

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;font-size:16px;}

input.textinput,input.input-xlarge{float:left;width:60%; color: #000;   border:1px solid #706E6D;
height:20px;background: #fff;padding:2px 2px 2px 2px; font-size:16px;font-family: 'Archivo Narrow', sans-serif; 
}

.formrow.p100 label {width:100%;padding-top:18px;padding-bottom:4px;}

.formrow.p200 label {width:auto ;}

.formrow.p200 label.control-label span{width:auto ;display:inline-block;float:right;}

.formrow.p200 p {float:none;} 

.formrow.p100 label {width:100%;padding-top:18px;padding-bottom:4px;}

.tpad60 {padding-top:60px;}
.tpad40 {padding-top:40px;}
.tpad20 {padding-top:20px;}



.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  ,#quellesonstiges_container  ,#funktionsonstiges_container {display:none;}


.formfield input.submitbutton,.btn-primary {

  background-color:#706E6D;
  background-color:#ff9900; 
  padding:1px 20px;
  border:0px;
  cursor:pointer;
  color:#fff;
  text-transform:uppercase;
  line-height:18px;
  font-size:11px;
}
.formfield input.submitbutton_hover,formfield input.submitbutton:hover,.btn-primary:hover  {
   
  background-color:#706E6D;
  background-color:#ff9900; opacity:0.8;
  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;}



#content li.error {  padding:0px 6px 0px 6px; list-style-type:circle;display:inline-block;background-image:none; }
#content li.error:after {content:', '}
#content ul.errormessages li:last-of-type:after {content:'';padding:0;}



.col50 {width:50%;float:left;padding-right:70px;}

.col30 {float:left; width:32%; max-width:323px; margin-right:2%;}

 
.col30 img {margin-top:10px;}


.floatleft {float:left; padding-right:90px;/*padding-bottom:30px;*/}
 
.referentenimage {float:left; width:50%;padding-top:4px;} 
.referententext{float:left; width:50%;padding-left:10px;padding-top:6px;padding-right:18px;font-size:15px;} 
p.referentenposition {font-size:15px;line-height:19px;}
.photo img {width:100%; height:auto;}
.referententext a {color:#000;}


.referentenitem  {float:left; width:100%;   max-width:323px;  margin-right:0; height:auto; border-bottom:1px solid #8e8e8e;padding-bottom: 6px}

.programm_referent_image {width:173px;padding: 0px 20px 20px 0px;  }
.programm_referent_detailtext   { }

.programm_referent_image img {width:100%; height:auto;}

p.updateinfo {clear:both;padding-top:30px;}


/**
.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;}



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 */
}



.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; 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%; }




/* NEWS */
.news-list-container h2 {
/*  font-size: 12px;
  margin: 5px 0 0 0;
  padding:0;
  */
  
   font-size:24px; color: #555555;font-weight:bold;line-height:32px; letter-spacing:0.1em;
 
 margin-top:30px;
 
 font-size:18px; font-weight:bold; text-transform:uppercase; color:#555555;padding:0px 0px 16px 0px;

}

.news-single-item h1 {margin-bottom:5px;}


.news-list-container .news-list-date {
/*  float:right;*/
}
.news-list-container p {
  margin: 5px 0 5px 0;
}

.news-list-container hr {
  border: 0;
  height: 1px;
  background-color: white;
  border-bottom: 1px dotted #eee;
}

.news-list-item {
   
  display:block;
  padding-bottom: 30px;
 
}
 
.news-single-backlink {margin-top:24px;}
.news-list-morelink {display:inline-block; padding-left: 20px;}
.news-single-item h2 {text-transform:none;}


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

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

}






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

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



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


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

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




/*
@media all and (min-width: 820px){   */


@media all and (min-width: 680px){   
  
.referentenitem  {float:left; width:46%; max-width:323px; margin-right:4%; height:240px; border-bottom:1px solid #8e8e8e;padding-bottom: 0px}

 
.referentenitem:nth-of-type(2n+2)  {margin-right:0;}
.referentenitem:nth-of-type(2n+3)  {clear:both;}






}




@media all and (min-width: 1000px){    
  
#mobilemenucontainer {display:none;}


#socialmedia {position:absolute; top:202px; top:215px;right: 246px; z-index:1015 ;font-size:18px;color:#000; }

#headline {position:absolute; top:auto;bottom:10px; left:25px;font-size:19px;color:#000;}

#wrapper {
position: relative;
background:#fff;
width:100%;;max-width:1000px; 
margin:0px auto 0px auto; 
}


#headerwrapper{position:fixed;top:0;left:50%; margin-left:-500px;height:254px;z-index:550; width:1000px;  }  

#headerbar {position: relative;
background:#fff;margin:0px 0px 0px auto; height:284px;  height:234px;  max-width:1000px; width:100%;}


#logo {width:360px;height:154px;
width:300px;height:128px;
margin-top:48px;
margin-top:40px; 

padding-bottom:0;  left:0px; 

background-image: url(../images/RMZK_Logo.jpg) ;
background-color:transparent; 
 
background-repeat: no-repeat;
background-position:left center;

background-size: contain;
}

#logo a {text-decoration: none;display:block; width:360px; height:154px; }
  

.shadowborder { margin:0px 0px 0px 0px;}

#navicontainer {display:block; float:right; width:424px; width:334px; /*max-width:1176px;*/}

.menucol {float:left; width: 202px;}
.menucol:last-of-type {float:left; width: 132px;}

#metanavi {height:55px;}
#metanavi ul {list-style-type:none;}
#metanavi ul li {float:left;padding:4px 0px 0px 0px; margin:0; }
#metanavi ul li a {color:#555555;font-size:16px;}
#metanavi ul li a:hover,.menucol li a:hover  ,.menucol li a.aktiv, #metanavi ul li a.aktiv {color:#ff9900}
#metanavi ul li a:after {content:' | '; padding:0px 4px 0px 2px; font-size:18px;}
#metanavi ul li:last-child a:after {content:'';}

 ul.menucol{list-style-type:none;}
.menucol li {padding-bottom:5px;  padding-bottom:10px; line-height:100%;}
.menucol li.separator {padding-bottom:23px;}

.menucol li a {font-size:17px; font-weight:bold; text-transform:uppercase; color:#555555;}
 

#page  {
width:100%;;max-width:1000px; 
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:block;
position: relative;
margin:274px auto 0px auto;
 
}

#rightside {float:left;  clear:none;width:280px; padding-right:10px;padding:0px 10px 0px 0px;}


#content {width:100%; padding:0px 20px 200px 20px; }

  /*
.referentitem {padding:0px 70px 40px 70px;}*/
 

.referentitem {padding:0px 35px 40px 35px; width:270px; float:none;}
.referentitem img {width:200px; height:auto;}
 
 
 
.programm_referent_image {width:173px;padding: 0px 20px 20px 0px; float:left;}
.programm_referent_detailtext   { width:600px; float:left;}


#content  {
width:100%;max-width:720px; padding:0px 16px 0px 16px;float:left;}


#content.fullwidth  {
width:100%;max-width:1000px; padding:0px 16px 0px 16px;float:none;}

/**.bpad70,.block.bpad70 {padding-bottom:70px;}

.bpad110{padding-bottom:110px;}

.bpad40 {padding-bottom:40px;}
.bpad33 {padding-bottom:33px;}
 
.blockcontent {width:10000x;margin:0 auto 0px auto;padding:70px 0px 0px 0px;}

.block {width:100%;;max-width:1000px;  display:block; clear:both;padding:0;}
 
*/
.col50 {width:50%;float:left;padding-right:70px;padding-left:10px;}


#content div.csc-default { padding:0px 50px 0px 10px}


.col30 {float:left; width:32%; max-width:323px; margin-right:2%;}

.referenten.uebersicht {padding-left:10px;}


.referentenitem  {float:left; width:32%; max-width:323px; margin-right:2%; height:240px; border-bottom:1px solid #8e8e8e;}

.referentenitem:nth-of-type(2n+2)  {margin-right:2%;}
.referentenitem:nth-of-type(2n+3)  {clear:none;}


.referentenitem:nth-of-type(3n+3)  {margin-right:0;}
.referentenitem:nth-of-type(3n+4)  {clear:both;}



.col30 img {margin-top:10px;}


.floatleft {float:left; padding-right:90px;/*padding-bottom:30px;*/}
 
.referentenimage {float:left; width:50%; } 
.referententext{float:left; width:50%; } 
.photo img {width:100%; height:auto;}

}