* { margin: 0; padding: 0; font-size: 100%; }
html, body { height: 100%; }
body {font:.6875em/1.5 verdana, sans-serif;color: #000;}
.hide {position: absolute; left: -999em;}
#container{ width: 780px; margin: 0 auto; position: relative; }

#header { width: 780px; font-weight: bold; font-size: 1.0909em; position: absolute; top: 0; left: 0; z-index:6}
#header h1 { margin: 0; }
#header img {border: 0;}

#header-left { padding: 8px 0 8px 32px; position: relative; width: 359px; background: #008193; float: left;}
#header-right { padding: 8px 0; float: right; width: 389px; position: relative; z-index: 9; }

#menu { color: #cecd00; position: absolute; top: 50px; left: 120px; list-style:none; }
#menu li { background: url(/images/layout/menu.png) 0 5px no-repeat; padding: 0 10px 0 10px; display: block;float:left; }
#menu li.active { background-image: url(/images/layout/menu-active.png); }
#menu a { color: #fff; text-decoration: none; }
#menu a:hover { color: #cecd00; }

#menu2 { position: absolute; right: 30px; top: 10px; margin: 0; }
#menu2 li { background-color: #c8c700; text-decoration: none; list-style: none; color: #fff; font-weight: bold; margin: 0 0 5px; }
#menu2 li a { 	padding: 2px 20px 2px 5px;color: #008193; text-decoration: none;}

#aanmelden { display: block; width: 128px; background: #008193; padding: 2px 10px; color: #fff; text-decoration: none; }
#inloggen { background: #cecd00; color: #008193; padding: 2px 10px; text-decoration: none; position: absolute; top: 8px; right: 0; }
#aanmelden:hover, #inloggen:hover, #menu2 a:hover { text-decoration: underline; }

#innerwrapper { width: 100%; min-height: 380px; padding: 90px 0 120px; float: left; position: relative; background-color: #CEE4E8; }

#left { width: 390px; float: left; }
#content { margin: 0 10px 0 40px; }
#right { float:right; width: 369px; padding: 3em 10px; background: #fff; }

#footer { clear: both; height: 120px; width: 780px; margin: 0 auto 0; background:  url('/images/layout/footer.png') 0 0 no-repeat; position: absolute; bottom: 0; left: 0; }
#footer .payoff { font-size: 1.0909em; font-weight: bold; letter-spacing: .440em; left: 420px; bottom: 20px; position: absolute; color: #fff; }

.sidefill { background: url('/images/layout/side.png') bottom right no-repeat; display: block; height: 100%; width: 50px; position: absolute; right: 0; bottom: 120px; z-index: 999; }
#pwrd { color: #999; width: 780px; margin: 0 auto; padding-bottom: 3em; }
#pwrd a {color: #999;}
#pwrd p { float: left; }
#pwrd #sitelinks { float: right; width: auto;}

#left p{ margin: 1.5em 0; }
.payoff span, #address b { color: #cecd00; }
#left h1, #left h2 { color: #008193; margin: 1.5em 0; }
#right h2 { color: #008193; }
#definition ul, #aclgroup table  { margin-left: 3em;}
#definition h1,#aclgroup h1  { font-size: 1.7em; margin: 1em;}

.noshow {display: none !important;}

/* =HOMEPAGE 
----------------------------------------------------------*/
#homepage #header-left { width: 357px; }
#homepage #header-right { width: 391px; }
#homepage #menu { position: absolute; top: 48px; left: 160px;}
#homepage #inloggen { position: absolute; top: 9px; right: 0;}
#homepage #innerwrapper { background-color: #008193; color: #fff; font-weight: bold; padding: 120px 0 80px; }

#homepage #left { width: 100%; }
#homepage h2 { letter-spacing: .17em; margin: 1.5em 0; color: #cecd00;}
#homepage p { margin: 1.5em 0; width: 350px; line-height: 2em; }
#homepage .payoff { font-size: 2.2727em; }
#homepage #address { width: 120px; position: absolute; bottom: 120px; right: 58px; font-weight: bold; }
#homepage #pwrd p { margin:0 }



/* =Forms 
----------------------------------------------------------*/
#formwrapper #left { width: 100%; }
#formwrapper #content { margin: 1.5em 80px 0 40px}
#formwrapper #emailform { width: 340px; }

#form input,#form textarea,#form .selectbox {width:400px;}
#form .selectbox {width:382px;}

/* =INFORMATIONS 
----------------------------------------------------------*/
#information #innerwrapper { color: #000; background: url('http://site194.primosite.com/images/layout/library-bg.png') top right repeat-y;}
#information #address { margin-top: 1.5em; }
#information #address a { color: #000 }
#information div.information { margin: 1.5em 0 0}
#information .information_rellinks { margin: 1em 1.5em; }
#information .information_rellinks a { color: #000; }

.information .intro {margin:0 0 1em 0;font-weight:bold;}
.information .photo {position:absolute;top:150px;left:400px;}
.information .photo .phototext {display:block;width:320px;font-style:italic;}


/* =VCARD
--------------------------------------------*/
#address .adr { margin-bottom: 1.5em; }
#address a { text-decoration: none; color: #fff; }
#address b { margin-right: 3px; }

/* =LIBRARY
----------------------------------------------*/
#library #innerwrapper {color: #000; background: url('http://site194.primosite.com/images/layout/library-bg.png') top right repeat-y;}
.imgsw_toplevel img {border: 0 ;}
.imgsw_list_thumbnails {width: 325px; float: left; margin-bottom: 5px;overflow:hidden;}
.imgsw_list_thumbnails a {margin: 0 1.5em 15px 0; display: block; float: left;}
.galleryfooter {color: #008193; font-size: 0.9090em; width: 280px;}


/* =CUSTOM FORM
---------------------------------------------------------------------------*/
#form.customform{margin: 1.5 0 0; color: #000;}
.customform legend { padding: 0 5px; margin: 0 10px; font-size: 1.0909em; font-weight: bold; }
.customform fieldset { border: 1px solid #CEE4E8; border-top: 1px solid #008193; margin: 3em 0; padding: 0 1%; }
#gegevens { width: 45%; float: left; }
#afhandeling { width: 45%; float: right;}
#bestelling, #opmerking {clear: both;}

.customform label, 
.customform .label, 
.customform .radio label.label, 
.customform .radio label span{display: block;font-weight: bold;}
.customform label input, 
.customform .radio label.label input {display: block;margin-left: 1.5em;width: 200px;}

input#submit {display: block; margin: 1em 0;}
.customform label input.small {width: 50px !important;}
.customform .radio label, .customform .checkbox label{font-weight: normal;display: block;}
.customform .radio input, .customform .checkbox input {display: inline;width: auto;}
.customform .checkbox ol { margin-left: 3.5em; }
.customform .checkbox ol input { margin-left: 0; }
.customform .selectbox select { width: 100px; margin-left: 1.5em; }
.customform .selectbox option { padding: 0 2px; }
.customform #bijz .radio { width: 45%; float: left; margin: .75em 3% .75em 0; }
.customform h3 { border-bottom: 2px solid #000;}
.customform .disabled, .customform .disabled h3 {color: #999;border-color: #999;}
.disabled input.small {background: #D4D0C8;}
.customform label.lr, label.disabled span {color: #000;}
.row { clear: both }

textarea {font: inherit}
#levering-naw, #klantklachten {margin-left: 1.5em;width: 250px;	height: 5em;}

.radio .links {width: 48%; float: left;}
.radio .rechts {width: 48%; float: right;}
#bijz  label.label input { width: auto; margin-left: 0; display: inline; }

/* =SITEMENU/SITEMAP
-----------------------------------------------------------*/
#sitemenu ul {border: 0;}
#sitemenu li {background: none;	margin: .5em 0;}
#sitemenu li li {list-style: none;}
#sitemenu .editmode {margin-left: 1em;position: relative; top: 5px;}
#sitemenu a.menuitem:hover {border-bottom: solid 1px;}
#sitemenu a.menuitem-active {font-size: 120%;font-weight: bold;}
#sitemenu .more img{width: 9px;	margin-right: 5px;}
#sitemenu a.plus:hover{border: 0;}