body {
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #212121 url(./../images/pbackground.gif);
	color: #d0d0d0;
}

html {
	overflow: hidden;
}

#logobox {
	position: fixed;
	top: 0;
	left: 0;
	width: 600px;
	height: 79px;
	display: block;
	background: #212121 url(./../images/ptitle.gif) no-repeat;
	border-bottom: 1px solid #333333;
}

#navigationbox {
	width: 199px;
	height: 100px;
	position: fixed;
	top: 80px;
	left: 0;
	border-right: 1px solid #333333;
	margin: 0;
	padding: 0;
	z-index: 50;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigationbox li {
	position: relative;
	display: block;
}


#navigationbox li ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: -1px;
	left:199px;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	z-index: 100;
	display: none;
	box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.2);
}

#navigationbox a {
	display: block;
	width: 159px;
	color: #d0d0d0;
	text-decoration: none;
	padding: 15px 20px;
	border-bottom: 1px solid #333333;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000000;
	background-color: #212121;
	background-image: url(./../images/ppattern.gif);
}

#navigationbox li.sel>a {
	background-color: #333333;
}

#navigationbox li.sel a:hover {
	background-color: #333333;
}

#footer {
	width: 199px;
	height: 22px;
	line-height: 22px;
	padding: 5px 20px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #212121;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000000;
	border-top: 1px solid #333333;
	text-align: right; 
}

#footer a {
	color: #d0d0d0;
	text-decoration: none;
	padding-right: 20px;
}

#footer a:hover {
	color: #FCFCFC;
}



#contentbox {
	width: 440px;
	height: 100px;
	position: absolute;
	top: 80px;
	left: 200px;
	background: #212121 url(./pfade.png) repeat-x;
}

#contentbox .viewport { width: 420px; height: 200px; overflow: hidden; position: relative; }
#contentbox .overview { list-style: none; position: absolute; left: 0; top: 0; }
#contentbox .thumb { background-color: #333333; }
#contentbox .thumb:hover { background-color: #808080;}
#contentbox .sel { background-color: #808080;}
#contentbox .scrollbar { position: relative; float: right; width: 10px;}
#contentbox .track { background-color: #212121; height: 100%; width:10px; position: relative; padding: 0; background-image: url(./../images/ppattern.gif);}
#contentbox .thumb { height: 20px; width: 10px; overflow: hidden; position: absolute; top: 0; }
#contentbox .disable{ display: none; }

#content {
	width: 350px;
	padding: 40px;
}


#picturebox {
	width: 50%;
	height: 100px;
	position: fixed;
	top: 80px;
	left: 640px;
	overflow: hidden;
	z-index: 10;
}

#picturebox .bigpic {
	display: none;
}

#picturebox img.bordered {
 	border: 1px solid #212121;
	box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
}

#picturebox .selector {
	width: 24px;
	height: 24px;
	top: 10px;
	left: 10px;
	z-Index: 20;
	background-image: url(./../images/pselector.gif);
	background-repeat: no-repeat;
	position: absolute;
	cursor: pointer;
}

#picturebox .selected {
	background-position: 0 -24px;
}


#picture {
	position: absolute;
}

#waitbox {
	background: url(./pwait.png);
	width: 128px;
	height: 128px;
	position: absolute;
	z-index: 50;
	display: none;
}

.bubble {
	background: url(./pbubble.png);
	width: 130px;
	height: 140px;
	position: absolute;
	left: -103px;
	top: -136px;
	display: none;
}

.bubble img {
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 100px;
	height: 100px;
}

#searchform {
	width: 180px;
	height: 30px;
	position: absolute;
	right: 24px;
	top: 24px;
	background-color: #000000;
	border: 1px solid #333333;
	border-radius: 4px;
}

#searchcriteria {
	border: none;
	background-color: #000000;
	color: #d0d0d0;
	padding: 0;
	line-height: 18px;
	height: 18px;
	width: 140px;
	left: 6px;
	top: 6px;
	position: absolute;
	outline: none; 
}

#searchsubmit {
	width: 16px;
	height: 16px;
	border: none;
	background: url(./psearch.png);
	right: 7px;
	top: 7px;
	position: absolute;
	outline: none;
	cursor: pointer;
}

#searchajax {
	position: absolute;
	width: 180px;
	height: 156px;
	top: 66px;
	right: 24px;
	overflow: hidden;
	display: none;
	background-color: #000000;
	border: 1px solid #333333;	
	z-index: 20;
	border-radius: 4px;
}

#searchajax a {
	display: block;
	padding: 4px 10px;
	width: 160px;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	color: #d0d0d0;
}

#searchajax a:hover {
	background-color: #212121;	
}

#searchajax a.activelink {
	background-color: #212121;	
}