/* CSS file generated by Responsify */
/* Columns: 12, Gutter Width: 1.5, Breakpoints: 320,780,1040 */ 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 


img, video {
  max-width: 100%;
  height: auto;
}

sarticle, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul, nav li { margin: 0 !important; } 
nav ul { list-style:none; }

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.col{
  margin-left: 2.5%;
}

.col:first-child {
  margin-left:0;
}

.span1{
  width: 6.95833333333%;
}
.span2{
  width: 15.4166666667%;
}
.span3{
  width: 23.875%;
}
.span4{
  width: 32.3333333333%;
}
.span5{
  width: 40.7916666667%;
}
.span6{
  width: 49.25%;
}
.span7{
  width: 57.7083333333%;
}
.span8{
  width: 66.1666666667%;
}
.span9{
  width: 74.625%;
}
.span10{
  width: 83.0833333333%;
}
.span11{
  width: 91.5416666667%;
}
.span12{
  width: 100%;
  margin-left: 0;
}

body{ 
  font-size: 87.5%;
}

h1{
    font-size: 1.5em; /* 24 / 14 */
    line-height: 1.1em; /* 21 / 14 */
	margin-bottom: 0.6em;
}

h2{
  font-size: 1.4em; /* 21 / 14 */
  line-height: 1.2em; /* 21 / 14 */
}

p{
    font-size: 1em; /* 14 / 14 */
    line-height: 1.5em; /* 21 / 14 */
    margin-bottom: 0.3em; /* 21 / 14 */
}

#container, .inner{
  margin: 0 auto;
}



header h1{
  margin: 7px 0 0 0;
}

#container{
}

.alt{
  color: #fff;
  color: rgba(255,255,255, 0.9);
  letter-spacing: 0.05em;
}


/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 768px){
  nav .span4{
    width: 100%;
  }

}

/* Custom Breakpoints */
@media screen and (max-width: 360px) {
#logoimheader,
#container .wrapper{ width:100%!important}
}
@media screen and (max-width: 520px) {
.hauptmenu { padding:40px 0 0 0!important}
}

@media screen and (max-width: 640px) {
div.csc-textpic div.csc-textpic-imagecolumn { float:none!important}
}

@media screen and (max-width: 780px) {
.linkespalte { width:100%; padding:0 2.5%;}
.rechtespalte { width:100%; margin: 0; }

.layout2 .wrapper .linkespaltefix, 
.layout2 .wrapper .rechtespaltefix { width:100%!important; box-sizing: content-box; margin-left: 0; padding-left:0; border-left:none; float:none}

}

@media screen and (min-width: 781px) {
#mainheader2 { position:relative; clear:both;}
.linkespalte { width:62.7083%; padding:0 2.5%;}
.rechtespalte { width:34.8333%; margin: 0 0 0 -1px; padding-left:2.5%; border-left: solid 1px #ccc; }
.layout2 .menuitem a:link, .layout2 .menuitem a:visited{ color:#fff!important}
}
@media screen and (max-width: 1000px) {
.wrapper {
	width:90%;
}
}
@media screen and (min-width: 1001px) {
.wrapper {
	width:900px;
}

}

/***************************************************************************************************/
/* Flyout Navigation */
@media screen and (max-width: 320px) {
	.nav-open { }
	#hauptnavigation {
		left: 2.5%!important;
		width: 95%!important;
	}
}
@media screen and (max-width: 780px) {

.nav-open {
	position:fixed;
	right:5%;
	display: block;
	width: 50px; height:40px;
	text-align:center;
	background-color:#DA0623;
		-webkit-box-shadow:  0px 0px 5px 1px #696969;
        box-shadow:  0px 0px 5px 1px #696969;
}

.nav-open a, .nav-close a {
	padding: 2%;
	display: block;
	text-align: center; color:#fff!important;
	text-decoration: none;	
	font-size:20px!important;
}

.nav-close { position:absolute; right:0; width: 60px; height: 40px; 
	background-color:#DA0623; color:#fff; 
}
nav.hauptnavi ul li.inactive ul { display:block!important}

#mainheader2 {
 position:fixed; top:0; right:5%; z-index:100}

#hauptnavigation {
	position: fixed;
	top: -200%;
	right: 5%;
	float: none;
	width: auto;
	margin:0;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.9)!important;
	-webkit-box-shadow:  0px 0px 5px 1px #696969;
    box-shadow:  0px 0px 5px 1px #696969;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	z-index:100;
}
.menuitem  a, .menuitem  a:link { color: #000!important; }
#hauptnavigation .hauptmenu { padding:0 60px;}
#hauptnavigation .hauptmenu .menuitem a:link { padding:0px; }
#hauptnavigation .hauptmenu li.submenuitem a:link { padding:0!important; }
#hauptnavigation:target {
	top: 0;
}

#hauptnavigation ul li {
	float: none;
	text-align: center;
}
.menuitem { border-bottom:solid 1px #ccc}

#hauptnavigation ul li:last-child {
	border-bottom: none;
}

#container .wrapper { padding-top:30px}

}


@media screen and (min-width: 781px) {
.nav-open { display: none; }
#hauptnavigation .nav-close { display: none; }
#hauptnavigation .hauptmenu .menuitem a:link { padding:22px 10px 12px 10px;}


}

/***************************************************************************************************/
/* Micro Clearfix */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}