/*
  @Nuno Costa [criacaoweb.net] Utils CSS.
  @Licensed under GPL2 and MIT.
  @Status: Stable
  @Version: 0.1-20090418
  
  @Contributors:
        -  http://meyerweb.com/eric/tools/css/reset/index.html 
  
  --------------------------------------------------------------- 
*/
/* From: http://meyerweb.com/eric/tools/css/reset/index.html  (Original) */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	/*border: 0; to enable table borders */
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*
Stantby for nowbody {
	line-height: 1;
}
*/
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ------- @Nuno Costa [criacaoweb.net] Utils CSS. ---------- */
* {
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
dfn {
	display: none;
	overflow: hidden;
}
/* ----------- Clear Floated Elements ----------- */
html body .util-clearb {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	position: static;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* ----------- Fix to Clear Floated Elements ----------- */
.util-clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.util-clearfix {
	display: inline-block;
}
* html .util-clearfix {
	height: 1%;
}
.util-clearfix {
	display: block;
}
/* Stylesheet: ncleanblueutils Modified On 2016-07-31 16:27:58 */
/*
  @Nuno Costa [criacaoweb.net] Core CSS.
  @Licensed under GPL and MIT.
  @Status: Stable
  @Version: 0.1-20090418
  
  @Contributors:
  
  --------------------------------------------------------------- 
*/
/*----------- Global Containers ----------- */
/* 
.core-wrap-100   =  width - 100% of Browser Fluid
.core-wrap-960   =  width - 960px  - fixed
.core-wrap-780   =  width - 780px  - fixed
.custom-wrap-x   =  width -  custom   - declared in another css (your site css)
*/
.core-wrap-100 {
	width: 100%;
}
.core-wrap-960 {
	width: 960px;
}
.core-wrap-780 {
	width: 780px;
}
.core-wrap-100,
.core-wrap-960,
.core-wrap-780,
.custom-wrap-x {
	margin-left: auto;
	margin-right: auto;
}
/*----------- Global Float ----------- */
.core-wrap-100  .core-float-left,
.core-wrap-960  .core-float-left,
.core-wrap-780  .core-float-left,
.custom-wrap-x  .core-float-left {
	float: left;
	display: inline;
}
.core-wrap-100  .core-float-right,
.core-wrap-960  .core-float-right,
.core-wrap-780  .core-float-right,
.custom-wrap-x  .core-float-right {
	float: right;
	display: inline;
}
/*----------- Global Center ----------- */
.core-wrap-100   .core-center,
.core-wrap-960   .core-center,
.core-wrap-780   .core-center,
.custom-wrap-x   .core-center {
	margin-left: auto;
	margin-right: auto;
}
/* Stylesheet: ncleanbluecore Modified On 2009-05-11 02:35:43 */
/* --------- CONFIGURATION ---------- */

/* HAUPTFARBE VON MENUES, LOGOBOX, FOOTER, ... */

/* HINTERGRUNDFARBE DER MENU BUTTONS LINKS */

/* HINTERGRUNDFARBE DER MENU BUTTONS LINKS WENN MAN MIT DER MAUS DRUEBERGEHT */

/* FENSTERBREITE BEI DER ZWISCHEN DESKTOP UND MOBILE LAYOUT GEWAECHSELT WIRD */

/* FENSTERBREITE BEI DER EIN PAAR SPEZIELLE ELEMENTE ZWISCHEN DESKTOP UND MOBILE WECHSELEN */

/* MINIMALE BREITE DER WEBSITE, WIRD BEI KLEINEREN FENSTERN DURCH SCROLLLEISTE ERZWUNGEN */

/*Schrift:*/
/* STANDART SCHRIFTGROESSE IM DESKTOP LAYOUT */

/* STANDART SCHRIFTGROESSE IM MOBILE LAYOUT */

/* SCHRIFTGROESSE DES MENUS IM MOBILE LAYOUT */

/* --------- CONFIGURATION ENDE ----- */


body {
/* font, color, bg for entire site */
	font-family: 'Raleway', sans-serif;
        font-size:0.9em;
	color: #3A3A36;	   
        min-width:925px;    
        line-height:1.5em;
        letter-spacing:0.05em;
}

/* Mask helper  for browsers ZOOM, Rezise and Decrease */
#ncleanblue {
/* set to width of viewport, bg color for viewport usw. */
	width: auto;
}

/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}

a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}

