/*----------- Common styles for framework of page ------------*/
html, body { 
	width: 100%;
	height: 100%;
}
body
{
    display:table;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11pt;
	background: #CBE0FE; 
	color:#333;
    border: 0 0;
    margin: 0 0;
	padding: 0 0;
}
nav {
	width: 100%;
	float: left;
}
nav.leftsubmenu {
	padding-bottom: 4pt;
}
#headerdiv {
	position: relative;
	z-index: 33;
	display: table-row;
	width: 100%;
}

header {
	position: relative;
	z-index: 33;
	display: block;
	float: left;
	width: 100%;
}
	
header img {
    width: 100%;
    display: block;
    border-radius: 0px;
	z-index: 33;
}

header div {
	position: absolute; 
	width: 3.5%; 
	height: 21%; 
	border: 0px solid black; 
	z-index: 1;
}

header a:focus div {
	outline-style: dotted;
    outline-color: invert;
	outline-width: 1px;
}

#menu{ 
	position: relative;
	z-index: 40;
	display: block;
}

#mainback {
	background: url('gfx/back.jpg');
	display: table-row;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}
#leftpadding {
	clear: both;
	padding-left: 2em;
}
#navigation {
	background: #29528C; 
	width: 14em; 
	padding: 5px 5px; 
	float:left; 
	margin-bottom: 8pt; 
	margin-right: 2em;
	margin-left: -2em;
	z-index: 33;
	position: relative;
}

#goup {
	background: #225089; 
	padding: 0px 0.5em;
	cursor: n-resize;	
	top: 30%;
	left: 0px;
	clear: both;
	float:left; 
	margin-left: 8pt;
	text-decoration: none;
	font-size: 9pt;	
	position: fixed;
	z-index: 2;
	line-height: 11pt;
	
    -webkit-transform: translateX(-50%) rotate(-90deg);
       -moz-transform: translateX(-50%) rotate(-90deg);
         -o-transform: translateX(-50%) rotate(-90deg);
		-ms-transform: translateX(-50%) rotate(-90deg);
            transform: translateX(-50%) rotate(-90deg); 
			
	color:#ffffff;
	}

/*----------- TOP NAVIGATION ------------*/
/*3D button definition*/
.btn-class{
	z-index: 100;
 display: inline-block;
 border: none;
 color: #FFFFFF;
 border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 width: auto;
 height: auto;
 padding: 1pt 1em;
 box-shadow: inset -2px -2px 3px 0 #0A131F,0px 5px 8px 0 #000000,inset 1px 1px 3px 0 #F2F6FC;
 -moz-box-shadow: inset -2px -2px 3px 0 #0A131F,0px 5px 8px 0 #000000,inset 1px 1px 3px 0 #F2F6FC;
 -webkit-box-shadow: inset -2px -2px 3px 0 #0A131F,0px 5px 8px 0 #000000,inset 1px 1px 3px 0 #F2F6FC;
 background-image: linear-gradient(to top, #1D385E, #2C558E);
 background-color: #2C558E;
 position: relative;
}
.btn-class:hover, .btn-class:active, .btn-class:focus{
 color:#FFE02E; 
 border: none;
 box-shadow: inset -2px -2px 3px 0 #0A131F,0px 5px 8px 0 #000000,inset 1px 1px 3px 0 #F2F6FC;
 -moz-box-shadow: inset -2px -2px 3px 0 #0A131F,9px 9px 12px 0 #E8E8E8,inset 1px 1px 3px 0 #F2F6FC;
 -webkit-box-shadow: inset -2px -2px 3px 0 #0A131F,9px 9px 12px 0 #E8E8E8,inset 1px 1px 3px 0 #F2F6FC;
 background-image: linear-gradient(to top, #1D385E, #0B306E);
 background-color: #0B306E;
}

/*Strip the ul of padding and list styling*/
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	z-index: 400;
}
#topnav {
	z-index: 35;
}
/*Create a horizontal list with spacing*/
#topnav li {
	display:inline-block;
	float: left;
	margin-right: 0px;
	margin-top: 0px;
}

