/* Fonts and Style */
BODY {
	font-family:			Georgia, Times Roman, sans;
	font-size:				12px;
	color:					#CCC;
    text-align:				left;
}


H1, H2 {
	margin:					10px 0 10px 5px;
	padding:				0;
	font-weight: 			normal;
	color: 					#EEE;
}
H1 {
	font-size: 				12px;
	float: 					left;
}
H2 {
	font-size: 				12px;
}
H2.portfolio {
	cursor: 				pointer;
}
H2.portfolio:hover {
	color:					#333;
}
H2.portfolio SMALL {
	font-size: 				12px;
}

BR.reset {
	display:				block;
	clear:					both;
	margin:					0px;
	padding:				0px;
	font-size:				1px;
	line-height:			1px;
}
HR {
	margin-bottom: 			15px;
	clear: 					left;
}
P {
	clear: 					left;
	padding: 				10px 0;
}

A {
	text-decoration: 		none;
	color: 					#666;
}
LI.active A {
	text-decoration: 		underline;
	color: 					#666;
}
A:hover {
	color:					#666;
	text-decoration: 		underline;
}

/* Containers */
HTML {
    width:					100%;
}
BODY {	
	margin:					0;
	padding:				0;
    height:					auto;
	background: 			#000000;
}

DIV#header {
	height: 				70px;
	margin: 				0 0 0 50px;
    padding:				0;
}
UL {
	margin: 				5px 0 0 0px;
	padding: 				0;
	list-style: 			none;
}
UL LI {
	margin: 				0;
	padding: 				0 10px 0 5px;
	float: 					left;
	font-size:				9px;
}
DIV.hidden {
	height: 				450px;
}
DIV#container {
	height:					100%;
	float: 					none;
    margin:					30px 0 0 10px;
	padding:				0;
}
DIV#content {
	margin: 				16px 0;
    padding:				0;
	text-align:				left;
}
DIV#content IMG {
	float: 					left;
	margin-right:			10px;
}
DIV.text {
	margin:					0 0 0 55px;
}
DIV.set {
	clear:					both;
}
DIV.controlls {
	width:					50px;
	float:					left;
}
DIV.controlls DIV.close {
	width:					50px;
	height:					20px;
	margin:					10px 0 0 0;
	overflow:				hidden;
}
DIV.controlls DIV.top {
	width:					50px;
	height:					20px;
	margin:					388px 0 0 0;
	overflow:				hidden;
}
DIV.spacer {
	height:					11px;
	margin:					16px 4px 0 12px;
	background: 			url(../img/streifen.gif);
}

DIV#footer {
	clear:					both;
	margin: 				200px 0 20px 50px;
}