/* ATELIER JEDA
* Copyright by Atelier Jeda
*/

*{
border:0;
margin:0;
padding:0;
}

html{
font-size:100.1%;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;

background-color:#FFFFFF;
background-image:url(../images/side-background.jpg);
background-repeat:repeat-x;
background-position:top left;
}

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.12em; /*komt overeen met 18px*/
color:#243a98;
margin-bottom:20px;
}

h2, h2, h3, h4, h5, h6{
font-size:0.75em;
color:#666666;
margin-top:15px;
}

/*header*/
#top{
position:relative;
background-image:url(../images/background.jpg);
width:790px;
height:332px;
margin:0 auto;
}

/*menu*/
.top-menu{
float:right;
position:relative;
top:130px;
right:36px;

}

.top-menu li{
display:inline;
}

.top-menu li a{
background-image:url(../images/menu-down.jpg);
margin-left:3px;
padding-left:5px;
text-decoration:none;
font-size:0.75em;
color:#666666;
letter-spacing:-1px;
}

.top-menu li a:hover{
margin-left:3px;
padding-left:5px;
background-image:url(../images/menu-hover.jpg);
background-repeat:no-repeat;
background-position:left;
color:#243a98;
}

#here{
background-image:url(../images/menu-hover.jpg);
background-repeat:no-repeat;
background-position:left;
color:#243a98;
}

#set-in{
position:absolute;
left:36px;
top:160px;
}

#wrapper{
position:relative;
width:792px;
height:auto;
margin:0 auto;
}
/*main body */
#main{
position:relative;
width:790px;
height:auto;
margin:0 auto;
}

#side-pictures{
float:left;
margin-left:36px;
margin-top:-30px;
width:200px;
height:auto;
}

#content{
float:right;
width:500px;
height:auto;
margin-right:40px;
margin-top:-30px;
}

#content p{
margin-top:0;
margin-bottom:20px;
font-size:0.75em;
line-height:18px;
color:#666666;
}

#content p a{
color:#243a98;
text-decoration:none;
}

#content p a:hover{
text-decoration:underline;
}

#content table{
width:100%;
/*border:2px solid black;*/
}

#content table tr td{
/*border:1px solid black;*/
width:33%;
padding-left:0;
padding-top:20px;
padding-right:10px;
padding-bottom:15px;
}

#content table tr td a img{
border:1px solid #666666;
}

/*
* SPECIAAL VOOR DE VOORBEELDEN PAGINA EEN ANDER DIV BLOK LADEN
*/
#content_voorbeelden{
position:relative;
height:auto;
width:auto;
margin-left:36px;
margin-top:-30px;
margin-right:36px;
}

#content_voorbeelden p{
margin-top:0;
margin-bottom:20px;
font-size:0.75em;
line-height:18px;
color:#666666;
}

#content_voorbeelden a{
color:#243a98;
text-decoration:none;
}

#content_voorbeelden p a:hover{
text-decoration:underline;
}

#content_voorbeelden table{
margin-left:0;
width:100%;
}

#content_voorbeelden table tr td{
width:25%;
/*border:1px solid black;*/
padding-top:10px;
padding-bottom:10px;

}

#content_voorbeelden table tr td a img{
border:1px solid #666666;
}

/*
*ONDERDEEL: FOOTER
*/
#footer{
clear:both;
width:760px;
margin:0 auto;
position:relative;
background-image:url(../images/bottom-line.jpg);
background-position:top;
background-repeat:repeat-x;
}

#footer p{
text-align:center;
padding-top:10px;
padding-bottom:2px;
font-size:0.63em;
color:#999999;
}

#footer p a{
text-decoration:none;
color:#999999;
}

#footer p a:hover{
color:#243a98;
}

/*
* PAGE SPECIFIC
*/

/*
*Contact
*/

.blockdisplay{
display:block;
}
/*
*Links
*/
div#content ul{
list-style-type:none;
margin:10px 0 20px 10px;
}

div#content ul li{
background-image:url(../images/menu-hover.jpg);
background-position:left;
background-repeat:no-repeat;
color:#243a98;
padding:2px 0 2px 8px;
}

div#content ul li a{
list-style:none;
font-size:0.75em;
color:#666666;
text-decoration:none;
}

div#content ul li a:hover{
color:#243a98;
text-decoration:underline;
}

#contact_form{
margin-bottom:15px;
}

#contact_form label{
display:block;
color:#666666;
}

#contact_form p{
margin-bottom:0;
}

#contact_form em{
font-weight:bold;
}

.widearea{
color:#666666;
width:280px;
border:1px solid #666666;
}

.widebox{
color:#666666;
width:280px;
border:1px solid #666666;
}

.contactform_button{
width:90px;
border:1px solid #666666;
margin-top:5px;
margin-bottom:5px;
color:#666666;
}