html{font-size:16px}

body{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height:18px;
font-size: 0.875; 
line-height:1.25rem;
margin:0;
padding:0;
color:#444444; 
background:#ffffff;
font-weight:normal;
-webkit-text-size-adjust: 100%;
 background-color:#f4f5f6;
  
}

.referenz_left{
   width:85%;
   float:left
}

.referenz_logo{
   width:11%;
   float:right
}


.hide,.mobile{
display:none;
}


.smaller{
font-size: 12px;
line-height:16px;
font-size: 0.75rem; 
line-height:1.0rem;
}


.link_normal{
   color:#444444; 
   font-weight:normal;
}


a{
text-decoration:none;
   color:#f50000;
   font-weight:normal;

   
}

a:hover{
   text-decoration:none;

}



br.cb { 
   clear: both; 
}



a:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



:focus{
   outline: 0;
   outline: none;
   text-decoration:none;
}



#mobile_menu{
   display:none;
   position:absolute;
   top:38px;right:3%;
   z-index:9999;
   width:25px;
}


.icon_switch{
   float:right;
   width:22px;
   margin-right:7px;
}

.line_content,.line_top {
   height:2px;
   border-bottom:1px dotted #333333;
   margin:20px 0 20px 0;
   width:100%;
   float:left;
}


.line_top {
margin-top:4px;
}



.slogan_box{
font-size: 20px;
line-height:27px;
font-size:1.2rem; 
   line-height:1.7rem;
   color:#0e0a0f;
   border-radius: 5px;
    background-color: #ebedf0;
   width: 100%;
}

.cont_left{
   width:60.5%;
   float:left;
   padding-right:3.5%;
 /*  margin-right:2.5%;*/
      border-right:1px dotted #333333;
}


.cont_right{
   width:32.5%;
   float:right;
}


 #search{
   width:163px;
   height:21px;
   float:left;
   text-align:center;
   background-image:url(453.gif);
   margin:20px 0 0 70px;
   z-index:9;
   display:none;
   position:absolute;
   right:0;
   top:15px;
   right:2px;
} 

#search_mobile{
   width:195px;
   height:21px;
   float:left;
   text-align:center;
   background-image:url(636.gif);
   margin:0;
   z-index:9;
   float:left;
   margin-left:10px;
   
} 
 
.search_button{
   float:right;
   width:16px;
   margin:3px 4px 0 0;
}


.suchfeld{
   float:left;
}

.sucheingabe{
 font-size:10px;
   line-height:16px;
  font-size:0.625rem; 
   line-height:1.0rem;
   width:120px;
   border:0;
   margin-left:4px;
   float:left;
   background-color:#f1f2f4;
   margin-top:0px;
      color:#333333;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:    #a7acb8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #a7acb8;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #a7acb8;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #a7acb8;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #a7acb8;
}




#header_banner{
   width:1000px;
   margin:0 auto;

}

#header_banner_mobile{
  display:none;
}

#header_container{
   width:100%;
   margin:0;
   background-color: #e3e5e9;
   border-top:1px solid #fff;
   background-image:url(547.png);
   background-repeat:repeat-x;
   background-size:100% 100%;

}


#headerimage_home_mobile{
   display:none;}


#headerimage_home{
   width:100%;
   height:300px;
   margin:0;
   background-position:center;
   border-top:1px solid #fff;

}


#home_slogan{
   color:#fff;
   font-size:22px;
   line-height:22px;
  font-size:1.375rem; 
   line-height:1.375rem; 
   font-style:italic;
   font-weight:400;
   padding-top:5px;
   width:1000px;
   text-align:right;
   margin:0 auto;
  
  
}


#bg_slogan{
   position:absolute;
   bottom:0;
         height:35px;
      width:100%;
   text-align:right;
   background-image:url(648.png);
   backround-repeat:repeat-x;

}



/*WYSIWYG TEMPLATES*/

.zweispaltig_links{
   width:45%;
   float:left;
   margin-bottom:25px;
}


.zweispaltig_rechts{
   width:45%;
   float:right;
   margin-bottom:25px;
}



.kontakt_links{
   width:45%;
   float:left;
   margin-bottom:25px;
}


.kontakt_rechts{
   width:45%;
   float:right;
   margin-bottom:25px;
}



#top_container{
   background-color:#e3e5e9;
   width:100%;
   height:25px;
}

#top_content,#header,#page_all,#teaser_home{
   width:1000px;
   position:relative;
   margin:0 auto;
   padding:0;

}    

