/***********************************************
* CSS 9000 HTML WEBSITE
* Date Created: 16/03/2009
* Last Modified: 25/03/2009
* 
* Copyright 2009 - 9000 Studios - www.9000.be
* - Please do not reuse without permission -
************************************************/

/* swatches: rood:#FF0000 */

/*
Algemeen
*/
body,html{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px;}
.clearfix{clear:both; height:20px; display:block}
.notfoundfooter{position:fixed; bottom:0px; width:100%}

/*
Containers
*/
#maincontainer{text-align:center;}
#body{width:978px; background-color:#ffffff; margin:auto; text-align:left}
#websitecontainer{width:878px; background-color:#ffffff; text-align:left; margin: 30px 0px 0px 40px; padding-right:30px;}
#header{margin-bottom:25px;}
#taalvlaggen{margin-top:39px; text-align:right; width:200px; position:relative; left:-80px;}
#firstcontent{margin-bottom:20px;}
#navcontent{margin-bottom:0px;}
#projectscontainer{}
#footercontainer{font-size:12px; margin-top:50px; border-top: 1px solid #000000; background-color:#000000; color:#ffffff; padding-left:40px;}
#footertextcontainer{width:870px;}

#slogan{background-image:url(../images/wemakewebsites-r.png); position:fixed; top:0px; right:0px; width:153px; height:153px;}
#footerlogobig{position:relative; width:100%; height:374px; right:0px; text-align:right;}
#footerlogobigcontainer{background-color:#999999; position:absolute; width:235px; height:500px; bottom:200px;}

.navspacer{float:left; width:1px; height:230px; background-color:#333333; margin:0px 10px 0px 10px;}
.navblok{float:left; width:350px; height:230px;}

.project .foto{background-color:#ffffff; float:left; margin:0px 5px 5px 0px;}
.project .small{width:141px; height:94px;}
.project .medium{width:287px; height:191px;}
.project .large{width:300px; height:224px;}

.project .foto img:hover{border-bottom:solid 2px #ff0000;}

.project{}

.projecttext{}
.projectinfo{margin-bottom:15px;}
/*.projectspacer{margin:30px 0 30px 0; width:878px; height:43px; background:url(../images/projectspacer.jpg) no-repeat #FFFFFF;}*/
.projectspacer{margin:30px 0 30px 0; width:878px; height:1px; border-bottom:solid 1px #999999;}

.nieuwsitem{margin-bottom:5px;}

.validlinkdiv{position:relative; top:-5px;}

.footerderde{width:285px; margin-right:5px; line-height:14px; float:left;}

/*
Stijlen
*/
h1{margin-bottom:25px; background:url(../images/9000_logo.jpg) no-repeat; text-indent:-9999px; height:100px; width:168px;}
h2{font-size:20px; margin-bottom:0px; text-transform:uppercase;}
h3{font-size:18px; margin-bottom:5px;}

.project h1{text-transform:uppercase;}

.alignright{text-align:right;}
.floatleft{float:left;}
.capitalise{text-transform:uppercase; font-size:12px; font-weight:bold;}

.ok{color:#009900; margin-bottom:10px;}

h1{font-size:28px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:18px;}

.highlight{background-color:#000000; color:#ffffff; padding:10px; width:853px;}
.introtekst{font-size:17px;}


/*
Links
*/
a, a:link, a:active, a:visited{color:#333333; text-decoration:underline;}
a:hover{text-decoration:underline; color:#ff0000}

a.currentpage, a.currentpage:link, a.currentpage:visited{color:#ff0000; background-color:#ffffff; text-decoration:none;}
a.currentpage:hover{}

a.toplinkje, a.toplinkje:link, a.toplinkje:active, a.toplinkje:visited{color:#999999; font-size:12px; text-decoration:underline;}
a.toplinkje:hover{text-decoration:none;}

/*
a.redlink, a:link.redlink, a:active.redlink, a:visited.redlink{color:#FFFFFF; background-color:#FF0000; text-decoration:none; padding:0px 2px 0px 2px}
a.redlink:hover{color:#000000; background-color:#FFFFFF; text-decoration:none;}*/
a.redlink, a:link.redlink, a:active.redlink, a:visited.redlink{color:#FF0000; text-decoration:underline; padding:0px 2px 0px 2px; font-size:14px; margin-right:2px;}
a.redlink:hover{color:#999999; text-decoration:underline;}

a.validlink, a:link.validlink, a:active.validlink, a:visited.validlink{color:#ffffff; text-decoration:underline; padding:0px 0px 0px 0px;}
a.validlink:hover{color:#ff0000; background-color:#000000;}

.validlinkcorr{left:-4px;}

a.footlinks, a:link.footlinks, a:active.footlinks, a:visited.footlinks{color:#FFFFFF; text-decoration:none;}
a.footlinks:hover{text-decoration:underline;}

/*
menu
*/
.topmenu{font-size:16px; height:20px; margin-bottom:10px;}
.topmenu ul li a{float:left; display:block; margin-right:10px; height:20px; background-color:#ffffff; color:#ff0000; padding:0 10px 0 0px; text-decoration:underline; font-size:16px}
.topmenu ul li a:hover{background-color:#ffffff; color:#999999; text-decoration:underline;}
.topmenu ul li{float:left; display:block;}

/*
contacttabel en formulier
*/
.contacttabel{padding:0px; margin:0px;}
.contacttabel tr td{padding-bottom:2px; vertical-align:top}
.contactform input{margin:0; padding:0;}
.contactform input[type=text], .contactform select, .contactform input[type=password]{width:250px; margin:0; padding:0;}
.contactform input[type=submit], .contactform input[type=reset]{background-color:#ffffff; border: solid #7f9db9 1px; font-weight:normal; margin-top:5px;}
.contactform textarea{height:100px; width:250px;}
.paddingright5{padding-right:5px;}

a.underlined{text-decoration:underline;}

.footerderde a{color:#FFFFFF;}

/*
Detail afbeeldingen
*/
.pic_small{width:140px; height:93px;}
.pic_small_doubleheight{width:140px; height:191px;}
.pic_small_doubleheight img{border:0; padding:0px; margin:0px; display:block}
.pic_medium{width:287px; height:191px;}
.pic_medium_doubleheight{width:287px; height:387px;}
.pic_big{width:581px; height:387px;}
.pic_big{}
.rightmargin{margin-right:5px;}
.floatleft{float:left;}
.topmargin{margin-top:5px;}