@CHARSET "ISO-8859-1";
/*------------------html elements-----------------------*/

a,body,caption,div,em,fieldset,h1,h2,h3,h4,h5,h6,input,label,legend,li,ol,p,select,span,strong,sup,td,textarea,th,ul {
  font-family:Century Gothic, verdana,arial,helvetica;
}

a {
  color:#8c8c8c;
  text-decoration:underline;
}

a:hover {
  color:#8300e6;
  text-decoration:underline;
}

address {
  font-style:normal;
}

blockquote {
  font-weight:bold;
  margin:0px 0px 15px 0px;
}

body {
  background-color:#efefef;
  background-position:0% 0%;
  background-repeat:no-repeat;
  color:#8c8c8c;
 /* font-size:70%; */
  font-size:12px;
  padding:0px;
  margin:0px;
}

embed {
  float:left;
}

h1 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 15px 0px;
  padding:0px 0px 0px 0px;
}

h2 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

h3 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

h4 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

h5 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

h6 {
  color:#999999;
  font-size:100%;
  font-style:normal;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}


img {
  border:none;
  margin:0px;
  padding:0px;
}

input {
  font-size:90%;
}

object {
  float:left;
}

ol {
  padding-left:25px;
  margin-left:0px;
  margin-bottom:15px;
  margin-top:0px;
}

ol ol {
  margin-bottom:0px;
}

ol li {
  margin-bottom:3px;
}

p {
  margin:0px 0px 15px 0px;
}

pre {
  font-size:100%;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:100%;
}

html>body pre {
  font-size:120%;
}

select {
  font-size:90%;
}
table {
  border:none;
  clear:both;
  font-size:100%;
  margin:0px;
  padding:0px;
}

textarea {
  font-size:90%;
}

ul {
  padding-left:16px;
  margin-left:0px;
  margin-bottom:15px;
  margin-top:0px;
}

ul ul {
  margin-bottom:0px;
}

ul li {
  margin-bottom:3px;
}

/*------------------positional classes-----------------------*/

.left { text-align:left ! important; }
.center { text-align:center ! important; }
.right { text-align:right ! important; }
.top { vertical-align:top ! important; }
.middle { vertical-align:middle ! important; }
.bottom { vertical-align:bottom ! important; }

/*------------------list classes-----------------------*/

ul.listNoBullet {
  clear:both;
  list-style:none;
  margin:0px;
  padding:0px;
}

ul.listNoBullet li {
  background-image:none ! important;
  padding-left:0px ! important;
}
/*------------------page-----------------------*/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
	text-align:center;
	min-height:615px;/* for good browsers*/
	min-width:1006px;/* for good browsers*/
}

#box01	{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}

#box02 {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 650px;
}

#box03 {
	width:1030px;
	background-color:#FFFFFF;
	height: 654px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-image: url(../pics/rahmen.jpg);
}

/*------------------logo-----------------------*/

#logo {
  position:absolute;
  right:45px;
  top:54px;
}

/*------------------menu main-----------------------*/

#menuMain {
  font-size:16px;
  position:absolute;
  left:45px;
  top:50px;
}

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

#menuMain ul li {
  clear:both;
  list-style:none;
  margin:0px;
  padding:0px;
}

#menuMain ul li a {
  text-decoration:none;
}

#menuMain ul li a:hover {
  text-decoration:none;
}

#menuMain ul li a.on {
  color:black;
}

#menuMain ul li img {
  voice-family: "\"}\"";
  voice-family:inherit;
  float:left;
}

html>body #menuMain ul li img {
  float:left;
}

#menu_item_1 {
  position:absolute;
  top:0px;
  left:0px;

}

#menu_1 ul li{
  float:left;
}

#menu_1 {
  font-size:14px;
  position:absolute;
  top:50px;
  left:0px;
  visibility:hidden;
  white-space: nowrap;
}

#menu_item_1_1 {
  position:absolute;
  top:0px;
  left:0px;
}
#menu_item_1_2 {
  position:absolute;
  top:0px;
  left:137px;
}
#menu_item_1_3 {
  position:absolute;
  top:0px;
  left:194px;
}
#menu_item_1_4 {
  position:absolute;
  top:0px;
  left:265px;
}

