body,table,td,tr,div,p,pre,h1,h2,h3,h4,h5,ul {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2f2f2f;}
body,td,div,p,pre,ul {font-size: 11px;color: #2f2f2f;}
/*BODY {background-color:#FFFFFF;}*/
BODY { background-image: url("pattern.gif") }

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 13px;}
h5 {font-size: 8px; color: #6b6a6a; text-transform: uppercase;}

.menue {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px;color: #0099FF;}
.sidemenu {font-size: 12px; color: #2f2f2f; text-transform: uppercase; font-weight: bold;}
.bodycopy {font-size: 12px; color: #2f2f2f; font-family: times;}



.header { display:block; position:relative; height:20px; }
#menu-container { display:block; position:relative; width:503px; margin:0px auto 0px; font-size:11px; }
#drop_down_menu { display:block; position:absolute; clear:both; margin:0px; padding:0px; text-align:left; list-style-type:none; width:500px; float:none; left:0px; top:0px; }
#drop_down_menu li { font-size:11px; font-weight:bold; float:left; color:#000; padding-top:0px; padding:5px; cursor:pointer; background:#fff; width:156px; }
#drop_down_menu li ul { margin:0px; padding:0px; list-style-type:none; padding-top:10px; }
#drop_down_menu li ul li { display:block; float:none; clear:both;  }
#drop_down_menu li ul li a { color:#000; font-weight:normal; text-decoration:none; display:block; }
#drop_down_menu li ul li a:HOVER {text-decoration: none; color: #fff;
background-color: #0099FF; text-decoration: none;
padding-left: 0px; padding-right: 2px}



.lesen {font-size: 11px; color: #000000;}
.footer {font-size: 10px; color: #000000;}
.head {font-size: 16px; letter-spacing : 2px; color: #ffffff;}
.mhead {font-size: 16px; letter-spacing : 2px; color: #ffffff;}

.invert {color: #000000;background-color:#E0E2D4; font-weight : bold; letter-spacing : 2px; font-size: 15px}

a {font-size: 11px; text-decoration: none; font-weight : bold;}

a:link { text-decoration: none; color: #000000; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #0099FF; }
a:active { text-decoration: none; color: #FF0000; }



/* .button1 means the "button1" class*/

a.button1 {font-size: 11px;
					text-decoration: none; color: #2f2f2f;
		            background-color: #fff; text-decoration: none;
		            padding-left: 0px; padding-right: 2px}

a:visited.button1 {font-size: 11px;
							text-decoration: none; color: #2f2f2f;
		             		background-color: #fff; text-decoration: none;
		             		padding-left: 0px; padding-right: 2px}

/* You need to specify identical formats for a.button and a:visited.button in order to keep appearance the same */

a:hover.button1 {font-size: 11px;
							text-decoration: none; color: #fff;
		             		background-color: #0099FF; text-decoration: none;
		             		padding-left: 0px; padding-right: 2px}


							#harddrivin
							{
							display: block;
							width: 210px;
							height: 131px;
							background: url("projects/harddrivin.jpg") no-repeat 0 0;
							}

							#harddrivin:hover
							{ 
							background-position: 0 -131px;
							}

							#harddrivin span
							{
							display: none;
							}		
		
		
							#hardwarehck
							{
							display: block;
							width: 210px;
							height: 131px;
							background: url("projects/hardwarehck.jpg") no-repeat 0 0;
							}

							#hardwarehck:hover
							{ 
							background-position: 0 -131px;
							}

							#hardwarehck span
							{
							display: none;
							}		
		
							#refunctmedia
							{
							display: block;
							width: 210px;
							height: 131px;
							background: url("projects/refunctmedia.jpg") no-repeat 0 0;
							}
							
							#refunctmedia:hover
							{ 
							background-position: 0 -131px;
							}

							#refunctmedia span
							{
							display: none;
							}
							
		

								#twopointfourwksp
								{
								display: block;
								width: 210px;
								height: 131px;
								background: url("projects/twopointfourwksp.jpg") no-repeat 0 0;
								}

								#twopointfourwksp:hover
								{ 
								background-position: 0 -131px;
								}

								#twopointfourwksp span
								{
								display: none;
								}
								
		
#missioncreep
{
display: block;
width: 210px;
height: 131px;
background: url("projects/missioncreep.jpg") no-repeat 0 0;
}

#missioncreep:hover
{ 
background-position: 0 -131px;
}

#missioncreep span
{
display: none;
}
							
							
#madetobreak
{
display: block;
width: 210px;
height: 131px;
background: url("projects/madetobreak.jpg") no-repeat 0 0;
}

#madetobreak:hover
{ 
background-position: 0 -131px;
}

#madetobreak span
{
display: none;
}
								
						
#corrupt
{
display: block;
width: 210px;
height: 131px;
background: url("projects/corrupt.jpg") no-repeat 0 0;
}

#corrupt:hover
{ 
background-position: 0 -131px;
}

#corrupt span
{
display: none;
}
							

#randomme
{
display: block;
width: 210px;
height: 131px;
background: url("projects/randomme.jpg") no-repeat 0 0;
}

#randomme:hover
{ 
background-position: 0 -131px;
}

#randomme span
{
display: none;
}
		
#deponggame
{
display: block;
width: 210px;
height: 131px;
background: url("projects/depong.jpg") no-repeat 0 0;
}

#deponggame:hover
{ 
background-position: 0 -131px;
}

#deponggame span
{
display: none;
}
		
#twopointfour
{
display: block;
width: 210px;
height: 131px;
background: url("projects/twopointfour.jpg") no-repeat 0 0;
}

#twopointfour:hover
{ 
background-position: 0 -131px;
}

#twopointfour span
{
display: none;
}
								
								
								
#printball
{
display: block;
width: 210px;
height: 131px;
background: url("projects/printball.jpg") no-repeat 0 0;
}

#printball:hover
{ 
background-position: 0 -131px;
}

#printball span
{
display: none;
}
								
								
								
								
#theres
{
display: block;
width: 210px;
height: 131px;
background: url("projects/theres.jpg") no-repeat 0 0;
}

#theres:hover
{ 
background-position: 0 -131px;
}

#theres span
{
display: none;
}
								
								
								
								
								
								
#grone
{
display: block;
width: 210px;
height: 131px;
background: url("projects/grone.jpg") no-repeat 0 0;
}

#grone:hover
{ 
background-position: 0 -131px;
}

#grone span
{
display: none;
}
								
								
#ewaste
{
display: block;
width: 210px;
height: 131px;
background: url("projects/ewaste.jpg") no-repeat 0 0;
}

#ewaste:hover
{ 
background-position: 0 -131px;
}

#ewaste span
{
display: none;
}
									
									
							
#digitalrecycling
{
display: block;
width: 210px;
height: 131px;
background: url("projects/dr.jpg") no-repeat 0 0;
}

#digitalrecycling:hover
{ 
background-position: 0 -131px;
}

#digitalrecycling span
{
display: none;
}
								
								
						
#mess
{
display: block;
width: 210px;
height: 131px;
background: url("projects/mess.jpg") no-repeat 0 0;
}

#mess:hover
{ 
background-position: 0 -131px;
}

#mess span
{
display: none;
}

#lsd
{
display: block;
width: 210px;
height: 131px;
background: url("projects/lsd.jpg") no-repeat 0 0;
}

#lsd:hover
{ 
background-position: 0 -131px;
}

#lsd span
{
display: none;
}