@charset "utf-8";
/* CSS Document */

body {
    overflow-y: scroll;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 8px 0px 8px;
    font-size: 16px;
	line-height: calc(100%*1.618);
    background-color: #6093d1;
}

#bodybg {
    left: -8px;
    position: absolute;
    height: 32.7vw;
    z-index: -1;
    width: calc(100% + 8px);
    max-height: 300px;
    min-height: 149px;
    background-repeat: repeat-x;
    background: url(../images/png/back.png);
    background-size: auto 100%;
}

#center{
	overflow:visible;
	margin: 0 auto;
	max-width:900px;
	background-color:#f3f4fa;
}

header {
    width: 100%;
    max-height: 147px;
    min-height: 73px;
    height: 16.1vw;
    margin: 0px;
    background-color: #5e7fdd;
    background: url(../images/png/head.webp);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.logo { 
    position: relative;
    float: left;

	width: 19.6%;
    min-width: 89px;
	height: 85%;
    top: 7.5%;
    left: 2%;
    background: url(../images/svg/logo.svg);
    background-size: auto 100%;
    background-color: #295491;
    background-repeat: no-repeat;
	
	border-radius: 2px 2px; 
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.85);
}

#sidebartoggler {
  display: none;
}

#toggle{
  z-index: 1;
  display:none;
  font-size: 38px;
  color: #FFF;
  position: fixed;
  top: 4px;
  right: 20px;
  cursor: pointer;
  background-color: #295491;
  padding: 13px 13px;
  border-radius: 2px 2px; 
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.85);
}
#sidebartoggler:checked ~ * nav {  
 	right: 11px!important;
}

nav{
	float: left;
	top:170px;
	width:175px;
	margin-left:19px;
	margin-top:23px;
	background: linear-gradient(to right, rgba(41,84,145,0) 0%,rgba(41,84,145,1) 3%,rgba(41,84,145,1) 97%,rgba(41,84,145,0) 100%);
	background-color:#3c548c;
	/*background-image:url(../images/png/menu_backg.png);*/
	background-color:transparent;
	background-repeat:repeat-y;
	font-weight:bold;
	font-size:17px;
	transition: all 0.3s;
}

nav ul {
	text-align:left;
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px 10px 1px;
}

nav li {
	display: table;
	width: 94%;
	margin: 3px;
	padding: 0 0px;
}

nav li a, nav li a:link {
	height: 26px;
	vertical-align: middle;
	display: table-cell;
	text-decoration: none;
	color: #FFF;
	padding-left: 20px;
}

nav li a:visited {
	color: #FFF;
}

nav li a:hover, nav li a:focus, nav li a:active {
	color: #CCC;
	background-color:#3363a8;
}

nav img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	border: 0;
}

/*fuer kleiner Anzeigegeraete*/
@media only screen and (max-width:832px) {

#content{
	float:left!important;
	margin:10px 10px 10px 10px !important;
	padding-left:20px!important;
	min-height:200px!important;
	width:auto!important;
}
#fonts{
	display: none;
	}
#toggle{
  display:block!important;
}
nav{
    position: fixed;
    top: 59px;
    z-index: 1;
    right: -180px;
	max-height: calc(100% - 70px);
	overflow: auto;
}	
	
.pluli {
    padding-left: 5px;
}
.leili {
	padding-left: 0px;
}
.highbox,.highbox h2, .highbox h3{	
	font-size: 3.4vw!important;
}
#teammap { 
	margin:2vw 10px 0 0!important;
}
}

#content{
	position:relative;
	float:right;
	width:calc(100% - 250px);
	margin:25px 0px 25px 0px;
	padding:10px 20px 0px 30px;
	min-height:570px;
	background-image:none;
	background-color:#f3f4fa;
	hyphens:auto;
}
#content h1, #content h2{font-size: medium;}
.hnolist h2{text-decoration:underline;}
.hnolist h3{
	display: inline;
	font-size: medium;
	font-weight: normal;
}
.hnolist div {margin-bottom: 1.5em;}

article:before {
    content: "";
    display: block;
    height: 2px;
    margin: 2em;
    background: gray;
}

#content a{
	text-decoration:none;
	color:#0066cc;
	text-shadow: none;
	transition: 0.2s linear;
}
#content a:visited, #fonts a:visited {
	width:auto;
	color:#0066cc;
}

#content a:hover, #content a:focus, #content a:active, #fonts a:hover, #fonts a:focus, #fonts a:active  {
	color: #CCC;
	text-shadow: 0px 0px 1px #0066cc,0px 0px 2px #0066cc,0px 0px 2px #0066cc;
}
#content img,video{
	position:relative;
	max-width:calc(100% - 26px);
    height: auto;
	margin: 10px 17px 10px 10px;
    border-color: #486091;
    border-width: 3px;
    border-style: solid;
    box-shadow: 2px 2px 5px grey;
}

#gMap img,#map img{
	position:absolute;
	max-width:100%;
	box-shadow: none;
	margin:0;
	border-style:none;
}

