/* CSS Document */

body {
	background: #ffffff;
	margin: 0;
	text-align: left;

	
	}
	
	a:link, a:visited, a:active  {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; color:#333333;text-decoration:underline;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color:#000000;text-decoration:underline}

/* logo */	
#logolage {
	width: 885px;
	height:45px;
	position: relative;
	background: #ffffff;
	background-image: url(images/logo02.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	text-align: right;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
  }
  #eng_dut{
	position: absolut;
	margin-top: 20px;
	padding-top: 19px;
	padding-right: 4px;
  }
#haus {
	width: 885px;
	height:430px;
	position: relative;
	background-image: url(images/rechteck_heller.png);
	background-repeat: repeat;
	margin: auto;
	margin-top: -8px;
	background-color: #ffffff;
  }
/* navigation */
#navigation {
	width: 335px;
	height:340px;
	position: absolute;
	background: none;
	margin: auto;
	margin-top: 30px;
	margin-left: 25px;
  }
#home{
	position: absolute;
	margin: 0;
	margin-left: 156px;
}
#new{
	position: absolute;
	margin: 0;
	margin-top: 81px;
	margin-left: 4px;
}
#work{
	position: absolute;
	margin: 0;
	margin-top: 112px;
	margin-left: 233px;
}
#cv{
	position: absolute;
	margin: 0;
	margin-top: 208px;
	margin-left: 103px;
}
#links{
	position: absolute;
	margin: 0;
	margin-left: 26px;
	margin-top: 353px;
}
#contact{
	position: absolute;
	margin: 0;
	margin-left: 26px;
	margin-top: 337px;
}
/* work navigation */
#projects{
	position: absolute;
	margin: 0;
	margin-left: 276px;
	margin-top: 113px;
}
#seminars{
	position: absolute;
	margin: 0;
	margin-left: 289px;
	margin-top: 129px;
}
/*projekte navigation*/
#eins{
	position: absolute;
	margin: 0;
	margin-left: 337px;
	margin-top: 113px;
}
#zwei{
	position: absolute;
	margin: 0;
	margin-left: 337px;
	margin-top: 129px;
}
#drei{
	position: absolute;
	margin: 0;
	margin-left: 337px;
	margin-top: 145px;
}
#vier{
	position: absolute;
	margin: 0;
	margin-left: 337px;
	margin-top: 161px;
}
#fuenf{
	position: absolute;
	margin: 0;
	margin-left: 337px;
	margin-top: 177px;
}
/*das fenster mit content */
#tuer img.lin {
	margin-left: 0px;
	margin-bottom: 0px;
	float:left;
}
#tuer img.logo {
	margin-bottom: 0px;
	margin-right: 0px;
	float:right;
	
}
#tuer img.linr {
	margin-bottom: 0px;
	margin-right: 0px;
	float:right;
	
}
#tuer img {
	margin-left: 12px;
	z-index: 0;
}

#tuer {
	position: absolute;
	margin: 0;
	width: 358px;
	margin-left: 445px;
	margin-top: 52px;
	background: #ffffff;
	padding-top: 10px;
	padding-bottom: 70px;
}


.gru{
	color:#99CC33;
	font-size: 10px;
	font-weight: bold;
}
.gruen{
	color:#99CC33;
	
}
.dunkel{
color:#333333;}
.dunkel_rechts{
	color:#333333;
	float: right;
}
.dunkel_unt{
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; color:#333333;text-decoration:underline
}
#text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 334px;
	color: #333333;
	margin-top: 15px;
	margin-left: 12px;
	margin-bottom: 10px;
}
#text02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 334px;
	color: #333333;
	margin-top: 53px;
	margin-left: 12px;
	margin-bottom: 10px;
	height:310px;
}
#text03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 334px;
	color: #333333;
	margin-top: 53px;
	margin-left: 12px;
	margin-bottom: 10px;
	height:290px;
}

/* die infobox*/
#fenster {
	background: #ffffff;
	position: absolute;
	padding-left: 0px;
	padding-bottom: 2px;
	left: 185px;
	top: 288px;
}
#fenstertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	width: 220px;
	color: #333333;
	margin-top: 0px;
	text-align: left;
	position: relativ;
	margin-left: 5px;
	margin-right: 5px;
}
#fenstertextblocke{
	position: relativ;
	width: 20px;
	margin-left: 1px;
	margin-top: 2px;
}
#fenster_probe {
	background: #ffffff;
	margin: 0;
	margin-left: 235px;
	margin-top: 270px;
	width: 140px;
	position: relative;
	padding-left: 6px;
	padding-bottom: 9px;
	padding-right: 8px;
}
.probe{
	padding-left: 30px;
	text-align: left;
}

table.bio {
table-layout:fixed;
	line-height: 13px;
	font-size: 10px;	
	
	}
	
td.bio_zeit {
	white-space:nowrap;
	padding-right: 1px;
	vertical-align: top;
	width: 40px;	
	}	
	

