
body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	margin:0;
	padding:0;
	background-color:#eee;
	overflow:scroll;
	}


#wrap {
	position:absolute;
	width:940px;
	top:0;
	left:50%;
	margin-left:-480px;
	z-index:10;
	padding-left:20px;
	}

#bg {
	position:fixed;
	width:960px;
	top:0;
	left:50%;
	margin-left:-480px;
	height:100%;
	background:rgba(255,255,255,.5);
	z-index:1;
	box-shadow:-2px 2px 2px #ccc, 2px 2px 2px #ccc;
	}
	
	
#logo
	{
	margin-left:40px;
	}

#menuactivator {
	display:none;
	}
#level0 {
	position:absolute;
	width:180px;
	list-style:none;
	margin:0;
	padding:0;
	margin-left:20px;
	}

#level0  a {
	display:block;
	padding-left:35px;
	line-height:30px;
	font-weight:bold;
	color:#AC0A22;
	text-decoration:none;
	}
#level0 a:before {
	content:"";
	position:absolute;
	margin-left:-35px;
	display:block;
	width:30px;
	height:30px;
	background:url(gfx2/marker.gif) 0px 0px no-repeat;
	background-size:contain;
	overflow:hidden;
	transform:rotate(0deg);
	transition:transform linear .3s;

	}

#level0 a:hover {
	color:#000;
	}
	
#level0 a:hover:before {
	background:url(gfx2/marker.gif) 0px 0px no-repeat;
	background-size:contain;
	transform:rotate(45deg);
	transition:transform linear .3s;
	}

#level0 a.active1:before {
	background:url(gfx2/marker.gif) 0px 0px no-repeat;
	background-size:contain;
	transform:rotate(45deg);
	}
	
#level1 {
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:20px;
	}

#level1 a {
	padding-left:35px;
	line-height:auto;
	font-weight:bold;
	color:#AC0A22;
	font-size:87%;
	text-decoration:none;
	}
#level1 a:before {
	display:none;
	}

	
#content {
	padding-left:200px;
	padding-right:40px;
	}
	
h1 {
	margin-top:0;
	}

@media screen and (max-width:910px)
	{

	
#wrap {
	position:static;
	width:100%;
	top:0;
	left:0;
	margin-left:0;
	padding-left:0;
	background:rgba(255,255,255,.5);
	}

#bg {
	display:none;
	}
	
	
#logo
	{
	width:98%;
	margin-left:2%;
	}
#menuactivator {
	display:block;
	color:#fff;
	background-color:#AC0A22;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	}
ul#level0 {
	display:none;
	margin-top:0px;
	margin-left:0px;
	position:absolute;
	background:rgba(255,255,255,.9);
	padding:20px;
	max-width:300px;
	width:100%;
	}
#level0  a {
	margin-top:5px;
	margin-bottom:5px;
	}

#content {
	padding:2%;
	width:96%;
	}

#content img {
	max-width:100%;
	height:auto;
	}


	}
