/* - - - - - - - - - - - - - - - - - - - - - -

Title: Brightworks
Author: Brightworks, http://www.brightworks.nl
URL: /css/screen.css

- - - - - - - - - - - - - - - - - - - - - - - */

/* *****************  body  ***************** */
* {margin:0; padding:0; border:0;}
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#525252; background-color:#ffffff;}
a {color:#525252; text-decoration:underline; outline-style: none;}
a:hover {color:#525252; text-decoration:none;}
img {border:none;}
.clear {clear:both;}
h2 {font-size:12px; color:#525252;  border-bottom: 1px solid #ececec; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px;}
p {letter-spacing: 0.1px;}

/* *****************  containers  ***************** */
div#headcontainer {width:880px; margin: 0 auto; padding: 0; height: auto;}
/*div#headcontainer div#logo {background:url(../images/logo_brightworks.gif) no-repeat top left; text-indent: -30000px; border-bottom: 1px solid #ececec; height:29px; padding: 0px 0px 13px 0px; margin: 83px 0px 56px 0px;}*/
div#headcontainer div#logo {border-bottom: 1px solid #ececec; height:29px; padding: 0px 0px 13px 0px; margin: 83px 0px 56px 0px;}
div#headcontainer div#logo a {float:left; width:151px; height:26px;}

/* centercol */
div#centercol {width:590px; float:left; min-height:50px; margin: 0px 30px 0px 0px;}
div#centercol h2 {font-size:14px; color:#525252;  border-bottom: 1px solid #ececec; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px;}
div#centercol p.intro {color:#525252; font-size:24px; font-family: Georgia, arial, helvetica; font-style: italic; font-weight: normal; line-height:33px; margin:0px 0px 50px 0px;}
div#centercol div.item {background:url(../images/item_bg.gif) repeat-x bottom left #f9f9f9; height: 219px; margin: 0px 0px 17px 0px; padding: 0px 0px 4px 0px;}
div#centercol div.item .item-img {width:332px; height:174px; float:left; border:1px solid #e8e8e8; padding: 3px; margin: 18px 18px 0px 18px; display:inline;}
div#centercol div.item .item-img-wrapper {position:absolute; z-index:0; width:332px; height:174px; padding:0; margin:0;}
div#centercol div.item .item-img-wrapper.view {z-index:1;}
div#centercol div.item .item-img-wrapper.hidden {z-index:0;}
div#centercol div.item .item-info {width:200px; float:left;}
div#centercol div.item .item-text {width:200px; height:167px; margin-bottom:10px; float:left; overflow:hidden;}
div#centercol div.item h2 {font-size:14px; margin: 20px 0px 2px 0px; border: none;}
div#centercol div.item p {line-height: 21px; margin: 0px 0px 11px 0px;}
div#centercol div.item a {color:#525252; font-weight: bold; text-decoration: underline;}
div#centercol div.item-info a {cursor:pointer;}
div#centercol div.item a:hover {color:#525252; font-weight: bold; text-decoration: none;}

/* sidebar */
div#sidebar {width:260px; float: left; margin: 13px 0px 0px 0px;}
div#sidebar div.item {margin:0px 0px 45px 0px;}
div#sidebar p {line-height: 21px; margin: 0px 0px 20px 0px; width:240px;}
div#sidebar p.ontdek {margin: 0px 0px 15px 0px;}
div#sidebar p.message {font-family: Georgia, arial, helvetica; font-style: italic; font-size:14px; line-height:21px; margin: 0px 0px 15px 0px;}
div#sidebar p.message a {text-decoration: none;}
div#sidebar p.date {font-style: italic;}
div#sidebar ul li {list-style-type: none; line-height: 21px;}
div#sidebar ul li a {text-decoration: none;}

/* *****************  footer  ***************** */
div#footerwrapper {width:100%; background-color: #f9f9f9; height: 180px; float: left; margin: 50px 0px 0px 0px;}
div#footer {width:880px; margin: 0 auto; padding: 0;}
div#footer h3 {font-size:12px; font-weight: bold; color:#525252; margin: 26px 0px 5px 0px;}
div#footer p {line-height: 21px;}
div#footer div#contactinfo {width:177px; float:left;}
div#footer div.oplossing {float:left; width:164px; margin: 0px 56px 0px 0px;}
div#footer div.oplossing p {border-bottom: 1px solid #e1e1e1; padding: 0px 0px 5px 0px; margin: 0px 0px 18px 0px;}
div#footer div.oplossing .brightcms {display: block; width: 81px; height: 16px; background: url("../images/logo_brightcms.gif") no-repeat 0 0; margin:0; float:left; outline-style: none;}
div#footer div.oplossing .brightcms:hover {background: url("../images/logo_brightcms.gif") no-repeat -0px -16px;}
div#footer div.oplossing .brightcms span {display: none;}
div#footer div.oplossing .brighthost {display: block; width: 87px; height: 16px; background: url("../images/logo_brighthost.gif") no-repeat 0 0; margin:0; float:left; outline-style: none;}
div#footer div.oplossing .brighthost:hover {background: url("../images/logo_brighthost.gif") no-repeat -0px -16px;}
div#footer div.oplossing .brighthost span {display: none;}
div#footer div#newsletter {width:260px; float:left;}
div#footer div#newsletter input.textfield {width:213px; padding:8px 9px 8px 8px; border: 1px solid #e8e8e8; font-family:Arial, Helvetica, sans-serif; font-style: normal; color:#525252; margin:3px 0px 11px 0px; font-size:12px;}
div#footer div#newsletter input.textfield.error {border-color:red}
div#footer div#newsletter #newsletterSucces {float:left; display:none;}