@charset "utf-8";
/*** CSS Document for LOOKS e.V. */
/*** created by Janosch Skrobek   */
/*** 2010 - netz³ - netzhochdrei.de */

HTML, BODY {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	color: #555;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

A {
	color: #555;
}


IMG {
	border: none;
}

.detail {
	color: #89b70d;
}

.name-of-person {
	color: #00447b;
}

.important {
	color: #f7941d;
}
/************* fonts */

h1 {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	margin: 25px 0 20px 0;
}

.csc-textpic-caption {
	font-style: italic;
	font-size: 0.9em;
	padding: 3px 0;
}

.csc-frame-frame1 h1 {
	font-size: 16px;
	margin: 0 0 25px 0;
}

.csc-frame-frame2 {
	border: 2px solid #f7941d;
	color: #f7941d;
	font-weight: bold;
	padding: 10px;
	height: 78px;
	margin-top: 30px;
}

.csc-frame-frame2 p {
	margin: 0;
}

.csc-frame-frame2 a {
	color: #f7941d;
}

/************* structure */

#container {
	width: 1003px;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#header {
	height: 108px;
}

img.logo {
	float: left;
}

#navi {
	float: left;
	width: 206px;
	padding: 35px 0 145px 0;
	background: #000 url(../img/outlinefigur.gif) 0 100% no-repeat;
}

#content {
	width: 627px;
	padding: 40px 120px 55px 50px;
	float: left;
	font-size: 11px;
	line-height: 18px;
}


/************* navi */

#navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navi li a {
	padding: 5px 0 5px 31px;
	width: 175px;
	color: #c1c1c1;
	font-weight: bold;
	display: block;
	text-decoration: none;
	font-size: 11px;
	line-height: 18px;
}

#navi li a:hover {
	background-image: url(../img/pfeil.gif);
	background-position: 13px 9px;
	background-repeat: no-repeat;
}

#navi li a.active {
	color: #000;
}

#navi li.second a {
	background-color: #e4eda1;
	color: #000;
}

#navi li.second a.active, #navi li.second a:hover {
	background: #e4eda1 url(../img/pfeil_schwarz.gif) 13px 9px no-repeat;
}

.slide-out-div {
	padding: 20px;
	width: 200px;
	background: #f3f7d6;
	border: #a6ce39 1px solid;
	font-size: 0.8em;
	position: absolute;
	right: 0;
	top:0;
}

/************* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from IE-mac */