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%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#888888, endColorstr=#575757)";
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757',GradientType=0 );}

.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:293px;
 background-image:url(layout/logo.png);
 background-repeat:no-repeat;
 background-size:contain;}

.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;}

.sqlink{
 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;}

.sqlink:hover{
 background-position:left top;
 background-repeat:no-repeat;
 background-image:url(layout/square_hover.png);}

#content{
}

#contentleft{
 background-color:#FFFFFF;
 display:inline;float:left;}

#left{
 background-color:#FFFFFF;
 background-repeat:no-repeat;
 width:324px;
 margin-right:4px;
 height:inherit;
 display:inline;float:left;}

#navigation{
 margin-top:3px;
 background-color:#FFFFFF;
 height:630px;
 width:308px;}

#innercontent{
 background-color:#FFFFFF;
 margin-left:20px;
 padding-top:10px;
 width:630px;
 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:26px;}

.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;
 min-height:360px;
 overflow:hidden;
 width:306px; }

#teaser_content{
 background-color:#E7E8EA;
 padding-left:25px;
 padding-top:10px;
 padding-bottom:10px;
 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 rgba(69, 76, 126, 1);
 padding: 3px 0px 3px 3px;
 margin: 5px 1px 3px 0px;
 border: 1px solid rgba(69, 76, 126, 1);}

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

#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;}

}