/* die navigation in content box*/
.nachlinks{
	position: absolute;
	top: 177px;
	left: 252px;
	margin: 0;
	width: 26px;
}
.nachrechts{
	position: absolute;
	top: 177px;
	left: 278px;
	margin: 0;
	width: 26px;
}
.nachoben{
	position: absolute;
	top: 177px;
	left: 305px;
	margin: 0;
	width: 26px;
}
#ichbinhinten{
	z-index: 0;
	position: relative;
}
#ichbinvorne img.bla{
	position: relative;
	z-index: 30;
	float: right;
	margin-top: -19px;
	margin-right: 100px;
}
#ichbinvorne img.bla2{
	position: relative;
	z-index: 31;
	float: right;
	margin-top: -19px;
	margin-right: 74px;
}
#ichbinvorne img.bla3{
	position: relative;
	z-index: 30;
	float: right;
	margin-top: -19px;
	margin-right: 48px;
}
#ichbinvorne img.bla4{
	position: relative;
	z-index: 30;
	float: right;
	margin-top: -19px;
	margin-right: 22px;
}
/*cv */
#general{
	position: absolute;
	margin: 0;
	margin-left: 159px;
	margin-top: 211px;
}
#skills{
	position: absolute;
	margin: 0;
	margin-left: 159px;
	margin-top: 243px;
}
#competition{
	position: absolute;
	margin: 0;
	margin-left: 159px;
	margin-top: 228px;
}
#treppe {
	position: absolute;
	margin: 0;
	width: 530px;
	margin-left: 289px;
	margin-top: 195px;
	background: #ffffff;
	padding-top: 6px;
	padding-bottom: 30px;
	padding-left: 12px;
}
#treppe_skills {
	position: absolute;
	margin: 0;
	width: 540px;
	margin-left: 289px;
	margin-top: 290px;
	background: #ffffff;
	padding-top: 1px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#cv_content_skills {
	position: relativ;
	width: 520px;
	margin: 0;
	margin-left: 5px;
	margin-top: 0px;
}
#treppe_com {
	position: absolute;
	margin: 0;
	width: 540px;
	margin-left: 289px;
	margin-top: 195px;
	background: #ffffff;
	padding-top: 6px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#treppe img {
	position: relative;
	margin-top: 3px;	
}
#treppe_com img.lin {
	margin-left: 0px;
	margin-bottom: 0px;
	float:left;
}
#treppe_com img.linr {
	margin-bottom: 0px;
	margin-right: 0px;
	float:right;
	
}
#cv_content {
	position: relativ;
	width: 400px;
	margin: 0;
	margin-left: 123px;
	margin-top: -230px;
}
#cv_content_competition {
	position: relativ;
	width: 520px;
	margin: 0;
	margin-left: 5px;
	margin-top: 0px;
}
#text_cv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 392px;
	color: #666666;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 16px;
	/*border-left-width:1px;*/
	/*border-left:inset;*/
	padding-left:7px;	
}
#text_cv_competition {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 520px;
	color: #666666;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 16px;
	/*border-left-width:1px;*/
	/*border-left:inset;*/
	padding-left:7px;
	padding-right: 7px;
	margin-right: 7px;
}
.dunkel_bold{
	color:#333333;
	line-height: 17pt;
}
.dunkel_bold_grau{
	color:#666666;
	line-height: 17pt;
}
.gruen_mit{
	color:#99CC33;
	line-height: 17pt;
}
#text_cv02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 392px;
	color: #666666;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 16px;
	/*border-left-width:1px;*/
	/*border-left:inset;*/
	padding-left:7px;	
}
#text_cv02_competition {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 520px;
	color: #666666;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 16px;
	/*border-left-width:1px;*/
	/*border-left:inset;*/
	padding-left:7px;
	padding-right: 7px;
}
#text_cv03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 392px;
	color: #666666;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 16px;
	/*border-left-width:1px;*/
	/*border-left:inset;*/
	padding-left:7px;	
}
#text_cv03_competition {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 520px;
	color: #656565;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 16px;
	/*border-left-width:1px;*/
	/*border-left:inset;*/
	padding-left:7px;
	padding-right: 7px;
}
/*contact*/
#klingel {
	position: absolute;
	margin: 0;
	width: 170px;
	margin-left: 155px;
	margin-top: 366px;
	background: #ffffff;
	padding-top: 6px;
	padding-bottom: 30px;
	padding-left: 12px;
}
#text_klingel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	width: 155px;
	color: #666666;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 16px;
	padding-left:7px;	
}
#impressum{
	position: absolute;
	top: 416px;
	margin-left: 832px;
}
#hint{
	position: absolute;
	top: 224px;
	margin-left: 806px;
}
/*links*/
#content_links {
	position: absolute;
	margin: 0;
	width: 172px;
	margin-left: 649px;
	margin-top: 0px;
	background: #ffffff;
	padding-top: 20px;
	padding-bottom: 24px;
	padding-right: 10px;
}

#links_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	width: 160px;
	color: #666666;
	margin-top: 0px;
	text-align: right;
	position: relativ;
	margin-left: 10px;
	margin-right: 0px;
}