body
{
margin:0;
padding:0;
background:url("../_images/bodybg.jpg") repeat-y center top #3F3F3F;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
behavior:url("../_js/csshover.htc");
}

html
{
height:100%;
margin:0;
padding:0;
}


#maincontainer
{
background:#FFFFFF;
border-left:0.19em solid #B1B1B1;
border-right:0.19em solid #B1B1B1;
width:48.13em;
height:100%;
position:absolute;
left:50%;
margin-left:-24.7em;
padding:0px;
margin-top:0px;
}

#top
{
height:6.56em;
border-bottom:0.20em solid #E9E9E9;
width:48.13em;
background:url("../_images/logo.jpg") no-repeat left top #FBB034;
}

#left
{
position:absolute;
top:-8px;
border-bottom:0.50em solid #FBB034;
width:13.13em;
height:100%;
}

#middle
{
position:absolute;
left:15.63em;
top:7.63em;
margin:0px;
padding:0px;
width:21em;
}


#middle_tekstpagina
{
position:absolute;
left:21.63em;
top:11.63em;
margin:0px;
padding:0px;
width:40em;
font-size:0.7em;
line-height:1.8em;
color:#666666;
}


#right
{
position:absolute;
left:36.63em;
top:7.63em;
margin:0px;
padding:0px;
width:10.88em;
}

#navigatie
{
position:absolute;
top:7.50em;
}

#adres
{
position:absolute;
top:27em;
padding:3px 0px 5px 23px;
font-size:0.8em;
line-height:25px;
color:#8C8C8C;
font-weight:500;
}

#top #afbeelding
{
position:absolute;
left:13.13em;
z-index:98;
}

#projectshortcuts
{
position:absolute;
z-index:99;
left:13.13em;
}

#projectnavigatie
{
position:absolute;
top:500px;
}

#random_projecten
{
position:absolute;
left:250px;
top:20px;
width:400px;
}

#random_projecten img
{
border:3px solid #FFFFFF;
float:left;
margin-right:10px;
}
/* einde algemeen positionering */

/* start navigatie */

#navigatie a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
display:block;
height:0.94em;
padding:3px 0px 5px 23px;
text-decoration:none;
color:#333333;
width:12.50em;
}

#navigatie a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
display:block;
height:0.94em;
padding:3px 0px 5px 23px;
text-decoration:none;
color:#636363;
}

#navigatie a:hover, #navigatie .current
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
display:block;
height:0.94em;
padding:3px 0px 5px 23px;
text-decoration:none;
color:#FBB034;
font-weight:bold;
}

#navigatie hr
{
width:210px;
border:none;
background-color:#B2B2B2;
color:#B2B2B2;
height:1px;
}

/* ------------- projectshortcuts (dropdown menu) bovenin -------------- */

#projectshortcuts fieldset
{
border:none;
}

#projectshortcuts fieldset select
{
border:1px solid #EEEEEE;

}

#projectshortcuts #projectlinks .select
{
font-size:12px;
}


#projectshortcuts #projectlinks 
{
position:absolute;
top:2.5em;
left:2em;
z-index:99;
}

#projectlinks, #projectlinks ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 0px;
}

#projectlinks a {
display: block;
width: 14em;
text-decoration:none;
color:#FFFFFF;
line-height:25px;
margin-bottom:-2px;
}

#projectlinks li li a {
display: block;
width: 14em;
text-decoration:none;
color:#333333;
line-height:25px;
font-size:0.9em;
}

#projectlinks li { /* all list items */
float: left;
width: 14em; /* width needed or else Opera goes nuts */
}

#projectlinks li ul { /* second-level lists */
position: absolute;
width: 14em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border-bottom:3px solid #DDDDDD;
border-right:1px solid #CCCCCC;
border-left:1px solid #FFFFFF;
}
#projectlinks li ul li {
background: #FFFFFF;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
border-bottom:1px solid #DDDDDD;
padding-left:5px;
}

#projectlinks li ul li:hover { /* second-level lists */

background: #EEEEEE;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;

}

#projectlinks li:hover ul, #projectlinks li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* ------------- eind projectshortcuts (dropdown menu) bovenin -------------- */

/* ------------- start projectshortcuts (dropdown menu) onderin -------------- */

#projectlinks_omhoog
{
float:right;
text-align:right;
}

#projectlinks_omhoog ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 0px;
}

#projectlinks_omhoog a {
display: block;
width: 15em;
height:30px;
text-decoration:none;
color:#CCCCCC;
line-height:25px;
margin-top:-2px;
font-size:0.7em;
}

#projectlinks_omhoog li li a {

display: block;
width: 12em;
text-decoration:none;
color:#333333;
line-height:25px;
font-size:0.8em;
text-align:left;
}

#projectlinks_omhoog li { /* all list items */
float: left;
width: 12em; /* width needed or else Opera goes nuts */
}