/* colors for external links */
a.external:link {
	color: #679EBC;
/* background image for the link to show wiki style arrow */
	background: url(https://u-chong.de/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}

a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(https://u-chong.de/uploads/NCleanBlue/external.gif) no-repeat 100% -100px;
}

a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(https://u-chong.de/uploads/NCleanBlue/external.gif) no-repeat 100% 0;
	background-color: inherit;
}

/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}

/* ------------ Standard  HTML elements and their default settings ------------ */
b, strong{font-weight: bold;}i, em{	font-style: italic;}

p {
	padding: 0;
	margin-top: 0.5em;
    margin-bottom: 1em;
   text-align:left;
}
/*default link styles*/
a {
	color: #679EBC;
	text-decoration: none;
	text-align: left;
}
a:hover {
	color: #3A6B85;
}
a:active {
	color: #3A6B85;
}
a:visited {
	color: #679EBC;
}
input, textarea, select {
	font-size: 0.95em;
}
/* ------------ Wrapper ------------ */
div#pagewrapper {
        width:100%;
        margin-left:auto;
        margin-right:auto;
	font-size: 95%;
	position: relative;
	z-index: 1;
}



/* ------------ Header ------------ */
#header {        
	 padding-bottom:50px;
        padding-left:5%;
        padding-right:5%;
  	background-color:#DBDBDB;        
        background-size:cover;
        background-position:0 -30px;
        height:350px;
}
#logo_box {     
        display:block;
        z-index:10;
 	margin-top: 0;
   	margin-left: 0;   
        background-color:#FE5F63;
        overflow:hidden;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
{* classes are switched by js onscroll listener *}
.logo_box_scrolling{
        position:relative;
        padding-top:30px;
        width: 25%;
}
.logo_box_fixed{
        position:fixed;                
        top:0px;
        padding-top:0px; 
        width: 22.5%;      
}
#logo_box img{
   position:relative;
   width:30%;   
   float:left;
   margin:4px;
}
#menu_icon_mobile{
  display:none;
}
#logo_box h1{
   position:absolute; 
   min-width:67%;    
   left:33%;
   padding-top:10px;
   font-size:1.8em;  
}
#logo_box_impressum{
   display:none;
}
@media(max-width: 1150px) {
 #logo_box{   
   display:none;
   position:fixed;
   top:0px;
   left:0px !important;
   right:0px;
   width:100%;
   height:70px;
   z-index:10;
   margin-top:0px;   
   margin-left:0px;   
 }
 #menu_icon_mobile{
    display:block;
    position:absolute;
    width:60px;
    height:60px;
    margin:5px;  
 }
 #menu_icon_mobile:hover{
    cursor:pointer;
 }
 #menu_icon_mobile img{
    width:100%;
    margin:0px;
 }
 #logo_box_logo{
   position:relative;   
   height:60px; 
   width:104px;    
   left:20%;
   float:left;
   margin-top:5px;
   margin-bottom:5px;
 }
 #logo_box_logo img{
  width:100%;
  margin:0px;
 }
 #logo_box h1{
   position:relative;
   float:left;
   margin-top:10px;   
   font-size:3em;
   left:24%;
 }
 #logo_box_impressum{
   display:block;
   position:absolute;
   top:10px;
   right:10px;
   color:black;
 }

 .logo_box_scrolling{
   /* no switching on scroll */   
   position:relative; 
   padding:0px; 
   width: 45%; 
 }
 .logo_box_fixed{
   /* no switching on scroll */ 
   position:relative;     
   width: 45%;
 }  
}
@media(max-width:1250px){
  #logo_box{
     left:-3%;
  }

}
#lang_and_search_box{
   position:absolute;
   right:5%;
   width:auto; 
   z-index:10;  
}
@media(max-width: 1150px) {
  #lang_and_search_box{
    position:absolute;
    right:5%;
    top:100px;
    width:auto;   
  }
}
#mle_flags{
   position:relative;
   float:right;
}
#mle_flags img{
   height:28px;
}

/* ------------- Header Slider ------------ */
@keyframes slidy {

    0% { left: 0%; }
    5% { left: 0%; }
    
    6.25% { left: -100%; }
    11.25% { left: -100%; }
    
    12.5% { left: -200%; }
    17.5% { left: -200%; }
    
    18.75% { left: -300%; }
    23.75% { left: -300%; }
    
    25% { left: -400%; }
    30% { left: -400%; }
    
    31.25% { left: -500%; }
    36.25% { left: -500%; }
    
    37.5% { left: -600%; }
    42.5% { left: -600%; }
    
    43.75% { left: -700%; }
    48.75% { left: -700%; }
    
    50% { left: -800%; }
    55% { left: -800%; }
    
    56.25% { left: -900%; }
    61.25% { left: -900%; }
    
    62.5% { left: -1000%; }
    67.5% { left: -1000%; }
    
    68.75% { left: -1100%; }
    73.75% { left: -1100%; }
    
    75% { left: -1200%; }
    80% { left: -1200%; }
    
    81.25% { left: -1300%; }
    86.25% { left: -1300%; }
    
    87.5% { left: -1400%; }
    92.5% { left: -1400%; }
    
    93.75% { left: -1500%; }
    98.75% { left: -1500%; }
    100% { left: -1600%; }
}

