/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	background-color: #000000;
	text-align: center;
	color: #FFD4A8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding:0px;
	margin:0px;
}

a:link, a:visited, a:hover, a:active {
 	color: #FFD4A8;
	text-decoration: none;
}
a:hover {
	color: #FF8000;
}

/* ----------container centered layout-------------- */
#container {
	width: 750px;
	margin: 0 auto;
	height: 587px;
} 

/* ----------banner for logo-------------- */
#banner {
	text-align: right;
	padding: 0px;
	margin: 0px;
}
#banner img {
	padding: 16px 0 22px 0;
	width: 750px;
	height: 33px;
}

/* ----------outer und inner----------------- */

#outer { 
	border-left: solid 100px #000000; /* linke Menue Spalten Farbe  */ 
	border-right: solid 100px #000000; /* rechte Menue Spalten Farbe  */ 
	background-color: #000000; /* Farbe fuer Inhalt Spalten  */
} 

#inner {
	margin: 0;
	width: 100%;
}

/* --------------left und right navigavtion------------- */
#left {
	width: 100px; 
	float: left; 
	position: relative;
	margin: 40px 1px 0 -100px;
}

#left div.spacer {
	height: 50px;
}

#left .item {
	margin: 1em auto 1em 0;
	width: 69px;
	line-height: 0%;
	white-space:nowrap;
}

#left br {
	line-height: 3.5em;
}

#left .item img{
	border: 0px;
	width: 5px;
	height: 5px;
	visibility: hidden;
}

#left .selectedItem img{
	visibility: visible;
}
#left .item img.left{
	margin-right: 62px; /* changed from 59px for "by the way" */
}

#left a {
	margin: 0 auto;
	display:block;
	width: 59px;
	height:36px;
	line-height: 3em;
}

#right {
	float: right; 
	position: relative; 
	margin: 0 -100px 0 1px; 
	overflow: hidden;
	height: 513px;
	overflow: auto;   /* will overwrite "hidden" via javascript */
	width: 110px;     /* will overwrite "100px" via javascript */
}

#thumbnails {
	width: 80px;
	position: relative;
	float: left;
	top: 0px;
}

#thumbnails .item {
	margin: 0 auto;
	width: 90px;
	line-height: 0%;
}

#thumbnails .spacer {
	margin:0;
	overflow: hidden;
	height: 1.5em;
}

#thumbnails .item img.leftP{
	margin-right: 64px;
}
#thumbnails .item img.leftL{
	margin-right: 80px;
}
#thumbnails .item img {
	visibility: hidden;
}

#thumbnails .selectedItem img {
	visibility: visible;
}

#thumbnails img.thumbnail {
	display: block;
	margin: 0 auto;
	border: 0px;
	visibility: visible;
}

/*########################### scrollBar ############################*/
.scrollBarVertical {
	float: right;
	width: 8px;
	height: 100%;
	background-image: url(/rsc/scrollBarVertical.gif);
	background-repeat: repeat-y;
	display: none;   /* will overwrite "block" via javascript */
}

.scrollBarVertical .up,.down {
	position: relative;
	width: 8px;
	height: 8px;
	overflow: hidden;
}

.scrollBarVertical .up {
	background-image: url(/rsc/scrollUp.gif);
}

.scrollBarVertical .down {
	background-image: url(/rsc/scrollDown.gif);
	top: 497px;
}

.scrollBarVertical .slider {
	position: relative;
	width: 8px;
	height: auto;
	background-image: url(/rsc/scrollBarSliderVertical.gif);
	top: -8px; /* Position of the slider (-8 is position 0) */
	/*visibility: hidden;*/
}
.scrollBarVertical .slider .top{
	width: 8px;
	height: 2px;
	overflow: hidden;
	background-image: url(/rsc/scrollBarSliderTop.gif);
}
.scrollBarVertical .slider .bottom{
	width: 8px;
	height: 2px;
	overflow: hidden;
	background-image: url(/rsc/scrollBarSliderBottom.gif);
	margin-top: 42px; /* Size of the slider */
}

/* -----------------CONTENT--------------------- */ 

#content{ 
	margin: 0px;
	height: 515px;
}

table.outer {
	width: auto;
	height: 515px;
	border-collapse: collapse;
	margin: 0 auto;
}
table.outer td {
	padding: 0;
	vertical-align: middle;
}
table.inner {
	width: 0%;
	height: 0%;
	margin: 0 auto;
	border-collapse: collapse;
}
table.inner td {
	text-align: right;
	padding: 0;
}
table.inner img, table.inner p {
	margin: 0px;
}

table.specialBox {
	border-collapse: collapse;
	margin: 0 auto;
	height: 100%;
}

table.specialBox a:link, table.specialBox a:visited, table.specialBox a:hover, table.specialBox a:active {
 	color: #FFD4A8;
	text-decoration: underline;
}

table.specialBox td.left {
	vertical-align: top;
	text-align: right;
	padding: 0.5em 2em 0.5em 2em;
	background-color: #804000;
	height: 1%;
}

table.specialBox td.right {
	vertical-align: top;
	text-align: left;
	padding: 0.5em 2em 0.5em 2em;
	background-color: #804000;
	height: 1%;
}

table.specialBox td.center {
	vertical-align: top;
	text-align: center;
	padding: 0.5em 2em 0.5em 2em;
	background-color: #804000;
	height: 1%;
}

table.specialBox tr.spacer {
	height: 30%;
}

/*  ----------------footer---------------------- */ 
#footer {
	clear:left;
	padding:0px;
	margin:0px;
	text-align: right;
} 

#searchEngineText {
	color: #000;
	display: none;
	visibility: hidden;
	position: absolute;
	left: -9999px;
	top: -9999px;
}