* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	font: 12px/18px Arial, Verdana, Helvetica, sans-serif;
	color: #505050;
	background-color: #272727;
	text-align:center; /* horizontal centering for IE Win quirks */
}

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-287px; /* half of frame's height */
	float:left;
}

#frame {
	margin:0 auto;
	position:relative; /* puts frame in front of distance */
	text-align:left;
	height:574px;
	width:950px;
	clear:left;
}
		
		
img { border: 0px; }
table {	border: 0px; }


p {
	margin: 0;
	padding: 40px 40px 40px 196px;
	font: 12px/18px Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}
  
#left { 
	width: 135px;
	height: 574px;
	position: relative;
	padding: 0 40px 0 0;
	float: left;
}

#right { 
	width: 175px;
	height: 574px;
	float: left;
}

#main { 
	width: 600px;
	height: 574px;
	float: left;
}

#content {
	width: 600px;
	height: 500px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
	background-color: #202020;
	border: 1px solid #363636;
}

#embedBook {
	width: 600px;
	height: 363px;
	margin: 68px 0 0 0;
	padding: 0;
}

.quer {
		padding-top: 50px;
	}

#foot {
	position: relative;
	width: 600px;
	height: 72px;
	margin: 0;
	padding: 0;
	float: left;
}

#logo {
	width: 196px;
	height: 72px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(../img/alexander_labrentz.png) no-repeat;
	background-position: 0 35px;
}

#logo a {
			display: block;
			overflow: hidden;
			text-indent: -5000px;
			height: 72px;
			width: 196px;
		}

#info {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 390px;
	height: 35px;
	margin: 0;
	padding: 0;
	float: right;
}

#book {
	width: 150px;
	height: 18px;
	margin: 0 0 0 120px;
	padding: 0;
	float: left;
}


/* MENU
************************************************/

ul {list-style: none;}
	
.menu {
		min-height: 18px;
		padding: 0;
		width: 135px;
		position: absolute;
		bottom: 70px;
}

.sub {
	text-align: right;
	padding-bottom: 9px;
}

.titel a {
			display: block;
			overflow: hidden;
			text-indent: -5000px;
			height: 18px;
			width: 135px;
			background: url(../img/menu.png) no-repeat;
		}
		
		.titel a.active {background: url(../img/menu_down.png) no-repeat;}
		.titel a:hover {background: url(../img/menu_down.png) no-repeat;}

.titel2 a {
			display: block;
			overflow: hidden;
			text-indent: -5000px;
			height: 18px;
			width: 135px;
			background: url(../img/menu.png) no-repeat;
		}
		
		.titel2 a.active {background: url(../img/menu_down.png) no-repeat;}
		.titel2 a:hover {background: url(../img/menu_down.png) no-repeat;}		

		
			#m1 a {background-position: right 0;}
			#m2 a {background-position: right -18px;}
			#m3 a {background-position: right -36px;}	
			

		
					

/* COUNTER
************************************************/

#counter {
	width: 70px;
	height: 15px;
	margin: 0;
	padding: 0;
	float: right;
}

.arrowL {
	width: 5px;
	height: 15px;
	float: left;
}

	.arrowL a {
				display: block;
				overflow: hidden;
				text-indent: -5000px;
				height: 15px;
				width: 5px;
				background: url(../img/arrowL_down.png) no-repeat;
				background-position: 0 4px;
	}
		
	.arrowL a:hover {
				background: url(../img/arrowL.png) no-repeat;
				background-position: 0 4px;
	}
		

.number {
	width: 60px;
	height: 10px;
	text-align: center;
	float: left;
}

.arrowR {
	width: 5px;
	height: 15px;
	float: left;
}

	.arrowR a {
				display: block;
				overflow: hidden;
				text-indent: -5000px;
				height: 15px;
				width: 5px;
				background: url(../img/arrowR_down.png) no-repeat;
				background-position: 0 4px;
	}
		
	.arrowR a:hover {
				background: url(../img/arrowR.png) no-repeat; 
				background-position: 0 4px;
	}

#title {
	position: absolute;
	left: 240px;
	bottom: 0px;
	width: 150px;
	height: 18px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contentLeft { 
	width: 179px;
	height: 400px;
	padding: 40px 40px 40px 40px;
	float: left;
}

#contentRight { 
	width: 275px;
	height: 200px;
	padding: 205px 40px 40px 0;
	text-align: left;
	float: left;
}


.green {color: #565f00;}

/* LINKS
************************************************/

a {color: #505050; text-decoration: none;}
a:hover {color: #677200; text-decoration: none;}

a.invers {color: #565f00; text-decoration: none;}
a.invers:hover {color: #505050; text-decoration: none;}