/*  Reset */
html, body, h1, h2, h3, h4, h5, h6, p, ul, li { padding: 0; margin: 0; }
img { border: 0; }

#admintoolbar a { font-weight: normal; }

    /*  Global */
html { min-height: 100%; margin-bottom: 1px; }
body { min-height: 100%; background: #E6E6E6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #003399;  line-height: 15px; }
div#container { height: auto; width: 988px; margin: 0 auto; background-color: #fff; }
a { color: #6ECEEC; text-decoration: underline; font-weight: bold; }
a:hover { color: #CFE2F3; text-decoration: underline;  }
h2 { margin-bottom: 10px; margin-top: 10px; }

    /* Header */
div#header { height: 192px; background: url('/images/header.png') no-repeat top left;}
a#header-lft { width: 412px; height: 194px; float: left; background: url('/images/ondertitel.png') no-repeat bottom right; }
div#header-rgt { float: right; width: 500px; }
div#header-rgt div#brand { margin-top: 5px; margin-right: 5px; float: right;  }
div#header-rgt div#contact { margin-top: 132px;  height: 20px; }
div#header-rgt div#contact li { display: inline; float: left; border-left: 1px #003399 solid; padding: 0 5px 0 5px; }
div#header-rgt div#contact li:first-child { border-left: 0px; }

    /* Navigation-main */
div#navigation-main { height: 30px; float: left; margin-top: 10px; margin-left: 10px; }
div#navigation-main ul { list-style-type: none; margin: 0; padding: 0; }
div#navigation-main ul li { width: 80px;  float: left; display: inline;  margin: 0; z-index: 1000; overflow:  }
div#navigation-main ul li a { display: block; padding: 2px 5px 2px 5px; color: #003399; text-decoration: none; font-weight: bold; background-image: url('/images/SpryMenuBarDownHover.gif'); background-repeat: no-repeat; background-position: 95% 50%;}
div#navigation-main ul li a:hover { Background-color: #66CCFF; color: #fff; }

    /* Navigation-main-sub */
div#navigation-main ul ul { display: none; border: 1px #003399 solid; position: absolute; float: none; width: 140px; z-index: 110; }
div#navigation-main li:hover ul { display: inline; }
div#navigation-main li li { float: none; display: inline; }
div#navigation-main li li a { margin-left: 0; color: #003399; text-decoration: none; background-color: #fff; }
div#navigation-main li li.selected a, div#navigation li li.active a { color: #6ECEEC; font-weight: bold; }
div#navigation-main li li a:hover { color: white; color: #fff; background-image: none; }

div#navigation-main ul ul ul { display: none !important; }

    /* Main */
div#main { margin: 70px 0 0 35px; width: 919px;  }
div#main h1 { font-size: 60px; line-height: 75px; color: #ccccff; font-weight: lighter; text-shadow: none; }
div#middle h1 { padding-bottom: 20px; }

body#home div#main h1 { line-height: 60px; display: relative; z-index: 4000; }
body#arrangementen div#main h1 { line-height: 75px; display: relative; z-index: 4000; }

    /* Content */
div#title { height: 32px; line-height: 32px; clear: both; padding: 10px 0 0 0; }
div#title h1 { float: right; margin-right: 580px; font-size: 32px; color: #004b8d; font-weight: lighter; text-shadow: 1px 1px 1px #000000; }

div#content-normal { margin: 35px 0 10px 0; padding-left: 35px; padding-right: 20px; }
div#content { overflow: auto; min-height: 427px; background: no-repeat; }
div#content a { color: #211246; }
div#content a:hover { text-decoration: none; }
div#content div#content-lft { float: left; }
div#content div#content-lft ul { margin-left: 14px; margin-bottom: 5px; }
div#content div#content-rgt { float: right; min-height: 428px; width: 490px; margin-right: 65px; border-left: 1px solid #fff; background: url('/images/content-overlay.png'); padding: 20px;}
div#content div#content-rgt p { margin-bottom: 10px; }
div#content div#content-rgt ul { margin-left: 14px; margin-bottom: 5px; }
div#content dl { overflow: auto; margin: 0; padding: 10px 0; }
div#content dt { width: 350px; float: left; clear: left;  }
div#content dd { width: 60px; float: right; }
div#content div#map { width: 490px; height: 390px;}

div.contentreserveren div#reserverenwrapper { margin: 0 40px; overflow: auto; min-height: 428px; border-left: 1px solid #fff; border-right: 1px solid #fff; background: url('/images/content-overlay.png') !important; }
div.contentreserveren div#content-lft { padding: 20px; width: 400px; }
div.contentreserveren div#content-rgt { width: 400px !important; border-left: 0 !important; background: none !important; margin-right: 20px !important; }

    /* Shop */
div#shop { margin-top: 10px; background: url('/images/bg_default.jpg') repeat; }
div#shop div#clear { clear: both; }

div#shop div#lft { width: 246px; margin-top: 20px; float: left; }
div#shop div#lft ul { margin: 0 0 0 35px; list-style: none;}
div#shop div#lft ul li { color: #fff; text-align: center; line-height: 65px;   }
div#shop div#lft ul li a { color: #fff; display: block; width: 174px; height: 53px; background: url('/images/button-normal.png') no-repeat; text-decoration: none; }
div#shop div#lft ul li a:hover { background: url('/images/button-hover.png') no-repeat; }
div#shop div#lft ul li a:active { background: url('/images/button-active.png') no-repeat; }
div#shop div#lft ul li.selected a { background: url('/images/button-selected.png') no-repeat; }

div#shop div#middle { width: 504px; padding: 20px; float: left; background: url('/images/overlay-shop.png'); }
div#shop div#middle div.product { min-height: 200px; margin-bottom: 20px; }
div#shop div#middle div.product h2 { display: block; background-color: #20558a; color: #fff; padding: 6px; font-size: 12px; font-weight: normal; }
div#shop div#middle div.product h2 a { color: white; text-decoration: none; }
div#shop div#middle div.product h2 a:hover { text-decoration: underline; }

div#shop div#middle div.product .lft { width: 330px; float: left; }
div#shop div#middle div.product .lft p { width: 200px; float: left; }
div#shop div#middle div.product .lft .opties { height: 25px; width: 120px; float: right; }
div#shop div#middle div.product .lft form { display: inline; padding: 0; margin: 0; }
div#shop div#middle div.product .lft form input[type="image"] { float: right; display: inline; padding: 0; margin: 0; border: 1px solid #20558a; margin-right: 3px; }
div#shop div#middle div.product .lft .opties img { border: 1px solid #20558a; margin-right: 3px; }
div#shop div#middle div.product img { max-height: 170px; float: right; }
div#shop div#middle div.product span.product-name { color: #a19689; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline; }
div#shop div#middle div.product span.product-price { color: #fff; float: right;}

div.pagination { text-align: right; margin-right: 10px; float: right; }
div.pagination a { font-weight: normal; }
div.pagination span.current { font-weight: bold; color: #211246; }

div#shop div#rgt { width: 197px; margin-top: 20px; float: left; }
div#shop div#rgt ul { list-style: none; margin-left: 71px;  }
div#shop div#rgt li { width: 127px; height: 27px; text-align: center; line-height: 27px; background: url('/images/button-rgt.png') no-repeat; }
div#shop div#rgt a { color: #20558a; text-decoration: none; }
div#shop div#rgt a:hover { color: #6eceec; }
div#shop div#rgt .ideal {margin-top: 10px; margin-right: 10px; float: right; }

div#shop div#middle div.product div#order-bottom div#lft img { float: left; }
div#shop div#middle div.product div#order-bottom div#rgt label { width: 50px; }
div#shop div#middle div.product div#order-bottom div#rgt label, div#shop div#middle div.product div#order-bottom div#rgt span { margin-bottom: 8px; }
div#shop div#middle div.product div#order-bottom div#rgt span#price, div#shop div#middle div.product div#order-bottom div#rgt select#quantity { display: block; float: left; }
div#shop div#middle div.product div#order-bottom div#rgt input.winkelwagen { float: left; margin-top: 20px; }

.winkelwagen { display: absolute !important; width: 138px; clear: both; border: 0; background-color: transparent; height: 23px; cursor: pointer; line-height: 23px; display: block; background: url('/images/shop-bestel-button.png'); text-align: center; float: right; color: #6eceec; text-decoration: none; }
a:hover.winkelwagen { color: #20558a; text-decoration: none; }

div.category { overflow: auto; }

    /* Cart */

a#cart { display: block; float: right; position: relative; margin-right: 10px; height: 24px; line-height: 24px; margin-top: -50px; color: white; font-weight: bold; text-decoration: none; }
a#cart img { border: 1px solid #20558a; vertical-align: middle; margin-right: 10px; }
a#cart:hover { text-decoration: underline; }

table#cart { width: 100%; border-collapse: collapse; }
table#cart tr { line-height: 50px; }
table#cart tr th { font-weight: bold; font-family: arial; font-size: 12px; text-align: left; border: 0; }
table#cart tr th#specifications { width: 120px; }
table#cart tr th#quantity { width: 50px; }
table#cart tr th#discount { width: 80px; }
table#cart tr th#price, td.price { width: 80px; text-align: right; }
table#cart tr th#delete { width: 40px; }
table#cart tr img.delete { display: block; margin: 0 auto; }
table#cart tr.item td { border-top: 1px solid #D5D5CB; }
table#cart tr.item td.product { line-height: 25px; }
table#cart tr.item td.product img { float: left; margin: 5px 10px 5px 0 }
table#cart tr#total_price { line-height: 20px; font-size: 18px; font-family: Arial; }
table#cart tr#total_discount { line-height: 14px; font-size: 12px; }
table#cart tr#total_discount td#discount_text { font-size: 10px; }

table#cart tr.first td { border-top: 0; }
table#cart tr.item td.discount span { background: url("/images/strikeThroughBlack.gif") center center no-repeat; }

table#cart tr#seperator { line-height: 20px; }
table#cart tr#seperator hr { border-top:2px solid #ABABAB; color:#ABABAB; display:block; height:2px; margin:3px 0; position:static; }

/*  Orderproces line */
div#orderproces ol { overflow: auto; clear: both; display: block; width: 100%; }
div#orderproces ol li { float: left; padding-right: 50px; }

/*  Forms */
label { display: block; float: left; width: 130px; clear: left; }
input[type="text"], input[type="password"] { width: 225px; }
fieldset { border: 0; padding: 0; width: 225px; }
fieldset legend { width: 225px !important; font-weight: bold; margin-bottom: 10px;  }

 /*  - Balloon [error] */
.errorlist li { width: 349px; height:48px; line-height: 38px; padding: 10px 10px 10px 20px; margin: 0; border: 0; display: block; position: absolute; margin: -50px 0 0 305px ; background: url('http://www.hetcms.nl/beheer/images/notifications/balloon-error.png') no-repeat center center; color: #333333; }

    /* Navigation-picture */
div#wrapper-navigation-pictures { border: 1px solid white; height: 236px; background: url('/images/content-bottom-water.png') no-repeat left bottom; }
div#wrapper-navigation-pictures div#navigation-pictures .item { position: relative; height: 167px; width: 140px; float: left; margin-left: 13px; z-index: 1; }
div#wrapper-navigation-pictures div#navigation-pictures .item:first-child { margin: 0 0 0 30px; }
div#wrapper-navigation-pictures div#navigation-pictures .menu {  position: relative; z-index: 2; width: 142px; height: 20px; margin-top: -38px; background: url('/images/navigation-bloem.png') no-repeat center top; padding-top: 60px; text-align: center; }
div#wrapper-navigation-pictures div#navigation-pictures a { color: #014189; font-weight: bold; text-decoration: none; }

    /* Navigation-picture */
div#wrapper-navigation-pictures-arrangementen { border: 1px solid white; height: 183px; background: url('/images/content-bottom-water.png') no-repeat bottom; }
div#wrapper-navigation-pictures-arrangementen div#navigation-pictures { margin: 0 auto; width: 700px; height: 178px; }
div#wrapper-navigation-pictures-arrangementen div#navigation-pictures .item { float: left; position: relative; height: 167px; width: 104px; margin: 0 16px; z-index: 1; }
div#wrapper-navigation-pictures-arrangementen div#navigation-pictures .menu {  position: relative; z-index: 2; width: 104px; height: 20px; margin-top: -45px; background: url('/images/navigation-bloem.png') no-repeat center top; padding-top: 60px; text-align: center; }
div#wrapper-navigation-pictures-arrangementen div#navigation-pictures a { color: #014189; font-weight: bold; text-decoration: none; }

    /* Footer */
div#bottom { height: 97px; padding: 30px 40px 10px 40px; background: url('/images/swirl.png') no-repeat bottom right; }
div#clear { clear: both; height: 50px; }

    /*  Photos */
a.photo { display: block; width: 200px; line-height: 150px; height: 150px; border: 1px solid #BFBFBF; text-align: center; float: left; margin: 5px; background-color: white; }
a.photo img { vertical-align: middle; max-width: 200px; max-height: 150px; display: block; margin: auto;  }