
html{
 overflow-y:scroll;}

html,body{
 font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-weight:normal;
 font-size:12pt;
 color:#2F3542;
 font-size:10pt;
 margin:0;
 padding:0;
 width:100%;
 height:100%;
 background-color:#FFFFFF;}

html{
 background-image:url(layout/background.png);
 background-repeat:repeat-x;}

.boxshadow{
 box-shadow:         2px 3px 6px #333;
 -moz-box-shadow:    2px 3px 6px #333;
 -webkit-box-shadow: 2px 3px 6px #333;}

.boxshadow2{
 box-shadow:         0 0 3px #808080;
 -moz-box-shadow:    0 0 3px #808080;
 -webkit-box-shadow: 0 0 3px #808080;}

a.blau{color:#454C7E;}
a.gelb{color:#FFEE00;}
a.gelb:hover{color:#FFFFFF;}
a.weiss:hover{color:#FFEE00;}
.strong{font-weight:bold;}
a.nou{text-decoration:none;}

#seite {
 margin:auto;
 width:960px;
 min-height:630px;
 margin-bottom:5px;
 background-color:#FFFFFF;}

img{
 border:none; }

hr{
 border:none;
 background-color:#2F3542;
 color:#2F3542;}

.gray {
 color: #FFFFFF;
 border: solid 1px #555;
 background: #575757;
 background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#575757));
 background: -webkit-linear-gradient(top,  #888888 0%,  #575757 100%);
 background: -moz-linear-gradient(top,  #888888,  #575757);
 background: -o-linear-gradient(top,  #888888 0%,  #575757 100%);
 background: -ms-linear-gradient(top,  #888888 0%,  #575757 100%);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757',GradientType=0 );
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#888888, endColorstr=#575757)";}

.gray:hover {
    color:#FFEE00;
 background: #4b4b4b;
 background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
 background: -webkit-linear-gradient(top,  #757575 0%,  #4b4b4b 100%);
 background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
 background: -o-linear-gradient(top,  #757575 0%,  #4b4b4b 100%);
 background: -ms-linear-gradient(top,  #757575 0%,  #4b4b4b 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b',GradientType=0 );
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#575757, endColorstr=#4b4b4b)";}

.gray:active {
 color: #888888;
 background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888888));
 background: -webkit-linear-gradient(top,  #575757 0%,  #888888 100%);
 background: -moz-linear-gradient(top,  #575757,  #888888);
 background: -o-linear-gradient(top,  #575757 0%,  #888888 100%);
 background: -ms-linear-gradient(top,  #575757 0%,  #888888 100%);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888',GradientType=0 );
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#575757, endColorstr=#888888)";}

.button {
 text-decoration:none;
 display: inline-block;
 zoom: 1;
 *display: inline;
 vertical-align: baseline;
 margin: 0 1px;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px/100% Arial, Helvetica, sans-serif;
 padding: .5em 2em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
 -webkit-border-radius: .5em; 
 -moz-border-radius: .5em;
 border-radius: .5em;
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 box-shadow: 0 1px 2px rgba(0,0,0,.2);}

.button:hover {
 text-decoration: none;}

.button:active {
 position: relative;
 top: 1px;}

.medium {
 text-decoration:none;
 font-size: 10pt;
 padding: .4em 1.5em .42em;}

a.button{
 text-decoration:none;}

.fold,.folda,.fold:hover{
 text-decoration:none;
 display:inline-block;
 padding:0px;
 padding-top:5px;
 padding-bottom:5px;
 margin:2px;
 color:#FFFFFF;
 font-weight:700;
 background-color:#575757;
 text-align:center;
 border:none;
 border-right:1px solid #333;
 border-bottom:1px solid #333;}

.folda{
 background-color:#2F3542;
 color:#FFEE00;}

.fold:hover,.folda:hover{
 color:#FFEE00;}

.desc{
 margin-bottom:4px;
 vertical-align:top;
 width:100px;
 display:inline-block;}

.desccontent{
 margin-bottom:4px;
 width:250px;
 font-weight:700;
 display:inline-block;}

div,p,td{
 font-size:10pt;
 font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}

.L{
 height:10px;
 line-height:10px;
 font-size:10px; }

div,p{
 margin-bottom:0;}

a{
 color:#454C7E}

a:hover{
 color:#CC0000}

a.snav,a.snava{padding:5px;}

a.snav:hover,a.snava:hover{
 background-color:#E7E8EA;
 color:#454C7E;}

h1,h2,h3,h4,h5,h6{
 color:#454C7E;
 font-weight:normal;
 padding:0;
 margin:0;
 margin-bottom:10px;}

#kopf {
 background-repeat:no-repeat;
 background-position:300px 0px;
 width:960px;
 overflow:hidden;
 height:293px;}

#logo{
 display:block;
 width:560px;
 height:73px;
 background-image:url(layout/logo.png);
 background-repeat:no-repeat;
 padding-top:220px; }

.gelb{
 text-decoration:none;
 color:#FFEE00;
 font-size:12pt;}

.weiss{
 text-decoration:none;
 color:#FFFFFF;
 font-size:14pt;}

.rot{
 text-decoration:none;
 color:#CC0000;}

.square{
 margin:0;
 padding:0;
 overflow:hidden;
 background-position:left top;
 background-repeat:no-repeat;
 width:174px;
 height:160px;}

.squaresmall{
 margin:0;
 padding:0;
 display:inline;float:left;
 margin-right:5px;
 overflow:hidden;
 background-position:left top;
 background-repeat:no-repeat;
 width:70px;
 height:65px;}

.sqlink,.sqlinksmall{
 background-image:url(layout/square.png);
 background-position:left top;
 background-repeat:no-repeat;
 display:table-cell;
 font-weight:normal;
 color:#454C7E;
 width:174px;
 height:150px;
 text-align:center;
 font-size:14pt;
 text-decoration:none;
 vertical-align:bottom;
 padding-bottom:10px;}

.sqlinksmall{
 background-image:url(layout/squaresmall.png);
 width:70px;
 height:60px;
 padding-bottom:4px;
 font-size:7pt;}

.sqlink:hover,.sqlinksmall:hover{
 background-position:left top;
 background-repeat:no-repeat;
 background-image:url(layout/square_hover.png);}

.sqlinksmall:hover{
 background-image:url(layout/squaresmall_hover.png);}

#content{
}

#contentleft{
 background-color:#FFFFFF;
 display:inline;float:left;}

#left{
 background-color:#FFFFFF;
 width:316px;
 margin-right:4px;
 height:inherit;
 display:inline;float:left;}

#navigation{
 margin-top:3px;
 background-color:#FFFFFF;
 height:630px;
 width:308px;}

#innercontent{
 display:inline;
 float:left;
 background-color:#FFFFFF;
 margin-left:20px;
 padding-top:10px;
 width:620px;
 height:inherit;
 overflow:auto;}

.hnav,.hnava,.nav,.nava{
 text-decoration:none;
 cursor:pointer;
 font-family:Arial,Helvetica,sans-serif;
 font-weight:bold;
 font-size:12pt;
 display:inline-block;
 color:#fff;
 border:2px solid #fff;
 border-top:none;
 padding-left:25px;
 width:278px;
 padding-top:10px;
 height:28px;}

.bold{
 font-weight:bold;}

.nav{
 background-color:#454C7E;}

.hnav,.hnava{
 padding-left:65px;
 width:238px;}

.hnav{
 color:#2F3542;
 background-color:#E7E8EA;
 background-image:url(layout/hnav.png);
 background-repeat:no-repeat;}
 
.hnav:hover,.hnava{
 background-image:url(layout/hnava.png);
 background-repeat:no-repeat;}

.hnava,.nava,.hnav:hover,.hnava:hover,.nav:hover,.nava:hover{
 color:#fff;
 background-color:#2F3542;}

#umnavi2{
 margin-left:320px;}
 
#navigation2{
 height:33px;
 padding-top:5px;}

.snav,.snava{
 text-decoration:none;
 cursor:pointer;
 font-family:Arial,Helvetica,sans-serif;
 font-weight:bold;
 font-size:11pt;
 display:inline-block;
 padding-top:1px;
 padding-bottom:2px;
 padding-left:10px;padding-right:10px;
 margin-right:5px;
 color:#fff;
 color:#454C7E; }

.snav:before{content:"";}
.snav{margin-left:12px;}
.snava:before{content:"» ";}
.snava{color:#2F3542; border-bottom:1px dotted #2F3542;}

#x{
 z-index:2;
 height:1px;
 width:617px;
 position:relative;
 top:-45px;}

#verlaufunten{
 height:45px;
 width:100%;
 margin-left:320px;
 overflow:hidden;
 background-image:url(layout/footer.png);
 background-repeat:no-repeat;}

#overlay{
 display:none;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 overflow:hidden;
 background-image:url(layout/overlay.png);
 z-index:99;}

#innerlay{
 position:absolute;
 left:50%;
 top:120px;
 margin-left:-420px;
 width:830px;
 height:630px;
 overflow:hidden;
 background-image:url(layout/innerlay.png);}

.L5{
 height:5px;
 line-height:5px;
 font-size:5px; }

#teaser_left{
 color:#454C7E;
 height:auto;
 overflow:hidden;
 width:306px; }

#teaser_content{
 background-color:#E7E8EA;
 padding-left:25px;
 padding-top:10px;
 padding-bottom:20px;
 height:inherit;}

input[type=text], textarea {
 font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 -webkit-transition: all 0.30s ease-in-out;
 -moz-transition: all 0.30s ease-in-out;
 -ms-transition: all 0.30s ease-in-out;
 -o-transition: all 0.30s ease-in-out;
 outline: none;
 padding: 3px 0px 3px 3px;
 margin: 5px 1px 3px 0px;
 border: 1px solid #DDDDDD;}
 
input[type=text]:focus, textarea:focus {
 font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 box-shadow: 0 0 5px #454C7E;
 padding: 3px 0px 3px 3px;
 margin: 5px 1px 3px 0px;
 border: 1px solid #454C7E;}

a.sqlink{
 height:160px;
 width:174px;
 margin:0px;
 padding:0;
 overflow:hidden;
 display:inline-block;}

a.sqlink span{
 margin:0px;
 padding:0;
 padding-top:130px;
 height:30px;
 width:inherit;
 overflow:hidden;
 display:inline-block;
 text-align:center;}

.outline{
 text-shadow:0 1px 0 #333, 0 -1px 0 #333, 1px 0 0 #333, -1px 0 0 #333;} 

#fuss {
 display:none;}

.cb{
 clear:both;}
/* Maut-KM-Rechner */

fieldset{
 width:580px;
 margin:auto;
 margin-left:0;
 background-color:#fff;}

.inp1{
 padding:3px;
 font-size:14px;
 width:98%;
 border:1px solid #2F3542;
 background-color:#f8f8f8;}

th{text-align:left;}

.co{color:#993300;}

.cnt0{background-color:#fff;}
.cnt1{background-color:#eee;}
.cnt2{background-color:#ddd;}

.t1{
 width:100%;
 border:none;
 border-left:1px solid #999;
 border-top:1px solid #999; }

.t2{
 border:none;
 border-right:1px solid #999;
 border-bottom:1px solid #999; }

.amaut{
 text-decoration:none;
 color:#000;}

.amaut:hover{
 text-decoration:underline;}

.mauthidden{display:none;}

.b{
 cursor:pointer;
 font-weight:bold;
 color:#000;}


#newleader{
	box-shadow:10px 10px 10px rgba(0,0,0,.4);
	z-index:1000;
	position:absolute;left:50%;top:15vh;
	width:50vw;
	min-height:52vh;
	overflow:auto;
	margin:0 auto;
	display:inline-block;
	border:1px solid #333;
	border-radius:10px;
	box-shadow:5px 5p 10px 20px rgba(0,0,0,.4);
	background:linear-gradient(30deg, white 0%, white 50%, #454C7E 100%);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	margin-left:-25vw;
	cursor:pointer;}

.nltext{
	line-height:170%;
	font-size:2rem;
	font-family:Helvetica;
	padding:100px;
	text-align:center;}

@media screen and (max-width: 960px) {
#newleader{
	position:absolute;left:10vw;top:5vh;
	width:80vw;
	margin-left:0;
	min-height:12vh;}

.nltext{
	line-height:130%;
	font-size:2rem;
	font-family:Helvetica;
	padding:60px;
	text-align:center;}

}
