/* 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: 1.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.1em; /* 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){
}

/* Custom Breakpoints */


@media screen and (max-width: 380px) {
#canvas, #claim { display:none}
#mainheader  { }
#logoimheader{ width:40%; text-align:left;  margin: 5% auto 0 25px; }

#container { padding-bottom:160px!important; }
#container .wrapper { padding-top:90px!important; }
#inhalt h1.csc-firstHeader {
    padding-left:0!important;
}

footer { line-height:1.3em!important; height:160px!important; margin-top:-160px!important;}
footer .wrapper { height:160px!important; background-color: rgba(120, 166, 35, 1)!important; width:100%!important}
footer .wrapper article { margin-left:5%}
.footer3 { float:right; width:100%; text-align:right; margin:10px 25px 0 0; } 
	.footer3 ul li { float:right }
	.footer3 ul li:after { content:" | ";}
.footer4 { float:right; width:100%; margin:0 25px; text-align:right} 
	.footer4 span:before { content: " / "; }
}

@media screen and  (min-width: 381px) and (max-width: 680px) {
#claim { display:none }
#mainheader  { height:100px;}

#logoimheader{ width:40%; text-align:left;  margin: 1.5% auto 0 27px; }

footer { height:105px!important; margin-top:-105px!important;}
footer .wrapper { height:97px!important;}
#container { padding-bottom:150px!important; }
.footer1 { float:left; width: auto; margin:0 25px } 
.footer2 { float:left; width: auto; margin:0 25px; clear:left } 
.footer3 { position:absolute; top:8px; text-align:right; right:25px; } 
.footer4 { float:right; width:auto; margin:0 25px 0 0; text-align:right} 
	.footer4 span { display:block}
}
@media screen and (min-width: 681px) and (max-width: 780px) {
.wrapper { 	width:90%; }
#mainheader  { height:100px;}
#logoimheader{ width:40%; text-align:left;  margin: 1.5% auto 0 27px; }
#claim { right:80px; }


.footer1 { float:left; width: auto; margin:0 25px } 
.footer2 { float:left; width: auto } 
.footer3 { float:right; width:40%; text-align:right; margin:0 25px; } 
	.footer3 ul li { float:right }
	.footer3 ul li:after { content:" | ";}
.footer4 { float:right; width:40%; margin:0 25px; text-align:right} 
	.footer4 span:before { content: " / "; }
}

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

.footer1 { float:left; width: 15%; margin-left:25px } 
.footer2 { float:left; width: 43.4096%; } 
.footer3 { float:left; width: 16%; border-left: solid 2px #cee4c8 } 
.footer4 { float:left; width: 20%;text-align:right} 
.footer4 span { display:block}

}
@media screen and (max-width: 999px) {
#inhalt { width: 100%!important;}
.rechtespalte { padding-left:0; margin-left:0; width:100%; }
.flexslider .caption,
.flexslider .flex-direction-nav { display:none}
}
@media screen and (min-width: 780px) and (max-width: 999px) {
.wrapper { 	width:90%; }
#mainheader  { height:155px;}
#mainheader .wrapper { height:139px; background:url(../img/bg_header.png) no-repeat; background-position:42px 0 }
#logoimheader{ width:40%; text-align:center; margin: 1.5% auto 0 auto; }
#claim { right:25px; }

#hauptnavigation { position:absolute;bottom:0; right:0; width:100%;  background:url(../img/bg_menuribbon.png) no-repeat 34px center}
}



@media screen and (min-width: 1000px) {
.wrapper { 	width:900px; }
#mainheader .wrapper { height:110px; background:url(../img/bg_header.png) no-repeat; background-position:45px bottom }
#logoimheader{ width:33%; margin: 1.5% auto 0 auto; text-align: center; }
#claim { right:25px; }
#hauptnavigation { position:absolute; bottom:0; right:0; width:85%; background:url(../img/bg_menuribbon.png) no-repeat left center}
#container { padding-top: 40px;}
.rechtespalte { padding-left:3.479%; margin-left:3.479%; width:38.8127%; border-left:solid 2px rgba(120, 166, 35, 1) }
}

/* Table */
@media (max-width: 529px) {
  .contenttable td {
    text-align: left;
  }
  .contenttable td:nth-of-type(1) {
    clear: left;
    float: left;
    width: 98%;
	padding:0 0 10px 0!important;
  }
  .contenttable td:nth-of-type(2) {
    clear: left;
    float: left;
    width: 98%;
	padding:0 0 10px 0!important;
  }
}
/***************************************************************************************************/
/* 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:rgba(120, 166, 35, 1); color:#fff;
		-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;
	text-decoration: none;	
	font-size:20px!important;
}

.nav-close { position:absolute; right:0; width: 50px; height: 40px; 
	background-color:rgba(120, 166, 35, 1); color:#fff; 
}
nav.hauptnavi ul li.inactive ul { display:block!important}

#hauptnavigation {
	position: fixed;
	top: -200%;
	right: 5%;
	float: none;
	width: auto;
	margin:0;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.9);		-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;
}
#hauptnavigation .hauptmenu { padding:0 70px 0 30px!important;}
#hauptnavigation .hauptmenu .menuitem a:link { padding:10px 0px 0px 0px; }
#hauptnavigation .hauptmenu .act a:link, #hauptnavigation .hauptmenu .act a:visited
{ color:rgba(120, 166, 35, 1)!important }
#hauptnavigation .hauptmenu li.submenuitem a:link { padding:0!important; }
#hauptnavigation:target {
	top: 0;
}

#hauptnavigation ul li {
	float: none;
	text-align: center;
}


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

/* individuelle Formatierung */

}

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

.nav-open {
	display: none;	
}
#hauptnavigation .nav-close {
	display: none;
}

#hauptnavigation { }	
#hauptnavigation .hauptmenu .menuitem { display:inline-block; }
#hauptnavigation .hauptmenu .act { background:url(../img/bg_menu.png) no-repeat left; color:#fff }
#hauptnavigation .hauptmenu .menuitem a:link { padding:7px 10px 7px 15px; }
#hauptnavigation .hauptmenu li.submenuitem a:link { padding:9px 0!important; }
.hauptmenu ul.submenu { padding-top: 5px; top: 37px; }


}

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