/* CSS Document */
body {
background-image:url(Bilder/22.jpg);
overflow:hidden;
font-family:Verdana
}

/*Bewerbungstext*/
#bewerbung {
position:absolute;
left:350px;
bottom:20px;
height:450;
width:500;
padding:20px;
border:1px solid black;
background-image:url(Bilder/papier_bewerbung.gif);
overflow:auto;
scrollbar-face-color: #GGGGGG;/*FFFFFF;*/
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #7AAFF1;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #GGGGGG;
scrollbar-arrow-color: #000000;
}
#bewerbung_link {
position:absolute; top:250; left:30;
}
#bewerbung_link a{
text-decoration:none;
color:#000000;
}

/*-----------Lebenslauf Word-------------*/
#wordlebenslauf {
position:absolute;
top:5px;
left:50px;
color:white;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}

.wordlebenslauf{
color:white;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:bold;
}
#wordlebenslauf a{
color:white;
font-style:bold;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
/*
a.lebenslauf {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#000099;
font-style:inherit;
cursor:help;
}
*/
a.lebenslauf {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#003399;
cursor:help;
text-decoration:none;
}

table.main {
width: 900px;
height: 550px;
border-style:solid;
border-color:#000000;
border-width:1px;
}

table.parent {
vertical-align:middle;
width: 100%;
height: 100%;
}

#main {
position:relative;
background-color:#FFFFFF;
width: 900px;
height: 550px;
}

#background {
    width:100%;
	height:100%;
}
#background img {
    width:100%;
	height:100%;
}

/*----------------------SPRACHEN----------------------------------------------------------------*/
#sprachen img{
	border:0px;
    width:25px;
	height:15px;
}
#de {
    position:absolute;
    top:10px;
    right:10px;
}
#en {
    position:absolute;
    top:10px;
    right:40px;
}
#es {
    position:absolute;
    top:10px;
    right:70px;
}
/*---------------------Willkommen----------------------------------------------------------*/
#willkommen{
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
position:absolute;
top:100px;
left:380px;
}

/*---------------------Baum----------------------------------------------------------*/
#baum{
position:absolute;
top:220px;
left:700px;
}

#baum img {
border:0px;
width:100px;
}


/*----------------------MENU----------------------------------------------------------------*/
#menu img{
	border:0px;
}
#menu {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:bold;
	color:#000000;
}	

#menu a{
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#000000;
}


#arbeiten {
    position:absolute;
	top:375px;
	left:55px;
}	 
#arbeiten .img {
    width:50px;
}	 

#arbeiten a:hover{
background:transparent;
text-decoration:none;
}

#arbeiten a .kommunikation{
	display: none;
	}

#arbeiten a:hover span.kommunikation{
   display:block;
	width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	bottom:120px;
	left:290px;	}


#lebenslauf {
    position:absolute;
	top:429px;
	left:2px;
}	 
#lebenslauf .img {
    width:46px;
}	 

#lebenslauf a:hover{
background:transparent;
text-decoration:none;
}

#lebenslauf a .kommunikation{
	display: none;

	
	}

#lebenslauf a:hover span.kommunikation{
    display:block;
    width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	bottom:140px;
	left:370px;	
}

#projekte {
    position:absolute;
	top:360px;
	left:95px;
}
#projekte .img {
    width:60px;
}	 
#projekte a:hover{
background:transparent;
text-decoration:none;
}

#projekte a .kommunikation{display: none;}

#projekte a:hover span.kommunikation{
    display:block;
    width:220px;
	height:80px;
	position:absolute;
	bottom:70px;
	left:295px;
}

#kontakt{
    position:absolute;
	top:340px;
	left:150px;
}	 
#kontakt .img {
    width:40px;
}	 

#kontakt a:hover{
background:transparent;
text-decoration:none;
}

#kontakt a .kommunikation{display: none;}

#kontakt a:hover span.kommunikation{
    display:block;
    width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	bottom:40px;
	left:235px;
}

#kontaktbild {
position:absolute;
left:250;
top:10;
}

#kontaktbild img{
height:150px;
}

/*----------------------Texte---------------------------------------------------------------*/


#kontakttext {
   position:absolute;
   left:490px;
	top:20px; 
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
}	

#projektetext {
   z-index:1000;
	line-height:20px;
	background-image:url(Bilder/zettel_gross_oben.gif);
	background-repeat:no-repeat;
	font-size:11px;
    position:absolute;
	 top:50%;
	 left:50%;
	 margin-left:172px;
	 margin-top:-225px;
	 overflow:auto;
	 width:279px;
	 height:484px;

	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	display:block;
}
#projektetext a{text-decoration:none;font-weight:bold;color:black};
#projektetext a:hover{text-decoration:none}



#arbeitentext {
    position:absolute;
	margin-top:-40px;
    left:32%;
	width:350px;
	top:70px; 
	font-style:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	display:block;
}     
     
/*-LEBENSLAUF------------------------------------------------------------------------------------------------*/


#lebenslauftext {
    position:absolute;
    left:100px;
	bottom:70px; 
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}     

