/* CSS for sjoerddewit.com | Website by Get Further www.getfurther.nl */

/* CSS */

*
{
margin: 0;
padding: 0;
}

html, body
{
background: #FFFFFF;
font-family: arial;
}

/* Main divisions */

#wrapper
{
position: absolute;
top: 25px;
width: 900px;
margin: 0 0 0 -450px;
left: 50%;
}

#header
{
float: left;
margin: 0 0 10px 0;
}

#menu
{
padding: 44px 0 0 0;
float: right;
}

#content
{
border-top: 1px solid #aaa;
clear: both;
font-size: 12px;
padding-top: 15px;
padding-bottom: 15px;
}

#footer
{
border-top: 1px solid #aaa;
padding: 10px 0 0 0;
width: 900px;
float: left;
font-size: 12px;
}

/* CMS Divisions */

#loginscreen
{
padding-top: 25px;
position: absolute;
width: 200px;
height: 200px;
margin: -100px 0 0 -100px;
top: 50%;
left: 50%;
font-size: 12px;
border: 1px solid #999;
}

#choosecat
{
border: 1px solid #999;
position: absolute;
width: 500px;
height: 200px;
margin: -100px 0 0 -250px;
left: 50%;
top: 50%;
text-align: center;
font-size: 12px;
}

/* Styling */

img
{
margin: 10px;
border: 1px solid #555;
}

.title
{
color: #444;
}

.centercontent
{
text-align: center;
}

/* Hyperlinks */

#navigation li
{
display: inline;
font-size: 14px;
padding: 5px;
}

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

a:hover, a:active
{
color: #555;
}

.formbutton{
cursor:pointer;
border: 1px solid #999;
background:#fff;
color:#000;
padding: 1px 2px;
}