body {
	/* background: #fdf1db url(img/mainbgmobile1.png) repeat-x; */
	background: #fdf1db;
	background-size: contain;	
	font-size:0.7em;
	min-width:300px;
}

img {height: auto; }

.wrapper, .innerwrap { background-color: transparent; background-image: none; width:100%; margin: 0 0 0 0;}

.sidebarbox, #showlogin, .printbutton, .topmenubox  {display:none;}
.showonmobiles {display:block ! important;}

.contentbox, .contentboxwide {width:97%; margin: 0 0 0 2%; background-image: none;}
.footer { width:100%; margin: 0 0 0 0;}

.XXheader { height:auto; }
.header .infobox {top: 10px; left:2%; }
.header .infobox .wstitle a {font-size:36px; line-height:100%; margin:0; padding:2px;}
.header .infobox .pagetitle {font-size:11px; line-height:100%; padding:2px;}
.header .infobox .pagedesc {display:none;}

.breadcrumbs {margin-left: 2%; font-size: 11px;}

#menuswitch {display:block; position:absolute; top:10px; left: 0;}

#leftbox {
	position:absolute; 
	top: 80px; 
	left: 10px; 
	z-index: 2000;
	display:none;
	background-color: #e4f0fc;
	background-image: none;
	
	width:250px;
	-moz-box-shadow: 2px 4px 5px #000;
	-webkit-box-shadow: 2px 4px 5px #000;
	box-shadow: 2px 4px 5px #000;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

#leftmenu a.lev0 {display:block; font-size: 13px;}
#leftmenu a.lev1 {font-size:12px; padding: 10px 0px 9px 20px;}

#leftmenu ul {margin-bottom:15px; }

#suggestbox ul {width: 300px; margin: -1px 0 0 -160px;}
#suggestbox ul li a {
	font-size:1.0em;
	padding: 10px 3px 10px 5px; 
}

#menu {min-height:200px; }
#menu li a {
	font-size:1.2em;
	display: block;
	padding: 15px 0px 12px 30px;
}
#menu li li a {
	font-size:1.0em;
	padding: 12px 0px 10px 40px;	
}
#menu li li li a {
	font-size:0.9em;
	padding: 12px 0px 10px 50px;	
}

/*Main MEnu for Mobiles only */
.startmenu {display:block; float:left; max-width:720px; min-width:300px; text-align:left; margin-top:20px; margin-left: 0;}
.startmenu a {
	font-size:22px; 
	line-height:22px;
	/*word-break: break-all; */
	margin: 0 0 20px 4%;	
	font-family: 'Yanone Kaffeesatz', sans-serif;
	
	display:block; 
	position: relative; 
	float: left; 
	width: 20%; 
	max-width:96px; 
	height:auto; 
	overflow:hidden; 
	text-decoration:none; 
	color:#fff; 
	background-color: #3366cc;
	
	
 	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	
	-moz-box-shadow: 0 4px 5px #000;
	-webkit-box-shadow: 0 4px 5px #000;
	box-shadow: 0 4px 5px #000;
		
	-moz-opacity: 0.8; 
	opacity: 0.8; 
	filter:alpha(opacity=80); 
}

.startmenu a img {margin:0; float:left; 
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5; 
}

.startmenu a:hover img, .startmenu a.menu-current img { 	
	-moz-opacity: 1; 
	opacity: 1; 
	filter:alpha(opacity=100); 
}

.startmenu a:hover, .startmenu a.menu-current {	
	text-decoration:none; 
	-moz-box-shadow: 0 1px 8px #000;
	-webkit-box-shadow: 0 1px 8px #000;
	box-shadow: 0 1px 8px #000;	
	
	-moz-opacity: 1; 
	opacity: 1; 
	filter:alpha(opacity=100); 
}
.startmenu a span.mtitle {
	display:block; 	
	position: absolute;
	top:20%; left: 0px; 
	margin-left:2px; 
	cursor:pointer;
	text-shadow: 2px 2px  5px #000;
}

.startmenu a.colnr1 {background-color: #66cccc}
.startmenu a.colnr2 {background-color: #3399cc}
.startmenu a.colnr3 {background-color: #33cccc}
.startmenu a.colnr4 {background-color: #33cc99}
.startmenu a.colnr5 {background-color: #33cc66}
.startmenu a.colnr6 {background-color: #66cc33}
.startmenu a.colnr7 {background-color: #99cc33}
.startmenu a.colnr8 {background-color: #cccc33}
.startmenu a.colnr9 {background-color: #cc9933}
.startmenu a.colnr10 {background-color: #cc6633}
.startmenu a.colnr11 {background-color: #cc3333}
.startmenu a.colnr12 {background-color: #cc3366}
.startmenu a.colnr13 {background-color: #cc3399}
.startmenu a.colnr14 {background-color: #9933cc}
.startmenu a.colnr15 {background-color: #6633cc}
.startmenu a.colnr16 {background-color: #3333cc}
.startmenu a.colnr17 {background-color: #3366cc}


/* ================================================================================================= */
/* News module */

.post_title, .post_date, .post-title, .post-date
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  font-size: 0.8em;
}
.post_title, .post-title
{
	font-size: 12px;
    font-weight: bold;
    color: #000080;
}

/* ================================================================================================= */
/* Bookmarks module */

.BMheader  {
	color: #000080;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	height: 2 0px;
}


/* ================================================================================================= */
/* Smaller Screens */
@media screen and (max-width: 400px) {
	.startmenu a {
		font-size:18px; 
		line-height:16px;	
	}
	
	.startmenu a span.mtitle {
		top:10px; left: 0px; 
		margin-left:1px; 
	}
	
	
	h1 {font-size: 2.0em; }
	h2 {font-size: 1.2em; }
	h3 {font-size: 1.0em; }


}