* {
  	padding: 0;
  	margin: 0;
	border: 0;
  	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
  	text-decoration: none; }

.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clear {
	display: inline-block;
}

html[xmlns] .clear {
	display: block;
}

* html .clear {
	height: 1%;
}

/* Blaue Schriftfarbe: #002661 */

a:link { color: #002661; text-decoration: none; padding: 0 0 2px 0; }
a:visited { color: #002661; }
a:hover { color: #c42516; }

p { line-height: 20px; }

#wrapper { margin: 0 auto; width: 950px; border: 1px solid #002661; background: #7f92b0; }

.logo { width: 950px; height: 150px; vertical-align: bottom; }
.zentriert { text-align: center; }

#navigation_oben {
	width: 950px;
	border-top: 1px solid #002661;
	border-bottom: 1px solid #002661;
	margin: 0 0 15px 0;
	background: #fff;
}

#navigation_oben a { font-weight: bold; }

#navigation_oben ul li {
	display: inline;
	list-style-type: none;
	color: #002661;
	font-size: 12px;
}

#navigation_oben .links {
	float: left;
	padding: 2px 0 4px 10px;
}

#navigation_oben .rechts {
	float: right;
	text-align: right;
	padding: 2px 10px 4px 0;
}

#content { padding: 0 10px 5px 10px;}
#content p { color: #002661; }
#content h1, h2, h3 { color: #002661; }
#content h1 { font-size: 12px; margin-bottom: 5px; }
#content h2 { margin-bottom: 5px; }
#content a { text-decoration: underline; }

#content .links {
	width: 620px;
	float: left;
}

#content .rechts {
	width: 270px;
	float: right;
}

#content .box_blau {
	width: 908px;
	padding: 10px 10px 5px 10px;
	background: #e1e3e6;
	border: 1px solid #8faecd;
	margin-bottom: 10px;
}

#content .box_blau p { margin-bottom: 7px; }

#content .box_blau_1 {
	width: 620px;
	padding: 10px 10px 5px 10px;
	background: #e1e3e6;
	border: 1px solid #8faecd;
	margin-bottom: 7px;
}

#content .box_blau_1 p { margin-bottom: 7px; }

#content .links1 {
	width: 270px;
	float: left;
}

#content .rechts1 {
	width: 620px;
	float: left;
}

#content .box_blau_2 {
	width: 620px;
	padding: 10px 10px 5px 10px;
	background: #e1e3e6;
	border: 1px solid #8faecd;
	margin: 0 0 10px 20px;
	text-align: center;
}

#content .box_blau_2 .tabelle { margin: 0 auto; color: #002661; }
#content .box_blau_2 .grau { width: 100px; background: #f6efe0; border: 1px solid #eee4cb; padding: 4px; vertical-align: top; }
#content .box_blau_2 .blau { width: 520px; border-bottom: 1px solid #8faecd; text-align: left; padding: 4px; }

#content .box_blau_2 p { margin-bottom: 7px; }

#content .box_blau_2 ul { list-style-type: none; margin: 7px auto; }
#content .box_blau_2 ul li { text-align: left; padding: 4px; color: #002661; font-size: 11px; border-bottom: 1px solid #8faecd; margin-bottom: 3px;}

#content .greybox {
	width: 248px;
	padding: 5px 10px 2px 10px;
	background: #e1e3e6; /*#f6efe0;*/
	border: 1px solid #8faecd;
	margin-bottom: 10px;
}

#content .greybox .obj { display:block; width: 200px; border: 1px solid #8faecd; margin: 10px auto; }
#content .greybox a { display: block; text-align: right; }
#content .greybox .logo { width: 78px; height: 77px; display: block; float: left; padding-right: 10px; }
#content .greybox .left { width: 150px; height: 102px; float: left; }
#content .greybox h3 { padding: 0 0 3px 0; border-bottom:1px solid #8faecd; margin-bottom: 4px; }

#content .greybox2 {
	width: 140px; height: 113px;
	padding: 0 0 0 10px;
	/*background: #f6efe0;
	border: 1px solid #eee4cb;*/
	background: #e1e3e6;
	/*border: 1px solid #8faecd;*/
	float: right;
}

#content .greybox2 h1 { color: #002661; padding: 0 0 10px 0;}

.projects {
	list-style: none; display: inline;
	margin-bottom: 5px;
}

.projects  li {
	width: 288px;
	height: 165px;
	display: block;
	float: left;
	/*text-align: center;*/
	border: 1px solid #8faecd;
 	background: #e1e3e6;
 	padding: 4px 4px 4px 4px;
 	margin:0 17px 0 0;
}

.projects  li.last { float: right; margin:0 2px 0 0; }

.projects li img { width: 286px; display: block; margin: 0px auto 10px; border:1px solid #8faecd }
.projects li h1 { padding: 0 0 2px 0; border-bottom:1px solid #8faecd; margin: 0 5px 0 5px; }
.projects li a:link { display: block; margin: 7px 8px 0 15px; }
.projects li a:visited { display: block; margin: 7px 8px 0 15px; }
.projects li a:hover { display: block; margin: 7px 8px 0 15px; }
.mt { margin: 15px 8px 0 20px; text-align: right; }

.projects2 {
	list-style: none; display: inline;
	margin-bottom: 10px;
}

.projects2 li { width: 162px; display: block; float: left; text-align: center; border: 1px solid #8faecd; background: #e1e3e6; padding: 8px 4px 4px 4px; margin:0 17px 0 0; color: #002661; font-size: 7px; }

.li1 { height: 140px; }

.li2 { height: 250px; }

.projects2  .last { float: left; margin:0; }

.projects2 li img { width: 150px; display: block; margin: 4px auto; cursor: pointer; }

.vita { width: 908px; background: #e1e3e6; padding: 5px 10px 5px 10px; margin-bottom: 5px; }

.vita .tabelle { margin: 0 auto; color: #002661; }
.vita .jahr { width: 100px; border-bottom: 1px solid #8faecd; padding: 4px; vertical-align: top; }
.vita .blau { width: 520px; border-bottom: 1px solid #8faecd; text-align: left; padding: 4px; }

.prj { width: 908px; background: #002661; margin: 0 0 2px 0; padding: 5px 10px 5px 10px; color:  #8faecd; }

.b3 { width: 908px; background: #e1e3e6; margin: 0 0 2px 0; padding: 5px 10px 5px 10px;}

#player { width: 512px; height: 288px; margin: 0 auto; border: 2px solid #8faecd; }
#player4zu3 { width: 384px; height: 288px; margin: 0 auto; border: 2px solid #8faecd; }
.object_pic { display:block; width: 384px; height: 288px; margin: 7px auto; border: 1px solid #8faecd; }
.picbox { width: 620px; margin: 5px auto; }
.picbox .l { display: block; width: 300px; float:left; }
.picbox .r { display: block; width: 300px; float:right; }
.picbox .mb { margin: 5px 0 5px 0; }
.plan {display: block; width: 516px; margin: 5px auto; }

.bild { width: 512px; display: block; margin: 5px auto 0px; border: 2px solid #8faecd; }