@charset "utf-8";

a:link { color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none;  }
a:focus { color:#000000; text-decoration:none; }
a:active { color:#000000; text-decoration:none; }

img{border:none}

.clear {
clear:both;
}


/* -------------------THE SITE----------------------------------------------------------------------*/

.sitecontainer{
	position: relative;
   margin-left: auto;
   margin-right: auto; 
    width:1000px;
	text-align:left;
	top:28px;

}

/* -------------------HEADLINE----------------------------------------------------------------------*/

.headlinebox {
position:relative;
left:-1220px;
width:2000px;
height:55px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
text-decoration:none;
padding-right:2px;
text-align:right;
background-color:#ffffff;
vertical-align:top;
margin-bottom:16px;
}

#type_head {
font-size:28px;
line-height:28px;
}

#type_subhead {
font-size:14px;
}






/* -------------------THE MENU----------------------------------------------------------------------*/
/*The menubox encloses the menu*/
.menubox  {
margin-top:-5px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
position:absolute;
left:-1805px;
width:2000px;
overflow:hidden;
}

/*This is the first stripe containing the name*/
.namestripe {
font-size:12px;
padding-top:2px;
padding-right:1px;
height:16px;
margin:1px;
cursor: hand; 
line-height:16px;
}

/*This is an empty stripe just for spacing between the other stripes*/
.emptystripe {
height:16px;
margin:1px;
}

/*This is a clickable Stripe containing the links of the menu*/
.stripe {
padding-top:1px;
padding-right:2px;
height:15px;
margin:1px;
cursor: hand; 
overflow:hidden;

}

/*This is a list of Id's which make the stripes tagged with it highlight on mouseover (hover) with a different background-color*/
#woody:hover {color:black; background-color: #edc4be;} 
#sunstation:hover {color: black; background-color: #b7e7b1;} 
#garderobe:hover {color: black; background-color: #dabe92;}
#fitplatz:hover {color: black; background-color: #cccccc;}
#basketcase:hover {color: black; background-color: #dbe3ad;}
#aidair:hover {color: black; background-color: #d1e1e9;} 
#twoinone:hover {color: black; background-color: #efd8d8;}
#productdesign:hover {color: white; background-color: #000000;} 
#cv:hover {color: white; background-color: #000000;} 
#contact:hover {color: white; background-color: #000000;} 
#sketches:hover {color: black; background-color: #b7e7b1;} 
#german:hover {color: white; background-color: #000000;} 


/* -------------------THE TEXTBOX ----------------------------------------------------------------------*/

.textbox {
position:absolute;
top:0px;
left:822px;
width:200px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-style:normal;
text-decoration:none;
text-align:left;
background-color:#ffffff;
line-height:16px;
}

/* -------------------THE IMAGE BOX ----------------------------------------------------------------------*/

.imagebox {
position:relative;
left:222px;
width:560px;
height:420px;
background-color:#000000;
cursor: hand; 
}

/* -------------------THE CV BOX ----------------------------------------------------------------------*/

.cvbox {
position:relative;
left:222px;
width:560px;
height:420px;
background-color:#FFFFFF;
overflow:visible;
table-layout:fixed;
}

.cvbox table {
border-width:0px;
border-style:none;
outline:5px;
background-color:#0066CC;
overflow:visible;
table-layout:fixed;
}

.cvbox table tr{
border-width:0px;
overflow:visible;
table-layout:fixed;
height:20px;
}
.cvbox table tr td{
border-width:0px;
overflow:visible;
table-layout:fixed;
height:20px;
}




/* -------------------NUMBER BOXES----------------------------------------------------------------------*/

.numbercontainer {
position:absolute;
left:823px;
top:477px;
width:180px;
height:80px;
background-color:#ffffff;
}

.number {
font-family:Arial, Helvetica, sans-serif;
float:left;
text-align:center;
font-size:9px;
width:15px;
height:14px;
padding-top:2px;
padding-left:1px;
margin-top:0px;
margin-right:2px;
cursor: hand; 
line-height:12px;
}

/* -------------------STYLES FOR CV ----------------------------------------------------------------------*/
.cvtext1 {
position:absolute;
top:73px;
left:220px;
width:250px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
text-decoration:none;
text-align:right;
background-color:#ffffff;
line-height:16px;
cursor: hand; 
}
.cvtext2 {
position:absolute;
top:73px;
left:482px;
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
text-decoration:none;
text-align:left;
background-color:#ffffff;
line-height:16px;
cursor: hand; 
}