body {text-align: left; margin: 0; padding: 0; font:62.5%  Georgia, Arial,Helvetica,sans-serif; color: #555555; background-color: #F1EFEF; background-image: url("/images/body_bg.jpg"); background-position: top left; background-repeat: repeat; }
p {font-size: 1.2em; font-weight: normal; text-decoration: none; line-height: 1.8em; color:#626262; margin: 0; padding: 0 0 .7em 0; }
h1, h2, h3 {font-weight: normal; }
h1 {font-size: 1.6em; padding: .4em 0 0.5em 0; margin: 0 0 10px 0; color: #313B45; background-image: url("/images/hr.gif"); background-position: bottom left; background-repeat: no-repeat; }
h2 {font-size: 1.6em; padding: .4em 0 0.2em 0; margin: 0; color: #81562F;}
h3 {font-size: 1.3em; padding: 0 0 0.2em 0; margin: 0; color: #28323D;}

	h4 {font-family: lucida grande, verdana, arial, helvetica, sans-serif;margin-bottom: 4px;}
.clear {clear: both;}
img {padding: 0 ;border: 0; vertical-align: middle;}
.image_left {float: left; padding: 0 10px 0 0; margin: 0;}
.image_right {float: right; padding: 0 0 0 10px; clear:right; margin: 0; }

.portfolio_image_right {position: relative;float: right; padding: 0 0 10px 20px; margin: 0; text-align: right;}

.border {border: 1px solid #a7a7a7; float: left; padding: 2px; margin:0; background-color: #fff;}
ul, ol {margin: 2px 0 0 20px; padding: 0; list-style-position: outside; list-style-type: none;  list-style-image: url("/images/li.gif") ;}
li {font-size: 1.2em; font-weight: bold; line-height: 1.2em; color:#555555; margin: 0; padding: 0 10px 0.4em 0;}

.entry {padding: 0; margin: 0 0 10px 0 ;}
.news_image {float: left; padding: 0 10px 0 0; margin: 0;}
.news_item {float: right; padding: 0; margin: 0; width: 520px;}
.news_item h2 {padding: 0 0 0.2em 0;}

/* Main Divs */
/***********************************************************************/
#wrapper {margin: 20px auto; padding: 0; width: 665px; }
#top {position: relative; float: left; width: 665px; padding: 0; margin: 0; background-color: #313B45;}
#main {position: relative; width: 665px; background-color: #E6E6E6; padding: 0 ; margin: 0 0 6px 0; float: left; border-bottom: 12px solid #63482A;}
#footer {position: relative; width: 665px; clear: both; margin: 0; padding: 0; background-color: #28323D;}

#content {width: 425px; float: right; padding: 0 0 30px 0; margin: 0 25px 0 0;}

#logo {position: relative; float: left; width: 645px; padding: 20px 0 20px 20px; margin: 0;}
#logo h1 {background-image: none; margin: 0;}


#specification_right {position: relative; float: right; background-color: #E6E6E6; width:200px; margin: 10px 0 0 0; padding: 6px 0 0 6px; text-align: right;}


/* Navigation */
/***********************************************************************/




#menucontainer {position:relative; margin: 0; float: left; width: 655px; padding: 0 0 0 10px; border-bottom: 4px solid #28323D;}
#menucontainer ul {margin: 0; padding: 0;}
#menu {margin: 0; padding: 0; height: 30px; white-space: nowrap;}

#menu li {background: none; float: left; display: block; margin:0 4px 0 0;padding: 0;text-align: center;}
#menu li a {color : #A6A6A6;background: url(/images/menu_rechts.gif) no-repeat right top;text-decoration: none;display: block;display: inline-block; /* IE */height: 30px;line-height: 30px;border:none;}
#menu li a:hover, #menu li a:active {color: #FFFFFF;background: url(/images/menu_rechts.gif) no-repeat right bottom;}
#menu li a span {display: block;	padding: 0 10px;background: url(/images/menu_links.gif) no-repeat left top;}
#menu li a:hover span, #menu li a:active span {background: url(/images/menu_links.gif) no-repeat left bottom;}

/* Actieve menu-items */
#menu li.activeportfolio a, #menu li.activenews a, #menu li.activeabout a, #menu li.activecards a, #menu li.activecontact a {color: #FFFFFF; }
#menu li.activeportfolio a {background: url(/images/menu_portfolio_active.gif); background-position: bottom right; background-repeat: no-repeat; padding: 0;}
#menu li.activenews a {background: url(/images/menu_news_active.gif); background-position: bottom right; background-repeat: no-repeat;padding: 0;}
#menu li.activeabout a {background: url(/images/menu_about_active.gif);  background-position: bottom right; background-repeat: no-repeat;padding: 0;}
#menu li.activecards a {background: url(/images/menu_cards_active.gif);  background-position: bottom right; background-repeat: no-repeat;padding: 0;}
#menu li.activecontact a {background: url(/images/menu_contact_active.gif); background-position: bottom right; background-repeat: no-repeat;padding: 0;}



#menu li.activeportfolio a:hover, #menu li.activeportfolio a:active {color: #fff;background: url(/images/menu_rechts_actief.png) no-repeat right bottom;}
#menu li.activeportfolio a span {background: url(/images/menu_portfolioend_active.gif) no-repeat left bottom;}
#menu li.activeportfolio a:hover span, #menu li.activeportfolio a:active span {background: url(/images/menu_links_actief.png) no-repeat left bottom;}



#menu li.activenews a:hover, #menu li.activenews a:active {color: #fff;background: url(/images/menu_rechts_actief.png) no-repeat right bottom;}
#menu li.activenews a span {background: url(/images/menu_newsend_active.gif) no-repeat left bottom;}
#menu li.activenews a:hover span, #menu li.activenews a:active span {background: url(/images/menu_links_actief.png) no-repeat left bottom;}



#menu li.activeabout a:hover, #menu li.activeabout a:active {color: #fff;background: url(/images/menu_rechts_actief.png) no-repeat right bottom;}
#menu li.activeabout a span {background: url(/images/menu_aboutend_active.gif) no-repeat left bottom;}
#menu li.activeabout a:hover span, #menu li.activeabout a:active span {background: url(/images/menu_links_actief.png) no-repeat left bottom;}


#menu li.activecards a:hover, #menu li.activecards a:active {color: #fff;background: url(/images/menu_rechts_actief.png) no-repeat right bottom;}
#menu li.activecards a span {background: url(/images/menu_cardsend_active.gif) no-repeat left bottom;}
#menu li.activecards a:hover span, #menu li.activecards a:active span {background: url(/images/menu_cardsend_active.gif) no-repeat left bottom;}


#menu li.activecontact a:hover, #menu li.activecontact a:active {color: #fff;background: url(/images/menu_rechts_actief.png) no-repeat right bottom;}
#menu li.activecontact a span {background: url(/images/menu_contactend_active.gif) no-repeat left bottom;}
#menu li.activecontact a:hover span, #menu li.activecontact a:active span {background: url(/images/menu_links_actief.png) no-repeat left bottom;}

.portfolio_selected #menucontainer {border-bottom: 4px solid #6F7985;}
.news_selected #menucontainer {border-bottom: 4px solid #9D7C09;}
.about_selected #menucontainer {border-bottom: 4px solid #6C6D34;}
.cards_selected #menucontainer {border-bottom: 4px solid #9D4C2F;}
.contact_selected #menucontainer {border-bottom: 4px solid #752936;}



#homepiccolumn {position: relative; float: left; width: 387px; margin: 0; padding: 0; height: 476px;}
#homerightcolumn {position: relative; float: right; width: 202px; height: 432px; margin: 0; padding: 44px 35px 0 40px; background-image: url("/images/hright_bg.jpg"); background-position: bottom left; background-repeat: no-repeat; }
#homerightcolumn h2 {font-size: 1.6em; padding: 0 0 1em 0; margin: 0; color: #81562F;}

#intro {position: relative; float: left;  margin: 0 0 10px 0; padding: 14px 25px 10px 25px; width: 615px;}
#submenu {width: 179px; float: left; padding: 0; margin: 0 0 20px 0; background-color: #D6D6CF}
#submenutop {width: 179px; float: left; height: 17px; padding: 0; margin: 0; background-image: url("/images/submenu_topbg.gif"); background-position: top left; background-repeat: no-repeat; }
#submenubot {width: 179px; float: left; height: 20px; padding: 0; margin: 0; background-image: url("/images/submenu_botbg.gif"); background-position: top left; background-repeat: no-repeat;}

#contacttop {width: 346px; height: 29px; float: right; padding: 0; margin: 0 0 0 20px; background-color: #fff; background-image: url("/images/contact_topbg.gif"); background-position: top right; background-repeat: no-repeat;  }
#contactbot {width: 346px; height: 32px;float: right; padding: 0; margin: 0 0 0 20px; background-color: #fff; background-image: url("/images/contact_botbg.gif"); background-position: bottom right; background-repeat: no-repeat; }
#contactentry {width: 292px; float: right; padding: 0 20px; margin: 0 0 0 20px; background-color: #fff; border-left: 7px solid #E3E3DB; border-right: 7px solid #E3E3DB;}

#contententrytop {width: 439px; height: 30px; float: right; padding: 0; margin: 0 25px 0 0; background-color: #fff; background-image: url("/images/contententry_topbg.gif"); background-position: top right; background-repeat: no-repeat;  }
#contententrybot {width: 439px; height: 30px;float: right; padding: 0; margin: 0 25px 0 0; background-color: #fff; background-image: url("/images/contententry_botbg.gif"); background-position: bottom right; background-repeat: no-repeat; }
#contententry {width: 383px; float: right; padding: 20px; margin: 0 25px 0 0; background-color: #fff; border-left: 7px solid #E3E3DB; border-right: 9px solid #E3E3DB;}
#contententry p {color: #626262}
#contententry h2 {padding: 0 0 20px 0;}
#entry {position: relative; float: left; width: 236px; padding:0; margin:0;}

#subthumbs {position: relative; float: left; margin: 0; padding: 20px 0 0 25px;}
.thumbs {position: relative; float: left; padding: 0; margin: 0 4px 6px 0; background-color: #EAEBEE; border: 1px solid #a7a7a7;}
.card_thumbs {position: relative; float: left; width: 88px; height: 170px; padding: 0 10px 10px 0; margin: 0;}

#entryimage {position: relative; float: right; padding: 0 0 0 10px; margin: 0; clear:right; width: 120px;}
p.caption {font-size: .9em; padding: 8px 0 0 0; margin: 0;font-style: italic; text-align: right;}
p.caption_left {font-size: .9em; padding: 8px 0 0 0; margin: 0;font-style: italic; text-align: left;}

/* Standard Links */
/***********************************************************************/
a:link {font-size: 1em; font-weight: normal; text-decoration: underline; color: #82A098; }
a:visited {font-size: 1em;font-weight: normal; text-decoration: underline; color: #82A098;}	
a:visited:hover {font-size: 1em;font-weight: normal; text-decoration: none; color: #82A098;}
a:hover, a:active {font-size: 1em;text-decoration: none; color: #82A098;}


/* Footer links */
/***********************************************************************/
#footer p {font-size: .95em; padding: 4px 8px 4px 4px; margin: 0; color: #62696E; text-align: right;}
#footer a:link {font-size: .95em; font-weight: normal; text-decoration: none; color: #62696E;}
#footer a:visited {font-weight: normal; text-decoration: none; color: #62696E;}	
#footer a:visited:hover {font-weight: normal; text-decoration: underline; color: #62696E;}
#footer a:hover, #footer a:active {text-decoration: underline; color: #62696E;}




#list ul {margin: 0; padding: 0 0 0 25px; list-style-type: none; color: #989894; width: 154px; }
#list li {margin: 0; color: #989894; padding: 5px 0 5px 0;}
#list a:link { color: #989894; width: 146px; text-decoration: none; font-style: italic; }
#list a:visited {color: #989894; width: 146px; text-decoration: none; font-style: italic;}	
#list a:visited:hover {color: #313B45; text-decoration: none; font-style:normal;}
#list a:hover, #list a:active {color: #313B45; text-decoration: none; font-style:normal;} 
#list .current a:link, #list .current a:visited {color: #313B45; text-decoration: none; font-style:normal; } 

/* Rollovers */
/***********************************************************************/
a.rollover {
display:block;
height:50px;
width:50px;
background-position:top left;
background-repeat: no-repeat;
border:solid 2px #FFFFFF;
padding:0;
}

a.rollover img {
padding:0;
border:0;
margin:0;
}
a.rollover:hover {
border-color:#FFFFFE; /*don't ask why but MSIE will only respect the next statement if this one is here.*/
}

a.rollover:hover img, a.active img {
display:none;
}

#contactform {position: relative; float: right; width: 350px; margin: 0; padding: 0;}
#contactintro {position: relative; float: left; width: 250px; margin: 0; padding: 0;}
input { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }
select { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00557b; }
textarea { background: #ebf7ff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#3a5c73; padding: 6px;}
form { padding: 0px; margin: 0 0 2px 0; }

.contact {width: 292px; margin: 0 0 20px 0; padding: 0; }
.contact span { background: #ccc; padding: 10px; color: #cc3300; display: block;}
.contact span h3 { padding: 0px; margin: 0px; }
.contact span p { padding: 0px; margin: 0px;}
.contact span a {color: #cc3300; text-decoration: underline; }

.contact form {padding: 0; margin: 0;}
.contact form fieldset {border: none; padding: 0px; margin: 0px;}
.contact form p {padding: 3px 0px 0px 0px; margin: 0px; color: #626262; line-height: 1.2em;}
.contact form label {display: block; padding: 0 0 4px 0;}
.contact form label em {font-weight: bold; color: #63482A; font-style: normal;}

.contact form input {background: url("/images/input_bg.gif"); border:1px #ccc solid; padding:4px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; width: 290px; text-align: left; vertical-align: top;}
.contact form input:hover, .contact form textarea:hover {background-color: #fff;}
.contact form input:focus, .contact form textarea:focus {background-color: #fff;}
.contact form textarea {background: url("/images/input_bg.gif"); border:1px #ccc solid; padding:4px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; width: 290px; text-align: left; vertical-align: top;}

.contact ul { padding: 5px 0px 5px 15px; margin: 0px; }
.contact li { font-size: 10px; padding: 0px; margin: 0px; }

#submit { position: relative; width: 119px; height: 31px; border:0px #cedc28 solid; padding:0px; margin:0 0 8px 0;  vertical-align: top;}
#submitquicksearch { position: relative; width: 57px; height: 59px; border:0px #cedc28 solid; padding:0px; margin:0 0 8px 0;  vertical-align: top;}
.button:hover {border:0px #cedc28 solid;}
.button:focus {border:0px #3a535e solid;}

#btnSendMessage {position:relative; float: left; margin:0; padding: 0; border:none; width:84px;height:28px; }
.pool_thumbs {position: relative; float: left; width: 116px; height: 170px; padding: 0 10px 10px 0; margin: 0;}