#lebenslauftext img {
    width:40px;
    height:40px;
}
#lebenslauftext a {
    text-decoration:none;
    color:#0033FF;
}

#lebenslauftext a:hover{
background:transparent;
text-decoration:none;
}

#lebenslauftext a span.kom{display: none;}

/*--Absolte Positionierung--------*/
/*Lebenslauf link*/

#schule{
    position:absolute;
	top:340px;
	left:230px;
}	 
#zivildienst{
    position:absolute;
	top:340px;
	left:380px;
}	 
#reise{
    position:absolute;
	top:340px;
	left:530px;
}	 

#prak{
    position:absolute;
	top:390px;
	left:280px;
}	 

#universitaet{
    position:absolute;
	top:390px;
	left:550px;
}	 
#leonardo{
    position:absolute;
	top:470px;
	left:380px;
}	 
#ausbildung{
    position:absolute;
	top:470px;
	left:195px;
}	 
#arbeit{
    position:absolute;
	top:470px;
	left:580px;
}	 

/*Kommunikation Lebenslauf*/
#schule a:hover span.kommunikation{
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
    display:block;
    width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	top:-250px;
	left:0px;
}
#zivildienst a:hover span.kommunikation{
    display:block;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
    width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	top:-250px;
	left:0px;
}
#reise a:hover span.kommunikation{
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
    display:block;
    width:220px;
	height:100px;
	position:absolute;
	overflow:auto;
	top:-270px;
	left:0px;
}
#universitaet a:hover span.kommunikation{
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
    display:block;
    width:220px;
	height:80px;
	top:-300px;
	left:0px;
	position:absolute;
	overflow:auto;
}
#prak a:hover span.kommunikation{
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
    display:block;
    width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	top:-300px;
	left:0px;
}
#leonardo a:hover span.kommunikation{
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
    display:block;
    width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	top:-400px;
	left:0px;
}
#arbeit a:hover span.kommunikation{
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
    display:block;
    width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	top:-400px;
	left:0px;
}
#ausbildung a:hover span.kommunikation{
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
    display:block;
    width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	top:-400px;
	left:0px;
}

#zettel {z-index:1000;line-height:20px;background-image:url(Bilder/zettel_klein.gif);background-repeat:no-repeat;padding-top:7px;padding-left:20px;font-size:11px;width:161px;height:195px;overflow:auto;position:absolute;top:50%;left:50%;margin-left:290px;top:350px}
#zettel a{text-decoration:none;color:black;font-weight:bold;font-size:10px};
#zettel a:hover{text-decoration:none}

/*--------------------------------------*/

#schule a:hover{
background:transparent;
text-decoration:none;
}


#leonardo a .kommunikation{
    text-decoration:none;
    color:green;
    display: none;
}

#tu a:hover{
background:transparent;
text-decoration:none;
}


#schule a .kommunikation{
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
    display:none;
}

#zivildienst a:hover{
background:transparent;
text-decoration:none;
}

#zivildienst a .kommunikation{display: none;}


#reise a:hover{
background:transparent;
text-decoration:none;
}

#reise a .kommunikation{display: none;}

/*-------------------------*/

#universitaet a:hover{
background:transparent;
text-decoration:none;
}

#universitaet a .kommunikation{display: none;}


#prak a:hover{
background:transparent;
text-decoration:none;
}

#prak a .kommunikation{display: none;}


#ausbildung a:hover{
background:transparent;
text-decoration:none;
}

#ausbildung a .kommunikation{display: none;}


#arbeit a:hover{
background:transparent;
text-decoration:none;
}

#arbeit a .kommunikation{display: none;}


/*----------------------KOMMUNIKATIONSFENSTER---------------------------------------------------------------*/
/*.kommunikation {
    width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	visibility:hidden;
	bottom:230px;
	left:320px;
}	

#lebenslauf div {
    display:none;
    width:220px;
	height:80px;
	position:absolute;
	overflow:auto;
	visibility:hidden;
	bottom:230px;
	left:320px;
}	
*/

/*----------------------------------------------------ARBEITEN-------------------------------------------------------------------------------------*/

#linksoben {
position:absolute;
top:-320px;
left:-20px;
width:200px;
height:100px;
background-color:white;
border:1px solid black;
}

#rechtsoben {
position:absolute;
top:-320px;
left:200px;
width:200px;
height:100px;
background-color:white;
border:1px solid black;
}

#linksunten {
float:left;
width:300px;
height:100px;
background-color:black;
border:1px solid black;
}

#rechtsunten {
width:300px;
height:100px;
background-color:black;
border:1px solid black;
}

.projektlink {
font-size:9px;
font-weight:bold;
color:#003399;
cursor:hand;
text-decoration:none;
}

#buss img {
    height: 150px;
	width: 150px;
}

#footer {
    width: 100%;
	height: 20px;
	background-color:#000000;
	color:#FFFFFF;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
	font-size:9px;
	text-align:center;
	text-valign:middle;
	/*background-image:url(bilder/oberbaum.jpg);
	background-repeat:no-repeat;
    background-position:center center;*/
	position:absolute;
	bottom:0px;
}