#header{
height:72px;
}


#nav_container{
   width:75%;
   position:absolute;
   bottom:-8px;
   right:0;
}

#logo_container{
   width:25%;
   float:left;
   margin-top:11px;
}


   #logo{
      width:218px;
   float:left;
   }

   
   
   
   #content{
      width:100%;
   padding-bottom:40px;
   padding-top:25px;
   }

#mobilemenu{
   display:none;

}

#footer_content {
   font-size: 10px;
line-height:16px;
font-size: 0.625rem; 
line-height:1.5rem;
   margin-top:10px;
   color:#333333;
   text-align:center;
   text-transform:uppercase;
   margin:0 auto;
}

#my_footer{
   width:100%;
   height:26px;
   margin:0;
   background-color: #e3e5e9;
   border-bottom:1px solid #fff;
   margin-bottom:30px;

}



h2 {
font-size: 20px;
line-height:22px;
font-size: 1.25rem; 
line-height:1.25rem;
margin:0px;
color:#0a070b; 
   font-weight:600;
   margin-bottom:3px;
}



h3 {
 font-size: 14px;
line-height:18px;
font-size: 1.0rem; 
line-height:1.4rem;
color:#0a070b; 
   font-weight:600;
   margin:0px;
   margin-bottom:5px;
}



.headline{
 font-size: 13px;
line-height:17px;
font-size: 0.9rem; 
line-height:1.3rem;
   color:#666666; 
  margin:0px;
   text-transform:uppercase;
   font-weight:bold;
}








.select_language{    
    font-family: 'Montserrat', sans-serif;
   font-size: 11px;
line-height:12px;
font-size:0.6875; 
   line-height:0.75rem;
   font-weight:700;
    border:0;
   height:25px;
    background: url(447.svg) no-repeat right #e6e6e6;
    -webkit-appearance: none;
   background-position-x: right;
   background-size:16px 21px;
   -moz-appearance: none;
   width:37px;
   background-color:#e3e5e9;
}


select::-ms-expand {
    display: none;
}


select{
   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
   border-radius: 0;
   border:none;
   border:0;
}


#logo{
width:225px;
height:30px;
float:left;
   margin:15px 0 0 0;
   display:block;
}   


   
.about,.abouts{
    background-image:url(501.png);
   background-image:url(492.svg);
   padding-left:11px;
   background-repeat:no-repeat;
   background-position:left bottom 17px;
   background-size:16px 16px;
}

.about:hover,.about_active,.abouts:hover,.abouts_active{
   background-image:url(940.svg);
      padding-left:11px;
    background-position:left bottom 17px;
   background-size:16px 16px;
    background-repeat: no-repeat;
}



.angebot,.angebots{
   background-image:url(491.svg);
      padding-left:11px;
     background-position:left bottom 17px;
   background-size:16px 16px;
   background-repeat:no-repeat;
}

.angebot:hover,.angebot_active,.angebots:hover,.angebots_active{
   background-image:url(941.svg);
   background-repeat:no-repeat;
      padding-left:11px;
   background-repeat:no-repeat;
     background-position:left bottom 17px;
   background-size:16px 16px;
}


.references,.referencess{

   background-image:url(490.svg);
   background-repeat:no-repeat;
      padding-left:11px;
   background-repeat:no-repeat;
   background-position:left bottom 17px;
   background-size:16px 16px;
   
}

.references:hover,.references_active,.referencess:hover,.referencess_active{

   background-image:url(942.svg);
   background-repeat:no-repeat;
      padding-left:11px;
   background-repeat:no-repeat;
   background-position:left bottom 17px;
   background-size:16px 16px;
}


.docoforum,.docoforums{

   background-image:url(489.svg);
   background-repeat:no-repeat;
      padding-left:12px;
   background-repeat:no-repeat;
 background-position:left bottom 15px;
   background-size:20px 20px;
}

.docoforum:hover,.docoforum_active,.docoforums:hover,.docoforums_active{

   background-image:url(943.svg);
   background-repeat:no-repeat;
      padding-left:12px;
   background-repeat:no-repeat;
 background-position:left bottom 15px;
   background-size:20px 20px;
}




ul{margin:0em;display:block;padding:0em;}
li {list-style-type:inherit;margin:0em;padding:0em;margin-bottom:2px;}

.mylist ul{}

.mylist li{
 margin-left:20px;
   margin-top:10px;
   list-style-position: outside;
}




.mylist_numbers li{
   list-style-type:decimal;
 margin-left:17px;
   margin-top:10px;
   list-style-position: outside;
}






