*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,header,footer,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}
html{height:100%; width:100%;}
body{font-size:16px;font-size:1rem; height:100%; width:100%:100%;font:400 1em 'Oswald', sans-serif;-webkit-font-smoothing:antialiased;color:#fff;background-color:#fff; margin:0; padding:0; text-transform:uppercase;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img,input,textarea{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;font-family: 'Oswald', sans-serif;}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0}
legend{color:#000}
a,img,input,textarea,select{outline:0}
textarea{overflow:auto}
input[type=submit],input[type=checkbox]{cursor:pointer}
input[type=submit]{background:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
::-moz-selection{background-color:#000;color:#fff}::selection{background-color:#000;color:#fff}
a{text-decoration:none;font:400 1rem 'Oswald', sans-serif; color:#2d3d47;}
p, p a{font-family: 'Oswald', sans-serif; color:#2d3d47; font-weight:300;}




header{position:relative; background:#667682;}
/*header .flag{background:transparent url(../library/header.jpg) top right no-repeat; background-size:contain; background-repeat:no-repeat; float:left; width:100%; height:100%;}*/
header figure{background:#fff; padding:4px; float:left;}
header figure img{height:67px; width:182px; float:left;}
header nav{position:fixed; top:10px; left:0px; z-index:999;}
header ul{width:100%; float:left; margin:0; padding:0; background:#43a8d9;text-transform:uppercase;}
header ul li{float:left; margin:0; padding:0; text-align:center;}
header ul li a{font-size:1.4rem; font-weight:300; border-bottom:5px solid transparent; padding:21px 20px 5px 20px; display:block; color:#fff; margin:0p;}
header ul li a:hover{border-color:#3595c5;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;}
header ul li:first-child{border:none;}

header .statement{width:50%; position:absolute; bottom:10px; left:20px; vertical-align:middle; background:none;}
header .statement h1{color:#fff; font-size:3rem; font-weight:300; text-transform:uppercase; text-align:left;}
header .vis1{display:block;}
header .vis0{display:none;}

#page{width:100%; margin:2% auto;}
#page section{float:left; margin:2.6rem 0; color:#2d3d47; width:100%;padding:20px 10%;}
#page section h4{border-bottom:1px solid #ddd; color:#2d3d47;padding:0; font-size:1.6rem; text-transform:uppercase; margin-bottom:2rem; font-weight:300;}
#page section h4 span{border-bottom:1px solid #2d3d47; padding:0 30px; display:inline-block;}
#page section h4 span a{font-size:1.6rem; font-weight:300;}
#page figure{float:left; width:60%;}
#page figure img{width:100%;}
#page figure figcaption{font-size:.7rem; font-weight:300;}
#page .detail{float:left; background:#43a8d9;width:40%; margin-top:40px; padding:20px 1% 12px 2%; text-transform:uppercase;}
#page .detail.presse80{width:80%;}
#page .detail h6{font-weight:400; font-size:1.2rem; text-align:left;padding:4px 1%; line-height:1.7rem; color:#fff; margin-bottom:12px;}
#page .detail p, #page .detail p a{font-weight:300; font-size:1.05rem; line-height:1.7rem; text-align:left; padding:4px 1%; color:#fff; text-transform:none;}
#page .detail p span{font-weight:400; font-size:1.1rem; padding-right:6px;}
#page .detail p a:hover{text-decoration:underline;}
#page .rightF figure{float:right; width:40%;}
#page .rightF .detail{background:#667682;padding:20px 2% 12px 2%; width:60%;}
#page .detail table{width:98%; color:#fff;font-size:1.05rem; font-weight:normal; margin:20px 1%; }
#page .detail table th{border-bottom:2px solid #fff;}
#page .detail table td{font-weight:300; text-transform:none; padding:10px 2px;}

#page section .kontaktInfo{float:left; width:50%; padding:0 4%;}
#page section .kontaktInfo p{margin-bottom:.3rem;font-size:1.1rem; text-align:left; text-transform:uppercase;}
#page section .kontaktInfo p.bold{font-weight:600; padding:4px 0; margin-bottom:1rem;}

#page section#fahrten .detail{background:#fff; margin-top:0;}
#page section#fahrten .detail p, #page section#fahrten .detail p a{color:#2d3d47;}
#page section#fahrten .detail h6{color:#43a8d9;}


#page section#nl .detail{background:#fff; margin-top:0;}
#page section#nl .detail p{color:#2d3d47;}
#page section#nl .detail h6{color:#43a8d9;}
#page section#newsletter figure{width:25%;}
#page section#newsletter .detail {width:75%; float:right;}
#page section#newsletter .detail ul{width:96%; padding:1% 1% 1% 3%;}
#page section#newsletter .detail li{font-weight:300; font-size:1.05rem; line-height:1.7rem; text-align:left; padding:4px 1%; color:#fff; list-style:circle; text-transform:none;}
#page section#newsletter p{ text-transform:none;}
#page section#newsletter p a{color:#fff; font-weight:300; text-decoration:underline;}


footer{float:left; width:100%; color:#fff; font-weight:300;}
footer a, footer p{color:#fff; font-weight:300;}
footer .footerMeta{float:left; width:100%; background:#627380;padding:10px 2%;}
footer .facebook{float:right;}
footer .facebook img{width:24px; margin-right:12px;}
footer .footerCopy{float:left; width:100%; background:#2a3b46;padding:10px 2%;}
footer .footerCopy p{float:right; text-transform:none;}
footer .footerCopy p a{font-size:.9rem!important;}
footer .detailImp{text-align:center;font-size:1rem; padding:10px 10%; display:none;text-transform:none; }
footer .detailImp h6{margin:20px 0; font-size:1.3rem; text-transform:uppercase;font-weight:300;}
footer .detailImp p{font-weight:300;}
footer .detailImp a{font-size:1rem;}


.sep20{height:20px; width:100%; clear:both;}
.sep40{height:40px; width:100%; clear:both;}
.sep60{height:60px; width:100%; clear:both;}
.sep80{height:80px; width:100%; clear:both;}


@media screen and (min-width:1260px){/*body{background:#00f;} */
	#page{width:1260px;margin:2% auto;}
}
@media screen and (min-width:851px){/*body{background:#00f;} */
	header{background:#667682 /*url(../library/bayernflag.jpg) top right no-repeat; background-size:cover*/; height:60%;position:relative;}
	header .flag{background:transparent url(../library/header.jpg) top right no-repeat; background-size:contain; background-repeat:no-repeat; float:left; width:100%; height:100%;}
}
@media screen and (max-width:850px){/*body{background:#000;}*/
	header{background:#667682; height:66%;}
	header nav{position:relative; top:0; float:left;}
	header .flag{background:transparent url(../library/header.jpg) bottom right no-repeat; background-size:contain; background-repeat:no-repeat; float:left; width:100%; height:100%;}
	header .nosmart{display:none;}
	#page section{float:left; margin:2.6rem 0; color:#2d3d47; width:100%;padding:20px 2%;}
	#page figure{width:45%;}
	#page .detail{width:55%;}
}

@media screen and (max-width:460px){
	body{margin:0;}
	header{height:auto; margin:0!important;}
	header .flag{background-image:none;}
	header nav{top:0px!important; position:relative!important; margin:0; background:#66FF00; float:left!important; margin:0!important;}
	header .logoCSU{width:100%; background:#fff; float:left!important; margin:0!important;}
	header .logoCSU figure{width:40%; margin:0 30%;}
	header .logoCSU figure img{width:100%; height:auto;}
	.statement{display:none;}
	#page figure, #page .rightF figure{width:100%; float:left;}
	#page .detail, #page .rightF .detail{width:100%; margin-top:0}
}