#menu_1_2 {
  position:absolute;
  top:30px;
  left:10px;
  visibility:hidden;
  white-space: nowrap;
}
.menu_1_2 {
  font-size:12px;
}
#menu_item_1_2_1 {
  position:absolute;
  top:0px;
  left:-148px;
}
#menu_item_1_2_2 {
  position:absolute;
  top:0px;
  left:73px;
}
#menu_item_1_2_3 {
  position:absolute;
  top:0px;
  left:243px;
}
#menu_item_1_2_4 {
  position:absolute;
  top:0px;
  left:381px;
}
#menu_item_1_2_5 {
  position:absolute;
  top:0px;
  left:496px;
}
#menu_item_1_2_6 {
  position:absolute;
  top:20px;
  left:-148px;
}
#menu_item_1_2_7 {
  position:absolute;
  top:20px;
  left:14px;
}
#menu_item_1_2_8 {
  position:absolute;
  top:20px;
  left:255px;
}
#menu_item_1_2_9 {
  position:absolute;
  top:20px;
  left:477px;
}
#menu_item_1_2_10 {
  position:absolute;
  top:40px;
  left:-148px;
}
#menu_2 {
  font-size:14px;
  position:absolute;
  top:50px;
  left:0px;
  visibility:hidden;
  white-space: nowrap;
}

#menu_item_2 {
  position:absolute;
  top:0px;
  left:265px;
}
#menu_2_1 {
  position:absolute;
  top:30px;
  left:10px;
  visibility:hidden;
  white-space: nowrap;
}
#menu_item_2_1 {
  position:absolute;
  top:0px;
  left:-265px;
}
#menu_item_2_1_1 {
  position:absolute;
  top:0px;
  left:-11px;
}
#menu_item_2_1_2 {
  position:absolute;
  top:0px;
  left:241px;
}
#menu_item_2_1_3 {
  position:absolute;
  top:0px;
  left:514px;
}
#menu_item_2_1_4 {
  position:absolute;
  top:0px;
  left:727px;
}
#menu_item_2_1_5 {
  position:absolute;
  top:20px;
  left:-11px;
}
#menu_item_2_1_6 {
  position:absolute;
  top:20px;
  left:217px;
}
#menu_item_2_1_7 {
  position:absolute;
  top:20px;
  left:434px;
}
#menu_item_2_2 {
  position:absolute;
  top:0px;
  left:-190px;
}
#menu_item_2_2_1 {
  position:absolute;
  top:30px;
  left:-107px;
}
#menu_item_2_2_2 {
  position:absolute;
  top:30px;
  left:325px;
}
#menu_item_2_2_3 {
  position:absolute;
  top:30px;
  left:690px;
}

#menu_item_2_2_4 {
  position:absolute;
  top:50px;
  left:-107px;
}
#menu_item_2_2_5 {
  position:absolute;
  top:50px;
  left:180px;
}
#menu_item_2_2_6 {
  position:absolute;
  top:50px;
  left:435px;
}
#menu_item_2_2_1 {
 /*  letter-spacing: -1px;*/
  position:absolute;
  top:30px;
  left:-76px;
}
#menu_item_2_2_2 {
  position:absolute;
  top:30px;
  left:110px;
}
#menu_item_2_2_3 {
  position:absolute;
  top:30px;
  left:335px;
}
#menu_item_2_2_4 {
  position:absolute;
  top:30px;
  left:580px;
}
#menu_item_2_2_5 {
  position:absolute;
  top:50px;
  left:-76px;
}
#menu_item_2_3 {
  position:absolute;
  top:0px;
  left:-138px;
}
#menu_item_2_3_1 {
  position:absolute;
  top:30px;
  left:-127px;
}
#menu_item_2_3_2 {
  position:absolute;
  top:30px;
  left:113px;
}
#menu_item_2_3_3 {
  position:absolute;
  top:30px;
  left:429px;
}
#menu_item_2_3_4 {
  position:absolute;
  top:50px;
  left:-127px;
}
#menu_item_2_3_5 {
  position:absolute;
  top:50px;
  left:163px;
}
#menu_item_2_3_6 {
  position:absolute;
  top:50px;
  left:382px;
}
#menu_item_2_4 {
  position:absolute;
  top:0px;
  left:-83px;
}
#menu_item_2_4_1 {
  position:absolute;
  top:30px;
  left:-182px;
}
#menu_item_2_4_2 {
  position:absolute;
  top:30px;
  left:94px;
}
#menu_item_2_4_3 {
  position:absolute;
  top:30px;
  left:343px;
}
#menu_item_2_4_4 {
  position:absolute;
  top:50px;
  left:-182px;
}
#menu_item_2_5 {
  position:absolute;
  top:0px;
  left:4px;
}
#menu_item_2_5_1 {
  position:absolute;
  top:30px;
  left:-269px;
}
#menu_item_2_5_2 {
  position:absolute;
  top:30px;
  left:-112px;
}
#menu_item_2_5_3 {
  position:absolute;
  top:30px;
  left:148px;
}
#menu_item_2_5_4 {
  position:absolute;
  top:30px;
  left:322px;
}
#menu_item_2_6 {
  position:absolute;
  top:0px;
  left:89px;
}
#menu_item_2_6_1 {
  position:absolute;
  top:30px;
  left:-645px;
}
#menu_item_2_7 {
  position:absolute;
  top:0px;
  left:598px;
}
/*------------------menu sub-----------------------*/

