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, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
* {
    border: 0 none;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    padding: 0;
}
html {
    /*height: 105%;*/
	height: 100%;
}
body  {
		text-align:center;
		  margin: 0;
		  padding:0;
		  font-family: noto_sansregular, Arial, Helvetica, sans-serif;
		  font-weight:100;
		  color:#3f3a4b;
		  /*background-color: #b5eaf0;*/
		  /*background-image:url(../.media/pagebg.jpg);*/
		  /*background-position:top;*/
		 /* background-repeat:repeat;*/
    font-size: 16px;
	line-height:1.6em;
    /*max-width: 960px;*/
    /*overflow-x: hidden;*/
   /* width: 100%;*/
   height: 100%;
    width: 100%;

   overflow-x:hidden;
	}

	.noserif {
	font-family: noto_sansregular, Arial, Helvetica, sans-serif;
}


	input,textarea {
		font-family:  open_sanslight, Arial, Helvetica, sans-serif;
		/*font-weight:100;*/

	}
	
	.outerwrapper {
		/*position:absolute;*/
		/*background-color: #ff0000;*/
		/*background-color: #fcfcfc;*/
		/*max-width: 1200px;*/
		width:100%;
		/*height:100%;*/
		text-align:center;
		margin:auto;
		/*padding: auto 20px auto 20px;*/
		/*overflow:hidden;*/

	/*padding: 0 20px 0 20px;*/
	display:block;
	}
	
	
	.wrapper {
		max-width: 1100px;
		margin:auto;
		
		/*background-color:#ff0000;*/
		text-align:left;
	}	
	
	.logomain {
		/*width:100%;*/
		/*max-width:255px;*/
		/*margin-right:100px;*/
		/*float:left;*/
		font-family: noto_serifitalic, Arial, Helvetica, serif;
		font-size:2.3em;
		color:#ffffff;
		/*float:left;*/
		/*margin-right:5%;*/
		letter-spacing:0.045em;
	}
	.logomain a{
		color:#ffffff;
	}
	
	.kopf {
	font-family: noto_serifregular, Arial, Helvetica, sans-serif;
	color:#ffffff;
}
	.footer {
	 	/*position:fixed;*/
		bottom:0;
		font-size:0.9em;
		line-height:1.4em;
		/*width: 100%;*/
		/*margin:auto;*/
		height:auto;
		overflow:hidden;
		background-color:#3f3a4b;
		text-align:left;
		padding-bottom:20px;
	}
	
	
	.row {
	display:block;
	clear: both;
	min-height:20px;
}
	.row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

	article {
	}	

	.clear {
		display:block;
		clear:both;
		font-size:0px;
		line-height:0px;
		height:0px;
	}	
	
