@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	background:#120906 url(../img/bg_body.jpg) repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

img {
	border:none;
}

h1, h2,h3 {
	font-size:18px;
	font-weight:bold;
	color:#810202;
}

h1 {
	margin-bottom:10px;
	}

h3{
	font-size:15px;
}

h2,h3 {
	font-weight:normal;
}


p {
	font-size:13px;
	line-height:17px;
	margin:10px 0;
}

.vita-details p.grey, .programm li.grey, .grey {
	font-size:12px;
	color:#555;
	}

a {
	color:#810202;
	text-decoration:none;
}

.clear {
	clear:both;
}

.line {
	height:1px;
	border-top:1px solid #ccc;
	margin:5px 0;
}

#overall {
	margin:0px 0 0 120px;
	width:855px;
}

#header {
	background:url(../img/bg_header2.jpg) no-repeat;
	padding-top:187px;
}

#navi {
	height:34px;
	background:url(../img/bg_navi.jpg) repeat-y 0px 5px;
	border-top:6px solid #8b8788;
	margin-left:-10px;
	padding-left:20px;
}


#navi li {
	float:left;
	list-style:none;
	height:32px;
	border:1px transparent solid;
}

#navi li.active {
	background:white;
	border:1px #ccc solid;
	border-bottom:1px transparent solid;
	margin-top:2px;
	height:30px;
}


#navi a {
	display:block;
	padding:7px 0;
	text-decoration:none;
	color:#810202;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	margin:0 15px;
}

#navi li.active a{
	padding-top:5px;
}
#content {
	background:#fff url(../img/bg_content.jpg) repeat-x bottom left;
	padding:10px 20px;
	width:805px;
	padding-bottom:20px;
}

#col-left, #col-right {
	float:left;
	}

#col-left {
	width:548px;
	margin-right:10px;	
}

#col-right {
	width:247px;
}

.teaser {
	padding:2px;
	border:1px solid #ccc;
	margin-bottom:10px;
}

.teaser p {
	margin:5px 0;
}

.teaser-thin {
	float:left;
	width:250px;
	margin-right:32px;
	margin-bottom:15px;
	border:1px solid #ccc;
	padding:3px;
	}

.vita-details {
	float:left;
	width:115px;
	margin-left:10px;
}

.vita-details p {
	font-size:12px;
	color:#810202;
	font-style:italic;
}

.vita-wide {
	margin-bottom:15px;
	}	

ul.programm {
/*float:left;*/
margin-top:5px;
}

ul.programm li {
	list-style:none;
	color:#810202;
	margin:3px 0;
}

.snippets {
	margin-top:20px;
	padding:20px 0 20px 40px;
	border:1px #ccc solid;
}

.reference-border{
	padding:3px 5px;
	border:1px #ccc solid;
}
.reference-border a.top{
	text-decoration:underline;
}

.reference-border ul {
	margin-left: 20px;
	list-style: none;
	width: 400px; 
}
.reference-border ul li {
	padding: 5px 0 2px 0;
}

.reference-border ul li.last {
	border-bottom: none;
}

.snippets li {
	padding:2px 0;
	margin:2px;
}
.snippets li a {
	font-size:14px;
	font-weight:bold;
}