body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#header{top:0;left:0;position:relative;padding: 20px 0px 10px 15px;}
#header a{text-decoration:none;color:#5b5b5d;}
#header a:hover{text-decoration:none;color:#fa0208;}
#header #subtitle{bottom:10px;right:10px;position:absolute;font-size:115%;}
#menu #parts{height:144px;top:0;left:0;position:relative;margin:0;padding:0;border-top:2px solid #b8b6b7;}

h1{margin:0;padding:10px 0 5px 0;border-bottom:2px solid #b8b6b7;font-weight:normal;font-size:125%;}
.mod_article li{margin-top:20px;margin-bottom:5px;font-size:110%;list-style-image:url("../img/star.png");}
.mod_article  li.attention{margin-top:20px;margin-bottom:5px;font-size:110%;list-style-image:url("../img/star-attention.png");}
.mod_article p.info {font-size:small}

.mod_article a{text-decoration:none;color: rgb(131, 6, 6);}
.mod_article a:hover{text-decoration:none;color:#fa0208;}

#logos {
	background: #fff;
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  margin: 0;
  padding: 15px 0; 
  font-size: 90%;
}

#logos #logo_in_logos {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

#logos::after {
  content: "";
  clear: both;
  display: table;
}

:focus {
	outline-width: 3px;
	outline-color: crimson;
	outline-style: solid;
  }

#submenu a:focus {
	outline-width: 3px;
	outline-color: black;
	outline-style: solid;
  }

#logos #logo_in_logos {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
  
#logos::after {
  content: "";
  clear: both;
  display: table;
}

#footer {
	background: #fff;
	/* background: #fff url('../img/footer-bg.png') no-repeat scroll top center; */
  margin: 0;
  margin-bottom: 100px;
  padding-top: 50px;
  padding-bottom: 0px;
  /* padding: 50px 50px 0 50px; */
  text-align: center;
  font-size: 100%;
}

#footer a:link, #footer a:visited {
  color: #666;
  text-decoration: none;
}

#footer a:hover, #footer a:active, #footer a:focus {
  color: #999;
  text-decoration: none;
}
#footer_copyright{text-align:center;font-size:85%;}





.mod_newslist {
  background-color: #eaeaea;
  margin: 50px 0 0 0;
  padding: 10px;
}

.layout_full h1 {font-weight:bold; border-bottom:0; font-size:100%;}

  
.menu-trigger {color:#000;font-weight:700;text-transform:uppercase;padding:10px;margin:0;cursor:pointer;}
aside{float:center; }

/* komputer */

@media only screen and (min-width: 901px) {
body {font-size: 14px;}
#menu { 
		display:none;
		padding-right: -50px;
		padding-left: -50px;}
	#menu #parts {height: 144px;}
	#submenu { 
		display:block;
		padding-right: 45px;
		padding-left: 45px;}	

#header #title{margin-left:50px;}
#font_selection_print {display: none;}
#header #topmenu{top:10px;right:10px;position:absolute;font-size:120%;color:#000;}
#wrapper { background: #fff url('../img/page-bg.png') repeat-y scroll bottom center;}
#footer{margin:0 0 50px 0;padding:50px 50px 0 50px;background: #fff url('../img/footer-bg.png') no-repeat scroll top center;}
#container { width:900px; margin:0 auto; }

