/* CSS Document */
/* all corde styles by jan[at]inhaltvonstrohmeier[dot]de */

/* generic */
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #231F3E;
	margin: 0;
	padding: 0;
	background-color:#e7e7e8;
}
div, img {
	position:relative;
}
/* layout elements */
.wrap {
	width: 1003px;
	background-image:url(../images/dreieck.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	left: 50%;
	margin-left: -501px;
	background-color:#FFFFFF;
}

.row {
	width:100%;
	clear:both;
}

.content {
	height: 320px; overflow: hidden; z-index:1;
}

.footer {
	height: 389px; overflow: hidden; vertical-align:top; z-index:2;
}

.navigation {
	width:196px;
	float:left;
	clear:none;
	z-index:3;
}

.contentarea {
	width:800px;
	float:left;
	clear:none;
	font-size:12px;
}

/* menu */
.navigation ul {
	margin: 76px 0px 0px 0px;
	padding: 0px;
}
.navigation ul li {
	list-style-image:none;
	list-style-type:none;
	width: 100%;
	height: 24px;
	background-color: #e7e7e8;
	margin-bottom: 17px;
	text-align: right;
	vertical-align:middle;
	padding-right: 15px;
}
.navigation ul li a {
	font-weight:bold;
	color: #949599;
	font-size:14px;
	text-decoration:none;
}
.navigation ul li a:hover, .navigation ul li a.active {
	color: #004278;
}

/* content */
.contentarea p, .contentarea img {
	display: block;
	clear: both;
}
.contentarea img {
	margin: 36px 10px 20px 0px;
}
.contentarea p, .contentarea ul {
	margin: 0px 10px 10px 80px;
	line-height:18px;
	padding: 0;
}
ul.half {
	width: 330px;
	float: left;
	clear: none;
	padding-left:15px;
}
ul.half li {
	list-style-type:circle;
}