#header_slider{
  position:absolute;
  width:100%;
  height:400px;   /*header height + header padding bottom*/
  top:0px;
  left:0px; 
  bottom:0px;
}

body { margin: 0; } 
div#header_slider { overflow: hidden; }
div#header_slider figure img { width: 5.8823529411765%; float: left; }
div#header_slider figure { 
  position: relative;
  width: 1700%;
  height:350px;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}


/* ------------ Header - Search ------------ */
div#search {
        margin-left:20px;
        float:right;
	width: 190px;
	height: 28px;
	
}
div#search label {
	text-indent: -9999em;
	height: 0pt;
	width: 0pt;
	display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
	width: 143px;
	height: 17px;
/* removes default borders, allows use of image */
	border-style: none;
/* text color */
	color: #999;
/* padding of text */
	padding: 7px 0px 4px 10px;
	float: left;
/* set all font properties at once, weight, size, family */
	font: bold 0.9em Arial, Helvetica, sans-serif;
/* left input image, set your own here */
	background: url(https://u-chong.de/uploads/NCleanBlue/search.png) no-repeat left top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
	width: 37px;
	height: 28px;
/* removes default borders, allows use of image */
	border-style: none;
/* hides text, image has text */
	text-indent: -9999em;
	float: left;
	margin: 0;
/* provides positive hover effect */
	cursor: pointer;
/* removes default size/height */
	font-size: 0px;
	line-height: 0px;
/* submit button image, set your own here */
	background: transparent url(https://u-chong.de/uploads/NCleanBlue/search.png) no-repeat right top;
}


.searchresults{
    background-color:#FAFAFA;
    border-bottom-style:solid;
    border-top-style:solid;
    border-color:red;
    border-width:1px;
    padding:10px;
    margin-top:20px;
    margin-bottom:20px;
}


/* ------------  Menu  ROOT  ------------ */
.page-menu {      
        z-index:25;  
  	width: auto;	
	margin-right:0px;        
        right:5%;     
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);    
}
@media(max-width:1150px){
 .page-menu{
     box-shadow:none;
     -moz-box-shadow:none;
     -webkit-box-shadow:none;  
     font-size:1.3em;
     min-width:925px;
 }             
}
@media(max-width:1250px){
  .page-menu{
    right:1%;
  }
}
{* classes will be switched by js onscroll listener *}
.page-menu-scrolling{
        position:absolute;
        top:30px;
}
.page-menu-fixed{
        position:fixed;	
        top:0px;        
}
#pagemenu-menu-icon{
  display:none;
  width:42px;
  height:42px;
}
#pagemenu-menu-icon:hover{
  cursor:pointer;
}
#pagemenu-menu-icon img{
  width:100%;
  margin:0px;
}
@media(max-width: 1150px) {
  .page-menu{   
        position:fixed;	     
        width:100%;
        right:0px;
        left:0px;       
        top:0px;        
  } 
  #primary-nav{
        width:100%;
        background-color:white;         
  }
  #pagemenu-menu-icon{
    display:block;
  }
  #menuwrapper{
    overflow:hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);   
  }
  .unli{
     /* hide on-hover-expanding dropdown menus */
     display:none !important;
  }
}

 
#menuwrapper {
      position:relative;
      z-index:26;
      width:100%;             
}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
 	height: 1%;
 	 float: left;
	  list-style: none;
	 padding: 0;
 	margin: 0;
       width:100%;


}
.page-menu ul#primary-nav li {
  	float: left;
        background-color:white;
}
.page-menu ul#primary-nav > li.menuactive{	
        background-color:#FE5F63;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
 	display: block;
 	padding: 0 10px;
        
}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #000;
	font-weight: bold;
	line-height: 2.15em;
	text-decoration: none;
	margin-left: 1px;
	font-size: 0.85em;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color:black;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: black;        
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli{
background-color:white;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: 0px 0px 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 209px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 9px;
padding-bottom:9px;
//	background: url(https://u-chong.de/uploads/NCleanBlue/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	//background: url(https://u-chong.de/uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
margin-left: -7px;
left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	margin-left: 7px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
display:none;
	//background: url(https://u-chong.de/uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
	//background: url(https://u-chong.de/uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 0px 10px;
	width: 165px;
	margin: 5px;
	background-image: none;
}
* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;       
}
#primary-nav li li a:hover {
	background-color: #DBE7F2;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #DBE7F2;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	//background-image: url(https://u-chong.de/uploads/NCleanBlue/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