.rbutton {
	font-family: noto_sansregular, Arial, Helvetica, sans-serif;
	font-family: noto_sansbold, Arial, Helvetica, sans-serif;
	
	font-size:0.9em;
	cursor: pointer;
	padding: 0.3em 1em;
	
	border: 1px solid #cacaca;
	-moz-border-radius: 1.5em; 
	-webkit-border-radius: 1.5em; 
	border-radius: 1.5em; 
	text-transform:uppercase;
	letter-spacing:0.04em;
}

		
		
	.headlineb {
		text-align:center;
	}
	.headlineb .line {
		width:100%;
		height:1px;
		font-size:0px;
		line-height:0px;
		background-color:rgba(99,103,114,1);
		margin-top:0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cacaca+0,cacaca+100&0+0,1+10,1+90,0+100 */
		background: -moz-linear-gradient(left,  rgba(99,103,114,0) 0%, rgba(99,103,114,1) 10%, rgba(99,103,114,1) 90%, rgba(99,103,114,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(99,103,114,0) 0%,rgba(99,103,114,1) 10%,rgba(99,103,114,1) 90%,rgba(99,103,114,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(99,103,114,0) 0%,rgba(99,103,114,1) 10%,rgba(99,103,114,1) 90%,rgba(99,103,114,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00636772', endColorstr='#00636772',GradientType=1 ); /* IE6-9 */

		
	}
	.headlineb .head {
		display:block;
		padding:0;
		margin-top:-29px;
	}
	.headlineb .head h1{
			display:inline-block;
			background-color:#ffffff;
			padding-left:0.5em;
			padding-right:0.5em;			
		}
	
.subline {
	font-family: noto_serifregular, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:2em;
}
	
sup {
	font-size:0.8em;
}

.wordwrap {
	word-wrap:break-word;
}
h1,.h1,h1 a {
	font-family: noto_serifregular, Arial, Helvetica, sans-serif;
	/*font-weight:100;*/
 	/*font-family: robotothin, Helvetica, Arial, _sans;*/
    font-size: 2.0em;
	line-height: 1.6em;
	/*color:#000000;*/
	/*display:inline;*/
	/*font-weight:100;*/
	/*text-transform: uppercase;*/
}
h2,.h2,h2 a {
 	font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
	line-height: 1.6em;
	/*display:inline;*/
	/*font-weight:100;*/
}
h3,.h3,h3 a {
 	font-family: noto_serifregular, Arial, Helvetica, sans-serif;
    font-size: 1.13em;
	line-height: 1.6em;
	/*display:inline;*/
	/*font-weight:100;*/
}
	h3.subline,.h3.subline,h3.subline a {
		font-family: noto_sansregular, Arial, Helvetica, sans-serif;
		font-size: 1.13em;
		line-height: 1.6em;
		/*display:inline;*/
		/*font-weight:100;*/
	}
	h3.noserif,.h3.noserif,h3.noserif a {
		font-family: noto_sansregular, Arial, Helvetica, sans-serif;
		font-size: 1.25em;
		line-height: 1.2em;
		/*display:inline;*/
		/*font-weight:100;*/
	}
	h3.noserifbold,.h3.noserifbold,h3.noserifbold a {
		font-family: noto_sansbold, Arial, Helvetica, sans-serif;
		font-size: 1.25em;
		line-height: 1.2em;
		/*display:inline;*/
		/*font-weight:100;*/
	}	
h4,.h4,h4 a {
    font-size: 1.25em;
	line-height: 1.2em;
	/*display:inline;*/
	/*font-weight:100;*/
}
	h4.noserif,.h4.noserif,h4.noserif a {
		font-family: noto_sansregular, Arial, Helvetica, sans-serif;
		font-size: 1.25em;
		line-height: 1.2em;
		/*display:inline;*/
		/*font-weight:100;*/
	}

span.so {
position: relative; 
top: -0.2em; 
}
a{
		color:#3f3a4b;
		text-decoration:none;
		}
a.white{
		color:#ffffff;
		text-decoration:none;
		}
a.grey{
		color:#3f3a4b;
		text-decoration:none;
		}
a:hover,a:active,a:focus{
		text-decoration:none;
		}
		
a.textlink,a.textlink:hover,a.textlink:active,a.textlink:focus {
		/*color: rgb(255, 171, 28);*/
		color: rgb(233, 114, 42);
		/*font-weight:100;*/
}


form {
 margin:0px;
 padding:0px;
}

.fett{
	font-family: noto_sansbold, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
}
.bigger{
	font-size:1.2em;
	line-height:1.4em;
}
.smaller{
	font-size:0.8em;
	line-height:1.4em;
}

.nowrap{
	white-space:nowrap;
}

ul  {
	list-style-type: none;
	margin:0;
	padding:0;
}
	ul li {
	    padding:5px 10px;
	}

.beige {
	color: #beb29d;
}
.beige_bg {
	background-color: #fcfcfc;
}
.grau {
	color: #676e70;
}
.arial,.arial .fett {
	font-family: Arial, Helvetica, _sans;
	line-height: 1.3em;
}
.arial .fett {
	font-weight:bold;
}
.wide {
	letter-spacing:0.1em;
}
.bildunter {
	font-size:0.85em;
	letter-spacing:0em;
}
.gruen {
	color: #adc76c;
}
.rot {
	color:#b61f29;
}
.violett {
	color:rgb(137,0,58);
}
.violettbg {
	background-color:rgb(137,0,58);
}
.orange {
	color:rgb(240,73,5);
}
.orangebg {
	background-color:rgb(240,73,5);
}
		.orangebord {
			border: 1px solid rgb(240,73,5);
		}
.hellrosabg {
	background-color:rgba(167,23,79,0.2);
}		
.hellgelbbg {
	background-color:rgba(255,202,146,0.2);
}
.hellorangebg {
	background-color:rgba(240,73,5,0.2);
}
.hellbeigebg {
	background-color:rgba(245,201,146,0.2);
}
.beere_bg {
background-color:rgba(167,23,79,1);
}
.gelb_beere_bg {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffca62+0,ffca62+63,a7174f+63,a7174f+100 */
background: rgb(255,202,98); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,202,98,1) 0%, rgba(255,202,98,1) 64%, rgba(167,23,79,1) 64%, rgba(167,23,79,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,202,98,1) 0%,rgba(255,202,98,1) 64%,rgba(167,23,79,1) 64%,rgba(167,23,79,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,202,98,1) 0%,rgba(255,202,98,1) 64%,rgba(167,23,79,1) 64%,rgba(167,23,79,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca62', endColorstr='#a7174f',GradientType=1 ); /* IE6-9 */

}
.serif {

	font-family: noto_serifregular, Arial, Helvetica, sans-serif;
}
.serifkursiv {

	font-family: noto_serifitalic, Arial, Helvetica, sans-serif;
}
.kursiv {

	font-family: noto_sansitalic, Arial, Helvetica, sans-serif;
}
.underline {
	text-decoration:underline;
}
.uppercase {
	text-transform: uppercase;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.pad10 {
	padding-left:10px;
	padding-right:10px;
}
.fnt_11 {
    font-size:1.1em;
	line-height: 1.1em;
}
.fnt_12 {
    font-size:1.2em;
	line-height: 1.2em;
}
.fnt_13 {
    font-size:1.3em;
	line-height: 1.3em;
}
.fnt_14 {
    font-size:1.4em;
	line-height: 1.4em;
}
.fnt_15 {
    font-size: 1.5em;
	line-height: 1.5em;
}
.fnt_17 {
    font-size: 1.7em;
	line-height: 1.5em;
}
.fnt_20 {
    font-size: 2em;
	line-height: 1.5em;
}
.fnt_085{
	font-size:0.85em;
	line-height:1.4em;
}
.fnt_075{
	font-size:0.75em;
	line-height:1.4em;
}
.halfLZ {
	font-size:0.75em;
	line-height:0.75em;
	display:block;
}

.fleft {
	float:right;
}
.fright {
	float:right;
}
.trenner {
	border-top:solid 1px #af0101;
	width:90%;

}
table {
	width:100%;
}
textarea {
	resize:vertical; 
}

.kreis {

  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius:100%;
}

.roundbord5 {
border: solid 1px #f65000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.shadow {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#offcanvas_trigger {
    background: #1c9ddd none repeat scroll 0 0;
    color: #fff;
    height: 100px;
    line-height: 100px;
    right: 0;
    top: 0;
    width: 100px;
    cursor: pointer;
    font-size: 3em;
    left: 0;
    position: absolute;
    text-align: center;
    z-index: 9999;
}
	#offcanvas_trigger a{
		text-decoration:none;
		color:#ffffff;
	}

#logobox {
    /*background: #ffffff none repeat scroll 0 0;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    float: right;
    height: 150px !important;
	height: auto !important;
    /*position: absolute;*/
    margin-right: -10px;
    margin-top: -25px;
	
  			-webkit-transform: rotate(-3deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      		-ms-transform: rotate(-3deg);  /* IE 9 */
          	transform: rotate(-3deg);  /* Firefox 16+, IE 10+, Opera */
		

			
	text-align:center;	
    width: 230px !important;
	width: 100% !important;
	z-index:11;
}

.roatminus30 {
  			-webkit-transform: rotate(-3deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      		-ms-transform: rotate(-3deg);  /* IE 9 */
          	transform: rotate(-3deg);  /* Firefox 16+, IE 10+, Opera */
}

#logobox .inh{
	width:90%;
	margin:auto;
	margin-top:50px;
	margin-bottom:0px;
	border:none;
	
  			-webkit-transform: rotate(3deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      		-ms-transform: rotate(3deg);  /* IE 9 */
          	transform: rotate(3deg);  /* Firefox 16+, IE 10+, Opera */
}
#slidi{
 	height: auto;
     /*position: fixed;*/
}
#sliderwrapper{
    height: auto;
    /*max-width: 800px;*/
    /*position: fixed;*/
	position: relative;
	color: #1f1f1f;
    top: 0px;
    width: 100%;
    z-index: 1;
	text-align:center;
	background-color:#fcfcfc;
	/*height:500px;*/
	/*max-height:550px;*/
	overflow:hidden;

	
/*background: #b60000;*/ /* Old browsers */
/*background: -moz-linear-gradient(top, #b60000 0%, #be5f5f 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #b60000 0%,#be5f5f 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #b60000 0%,#be5f5f 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b60000', endColorstr='#be5f5f',GradientType=0 );*/ /* IE6-9 */


}
.box{
	background-color:#af0101;
	color:#fcfcfc;
	padding:10px;
	font-size:0.9em;
	line-height:1.4em;
	border:solid 1px #af0101 ;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	margin-bottom:1em;

}
	.box a{
	color:#fcfcfc;
	}


.sprachnavi{
	display:inline-block;
	/*background-color:#fcfcfc;*/
	color:#ffffff;
	/*padding-top:0.5em;*/
	/*border-radius: 10px;*/
	margin-top:1em;
	margin-bottom:0.5em;
	width:40px;
	/*height:40px;*/
	text-align:center;
	border-left: solid 2px #fcfcfc;
}

	.sprachnavi a{
		width:100%;
		height:100%;
		color: #fcfcfc;
		text-transform:uppercase;
	}



.subfooterbg {
	background-color:#009aad;
	text-align:center;
	font-size:0.8em;
}

#sliderwrapper h1{
    font-size: 2.6em;
	line-height: 1.6em;
    color: #1f1f1f;
	margin-top:0px;
	letter-spacing:0.029em;
}
#sliderwrapper h2{
    font-size: 2.0em;
	line-height: 1.4em;
    color: #1f1f1f;
	margin-bottom:10px;
	letter-spacing:0.07em;
}
#sliderwrapper h3{

    font-size: 1.0em;
	line-height: 1.4em;
    color: #1f1f1f;
	margin-top:0.7em;
	margin-bottom:10px;
	/*letter-spacing:0.07em;*/
}
#sliderwrapper img{
	margin-left:0%;
	width: 100%;
	//max-width: 800px;
	float:right;
}

