/* *** global classes *********************************************** */
body {
	margin-left					: 0px;
	margin-top					: 0px;
	background-color 			: #000000;
	color						: #CCCCCC;
	font-family 				: Arial, Helvetica, sans-serif;
	font-size 					: 10pt;
	text-decoration				: none;
	text-align					: left;
	letter-spacing				: 0.1em;
	scrollbar-base-color		: #666666; 
	scrollbar-3dlight-color		: #CCCCCC; 
}
input, textarea {
	color						: #CCCCCC;
	font-family 				: Arial, Helvetica, sans-serif;
	font-size 					: 10pt;
	text-decoration				: none;
	background-color 			: #000000;
	scrollbar-base-color		: #CCCCCC; 
	scrollbar-3dlight-color		: #FFFFFF; 
	scrollbar-arrow-color		: #000000; 
	scrollbar-darkshadow-color	: #000000; 
	scrollbar-face-color		: #666666; 
	scrollbar-highlight-color	: #999999; 
	scrollbar-shadow-color		: #333333; 
	scrollbar-track-color		: #CCCCCC;
}

/* *** pseudo-class for links ******************* */
a:link {
	text-decoration		: none;
	font-weight			: bold;
	color				: #CCCCCC;
}
a:visited {
	text-decoration		: none;
	font-weight			: bold;
	color				: #CCCCCC;
}
a:hover {
	text-decoration		: none;
	font-weight			: bold;
	color				: #FFFFFF;
}
a:active {
	text-decoration		: none;
	font-weight			: bold;
	color				: #CCCCCC;
}

/* *** class selectors for background ******************************* */
td.back {
	background-color 	: #666666;
	width				: 150px;
}
td.back_black {
	background-color 	: #000000;
	width				: 150px;
}
body.spektrum {
	background-image	: url(../spektrum/garderobe_detail.jpg);
	background-repeat	: no-repeat;
	background-position	: right;
}

/* *** class selectors for scrollbar ******************************** */


/* *** class selectors for links ************************************ */
a.navi:link {
	font-weight		: bold;
	font-size 		: 9pt;
	letter-spacing	: 0.3em;
	color			: #666666;
	text-align		: center;
	text-decoration	: none;
}
a.navi:visited {
	font-weight		: bold;
	font-size 		: 9pt;
	letter-spacing	: 0.3em;
	color			: #666666;
	text-align		: center;
	text-decoration	: none;
}
a.navi:hover {
	font-weight		: bold;
	font-size 		: 9pt;
	letter-spacing	: 0.3em;
	color			: #CCCCCC;
	text-align		: center;
	text-decoration	: none;
}
a.navi:active {
	font-weight		: bold;
	font-size 		: 9pt;
	letter-spacing	: 0.3em;
	color			: #CCCCCC;
	text-align		: center;
	text-decoration	: none;
}
a.naviActive {
	font-weight		: bold;
	font-size 		: 9pt;
	letter-spacing	: 0.3em;
	color			: #CCCCCC;
	text-align		: center;
}
a.referenz {
	text-decoration	: none;
	color			: #666666;
	font-weight		: normal;
	letter-spacing	: 0.1em;
}
a.referenz:link {
	text-decoration	: none;
	color			: #666666;
	font-weight		: normal;
	letter-spacing	: 0.1em;
}
a.referenz:visited {
	text-decoration	: none;
	color			: #666666;
	font-weight		: normal;
	letter-spacing	: 0.1em;
}
a.referenz:hover {
	text-decoration	: none;
	color			: #CCCCCC;
	font-weight		: normal;
	letter-spacing	: 0.1em;
}
a.referenz:active {
	text-decoration	: none;
	color			: #CCCCCC;
	font-weight		: normal;
	letter-spacing	: 0.1em;
}
a.referenzActive{
	text-decoration	: none;
	color			: #CCCCCC;
	font-weight		: normal;
	letter-spacing	: 0.1em;
}
a.beschreibung {
	text-decoration	: none;
	font-weight		: normal;
	letter-spacing	: 0.1em;
	font-size 		: 8pt;
}

/* *** class selectors for text ************************************* */
.headline {
	font-weight		: bold;
	letter-spacing	: 0.4em;
}
.headline2 {
	font-weight		: bold;
	letter-spacing	: 0.1em;
	line-height		: 14pt;
}
.text {
	font-size 		: 10pt;
	text-align		: justify;
}

/* *** properties for positioning divs ****************************** */