ul.activity,ul.book,ul.calendar,ul.clock,ul.heart,ul.map_pin,ul.send,ul.watch,ul.user   { margin-left: 1.8em; list-style: none; }
ul.activity,ul.book,ul.calendar,ul.clock,ul.heart,ul.map_pin,ul.send,ul.watch,ul.user   li { position: relative; line-height: 180%;}

ul.activity li:before{
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(1004.svg) " "
      
}


ul.book li:before{
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(1005.svg) " "
      
}


ul.calendar li:before{
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(1006.svg) " "
      
}


ul.clock li:before{
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(1007.svg) " "
      
}


ul.heart li:before{
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(1008.svg) " "
      
}


ul.map_pin li:before{
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(1009.svg) " "
      
}

ul.send li:before{
   position:absolute;
   width:27px;
     left: -1.9em;
   content: url(1010.svg) " "
      
}


ul.watch li:before{
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(1011.svg) " "
      
}



ul.user li:before{
   position:absolute;
   width:27px;
     left: -1.95em;
   content: url(1016.svg) " "
      
}


#sitemap{
list-style: none;
margin:0;
   padding:0;
   margin-top:4px;
 
}


#sitemap li {
width:200px;
   list-style:none;
   float:left;
   display:block;
}


 #menulist{
list-style: none;
   padding:0;
   margin-left:19px 4px 0 0;
}


#menu{
   margin:20px 0 0 0;
text-align:right;  
   float:right;
}



#menulist li 
{
margin-left:25px;
   list-style:none;
   float:right;
   
}

#menulist li:hover 
{
   background-repeat: no-repeat;
  
}

#menulist li.active {
   background-repeat:no-repeat;


}
.hidebox{
display:none;
   width:100%;
   float:left
}

.home_menu li {
width:100%;
   list-style:none;
   margin-top:1px;
   margin-bottom:0px;
   background-color:#ebedf0;
   height:32px;
}

.home_menu li:hover {
background-color:#f7f8f9;
}


.link_home{
   color:#333333;
   padding-left:3%;
   display:block;
   line-height:32px;
   line-height:2.0rem;
}


.link_home:hover{
color:#f50000;
}

.level0{

   color:#09060b; 
   font-style:normal; 
   text-decoration:none;
   display:block;
    font-family: 'Montserrat', sans-serif;
   font-size: 15px;
line-height:20px;
font-size:1.0rem; 
   line-height:1.25rem;
}

.level0:hover {
   text-decoration:none;

}

.level0_active {
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
line-height:20px;
font-size:1.0rem; 
   line-height:1.25rem;
   text-decoration:none;
   display:block;
   color:#09060b;
}

.level0_active:hover {
   text-decoration:none;
}


.level1{

   color:#333333; 
   font-style:normal; 
   text-decoration:none;
   display:block;
    font-family: 'Montserrat', sans-serif;
   font-size: 12px;
line-height:25px;
font-size:0.75rem; 
   line-height:1.5rem;
}

.level1:hover {
   text-decoration:none;

}

.level1_active {
   font-family: 'Montserrat', sans-serif;
 font-size: 12px;
line-height:25px;
font-size:0.75rem; 
   line-height:1.5rem;
   text-decoration:none;
   display:block;
    filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
   opacity: 1.0;
color:#f50000;
}

.level1_active:hover {
   text-decoration:none;
}




input, select,textarea{
   background-color:#fcfcfc;
   border:1px solid #dddddd;
   font-size:11px;
   line-height:13px;
   font-size: 0.7rem; 
   line-height: 1.1rem;
   color:#333333;
}





.my_button {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
   font-size:10px;
   line-height:13px;
   font-size: 0.6rem; 
line-height: 0.6rem;
}


.my_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}

.my_utton:active {
	position:relative;
	top:1px;
}



   .abouts,.angebots,.referencess,.about_actives,.angebot_actives,.references_actives,.abouts:hover,.angebots:hover,.referencess:hover{
   background-position:left 0px bottom 4px;  
   height:24px
}

   .docoforums,.docoforums_actives,.docoforums:hover{
   background-position:left 0px bottom 2px;  
   height:24px
}




.link_sitemap{

   color:#09060b; 
   font-style:normal; 
   text-decoration:none;
   display:block;
    font-family: 'Montserrat', sans-serif;
   font-size: 15px;
line-height:20px;
font-size:1.0rem; 
   line-height:1.7rem;
}


  

  

    
      