.menu-trigger {display:none;}
	aside nav {
		display:block !important; 
		background: #fff url('../img/page-bg.png') repeat-y scroll bottom center;
		padding-left:5px;
		margin-right:-40px;
		margin-left:-40px;
		margin-top:-15px;
		margin-bottom:-10px;
		}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:1px; display:inline;}
	aside nav ul li .small {display:none;}
	aside nav ul li a .big {display:inline; width:15.4%;}
	aside nav ul li a {text-decoration:none;color:#000;background:#FFC000; display: inline;}
	aside nav ul li a:hover{background:#212121;color:#FFF; display: inline;}
}

/* tablet */

@media only screen and (min-width: 641px) and (max-width: 900px){
	body {font-size: 14px;}
	#menu { display:none;}
	#submenu { display:block;}
	#header #subtitle { display:none;}
#header #title{margin-left:35px;}
#font_selection_print {display: none;}
#header #topmenu{top:10px;right:55px;position:absolute;font-size:120%;color:#000;}

	.menu-trigger {display:none;}
	aside nav {
		display:block !important; 
		padding-left:5px;
		margin-left:-40px;
		margin-top:-15px;
		margin-bottom:-10px;
		}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:1px; display:inline;}
	aside nav ul li .small {display:none;}
	aside nav ul li a .big {display:inline; width:16%;}
	aside nav ul li a {text-decoration:none;color:#000;background:#FFC000; display: inline;}
	aside nav ul li a:hover{background:#212121;color:#FFF; display: inline;}
}
 
/* telefon */
@media only screen and (max-width: 640px) {
	body {font-size: 16px;}
    #menu { display:none;}
	#submenu {display:block;}
	#font_selection_screen {display: none;}
	#header #subtitle { display:none;}
	#header #title {margin:auto;; display:table;}
	#header #topmenu {display:none;}
	.mod_newslist {font-size:12px;}
	.menu-trigger {display:block;}
	aside nav {display:none;}
	aside nav ul {list-style:none; margin-left:-40px;}
	aside nav ul li .small {display:block;}
	aside nav ul li .big {display:none;}
	aside nav ul li {margin-bottom:1px;}
	aside nav ul li a {display:block; font-size:14px;font-weight:700;text-decoration:none;color:#fff;background:#333;padding:12px 10px;}
	aside nav ul li a:hover{background:#fff;color:#212121;}
}

a.skip-main {
	left:-999px;
	position:absolute;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-999;
  }
  a.skip-main:focus, a.skip-main:active {
	outline-style: none;
	color: black;
	text-decoration: none;
	background-color:rgb(226, 226, 226);
	outline-style: solid;
	outline-color: rgb(199, 192, 192);;
	left: auto;
	top: auto;
	width: auto;
	height: auto;
	overflow:auto;
	padding:5px;
	text-align:center;
	font-size: 20px;
	z-index:999;
  }
   
/* High contrast mode */

.hc .HCButton {
	background-color: white;
	color: #000 !important;
	padding-left: 4px;
	padding-right: 4px;
}
  
.HCButton {
	background-color: black;
	color: rgb(255, 230, 0) !important;
	padding-left: 4px;
	padding-right: 4px;
}

.hc #wrapper{
	background: #000 !important;
	color: rgb(255, 230, 0);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* font-size: 14px; */
	margin: 0 auto;
	padding: 0;
	/* width: 990px; */
}
  
.hc :focus {
	outline-width: 3px;
	outline-color: rgb(255, 230, 0);
	outline-style: solid;
}

.hc #submenu a:focus {
	outline-width: 3px;
	outline-color: rgb(255, 230, 0);
	outline-style: solid;
  }

.hc img {
	filter: invert(100%) sepia(100%) saturate(900%) hue-rotate(359deg) brightness(110%) contrast(110%);
} 

.hc #header #topmenu {
	font-size: 120%;
	position: absolute;
	top: 10px;
	right: 55px;
	color: rgb(255, 230, 0);
}
  
.hc #header a {
	color: rgb(255, 230, 0);
	text-decoration: none;
}

.hc .menu-trigger {
	color: rgb(255, 230, 0);
	background: black !important;
	border: 2px solid rgb(255, 230, 0);
	font-weight:700;
	text-transform:uppercase;
	padding:10px;
	margin:0;
	cursor:pointer;
}

.hc nav {
	background: black;
}

.hc .small_menu a {
	background-color: black !important;
	color: rgb(255, 230, 0);
}

.hc #logos {
	background: black;
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  	margin: 0;
  	padding: 15px 0; 
  	font-size: 90%;
}

.hc #footer {
	background: black;
	/* background: #fff url('../img/footer-bg.png') no-repeat scroll top center; */
  	margin: 0;
  	margin-bottom: 100px;
  	padding-top: 50px;
  	padding-bottom: 0px;
  	/* padding: 50px 50px 0 50px; */
  	text-align: center;
  	font-size: 100%;
  	color: rgb(255, 230, 0);
}