/*Style for menu links*/
#topnav li a, #topnav li span {
	display:block;
	min-width:8em;
	line-height: 20pt;
	text-align: center;
	font-weight:bold; font-size:12pt; letter-spacing:0.02em; text-decoration:none; 
	cursor: pointer; cursor: hand;
}

/*Hover state for top level links
#topnav ul#menu li a:hover, #topnav li a:focus, #topnav li:hover span, #topnav li span:focus{
	background: #19c589;
}*/

/*Style for dropdown links*/
#topnav li ul li a {
	text-align: left;
	color: #ffffff;
	font-weight:normal; font-size:11pt; letter-spacing:0.02em; text-decoration:none;  
	line-height: 15pt;
	padding-top: 5pt;
	padding-bottom: 3pt;
}
#topnav li ul li:nth-child(even) {
	background: rgba(51, 92, 160, 0.90);
}
#topnav li ul li:nth-child(odd) {
	background: rgba(41, 82, 140, 0.90);
}

/*Hover state for dropdown links*/
#topnav li ul li a:hover, #topnav  ul li ul li a:focus   {
	background: #C9C6FC ;
	color: #000;
}

/*Hide dropdown links until they are needed*/
#topnav li ul {
	display: none;
	position: absolute;
	z-index: 400;
	-webkit-box-shadow: 4px 7px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 7px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 7px 15px 0px rgba(0,0,0,0.75);
	border: 1px;
	border-style: solid;
	border-color: #274B7D;
}

/*Make dropdown links vertical*/
#topnav li ul li {
	display: block;
	float: none;
	margin: 0px;
}
#topnav li ul li:first-child {
	padding-top: 5pt;
}


/*Prevent text wrapping*/
#topnav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 1px 20px;
}

/*Display the dropdown on hover*/
#topnav ul li a:hover + .hidden, #topnav ul li span:hover + .hidden, #topnav .hidden:hover,
#topnav ul li a:focus + .hidden, #topnav ul li span:focus + .hidden  {
	display: block; 
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input#show-menu, input#show-submenu{
	position: absolute;
	float: left;
	z-index: -1;
}

input#show-menu[type=checkbox]:focus + label, input#show-submenu[type=checkbox]:focus + label {
	outline-style: dotted;
    outline-color: invert;
	outline-width: 1px;
}

/*Show menu when invisible checkbox is checked*/
input#show-menu[type=checkbox]:checked ~ #menu, input[type=checkbox]:checked ~  #submenu{
    display: block;
}

/*----------- (LEFT) SUBMENU NAVIGATION (dontshowall) ------------*/
/*Strip the ul of padding and list styling*/
nav.leftsubmenu ul.dontshowall {
	list-style-type:none;
	margin:0;
	z-index: 400;
}
nav.leftsubmenu ul.dontshowall {
	padding: 0 0 5pt 0.2em;
}

/*Create a horizontal list with spacing*/
nav.leftsubmenu ul.dontshowall li {
	margin-right: 0px;
	margin-top: 0px;
	width: auto;
	clear: both;
}

/*Style for menu links*/
nav.leftsubmenu ul.dontshowall li a, nav.leftsubmenu ul.dontshowall li span {
	display:block;
	width:100%;
	line-height: 14pt;
	text-align: left;
	font-weight:bold; font-size:11pt; letter-spacing:0.02em; text-decoration:none; 
	color: #ffffff;	
	background: #29528C;
	padding-top: 6pt;
	padding-bottom: 2pt;
}
nav.leftsubmenu ul.dontshowall > li:first-child a, nav.leftsubmenu ul.dontshowall > li:first-child span 
 {
    font-size:13pt;
} 