#menuSub {
  position:absolute;
  right:0px;
  top:5px;
}

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

#menuSub ul li {
  float:left;
  list-style:none;
  margin:0px;
  padding-left:7px;
}

#menuSub ul li img {
  float:left;
}
.active {
  /*	font-weight:bold; */
	color:#3D3D3F;
}
/*------------------title main-----------------------*/
#titleMain {
  position:absolute;
  left:314px;
  top:30px;
  width:200px;
}

#titleMain h1 {
  float:left;
  margin-bottom:0px;
}

#titleMain img {
  float:left;
}

#titleMain p {
  float:left;
  margin:6px 4px 0px 4px;
  padding:0px;
}

/*------------------body-----------------------*/

#body {
  position:absolute;
  left:50px;
  height:514px;
  top:220px;
  width:930px;
}
.headline {
	vertical-align:top;
	font-size:12px;
	color:#3D3D3F;
	width:460px;
}
.personal_photo {
	float:left;
}
.personal_text {
	text-align:left;
	padding-left:230px;
}
.plist_y {
	padding-top:10px;
	font-weight:bold;
}
.scroll_list {
	height:300px;
	overflow:hidden;
	/*
	overflow:auto;
	scrollbar-3dlight-color:#B4005A;
	scrollbar-arrow-color:#B4005A;
	scrollbar-base-color::#7B7C7E;
	scrollbar-darkshadow-color:#3D3D3F;
	scrollbar-face-color::#7B7C7E;
	scrollbar-highlight-color::#7B7C7E;
	scrollbar-shadow-color:#B4005A;
	*/
}
.tbl_project_list {
	text-align:left;
	width:97%;
}
.project_list {
}
.project_list a.but_up{
	padding:4px 3px 0px 0px;
	margin-left:450px;
	margin-bottom:20px;
    display:block;
    width:20px;
    font-size:10px;
    border:1px solid #f;
	background-image: url(../pics/scroll_but_grey_up.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
.project_list  a.but_up:hover{
  display:block;
  font-size:10px;
  border:1px solid #f;
  background-image: url(../pics/scroll_but_pink_up.jpg);
  background-repeat:no-repeat;
  background-position:center center;
}
.project_list  a.but_down {
	padding:4px 3px 0px 0px;
	margin-left:450px;
	margin-top:20px;
	margin-bottom:20px;
    display:block;
    width:20px;
    font-size:10px;
    border:1px solid #f;
	background-image: url(../pics/scroll_but_grey.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
.project_list  a.but_down:hover{
  display:block;
  font-size:10px;
  border:1px solid #f;
  background-image: url(../pics/scroll_but_pink.jpg);
  background-repeat:no-repeat;
  background-position:center center;
}
.project {
	border-collapse:collapse;
	width:100%;

}
.project td {
	vertical-align:top;
}

.project_navl {
	text-align:right;
	padding:8px 0px 30px 0px;
	width:460px;
}

.project_navr {
	text-align:right;
	padding:8px 0px 30px 4px;

}
.project_navl a{
	padding:4px 2px 0px 0px;
	margin-left:0px;
	font-size:7px;
        background-image: url(../pics/grey.jpg);
	border:1px solid #f;
	background-repeat:no-repeat;
	background-position:center center;
}

.project_navl a:hover {
    background-image: url(../pics/pink.jpg);
}
.project_navl .active_but {
	background-image: url(../pics/dark.jpg);
}
.project_navr a{
	padding:4px 2px 0px 0px;
	margin-left:0px;
	font-size:7px;
    	background-image: url(../pics/grey.jpg);
	border:1px solid #f;
	background-repeat:no-repeat;
	background-position:center center;
 }

.project_navr a:hover {
    background-image: url(../pics/pink.jpg);
}
.project_navr .active_but {
	background-image: url(../pics/dark.jpg);
}

.project_tbl {
	border-collapse:collapse;
	font-size:12px;
	line-height:13px;
	/*border:solid 1px green; */
	margin:0px;
	width:460px;
}
.project_tbl td{
/*border:solid 1px green; */
}

.project_img {
	vertical-align:top;
	text-align:right;
	/* border:solid 1px black;*/
}
#empty_line td{
	height:8px;
	font-size:5px;
}

.ptbl_tdl {
	font-size:12px;
	line-height:13px;
	border-spacing:0px;
	text-align:justify;
	vertical-align:top;
}
.ptbl_tdr {
	font-size:12px;
	line-height:13px;
	border-spacing:0px;
	text-align:justify;
	vertical-align:top;
	text-align:right;
}
.strahl {
  position:relative;
  left:0px;
  top:355px;
}
.strahl_projektebene {
  position:absolute;
  left:0px;
  top:355px;
}