@charset "UTF-8";
/* CSS Document - Author: Adrie Mooi, e-mail: contact@adriemooi.nl */

/* main */
*{margin:0px; padding:0px;}
:focus {outline: 0;}
body{background:#e2e2e2; background-image:url(images/bg-pattern.png); font-family:Trebuchet MS, Verdana, Arial; font-size:11px; color:#777;}
#contentwrapper{width:900px; background:#FFF; margin:25px auto 30px auto;  padding:15px 40px;}
.clear{clear:both;}

/* header */
#header{height:120px;}
#header img{float:left;}

/* text */
h1{float:left; height:110px; width:103px; background:url(images/adriemooi-logo.png) no-repeat top left; text-indent: -1000px;}
h2{font-size:15px; margin:0 0 5px 0; color:#333; font-weight:normal;}
.subscript{color:#666; font-size:9px; font-style:italic;}
.bold{font-weight:bold;}
.centerline{text-decoration:line-through;}
.red{color:#fb3737;}

/* links */
a{color:#333; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}
a img{border:none;}

/* portfolio */
.portfolioitem{margin:10px 0 30px 0;}

/* column */
.column{width:286px; float:left; margin:0 0 20px 0;}
.column p{line-height:19px; margin:0 0 10px 0}
.column ul{margin:0 0 10px 0;}
.column li{list-style-type:none; background:url(images/bullet.png) no-repeat center left; padding-left:15px; line-height:20px;}
.fullcolumn{width:900px;}
.columnspacer{width:20px; float:left; margin:15px 0 0 0;}

/* contact */
.contact-column{width:286px; height:551px; margin:0 0 20px 0; float:left; background:url(images/contact-bg.jpg) no-repeat top left;}
.masker{width:238px; height:335px; margin:87px 0 0 25px; overflow:hidden;}
.contact-container{width:952px; height:335; color:#333; position:relative;}
.formulier, .contact-boodschap{width:218px; padding:10px; float:left;}
.contact-boodschap p{margin:0 0 10px 0; line-height:19px;}
.contactitem-label{width:218px; margin:0 0 5px 0;}
.contactitem input{width:208px; padding:5px; margin:0 0 5px 0; border:0;}
.contactitem input:focus{background:#FCFAE0;}
.contactitem textarea{width:208px; height:100px; padding:5px; margin:0 0 10px 0; border:0; font:inherit;}
.contactitem textarea:focus{background:#FCFAE0;}

/* various */
.button{height:23px; float:left; margin:0 0 10px 0; color:#FFF; font-size:11px; font-weight:bold; letter-spacing:0.03em;}
.button:hover{color:#777;}
.button-links{height:inherit; width:11px; background:url(images/button-links.png) no-repeat top left; float:left;}
.button-rechts{height:19px; padding:4px 25px 0 0; background:url(images/button-rechts.png) no-repeat top right; float:left;}
.button-terug-links{height:19px; padding:4px 0 0 25px; background:url(images/button-terug-links.png) no-repeat top left; float:left;}
.button-terug-rechts{height:inherit; width:11px; background:url(images/button-terug-rechts.png) no-repeat top left; float:left;}