/*Hover state for top level links*/
nav.leftsubmenu ul.dontshowall li a:hover, nav.leftsubmenu ul.dontshowall li a:focus,
nav.leftsubmenu ul.dontshowall li span:hover, nav.leftsubmenu ul.dontshowall li span:focus {
	color:#FFE02E; 
}

nav.leftsubmenu ul.dontshowall li div{
	width: 60em; 
	position: relative; 
	float: left; 
	top: -18pt;
}

/*Style for dropdown links*/
nav.leftsubmenu ul.dontshowall li ul li a {
	color: #ffffff;
	font-weight:normal; font-size:10pt; letter-spacing:0.02em; text-decoration:none;  
	line-height: 15pt;
	padding-top: 5pt;
	padding-bottom: 3pt;
	margin-top: 0;
}
nav.leftsubmenu ul.dontshowall li ul li:nth-child(even) a {
	background: rgba(51, 92, 160, 0.90);
}
nav.leftsubmenu ul.dontshowall li ul li:nth-child(odd) a {
	background: rgba(41, 82, 140, 0.90);
}

/*Hover state for dropdown links*/
nav.leftsubmenu  ul.dontshowall li ul li a:hover, nav.leftsubmenu  ul.dontshowall li ul li a:focus  {
	background: #C9C6FC ;
	color: #000;
}

/*Hide dropdown links until they are needed*/
nav.leftsubmenu ul.dontshowall li ul {
	display: none;
	position: absolute;
	z-index: 400;
	-webkit-box-shadow: 4px 7px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 7px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 7px 15px 0px rgba(0,0,0,0.75);
	border: 1px;
	border-style: solid;
	border-color: #274B7D;
	left: 10em;
	top: 7pt;
	max-width: 50em;
	}


/*Prevent text wrapping*/
nav.leftsubmenu ul.dontshowall  li ul li a, 
nav.leftsubmenu ul.dontshowall  li ul li span {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
	position: relative;
}

/*Display the dropdown on hover*/
nav.leftsubmenu  ul.dontshowall  li span:hover + div .hidden,
nav.leftsubmenu  ul.dontshowall  li a:hover + div .hidden, nav.leftsubmenu  .hidden:hover {
	display: block;
}
nav.leftsubmenu  ul.dontshowall  li a:focus + div .hidden, 
nav.leftsubmenu  ul.dontshowall  li span:focus + div .hidden, nav.leftsubmenu  .hidden:focus {
	display: block !important;
}

/*Style 'show menu' label button and hide it by default*/
.show-submenu {
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	display: none;
	margin-top: 2pt;
	padding-bottom: 2px;
}


/*----------- (LEFT) SUBMENU NAVIGATION (showall) ------------*/
/*Style for menu links*/
nav.leftsubmenu ul.showall li a {
	display:block;
	width:100%;
	text-align: left;
	font-weight:bold; font-size:11pt; letter-spacing:0.02em; text-decoration:none; 
	color: #ffffff;	
	padding-top: 11pt;
}

nav.leftsubmenu ul.showall li ul a {
	font-size:9pt; 
	padding-top: 4pt;
	margin-left: 1em;
	width: auto;
}
 
/*Display allways if allways*/
nav.leftsubmenu ul.showall li a, nav.leftsubmenu ul.showall, nav.leftsubmenu ul.showall li ul, nav.leftsubmenu ul.showall li ul li{
	display: block;
	position: relative;
	z-index: 3;
	background: #29528C;
}
nav.leftsubmenu ul.showall li a:hover{
	color: #FFE02E;
}
nav.leftsubmenu > ul {
	padding-bottom: 8pt;
}

