body {

	background: #252525 url(img/mainbg.jpg) no-repeat fixed;

	-o-background-size: 100% auto, auto;

	-moz-background-size: 100% auto, auto;

	-webkit-background-size: 100% auto, auto;

	background-size: 100% 100%, auto;



	font-size:0.9em;

}

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





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

.footer { width:99%; margin: 0 0 0 0;}



.header { height:auto; }

.header .infobox {left: 100px;  top:10px; }

.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%; }



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



#leftbox {

	position:absolute; 

	top: 80px; 

	left: 10px; 

	z-index: 2000;

	display:none;

	background: #252525 url(img/mainbgmobile.jpg) no-repeat;

	width:280px;

	-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;

}



#leftbox ul {padding-bottom:15px;}



.sidebarbox, #showlogin, .printbutton  {display:none;}

.showonmobiles {display:block ! important;}





#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.4em;

	display: block;

	padding: 15px 0px 12px 30px;

}

#menu li li a {

	font-size:1.1em;

	padding: 12px 0px 10px 40px;	

}

#menu li li li a {

	font-size:1.0em;

	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}

















/* ================================================================================================= */

/* 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.6em; }

	h2 {	font-size: 1.4em; }

	h3 {	font-size: 1.2em; }





}