body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} 
q:before,q:after {content:'';}
abbr,acronym { border:0;}

h1{font-size:100%;margin:0;padding:0;font-weight:normal;} /* motto */
h2{font-size:110%;margin:0;padding:8px;font-weight:bold;} /* page title */
h3{font-size:100%;margin:0;padding:26px 0 3px 8px;font-weight:bold;} /* subheaders */
h4{font-size:100%;margin:0;padding:8px;font-weight:normal;color:white;text-align:right} /* morelinks */
h4.meerinfo{position:absolute;width:209px;top:566px;}
p{font-size:100%;margin:0;padding:8px;}
p.citaat{color:#666;}
ul{padding-left:10px;list-style:circle;text-align: left;}
li{display:block;list-style:none}
li.bulletlist{list-style:disc;display:list-item;list-style-position:inside;}
table.portfolio{margin-left:8px;}
img{border:none;}

/* outer div. contains the side-images */
.wrapper{width:1000px;margin:0px auto;font-family:"Trebuchet MS",sans-serif;font-size:0.9em}

/* header with motto and about-kim-alders*/
.wrapper .kop {height:165px;background-image:url('./img/header.jpg');background-repeat:no-repeat; background-position:-7px top;}
.wrapper .kop .title {padding:46px; text-align:center;}
.wrapper .kop .motto {color:white;text-decoration:none; font-size: 2.6em; font-weight:bold;letter-spacing:1px;}
.wrapper .kop .more {color:#d1d1d1;text-decoration:none; font-size: 1em; font-weight:normal;letter-spacing:1px; float:right;margin-right:72px;}

/* menu en column_xxx are the same entity. The entity has a double class*/
.wrapper .tabs {height:80px;background-color:black;margin:0;padding:0;}
.wrapper .tabs .menulist {height:80px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
.wrapper .tabs .menulist .menu {float:left;text-align:center;width:222px;height:72px;margin:0 0 0 26px;padding:8px 0 0 0;background-repeat:no-repeat;}
.wrapper .tabs .menulist .column_one {margin-left:17px;}
.wrapper .tabs .menulist .column_one {background-image:url('./img/yellowmenu.jpg');}
.wrapper .tabs .menulist .column_two {background-image:url('./img/greenmenu.jpg');}
.wrapper .tabs .menulist .column_three {background-image:url('./img/bluemenu.jpg');}
.wrapper .tabs .menulist .column_four {background-image:url('./img/pinkmenu.jpg');}
.wrapper .tabs .menulist .menu .menulink {display:block;margin-top:27px;color:white;text-decoration:none;font-size:1.5em;font-weight:bold;letter-spacing:1px;}

/* 
.page and .c_xxx are the same entity. The entity has a double class.
.column and .column_xxx are the same entity. The entity has a double class.
.page .content refers to all pages but the homepage
.c_rainbow refers to the homepage
 homepage has 4 columns, all other pages have 3.
*/

.wrapper .page{background-color:#feffff;width:966px;margin-left:17px;}
.wrapper .page .content{}
.wrapper .page .content .thumbs img{margin-bottom:20px;}
.wrapper .page .content .portfolio{padding:12px;} 
.wrapper .page .content .portfolio img{vertical-align:top;}
.wrapper .page .content .portfolio img.mid{margin:0 12px;}

.wrapper .page .content .column{text-align:justify;margin:10px 10px 0 10px;}
.wrapper .page .content .column_one,
.wrapper .page .content .column_two,
.wrapper .page .content .column_three{float:left;width:455px;}
.wrapper .page .content .column_portfolio_one{float:left;width:555px;}
.wrapper .page .content .column_portfolio_two{float:left;width:355px;}
.wrapper .page .content .column_portfolio_two img{margin-left:8px;}
.wrapper .page .content .column_contact_one{float:left;width:355px;}
.wrapper .page .content .column_contact_two{float:left;width:555px;}


/* homepage */
.wrapper .c_rainbow {padding:0px;width:1000px;background-color:transparent;margin-left:0px;}
.wrapper .c_rainbow .content{color:white;margin:0 10px 0 10px;padding:0px;background-color:black;background-image:url('./img/gradienthome.jpg');background-position: bottom left;background-repeat:repeat-x;}
.wrapper .c_rainbow .content .column {height:350px;margin:0px;padding:0;float:left;width:222px;}
.wrapper .c_rainbow .content .column_one {margin-left:7px;}
.wrapper .c_rainbow .content .column_two,
.wrapper .c_rainbow .content .column_three,
.wrapper .c_rainbow .content .column_four {margin-left:26px;}
.wrapper .c_rainbow .content .column a{color:white;text-decoration:none;}
.wrapper .c_rainbow .content .column a.underline{text-decoration:underline;}
/* this is the backgroundcolor of the 4 columns at the homepage */
.wrapper .c_rainbow .content .column_one{background-image:url('./img/yellowbg.jpg');}
.wrapper .c_rainbow .content .column_two{background-image:url('./img/greenbg.jpg');}
.wrapper .c_rainbow .content .column_three{background-image:url('./img/bluebg.jpg');}
.wrapper .c_rainbow .content .column_four{background-image:url('./img/pinkbg.jpg');}

/* this is the background of the textarea on all following pages. No color (c_) is for utils and about_kimalders */
.wrapper .c_pink{background-position:0 0px; background-image:url('./img/pinktop.jpg');background-repeat:no-repeat;}
.wrapper .c_blue{background-position:0 0px; background-image:url('./img/bluetop.jpg');background-repeat:no-repeat;}
.wrapper .c_yellow{background-position:0 0px; background-image:url('./img/yellowtop.jpg');background-repeat:no-repeat;}
.wrapper .c_green{background-position:0 0px; background-image:url('./img/greentop.jpg');background-repeat:no-repeat;}
.wrapper .c_{background-position:0 0px; background-image:url('./img/graytop.jpg');background-repeat:no-repeat;}


.wrapper .footer{height:50px; text-align:center;background-image:url('./img/footer.jpg');background-repeat:no-repeat; color:#d1d1d1;background-position:17px bottom;}
.wrapper .footerrainbow{text-align:center;background-image:url('./img/footerrainbow.jpg');background-repeat:no-repeat; color:#d1d1d1;height:62px;background-position:10px bottom;}

.wrapper .footer a,
.wrapper .footerrainbow a{color:white; text-decoration:none; }

p.p-page{height:250px;}
p.hosting{text-align:left;}

/* general stuff */
.clear{float:none;clear:both}
.print {display:none; height:0;width:0;}
.bold{font-weight:bold;}
body {background-color:black;margin:0;padding:0;}

/* IE6 Haxx */
* html .wrapper .tabs .menulist .column_one {margin-left:8px;}
* html .wrapper .tabs .menulist .column_two {margin-left:25px;}
* html .wrapper .tabs .menulist .column_three {margin-left:26px;}
* html .wrapper .tabs .menulist .column_four {margin-left:26px;}

* html .wrapper ul.menulist{margin:0px;padding:0px; }
* html .print{height:0px;padding:0px;margin:0px;}

* html .wrapper .c_rainbow .content .column_one{margin-left:10px;}
* html .wrapper .c_rainbow .content .column_two, .wrapper .c_rainbow .content .column_three, .wrapper  .c_rainbow .content .column_four {margin-left:26px;}
* html .wrapper .c_rainbow .content{margin:0 10px 0 -4px;background-image:url('./img/gradienthome.jpg');}
* html .wrapper .content {margin-top:0px;padding-top:0px;}
* html .wrapper .page {margin-top:0px;padding-top:0px;}
* html .wrapper .column {margin-top:0px;padding-top:0px;}
* html .wrapper li.clear{height:0px;}