@charset "utf-8";
/* CSS Document */

html, body  {margin: 0; padding: 0;}
	
body {background-color: #e6e6e6;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}

a:link {text-decoration: none;	color: #5d6d7e;}
a:visited { color:#4f4f4f;text-decoration: none;}
a:active { color:#ec9759;text-decoration: none;}

#base {position: relative;	}

.hide {display: none;}

img {border-width: 0px;}
img a{border-width: 0px; }
a {
outline: none;
}

	
h1, h2, h3, ul, li {margin: 0px;padding: 0px;list-style: none;}
/*-------------------------------------LOGO------------------------------------*/
#base #header {	position: absolute;
	width: 105px;height: 35px;
	left: 60px;	top: 50px;
	z-index: 1;	margin:0px;
	background-color: #e6e6e6;
	}

#base h1 a {display: block;
	width: 105px;height: 35px;
	font-size: 2px;	text-indent: -2000em;
	background-image:url(qu/logo-roman-boensch.png);
	background-repeat: no-repeat;background-position: 0 0px;
	}

#base h1 a:hover {width: 105px;background-position: 0 -35px;}	

/*--------------------------------NAVIGATION-----------------------------------------*/

#nav {position: absolute;
	width: 349px;top: 100px;
	left: 60px;	margin: 0;padding:0;z-index: 2;
	}	

#nav ul {display: inline;
	width:349px; 
	height: 100%;margin: 0;	padding: 0;}
	
#nav li { float: left; position: relative;}
	
#nav li a {	display:block;font-weight:bold; color: #666;
	width: 349px; height: 18px;
	margin: 0;	padding: 0;
	}
#nav li a:visited {color: #999; }
#nav li a:hover {color: #000;}

/*-------------------------------SUBNAV level1-------------------------*/

#nav ul.level1 {
	position: relative;
	display:block;
	width: 320px;
	height: 100%;
	margin: 0;
	padding-left: 10px;
	padding-top: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
	
#nav ul.level1 li  {
	width: 320px;
	float: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
	line-height: 14px;
	height: 100%;
	}
	
#nav ul.level1 li strong a, #nav ul.level1 li a {
	display: block;
	padding: 0;
	margin:0;
	}