#dimholder {
    height: auto;
    position: relative;
    width: 100%;
}

 .headerschraeg {
    background: rgba(30, 30, 30, 0.1) none repeat scroll 0 0;
    height: 60px;
    left: -5%;
    max-width: 2000px;
    position: fixed;
    top: 50px;
  			-webkit-transform: rotate(-2deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      		-ms-transform: rotate(-2deg);  /* IE 9 */
          	transform: rotate(-2deg);  /* Firefox 16+, IE 10+, Opera */
    width: 110%;
    /*z-index: 8;*/
}

.bigschraegecontainer {

    height: 70px;
    left: -1%;
    max-width: 2100px;
    overflow:hidden;
    width: 102%;
	margin-top:-80px;
	padding-top:35px;
   /* z-index: 1;*/
}
	.bigschraege {
		background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
		bottom: -35px;
		height: 70px;
  			-webkit-transform: rotate(-2deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      		-ms-transform: rotate(-2deg);  /* IE 9 */
          	transform: rotate(-2deg);  /* Firefox 16+, IE 10+, Opera */
		width: 100%;
		 /* z-index: 1;*/
	}

.outerwrapper.white {
	background-color:#ffffff;
	/*color:#ffffff;*/
	/*background-image:url(../.media/stripes.png);*/
}

.outerwrapper.gruen {
	background-color:#adc76c;
	color:#ffffff;
	/*background-image:url(../.media/stripes.png);*/
}
.outerwrapper.orange {
	background-color:#ed8e00;
	color:#ffffff;
	/*background-image:url(../.media/stripes.png);*/
}
.outerwrapper.darkbrown {
	background-color:#a16000;
	color:#ffffff;
	/*background-image:url(../.media/stripes.png);*/
}
.outerwrapper.hellgrau {
	background-color:#efefef;
	/*background-image:url(../.media/stripes.png);*/
}
.outerwrapper.beton {
 	color:#ffffff;
	background-color:#efefef;
	background-image:url(../.media/bg_beton.jpg);
}
.outerwrapper.blue {
 	color:#ffffff;
	background-color: #019ee3;
}
.outerwrapper.darkblue {
 	color:#ffffff;
	background-color:#00002e;
}

.outerwrapper.black{
 	color:#ffffff;
	background-color:#000000;
}
.outerwrapper .padtop {
	padding-top:4em;
}
.outerwrapper .padbot {
	padding-bottom:4em;	
}
.outerwrapper .padboth {
	padding-top:4em;
	padding-bottom:4em;	
}
.outerwrapper .padsmallboth {
	padding-top:2em;
	padding-bottom:2em;	
}

.bordtop {
	border-top:solid 1px #cecece;
}

.ortbox {
	width:100%;
	padding:20px;
	border:solid 1px #c7b280;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
}

.neutralbutton {
	display:inline-block;
	cursor:pointer;
	margin-right:2px;
	margin-bottom:10px;
	padding:5px 10px;
	border:none;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background-color: #ded1b2;
}

.lesenauf {
	//transform: rotate(-90deg);
	display:inline-block;
	margin-top:6px;
	margin-bottom:6px;
}
.lesenzu {
	//transform: rotate(-90deg);
	display:inline-block;
	margin-top:6px;
	margin-bottom:6px;
}

.platzbutton {
	display:inline-block;
	margin-right:2px;
	margin-bottom:10px;
	padding:5px 10px;
	border:none;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.platzbuttonschmal {
	display:block;
	width:100%;
	margin-top:3px;
	margin-bottom:3px;
	padding:5px 8px;
	border:none;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

	.platzbutton:hover {
	text-decoration:none;
	}
	
	.platzbutton.band1,.platzbuttonschmal.band1{
	  background-color: rgb(245,223,192);
	}
	.platzbutton.band2,.platzbuttonschmal.band2{
	  background-color: rgb(236,239,206);
	}
	.platzbutton.band3,.platzbuttonschmal.band3{
	  background-color: rgb(215,230,226);	  
	}	

.platzbutton .carprev,.platzbutton .walkprev,.platzbutton .carnext,.platzbutton .walknext {
 	display:inline-block;
	width:50px;
	height:100%;
}
.carprev {
	background-image:url(../.media/car-previous.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;	
	width:150px;
}
.walkprev {
	background-image:url(../.media/walk-previous.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;	
	width:150px;
}
.carnext {
	background-image:url(../.media/car-next.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;	
	width:150px;
}
.walknext {
	background-image:url(../.media/walk-next.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;	
	width:150px;
}

.pturndown {
	float:left;
	font-size:1.8em;
	margin-left:5px;
	margin-right:5px;
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
.pturnup {
	float:left;
	font-size:1.8em;
	margin-right:10px;
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.toup,.toback {
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;	
	width:40px;
	height:40px;
	float:left;
	margin-right:10px;
	margin-top:-5px;
	border:solid 5px #c3c4c6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background-color:#c3c4c6;
}
.toup {
	background-image:url(../.media/up.png);
}
.toback {
	background-image:url(../.media/back.png);
}

	.trans {
	opacity:0.7
}
.hiddenInhalt{
	display: none;
}

/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; }

/* IE-Patch für IE 6*/
* html .clearfix { height: 1%; }