/* ---------- sub level menu -----------*/
#top-page-sublevelmenu{
 display:none;
 position:relative;
 width:100%;
 z-index:24;
}
.submenu_level{
  /* z-index wird in-tag definiert */
  position:relative;
  width:100%;
  clear:both;
  overflow:hidden;
  background-color:rgba(255,255,255,1);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); 
}
.submenu_node{
  position:relative;
  float:left;
  padding:5px;
  background-color:white;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#CCCCCC;
}
.submenu_node a{
  color:black;
  font-weight:bold;
  font-size:0.85em;
}
.active_node{
   background-color:#FE5F63;
}
@media(max-width: 1150px) {
 #top-page-sublevelmenu{
  display:block;
 }
}

/*************** End Menu *****************/


/* ------------ Content ------------ */
#content {
	width: auto;
/* all text in #content will default align left, changed in other calls */
	text-align: left;
}
@media(max-width:1150px){
 #content{
    font-size:1.5em;
    line-height:1.5em;
 }
}


/* Breadcrumbs */
#breadcrumb_bar {
	width: auto;
	height: 40px;
	padding-right: 1em;
	padding-left: 1em;
        background-color:white;
}
div.breadcrumbs {
	padding: 0.5em 0;
	font-size: 80%;
	margin: 0 1em;
}
div.breadcrumbs span.lastitem {
	font-weight: bold;
}



/* ------------ Side Bar (Left) ------------ */
#left {   
   width: 15%;     
   z-index:10;
}
@media(max-width:1150px){
 #left{
   display:none;
 }
}
.leftScrolling{
   position:absolute;
   float:left;
}
.leftFixed{
   position:fixed;  
   top:100px;
   left:0px; 
}  
#left ul{
   margin-left:6%;
}
#left ul li{
   background-color:#F0F0F0;   
   margin-bottom:5px;
   padding:3px;
}
#left ul li:hover{
   background-color:#E8E8E8;     
}
#left ul a li{
   color:black;
}
#leftMenuSpacer{
   position:absolute;
   top:0px;
   left:0px;
   width:6%;
   background-color:#FE5F63;
   height:100%;
}
.head_parentpage p{
  background-color:#FE5F63;
  margin:0;
  margin-bottom:5px;
  padding-left:6px;
  text-align:center;
  font-size:1.3em;  
  color:black;
}
.menuactive{
  font-weight:bold;
}



/* --------------- recent news box -------------- */
.left_sidebar_menu_to_newsbox_spacer{
    height:20px;
    width:100%;
    position:relative;
    background-color:white;
}
.recent_news_box{
  position:relative;
  overflow-y:scroll;
  background-color:#FE5F63;
  direction:ltr;
}
.recent_news_item{
  background-color:#F0F0F0;
  color:black;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#DBDBDB;
}
.recent_news_item:hover{
  background-color:#E8E8E8;
}
.recent_news_box_heading{
  font-size:1.3em;
  text-align:center;
}
.recent_news_item_date{
    margin:0;
    margin-left:10px;
    font-size:0.7em;
    float:left;
    text-align:center;
}
.recent_news_item_type{
    font-size:0.7em;
    margin:0;
    font-weight:bold;
    text-align:center;
}
.recent_news_item_title{
    margin:0;
    text-align:center;
}

/* --------------- Main ----------*/




/* ------------ Footer ------------ */
#footer-wrapper {
	min-height: 235px;
	height: auto!important;
	height: 235px;
	width: auto;
	margin-top: 5px;
	text-align: center;
	margin-right: 00px;
	margin-left: 0px;
}
#footer {
	font-size: 0.8em;
	min-height: 235px;
	height: auto!important;
	height: 235px;
	background-color: #FE5F63;
	width:100%;
}
#footer .block {
	width: 300px;
	margin: 20px 10px 10px;
}
#footer .cms {
	text-align: right;
}
/* ------------ Footer Links ------------ */
#footer ul {
	width: auto;
	text-align: left;
	margin-left: 50px;
}
#footer ul ul {
	margin-left: 0px;
}
#footer ul li a {
	color: #FFF;
	display: block;
	font-weight: normal;
	margin-bottom: 0.5em;
	text-decoration: none;
}
#footer a {
	color: #DCEDF1;
	text-decoration: underline;
	font-weight: bold;
}
/* ------------ END LAYOUT ---------------*/
/* Stylesheet: uchong basic style Modified On 2016-01-24 12:04:18 */