.hc #footer a {
  	color: rgb(255, 230, 0);
  	text-decoration: underline;
}

.hc .mod_newslist.block {
	background-color: black;
	color: rgb(255, 230, 0) !important;
	border-top: 2px solid rgb(255, 230, 0);
	margin: 50px 0 0 0;
	padding: 10px;
  }
  
  .hc .mod_newslist.block a {
	color: rgb(255, 230, 0) !important;
	text-decoration: underline;
  }
  
  .hc .mod_newslist.block span {
	color: rgb(255, 230, 0) !important;
  }
  
  body.hc {
	background-color: black;
  }

  .hc h1 {
	font-weight: normal;
	font-size: 125%;
	margin: 0;
	padding: 10px 0 5px 0;
	border-bottom: 2px solid rgb(255, 230, 0);
  }

  .hc .layout_full h1 {
	font-weight: bold;
	font-size: 100%;
	border-bottom: 0;
  }
  
  
  .hc h2 {
	font-weight: normal;
	font-size: 120%;
	margin: 0;
	padding: 10px 0 5px 0;
  }

  .hc .mod_article a {
	color: rgb(255, 230, 0) !important;
	text-decoration: underline;
  }

  .hc .mod_navigation.block {
	background: black;
	border: 1px solid rgb(255, 230, 0);
	color: rgb(255, 230, 0) !important;
  }

  .hc #submenu a{
	color: rgb(255, 230, 0) !important;
  }

  .hc input {
	background-color: black;
	border: 1px solid rgb(255, 230, 0);
	color: rgb(255, 230, 0);
	padding: 1px 4px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
  }

  .hc select{
	background-color: black;
	border: 1px solid rgb(255, 230, 0);
	color: rgb(255, 230, 0);
  }

  .hc span{
	  color: rgb(255, 230, 0) !important;
  }

  .hc a.skip-main {
	left:-999px;
	position:absolute;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-999;
  }
  .hc a.skip-main:focus, a.skip-main:active {
	outline-style: none;
	color: rgb(255, 230, 0);
	text-decoration: none;
	background-color:black;
	outline-style: solid;
	outline-color: rgb(255, 230, 0);
	left: auto;
	top: auto;
	width: auto;
	height: auto;
	overflow:auto;
	padding:5px;
	text-align:center;
	font-size: 20px;
	z-index:999;
  }

.hc .mod_calendar table{
	width:99%;
	margin:1px;
	padding:0;
	border-top:1px solid rgb(255, 230, 0);
	border-left:1px solid rgb(255, 230, 0);
}

.hc .mod_calendar .head{
	padding-top:4px;
	padding-bottom:5px;
	text-align:center;
	background-color:black;
	border-right:1px solid rgb(255, 230, 0);
	border-bottom:1px solid rgb(255, 230, 0);
}

.hc .mod_calendar .current{
	background-color:black;
}

.hc .mod_calendar .label{
	padding-top:3px;
	padding-bottom:4px;
	text-align:center;
	background-color:black;
	border-right:1px solid rgb(255, 230, 0);
	border-bottom:1px solid rgb(255, 230, 0);
	font-weight:bold;
	font-size:13px;
	color:rgb(255, 230, 0);
}

.hc .mod_calendar td{ 
	width:101px;
	height:72px;
	padding:1px;
	vertical-align:top;
	background-color:black;
	border-right:1px solid rgb(255, 230, 0);
	border-bottom:1px solid rgb(255, 230, 0);
	line-height:1;
}

.hc .mod_calendar .weekend{
	width:101px;
	background-color:black;
}

.hc .mod_calendar .today{
	border: 2px dotted rgb(255, 230, 0);
}

.hc .mod_calendar .empty, .hc .mod_calendar .empty .header{background-color:black;}

.hc .mod_calendar td .header{padding-bottom:2px;background-color:black; font-size:100%;}

.hc .mod_calendar td .place{margin:2px 0 0 0;padding:0 0 3px 0;background-color:black;font-size:90%;}

.hc .mod_calendar td .event a {text-decoration: underline;}

.hc .mod_calendar td .event a:hover{color:rgb(255, 230, 0);}