/*<![CDATA[*/

/* globals */
body { background:#222; color:#ccc; line-height:18px; }

/* IE patch for centering the page */
body { text-align:center; position:absolute; height:100.1%; width:100%; }
body div { text-align:left; }
/* ends */

body, input, textarea { font-family:arial; font-size:13px;  }
p { margin:0 0 15px 0; }
a { color:#9bd; text-decoration:none; border-bottom:1px dotted #9bd;}
a:hover { color:#e43; border-bottom:1px dotted #9c3; }
a.image { border:0; }
a img { border:0; }
textarea { overflow:auto; }
strong { font-weight:bold; }




/* generics */

.strong { font-weight:bold; }
.clearer { height:0px; clear:both; line-height:0px; overflow:hidden; font-size:0; }
.alert { color:#fc3; }
.success { color:#9c3; }



/* header */

#divHeaderWrapper { height:100px; background:url(../l33.png) bottom left repeat-x; } /* hoogte tot body */
#divHeader { width:760px; height:100px; margin:0 auto; background:url(../l44.png) bottom left repeat-x; }
#divHeader h1 { float:left; background:url(../zed.png) 0% 10% no-repeat; }
#divHeader h1 a {  }
#divHeader h1 a img { margin:45px 0px 10px 0px; }  /* positie logo naast menu vanaf top - - left */
#divHeader h1 span { display:none; }
#divHeader ul.nav { height:100px; float:right; font-size:12px; }
#divHeader ul.nav li { display:inline; }
#divHeader ul.nav li a {
 border:none;
 display:block; 
 float:left; 
 height:30px;                  /* hoogte menu blokjes onder de menu-tekst */
 line-height:30px;             /* hoogte tbv menu-letters */
 padding:65px 5px 0px 5px;   /* hoogte menu blokjes incl tekst + ruimte boven/links/rechts naast menu-tekst */
 text-decoration:none; 
 color:#aaa;                   /* kleur menu tekst ongeselecteerde blokjes */
 text-transform:uppercase; 
 border-bottom:5px solid #555;  /* kleur onder menu-blokjes ongeselecteerd */
 margin-left:5px;
 background: #222;  /* kleur menu-blokjes ongeselecteerd */
 }
#divHeader ul.nav li a:hover { background:#333; color:#eee; }
#divHeader ul.nav li.current a {
 color:#ccc; /* letterkleur current menu-item */
 }
#divHeader ul.nav li.current a.page1 { border-bottom:5px solid #9ce; }
#divHeader ul.nav li.current a.page2 { border-bottom:5px solid #fb0; }
#divHeader ul.nav li.current a.page3 { border-bottom:5px solid #9c3; }
#divHeader ul.nav li.current a.page4 { border-bottom:5px solid #e43; }
#divHeader ul.nav li a.page1:hover { border-bottom:5px solid #9ce; }
#divHeader ul.nav li a.page2:hover { border-bottom:5px solid #fb0; }
#divHeader ul.nav li a.page3:hover { border-bottom:5px solid #9c3; }
#divHeader ul.nav li a.page4:hover { border-bottom:5px solid #e43; }

/* logged in menu */

#divSubMenuWrapper { width:760px; margin:30px auto 0 auto; padding:5px 0; background:#444; }
#divSubMenu { padding: 0 20px; text-align:center; color:#aaa; font-size:12px; }
#divSubMenu a { border:0; text-transform:uppercase; color:#aaa; }
#divSubMenu a:hover { color:#fff; border-bottom:2px solid #fff; }
#divSubMenu a.current { color:#9c3; border-bottom:2px solid #9c3; }

/* main area */

#divContentWrapper { width:760px; margin:30px auto 0 auto; padding:10px 0; background:#333; }
#divContent { padding:20px 20px; min-height:300px; height:auto !important; height:300px; }
#divContent h2 { margin:0 0 30px 0; font-size:24px; line-height:24px; font-weight:normal; color:#ddd; }

/* index.php only */

#divFrontImage { background:url(PH001.jpg) center no-repeat; margin:0 0 30px 0; }
#divFrontContent { float:left; width:460px; margin:0; }
#hdrFrontBig { text-align:right; font-size:24px; font-weight:normal; }
#hdrFrontBig a { border:0; }

/* projects.php only */

#divProjectsLeft { float:left; width:210px; }
#divProjectsRight { float:right; width:470px; }
#divProjectThumbs { display:none; } /* overridden using jQuery - hidden only when no javascript - this avoids a noscript tag in the head */
div.projectThumb { float:left; margin:0 28px 30px 0; }
div.projectThumb a { border:0; }
div.projectThumb a img { width:120px; height:84px; border:4px solid #ccc; }
div.projectThumb a:hover img { border:4px solid #9c3; }
#facebox a.close { border:0; }
#facebox a img.close_image { border:0; }
div.projectBox { width:580px; height:180px; padding:10px; color:#333; }
div.projectBox img.projectBoxShot { float:left; border:1px solid #333 !important; margin:0 10px 10px 0; }
div.projectBox h3 { font-size:12px; margin:0 0 0px 0; }
div.projectBox h4, div.projectBox p { margin:0 0 10px 0; }
div.projectBox a { color:#9c0; border-bottom:1px dotted #9c0; }
div.projectBox a:hover { color:#adf; border-bottom:1px dotted #adf; }

/* contact.php only */

#divContactLeft { float:left; width:210px; }
#divContactRight { float:right; width:470px; }
div.standardForm { padding:10px; background:#444; margin:0 0 15px 0; }
div.standardForm div.row { clear:both; }
div.standardForm div.row span { padding-top:8px; }
div.standardForm div.row span.left { width:120px; float:left; text-align:right; padding-left:16px; }
div.standardForm div.row span.right { float:right; width:290px; text-align:left; }
div.standardForm div.row span.right .text { background:#eee; border:0; padding:2px; font-size:12px; }
div.standardForm div.spacer { clear:both; height:10px; }
div.standardForm input.submit { border:1px solid #999; background:#ccc; padding:4px; font-weight:bold; border-top:1px solid #eee; border-left:1px solid #eee; margin:0; }
div.standardForm img.captcha { border:0; vertical-align:middle; }
div.standardForm label.error { display:block; color:#fc3; }

/* cc page only */

table.cardNumbers { width:100%; margin-bottom:10px; }
table.cardNumbers td { vertical-align:top; width:25%; padding-bottom:10px; }


/* footer */

#divFooterWrapper { width:760px; margin:0 auto; padding-bottom:20px; }
#divFooter { margin:30px 0px; font-size:10px; font-family:verdana;}
#divFooter ul { width:200px; float:right; margin:0 20px 0 0; border-top:1px dotted #555; color:#777; }
#divFooter ul.left { width:460px; float:left; margin:0 0 0 20px; }
#divFooter ul li { height:30px; line-height:30px; border-bottom:1px dotted #555; }
#divFooter ul li a { color:#777; text-decoration:none; border:none; }
#divFooter ul li a.icon { display:block; height:30px; line-height:30px; }
#divFooter ul li a:hover { color:#fff; }
#divFooter ul li a.delicious { background:url(../images/icon.14x14.delicious.gif) center left no-repeat; padding-left:20px; }
#divFooter ul li a.digg { background:url(../images/icon.14x14.digg.gif) center left no-repeat; padding-left:20px; }
#divFooter ul li a.reddit { background:url(../images/icon.14x14.reddit.gif) center left no-repeat; padding-left:20px; }
#divFooter ul li a.stumbleupon { background:url(../images/icon.14x14.stumbleupon.gif) center left no-repeat; padding-left:20px; }




/* exceptions */

div.capabilityWarning { background:#444; color:#fc3; padding:10px; margin:0 0 30px 0; text-align:center; }
div.capabilityWarning a { font-weight:bold; }




/*]]>*/