body
{
margin: 0;
padding: 0;
background-color: black;
background-image: url(images/bg.png);
font-family: Verdana;
background-attachment: fixed;
}

#footer
{
z-index: 100;
position: fixed;
height: 20px;
width: 100%;
background-color: #111;
background-image: url(images/footer.png);
bottom: 0;
color: #FF8000;
text-align: left;
padding: 18px;
border-top: 1px solid #222;
}

#textbox
{
position: fixed;
float: left;
margin-top: 73px;
margin-left:0px;
color: white;
height: 500px;
width: 260px;
font-size: 11px;
line-height: 1.5;
background-image: url(images/glow.png);
}

#navi
{

}

.navelement
{
float: left;
display: block;
text-decoration:none;
margin: 7px;
width: 100px;
height: 30px;
padding: 80px 0px 0px 10px;
background-color: #FF8000;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
font-size: 14px;
color: white;
font-family: Verdana;
font-weight: bold;
cursor: pointer;
}
.navelement:hover
{
-webkit-transform:skewX(3deg) skewy(4deg);
-moz-transform:skewX(3deg) skewy(4deg);
box-shadow: -10px 10px 10px rgba(0,0,0,0.5);
margin: 5px 4px 9px 10px;
}

.navelement:active, .navelment:focus
{
box-shadow: 0px 0px 15px #FF8000;
}
#content
{

margin-top: 80px;
width: 712px;
height: 500px;
float: left;
margin-left: 270px;
}

h2
{
color: #FF8000;
}

#rahmen
{
width: 995px;
margin: 0px auto;
text-align: left;
}

#logo
{
display: block;
text-decoration: none;
width: 133px;
height: 30px;
background-color: #111;
background-image: url(images/button.png);
position: absolute;
top: 0;
left: 15px;
}
#logo:hover{background-image: url(images/gerrit_gierok_portfolio_h.png);}

.linkbox
{
float: left;
margin-right: 10px;
margin-bottom: 30px;
text-decoration: none;
display: block;
width: 690px;
padding-top: 40px;
padding-left: 20px;
color: #FF8000;

background-repeat: no-repeat;
background-color: white;
height: 500px;
opacity: 0.2;
z-index:5;
/*----*/

background-position: right bottom;
}

h2
{
font-size: 20px;
font-weight: bold;
font-size: 20px;
margin: 0;
padding: 0;
}

p, table
{
color: #333;
font-size: 11px;
line-height: 1.4;
}


table .tableb
{
width: 120px;
}
#down
{
background-image: url(images/down.png);
width: 99px;
height: 60px;
z-index: 99;
position: fixed;
opacity: 0.1;
margin: 640px 0px 0px 590px;
cursor: pointer;
}
#down:hover
{
opacity: 0.8;
}

#up
{
background-image: url(images/up.png);
width: 99px;
height: 60px;
z-index: 99;
position: fixed;
opacity: 0.1;
margin: 5px 0px 0px 590px;
cursor: pointer;
}
#up:hover
{
opacity: 0.8;
}

a.network
{
display: block;
width: 87px;
padding-top: 8px;
height: 22px;
text-align: center;
background-image: url(images/button.png);
text-decoration: none;
color: #FF8000;
float: right;
margin-right: 20px;
margin-top: -5px;
font-size: 11px;
}
a.network:hover{background-image: url(images/button_h.png);}

a.biglink
{
display: block;
height: 30px;
padding: 10px 20px 20px 20px;
width: 200px;
border: 1px solid #FF8000;
margin: 10px 0px;
border-radius: 10px;
font-weight: bold;
color: #FF8000;
font-size: 18px;
text-decoration: none;
background-image: linear-gradient(bottom, rgb(199,199,199) 45%, rgb(250,250,250) 73%);
background-image: -o-linear-gradient(bottom, rgb(199,199,199) 45%, rgb(250,250,250) 73%);
background-image: -moz-linear-gradient(bottom, rgb(199,199,199) 45%, rgb(250,250,250) 73%);
background-image: -webkit-linear-gradient(bottom, rgb(199,199,199) 45%, rgb(250,250,250) 73%);
background-image: -ms-linear-gradient(bottom, rgb(199,199,199) 45%, rgb(250,250,250) 73%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.45, rgb(199,199,199)),
	color-stop(0.73, rgb(250,250,250))
);

}
a.biglink:hover
{
background-image: linear-gradient(bottom, rgb(237,234,237) 45%, rgb(184,184,184) 73%);
background-image: -o-linear-gradient(bottom, rgb(237,234,237) 45%, rgb(184,184,184) 73%);
background-image: -moz-linear-gradient(bottom, rgb(237,234,237) 45%, rgb(184,184,184) 73%);
background-image: -webkit-linear-gradient(bottom, rgb(237,234,237) 45%, rgb(184,184,184) 73%);
background-image: -ms-linear-gradient(bottom, rgb(237,234,237) 45%, rgb(184,184,184) 73%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.45, rgb(237,234,237)),
	color-stop(0.73, rgb(184,184,184))
);

}


a.biglink span
{
font-size: 11px;
}