/* copyright De Stijlerij 2007 */

body{
font-family: Georgia, "Palatino Linotype", "Trebuchet MS";
font-size: 62.5%; /* 1em = 10px */
padding:0;
margin:0;}


/* alle divs */
* {margin:0; padding:0;}


/* container */
#container{
width:850px;
min-height:570px;
height:auto !important;
height:570px;
margin-left:auto;
margin-right:auto;
margin-top:5px;} 


/* header met logo */
#header{
width:850px;
height:60px;
font:1.2em "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
line-height:2.2em;
letter-spacing:.1em;
text-align:right;
background:#fff url(../images/logo.jpg) no-repeat;}


/* navigatie */
#navigatie{font:1.1em Georgia, "Palatino Linotype"; padding-top:40px; color:#fc0; background-color:transparent;}

#navigatie a {color:#999; text-decoration:none; background-color:transparent;}
#navigatie a:visited{color:#999; background-color:transparent;}
#navigatie a:hover{color:#efb900; text-decoration:overline; background-color:transparent;}
#navigatie .actief{color:#efb900; text-decoration:overline;}



/* content */
#content-a{float:left; width:424px;}
#content-b{float:right; width:424px;}
#text-a, #text-b{margin:40px 30px;}
#text-a img, #text-b img{border: 0 none transparent;}


#content{ 
height:495px;
position:relative; 
border:1px solid #ccc; 
background:url(../images/bg-graan.jpg) no-repeat;}

#content-meer{ 
height:495px;
position:relative; 
border:1px solid #ccc; 
background:url(../images/bg-graanhalmen.jpg) no-repeat;}

#content-cv{ 
height:495px;
position:relative; 
border:1px solid #ccc; 
background:url(../images/bg-graankorrels.jpg) no-repeat;}




/* portfolio */
#content-portfolio{ 
min-height:525px;
height:auto !important;
height:525px;
border:1px solid #ccc;
background:#fff;}



#thumbnails{padding:50px 0 0 35px;}
#thumbnails img{border:1px solid #ccc; margin:3px; width:250px;}
#thumbnails img:hover{border:1px solid #ea8c00;}


/* koppen */




h1, h2{
font:1.6em Georgia, "Palatino Linotype", "Trebuchet MS";
color:#efb900;
display:block;
text-align:right;
margin-bottom:15px;} 


h4{
font:1.6em Georgia, "Palatino Linotype", "Trebuchet MS";
color:#efb900;
background-color:transparent;
display:block;
text-align:left;
margin-bottom:15px;} 




h5{
font:1.2em Georgia, "Trebuchet MS", serif;
color:#444;
background-color:transparent;
display:block;
text-align:left;
margin-bottom:2px;
word-spacing:.1em;
font-weight: bold;} 




/* platte tekst */
p{font-size:1.1em;
line-height:1.6em;
margin-bottom:15px;
text-align:justify;}

.align-left{text-align:left;}
.small-caps{font-variant:small-caps; font-size:1.2em;}



ul{
list-style-image:url(../images/list.gif);
font-size:1.1em;
line-height:1.7em;
display:block;
margin-bottom:15px;}








/* footer met adres */ 
#footer{
clear:left;
text-align:center;
font-size:1.2em;
letter-spacing:.1em;
color:#999;
background-color:transparent;} 

/* verticale streepjes tussen footeritems */
.divider{color:#fc0; font-size:1.2em; background-color:transparent;}


/* links */

#text-a a, #text-b a, #text-a li {color:#efb900; text-decoration:none; background-color:transparent;}
#text-a a:visited, #text-b a:visited{color:#efb900; background-color:transparent;}
#text-a a:hover, #text-b a:hover{color:#efb900; text-decoration:overline; background-color:transparent;}
#text-a .actief, #text-b .actief{color:#efb900; text-decoration:overline;}

#footer a{color:#efb900; text-decoration:none; background-color:transparent;}

/*#vv a{color:#999; text-decoration:none;}
#vv a:visited{color:#999;}
#vv a:hover{color:#999; text-decoration:overline;}
#vv a:active{color:#999;}*/




#right{font:1.1em Georgia, "Palatino Linotype"; text-align:right; color:#444; text-decoration:overline;}
#right a{color:#444; text-decoration:none; background-color:transparent; font-weight:normal;}
#right a:visited{color:#444; background-color:transparent; font-weight:normal;}
#right a:hover{color:#444; text-decoration:overline; background-color:transparent; 
font-weight:normal;}

.right-align{text-align:right;}


/*.textlink{color:#efb900; text-decoration:none;}
.textlink:visited{color:#efb900;}
.textlink:hover{color:#efb900; text-decoration:overline;}
.textlink:active{color:#efb900;}*/









/* portfolio-items */
div.portfolio-item{
width:700px;
overflow:hidden;
border-bottom:1px solid #fc0;
margin:30px auto;}
    
div.portfolio-item img{}


/* lijst rechterzijde */
div.portfolio-item dl{
float:left;
margin-top:30px;
padding:0;
width:700px;}


/* kopregels */
div.portfolio-item dt{
font:1.2em Georgia, "Palatino Linotype";
text-align:left;
font-weight:normal;
color:#999;
margin-bottom:5px;
border-bottom:1px solid #ddd;}

div.portfolio-item .details
{font-variant:small-caps;
font-family:"Palatino Linotype";
letter-spacing:0.1em;
font-size:1.1em;}


div.portfolio-item a
{font:1.1em "Palatino Linotype";
color:#999;
letter-spacing:0.1em;
font-size:1.1em;}



/* toelichting */
div.portfolio-item dd{
font-size:1.1em;
line-height:1.7em;
margin-bottom:15px;
text-align:left;}


div.portfolio-item .top{text-decoration:overline; color:#fc0; margin-left:300px;}
#boven{margin-top:16px; text-align:right;}
#boven a{text-decoration:overline; color:#fc0; margin-right:50px;}



#tekstproducties{width:100%; margin-top:20px; background-color:#fff;}

#tekstproducties-titel{padding-left:45px;
border-top:1px solid #ddd; padding-top:20px;}

.titel-tekst{font:26px "Palatino Linotype", Georgia, "Trebuchet MS", serif; 
font-variant:small-caps; letter-spacing:.4em; margin-bottom:0px; color:#999;}

.portfolio-opsomming{font:12px "Palatino Linotype", Georgia, "Trebuchet MS", serif; 
 margin-bottom:0px; color:#999;}

#tekstproducties-content{
font-size:1.1em;
padding:30px 30px 0 45px;;
background-color:#fff;}

#tekstproducties-tabel{width:100%;}
.small-caps{font:1.3em "Palatino Linotype", Georgia, "Trebuchet MS", serif; 
font-variant:small-caps; letter-spacing:.2em; margin-bottom:0px; color:#999;}







#domeincheck{
width:100%;
background-color:#fff;
border-top:1px solid #ddd;}

#formulier{padding:5px 0px 5px 20px;}
#invulveld{font:1.2em "Lucida Sans Unicode"; color:#ea8c00; border:1px solid #ccc; 
width:220px; text-align:center;}
#knop{background-color:#eee; border:1px solid #ccc;
font:1.2em "Lucida Sans Unicode"; width:222px; text-align:center;}
#knop:hover{background-color:#efb900; border:1px solid #fcc; 
font:1.2em "Lucida Sans Unicode";}
#knop a{border: 0 none transparent;}