/*----------- Common styles for contents of page ------------*/
h1,h2,h3,h4,h5,h6,p,footer { margin-left: 0; margin-right: 1em; }
p,ul { 
	font-size:11pt; 
	text-align:left; 
	font-weight:normal; 
	margin-bottom: 0;
	padding-bottom: 3pt;
}
td,th { font-size:11pt; font-weight:normal; }
.hellblau { background-color: #CBE0FE; padding-left: 1em;}
.hellerhellblau { background-color: #BBD1FF; padding-left: 1em;}
.fenstergruen { background-color: #B4EEB4; padding-left: 1em;}
.wolkengrau { background-color: #F2F2F2; padding-left: 1em;}
.waldgruen { background-color: #9BCD9B; padding-left: 1em;}
th { font-size:11pt; }

p.footer { font-size:8pt; font-weight:normal; }
footer { font-size:8pt; font-weight:normal; text-align:center; margin-bottom:4pt; margin-top:10pt;}

span.nav, td.nav, p.nav { font-weight:bold; font-size:11pt; color:#FFF; text-align:left; margin-left: 0;
margin-right: 0;}
#oben,#navigation,td.nav { background: #29528C; }



p.navh1, span.navh1, a.navh1:link	{
	font-weight:bold;
	font-size:11pt;
	color:#FFF;
	text-align:left;
	text-decoration:none
}

a.navh1:visited, a.navh1:hover, a.navh1:active, a.navh1:focus	{ 
	font-weight:bold;
	font-size:11pt;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}

p.navh2, span.navh2, a.navh2:link, a.navh2:visited, a.navh2:hover	, a.navh2:active, a.navh2:focus	{ 
	font-weight:bold; font-size:11pt; color:#FFF; text-decoration:none 
}

p.nav, span.nav, a.nav:link, a.navsel {
	font-weight:normal;
	font-size:10pt;
	color:#FFF;
	text-decoration:none;
}
a.nav:visited, a.nav:hover, a.navsel:hover, a.nav:active, a.navsel:active, a.nav:focus, a.navsel:focus, a.navsel:link, a.navsel:visited	{ 
	color:#FFE02E; 
	font-weight:normal; 
	font-size:10pt; 
	text-decoration:none 
}
a.navsel:hover { 
	color:#FFF; 
}
nav.leftsubmenu ul li.navsel > a, nav.leftsubmenu ul li.navsel ul li.navsel a   { 
	color:#FFE02E; 
}
nav.leftsubmenu ul li.navsel ul li.navsel a:hover   { 
	color:#000; 
}

p.h1, span.h1, h1, .h1 { font-size:17pt; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 20px 0px 10px 0px; }
p.h2, span.h2, h2, .h2 { font-size:14pt; font-weight:bold; color:#333; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; }
p.h3, span.h3, h3, .h3 { font-size:12pt; font-weight:bold; color:#333; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; }

font.err,h1.err,h2.err,h3.err,h4.err,h5.err { color:#F00; }
h1, h2, h3, h4 {
 padding-top: 6pt;
 margin-top: 0;
}
.startpic {  }
.startpic:hover {}

.popup { 
	position:absolute; z-index:1; visibility: hidden; background-image: url(../gfx/halbdunkelblau.png);
	borde: 1px solid black; color: white; text-align: left; font-size: 10px; padding: 5px; 
}

.startlink { 
	text-align: center; font-size: 11px; font-weight: bold; 
}

a.infobox { text-decoration:none; cursor: pointer; }
a.infobox:hover { /*cursor:help;*/ }
a.infobox span  { 
	visibility:hidden; position:absolute; left:-99em;
    margin-top:1.5em; text-decoration:none; background-image: url(../gfx/halbdunkelblau.png);
	border: 1px solid black; color: white; text-align: left; font-size: 10px; padding: 5px;
}
a.infobox:hover span {
	visibility:visible; 
	left:25em;
}


.linecell { border-top: 1px solid #99a8bf;  padding: 2px 2px 2px 2px;}
.linecell#head { border-top: 0px; font-weight: bold;}
.linecell#head-edit { border-top: 0px; font-weight: bold; text-align: right;}
.linecell#edit { text-align: right;}
.linecell#nummer { width: 110px;}

.line { cursor: pointer; }
.line-hover { cursor: pointer; background-color: #d9e8ff; }

.pointer { cursor: pointer; }
.border { border: 1px solid #99a8bf; padding: 5px 5px 5px 5px; display: inherit; }

img.thumb {
	border: 1px solid #29528c;
	padding: 1px 1px 1px 1px;
	margin: 15px 15px 15px 15px;
}

.galeriebilder img	{ border: 1px solid #29528c; padding: 0px; }
.galeriebilder a { text-decoration: none; }

#previewWindow	{ position: absolute; top: 0px; left: 0px;
  width: 100%; height: 100%; 
  visibility: hidden; padding-top: 210px; color: #ffffff;
}

#previewWindow img	{ padding: 1px 1px 1px 1px; border: 2px solid #7CA6D8; }
#previewWindow a, #previewWindow a:active, #previewWindow a:visited { color: #ffffff; cursor: pointer; text-decoration: none; }
#previewWindow a:hover	{ color: #7CA6D8; }
.imageCellBorder { text-align: right; padding: 5px 20px 20px 20px; border: 2px solid #29528c; background-image: url(../../gfx/halbdunkelblau.png) }

img.zoomImage { 
	cursor:zoom-in; 
}
.zoomImage:target {
    height: auto;
    width: 98%;
}

hr { height: 0px; border: 1px solid #29528c; }


/*----------- Responsive Styles----------- */
/*----------- Small device ------------*/
@media all and (max-width : 52em){
	/*Make dropdown links appear inline*/
	#topnav ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	#topnav li {
		margin-bottom: 1px;
	}
	#topnav li a, #topnav li span {
		position: relative;
	}
	/*Make all menu links full width*/
	#topnav ul, #topnav ul li, #topnav li a, #topnav li span, #topnav li ul li a {
		width: 100%;
	}
	/*Make all menu links full width*/
	.btn-class {
		width: 100%;
		padding: 0pt 0em;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		position: relative;
		z-index: 100;
		padding-bottom: 2px;
	}
	#topnav li ul {
		display: none;
		position: relative;
		-webkit-box-shadow:  none;
		-moz-box-shadow:  none;
		box-shadow:  none;
	}	
	#topnav  ul  li a:focus + .hidden, #topnav  ul  li span:focus + .hidden, #topnav  .hidden:focus {
		display: block;
	}
	
	#topnav  ul  li a:hover:not(:focus) + .hidden, #topnav  ul  li span:hover:not(:focus) + .hidden{
		display: none;
	}
	
	/*Display 'show menu' link*/
	.show-submenu {
		display:block;
		position: relative;
		z-index: 15;
	}
	
	nav.leftsubmenu ul.dontshowall li div{
		width: auto; 
		position: relative; 
		display: block;
		left: 0;
		top: 0;
	}

	/*Make dropdown links appear inline*/
	nav.leftsubmenu ul.showall, nav.leftsubmenu ul.dontshowall {
		position: static;
		display: none;
	}
	
	nav.leftsubmenu ul.dontshowall  li ul {
		display: none;
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 10pt;
	}
	
	nav.leftsubmenu  ul.dontshowall  li a:hover + div .hidden, 
	nav.leftsubmenu ul.dontshowall li span:hover + div .hidden{
		display: none;
	}
	
	nav.leftsubmenu  ul.dontshowall  li a:focus + div .hidden, nav.leftsubmenu  .hidden:focus {
		display: block !important;
	}	
}

/*----------- large device ------------*/
@media all and (min-width : 67em){
	#topnav {
		display: table;
		width: 100%;
	}
	#topnav > ul {
		display: table-row !important;
		width: 100%;
	}
	#topnav li {
		display: table-cell;
		float: none;
	}
	#topnav  li:last-child ul{
		right: 0;
	}
	#topnav li a, #topnav li span {
		min-width: 0em;
		padding-left: 0.1em;
		padding-right: 0.1em;
	}
}


/*----------- very small device ------------*/
@media all and (max-width : 26em){
	#navigation {
		width: 100%;
		width: calc(100% + 2em - 10px);
	}
}