#projectlinks_omhoog li ul { /* second-level lists */
position: absolute;
width: 12em;
bottom:30px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border-bottom:3px solid #DDDDDD;
border-right:1px solid #CCCCCC;
border-left:1px solid #FFFFFF;
}
#projectlinks_omhoog li ul li {
background: #FFFFFF;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
border-bottom:1px solid #DDDDDD;
padding-left:5px;
bottom:21px;
}

#projectlinks_omhoog li ul li:hover { /* second-level lists */

background: #EEEEEE;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}

#projectlinks_omhoog li:hover ul, #projectlinks_omhoog li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* ------------- einde projectshortcuts (dropdown menu) onderin -------------- */


/* schaduws */

div.shadow {
float: left;
padding: 0 1px;
background: #bfbfbf;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
position: relative;
}

div.shadow img {
padding: 5px 5px 9px 5px;
background: white url("../_images/shad_bottom.png") repeat-x bottom left;
}

div.shadow div.topleft {
width: 2px;
height: 4px;
background: url("../_images/shad_tlcorner.png") no-repeat top left;
position: absolute;
top: 0px;
left: -1px;
}

div.shadow div.topright {
width: 2px;
height: 4px;
background: url("../_images/shad_trcorner.png") no-repeat top right;
position: absolute;
top: 0px;
right: -1px;
}

div.shadow div.bottomleft {
width: 4px;
height: 4px;
background: url("../_images/shad_blcorner.png") no-repeat bottom left;
position: absolute;
bottom: 0px;
left: -1px;
}

div.shadow div.bottomright {
width: 4px;
height: 4px;
background: url("../_images/shad_brcorner.png") no-repeat bottom right;
position: absolute;
bottom: 0px;
right: -1px;
}

/* einde schaduws */

/* algemene shizzle */

.clear
{
clear:both;
}

h1#projectnaam
{
margin:0em;
margin-right:200px;
padding:0.5em 0em;
font-weight:normal;
font-size:1.9em;
color:#000000;
width:340px;
}

h1
{
margin:0em;
padding:0.5em 0em;
font-weight:normal;
font-size:1.9em;
color:#000000;
}

h2
{
margin:0em;
padding:0.5em 0em;
font-weight:normal;
font-size:1.2em;
color:#666666;
}

/* einde algemene shizzle */

.editmode
{
padding:10px 10px 10px 30px;
background: url("../_images/lichtje.gif") 5px 10px no-repeat #eef3ff;
border:1px solid #cad8fa;
line-height:20px;
font-size:12px;
color:#093B93;
}

#text
{
padding-left:5px;
margin-top:10px;
font-size:0.7em;
line-height:1.8em;
color:#666666;
border-right:1px solid #BEBEBD;
padding-right:10px;
overflow:auto;
height:335px;
}


.project_preview
{
padding-left:5px;
height:100px;
margin-top:10px;

line-height:1.8em;
color:#666666;
border-bottom:1px solid #EEEEEE;
}

.omschrijving_kort a
{
color:#666666;
text-decoration:none;
border-bottom:1px solid #FFFFFF;
padding-bottom:2px;
}
.omschrijving_kort a:hover
{
color:#000000;
text-decoration:none;
border-bottom:1px solid #EEEEEE;
padding-bottom:2px;
}

.project_preview h3
{
margin:0px;
color:#666666;
}

.project_preview_afbeelding
{
width:80px;
height:80px;
float:left;
}

#projectnavigatie
{
position:absolute;
top:650px;
}


#text a
{
color:#333333;
text-decoration:none;
border-bottom:1px solid #FBB033;
padding-bottom:2px;
}
#text a:hover
{
color:#000000;
text-decoration:none;
border-bottom:1px solid #DF8D00;
padding-bottom:2px;
}

/* factsheet */

#factsheet
{
padding:0em 1em 0em 1em;
position:absolute;
top:27.3em;
font-size:0.7em;
line-height:1.8em;
color:#B2B2B2;
}
#factsheet h2
{
color:#B2B2B2;
margin-bottom:0px;
padding-bottom:0px;
}

#factsheet ul
{
list-style-image:url("../_images/check.gif");
padding-left:1em;
margin-left:0px;
margin-top:5px;
padding-top:0px;
}

/* einde factsheet */

#thumbs
{
position:absolute;
top:65px;
}
#thumbs .shadow
{
float:left;
margin:7px;
}

/* contact */
form legend
{
font-weight:bold;
color:#2c0c04;
padding:0px;
margin:10px 0px 0px 0px;
}

form fieldset
{
border:none;
padding:0px;
margin:10px 0px 0px 0px;
}

form p 
{
margin-bottom: 1em;
}

form p label 
{
float: left;
width: 100px;
margin-top: 0.5em;

}

form p input,
form p select,
form p textarea 
{
border: 1px solid #DDDDDD;
margin-top: 0.3em;
width: 200px;
}

form p select 
{
width: auto;
}

form p textarea 
{
width: 200px;
height: 10em;
}

form p input#formInput_submit,
form p input#formInput_reset 
{
margin:0px;
margin-top:-10px;
padding:0px;
width: auto;
border:none;
cursor: pointer;
}