html {  
  overflow-x: hidden;
  height: 101%;
}

body { 
  background-color:#212121; 
  padding:0; 
  margin:0 auto; 
  font-family: 'Istok Web', sans-serif;
  font-size: 14px; 
  font-weight: 400; 
  line-height: 20px;
  height: 100%;
  color:#999999;
  display: table;
  width: 100%;
  margin-bottom: 0px;
}

.center_page {
  width: 1000px;
  text-align: center;
  position: relative;
  left: 50%;
  margin-left: -500px;

}

.center_page_2 {
  width: 1080px;
  text-align: center;
  position: relative;
  left: 50%;
  margin-left: -540px;

}


@font-face {
    font-family: 'modaerneregular';
    src: url('modaerne_regular-webfont.eot');
    src: url('modaerne_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('modaerne_regular-webfont.woff2') format('woff2'),
         url('modaerne_regular-webfont.woff') format('woff'),
         url('modaerne_regular-webfont.ttf') format('truetype'),
         url('modaerne_regular-webfont.svg#modaerneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* ############## Links ################ */

#cf {
  position:relative;
  height:220px;
  width:220px;

}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}


a { 
  font-weight:normal; 
  text-decoration:none; 
  color:#999999; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  outline:0; 
  -moz-outline:0; 
  font-size:12px;
} 
a:hover {  
  text-decoration:underline; 
} 
a.current {
	color: #999999;
}

a.copyspan { 
  font-weight: 400;
  text-decoration:underline; 
  color:#999999; 
  font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; 
  outline:0; 
  -moz-outline:0; 
  font-size:14px; 
  line-height:20px;
}  
a.copyspan:hover { 
  text-decoration:none; 
}  


a.training { 
  font-family: 'modaerneregular', Arial, sans-serif; 
  font-size: 22px; 
  font-style: normal;
  color:#296bb7; 
  font-weight: normal;
  text-decoration:none;
  cursor:pointer;
}  
a.training:hover { 
  text-decoration:underline; 
} 

a.footer_navigation { 
  font-weight:normal; 
  text-decoration:none; 
  color:#ffffff; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  outline:0; 
  -moz-outline:0; 
  font-size:12px; 
  line-height:22px;
} 
a.footer_navigation:hover { 
  text-decoration:underline; 
} 
a.footer_navigation.current {
	color: #D68300;
}


a.titel { 
  font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; 
  font-size: 18px; 
  font-style: normal;
  color:#E0C457; 
  font-weight: normal; 
  line-height: 23px;
} 
a.titel:hover { 
  text-decoration:underline; 
} 


a.super { 
  font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; 
  font-size: 18px; 
  font-style: normal;
  color:#999999; 
  font-weight: normal; 
  line-height: 23px;
  text-decoration:underline; 
  cursor:pointer;
} 
a.super:hover { 
  text-decoration:none; 
} 


a.supertitel { 
  font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; 
  font-size: 26px; 
  font-style: normal;
  color:#00638D; 
  font-weight: normal; 
  line-height: 23px;
} 
a.supertitel:hover { 
  text-decoration:underline; 
}


/* ############## Textstyles ################ */

h1 {
  font-family: 'modaerneregular', Arial, sans-serif; 
  font-size: 22px; 
  font-style: normal;
  color:#D68300; 
  font-weight: normal; 
  line-height: 23px;
}

.titel {
  font-family: 'modaerneregular', Arial, sans-serif; 
  font-size: 22px; 
  font-style: normal;
  color:#D68300; 
  font-weight: normal; 
  line-height: 26px;
}

.titel_gelb {
  font-family: 'modaerneregular', Arial, sans-serif; 
  font-size: 22px; 
  font-style: normal;
  color:#E0C457; 
  font-weight: normal; 
  line-height: 26px;
}

.supertitel {
  font-family: 'Istok Web', sans-serif;
  font-size: 26px; 
  font-style: normal;
  color:#D68300; 
  font-weight: normal; 
  line-height: 30px;
}


.supertitel_blau {
  font-family: 'modaerneregular', sans-serif;
  font-size: 36px; 
  font-style: normal;
  color:#254c9b; 
  font-weight: normal; 
  line-height: 30px;
}

.super {
  font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; 
  font-size: 18px; 
  font-style: normal;
  color:#999999; 
  font-weight: normal; 
  line-height: 23px;
}

.super_weiss {
  font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; 
  font-size: 18px; 
  font-style: normal;
  color:#ffffff; 
  font-weight: normal; 
  line-height: 23px;
}

.titel_footer {
  font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
  font-size: 18px; 
  font-style: normal;
  font-variant: small-caps; 
  letter-spacing: 0.5px;
  color:#D68300;
}

.footer { 
  font-weight:normal; 
  text-decoration:none; 
  color:#FFFFFF; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:12px; 
  line-height:20px;
}  


/* ############## Formularfelder ################ */

input {
  height:16px;
  outline:0; 
  -moz-outline:0; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-style: normal;
  color:#666666; 
  padding: 2px 5px 2px 5px; 
}

textarea { 
  outline:0; 
  -moz-outline:0; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-style: normal;
  color:#666666;  
  padding: 2px 5px 2px 5px; 
}

select {
  height:28px;
  width: 312px;
  outline:0; 
  -moz-outline:0; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px; 
  font-style: normal;
  color:#444444; 

}


/* ############## Rahmen für Bilder, Inputs und Buttons ################ */

.border_style {
  border: 1px solid #E0C457;
  -webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.border_style:hover {
  -webkit-box-shadow: 2px 2px 7px 0px rgb(64, 64, 64);
	-moz-box-shadow: 2px 2px 7px 0px rgb(64, 64, 64);
	box-shadow: 2px 2px 7px 0px rgb(64, 64, 64);
}

.border_style_thumb {
  border: 1px solid #666666;
  -webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.border_style_thumb:hover {
  border: 1px solid #E0C457;
}


.border_style_light {
  border: 1px solid #6AA3BB;
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	-opera-border-radius: .3em;   
  -khtml-border-radius: .3em; 
  -webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.border_style_light:hover {
  -webkit-box-shadow: 1px 1px 3px 0px rgb(64, 64, 64);
	-moz-box-shadow: 1px 1px 3px 0px rgb(64, 64, 64);
	box-shadow: 1px 1px 3px 0px rgb(64, 64, 64);
}


/* Box oberste Navigationsebene */

.box_top { 										
  background-color:#ffffff;
}


/* Box Header */

.box_header { 										
  background-color:#2C0429; 

}


/* Box Content */

.box_content {
  background-color:#212121; 
  margin-top:26px; 
  padding: 0px 25px 50px 17px;
}

.box_content_ansprechpartner {
  background-color:#F1F2F6; 
  margin-top:50px; 
  border: 1px solid #cad9ec;
  padding: 0px 25px 25px 0px;
}

.box_content_gallery {
  background-color:#F1F2F6; 
  margin-top:50px; 
  border: 1px solid #BF9593;
  padding: 23px 23px 23px 23px;
}


/* Footer */

.box_footer { 	
  border-top: 1px solid #D68300;			
  margin-top:0px; 								
  padding: 0px 0px 160px 0px;
  background-color:#ffffff; 
}

.box_footer_wrapper { 										
  display: table-footer-group;
  margin-bottom: 0px;
}