ol { 
    counter-reset: item;
    list-style-type: none;
	padding-left: 0;
}
ol li {display:block;
	margin-bottom: 2em;
}
.counter ol li:before { 
    content: counter(item, decimal-leading-zero) " \a"; 
    counter-increment: item;
	white-space: pre;
	font-weight: bold;
}

#goon {display:none;}
#goon:checked + div{filter: blur(4px);}
#goontoggle {cursor:pointer;}


.leili {list-style-type: none;
	display: table;
	border-spacing: 0 6px;}

.leili a{display:table-row;}
.leili p{display:table-cell;
	vertical-align: middle;
}
.lst{
	display: table-cell;
	padding:0px !important;
	background: none !important;
	border-bottom: 4px solid #5C5C5C!important;
	border-left: 4px solid #FFF!important;
	border-right: 4px solid #474747!important;
	border-top: 4px solid #AAA!important;
	box-shadow: none!important;
	max-width: 64px!important;
	margin-left:0px!important;
    width: 10vw;
    min-width: 48px;
}
.lst:hover{
	padding:0px;
	background: none;
	border-bottom: 4px solid #CCC!important;
	border-left: 4px solid #474747!important;
	border-right: 4px solid #FFF!important;
	border-top: 4px solid #5C5C5C!important;
	box-shadow: none!important;
}
td>img,.noborder{
	margin-left:0!important;
	max-width: none!important;
	background-color:transparent!important;
	padding: 0px!important;
	border: 0px!important;
	box-shadow: none!important;
}

footer{
	clear:both;
	float:right;
	margin:30px 5px 30px 30px;
	text-align:center;
	width:100%;
	/*font-size:16px;*/
}

#fonts{
 	float:right;
	margin-right:20px;
}

.pluli{
	list-style-type: none;
	margin-left: 0px;	
}
.pluli li{
	background-image:url(../images/png/check.png);
	margin-bottom:15px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	min-height: 35px;
}

.tooltip {
border-bottom: 1px dotted #000000;
color: #000000;
outline: none;
cursor: help;
text-decoration: none;
position: relative;
}
.tooltip span {
margin-left: -999em;
position: absolute;
padding: 0.8em 1em;
background: #fef8f5;
border: 1px solid #000000; 
}
.tooltip:hover span {
border-radius: 5px 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
position: absolute; left: 1em; top: 2em; z-index: 99;
margin-left: 0; width: 250px;
color: #000000;
text-shadow: none;
}
.tooltip:hover em {
display: block; padding: 0.2em 0 0.6em 0;
}

	
#teammap { position: relative;
			margin:20px 10px 0 0;
 			hyphens: none;}
#teammap div:nth-of-type(odd) { position: absolute;
			 cursor: help;
			 height: 100%;
			 display:block;
			 top:0;
			 opacity: 0.7;}

#teammap div:nth-of-type(even){
	visibility: hidden;
    position: absolute;
    display: block;
    top: 79%;
    color: #000;
    background: #ffffffd9;
    border: solid 1px #0088cca6;
    font-size: 3.9vw;
    font-weight: bold;
    width: 59%;
    padding: 0.2% 1.2% 0.2% 1.2%;
    left: 1%;
    margin: 0;
	line-height: normal;
}
#teammap h2{
	margin:0;
	font-size: 3vw;
}
#teammap div:hover + div:nth-of-type(even){
    visibility:visible;
}
@media only screen and (min-width:800px) {
	#teammap div:nth-of-type(even){font-size:19pt;}
	#teammap h2{font-size:13pt;}
}


.highbox h2, .highbox h3{
	font-size:14pt;
	margin:0;
}
	
.highbox{
	display:block;
	text-align:center;
	position:absolute;
	line-height: normal;
	
	top:-7px; 
	right:-45px;
	
	font-size:14pt;
	font-weight:bold;
	color:#F9E6C5;
	background-color:#0C304E;
	padding:10px 35px 10px 35px;
	transform: rotate(7.5deg);  
					 
	border-radius: 3px 3px; 
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.highbox a:hover, .highbox a:focus, .highbox a:active, .highbox a{
	color: #F9E6C5!important;
	background-color:#0C304E;
}
	
@media only screen and (max-width:800px) {
.highbox{
	right:-10px!important;
	padding: 0.7vw 3vw 0.7vw 3vw!important;
}
}
/*Facebook*/
.count_nub{float:left;position:relative;height:0;width:5px;top:-5px;left:2px}
.count_nub s,.count_nub i{border:solid transparent;border-right-color:#c7c7c7;border-width:5px 5px 0 0;display:block;position:relative}
.count_nub i{left:2px;top:-6px;border-right-color:#efefef}
.count_count{background:#efefef;border:1px solid #c1c1c1;float:left;font-weight:normal;height:14px;margin-left:1px;min-width:15px;padding:1px 2px 1px 2px;text-align:center;font-size:11px;font-family: "lucida grande", tahoma, verdana, arial, sans-serif}