@charset "UTF-8";
/* CSS Document 
f8d126					light yellow
4a3e0b					dark yellow
acadaf					light grey
9fa1a2					dark grey
*/



body { margin:0px; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#484848; line-height: 160%; background:#FFFFFF;}

.clear {clear: both}

h2 {font-size:16px; color: #000; padding: 10px 0 7px 0; border-bottom: 1px solid #E6E6E6; margin: 0 0 10px 0}
h3 {font-size:16px; color: #000; padding: 10px 0}
p {padding: 5px 0 5px 0;}
strong {font-weight: bold}
a {color:#c5a30c}
a:hover {color: #f8d126; text-decoration: none}

div#offline {width: 1000px; margin: 0 auto; position: relative; background: url(../img/layout/bg_home.jpg) no-repeat center center; min-height: 800px}
div#offline h2#strap {font-size:20px;  line-height: 120%; text-align: center; padding-top: 75px; }
div#offline h2#soon {font-size:20px;  line-height: 120%; text-align: center; padding-top: 480px; color:#999999 }
div#offline h1#logo {width: 210px; height: 70px; position: absolute; top: 50px; right: 0}
div#offline h1#logo a {display: block; text-indent: -9999px; width: 210px; height: 70px; background:url(../img/layout/logo.jpg) no-repeat}


div.main {width: 975px; margin: 0 auto; position: relative; min-height: 800px}
div.first {margin-right: 6%}
div.column1 {width: 175px; float: left; padding: 170px 0 0 0 }
div.column2 {width:175px; float: right; position: relative;  padding: 170px 0 0 0}
div.column_holder {width: 100%; }
div.noslr {position: absolute; top: 160px; left: 0}
div.column3 {width: 275px; float: left; padding: 0 25px 40px 25px}
div.column4 {width: 275px; float: left; padding: 0 0 40px 0}
div.column5 {float: right; width: 175px; padding: 0 0 40px 0}
div.column6 {float: left; width: 175px;padding: 0 0 40px 0; clear: left}
div.column7 {width: 575px; float: left; padding: 0 0 40px 25px}

/*menus*/
ul.menu li a.link,
ul.menu li h3 a.link  {display: block; text-decoration: none; color:#acadaf; padding: 3px 0}
ul.menu li a.link img {position: relative; top: 2px}
ul.menu li.selected a,
ul.menu li.selected h3 a { color:#000000}
ul.menu li a:hover,
ul.menu li h3 a:hover { color:#000000}
ul.menu li h3 {padding: 10px 0 5px 0;}
div#menu_main {min-height: 375px; }
.column2 ul#menu_sub {min-height: 375px; }

* HTML ul.menu li {line-height: 50%}
*HTML ul.menu li h3 {line-height:110%}

/*content*/
div.content {width: 575px; float: left; margin: 0 0 0 25px; position: relative}
h2.bump {margin: 445px 0 0 0}

/*macbook*/
div#macbook {width: 575px;  background: url(../img/layout/bg_macbook.jpg) no-repeat top center; height: 400px; position: relative }
div#slideshow {position: absolute; top: 76px; left: 108px; width: 360px; height: 226px}
a#next {display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(../img/layout/icon_bw_control_right.jpg) 0 0 no-repeat; position: absolute; top: 200px; right: 60px}
a#prev {display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(../img/layout/icon_bw_control_left.jpg) 0 0 no-repeat; position: absolute; top: 200px; left: 60px}
a#next:hover, a#prev:hover {background-position: bottom; cursor: pointer}


/*slr*/
div.slr {background: url(../img/layout/bg_nikon.jpg) no-repeat center 150px}
div.slr div#slideshow {position: absolute; top: 282px; left: 185px; width: 129px; height: 97px}
div.slr div#slideshow div { -moz-border-radius: 2px; -webkit-border-radius: 2px; position: absolute; top: 0; left: 0;}
div.slr div#slideshow p { position: absolute; top: 123px; left: 18px; color:#000; text-transform: uppercase; font-size:10px}
div.slr a#next {display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(../img/layout/icon_bw_control_right.jpg) 0 0 no-repeat; position: absolute; top: 320px; right: 60px}
div.slr a#prev {display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(../img/layout/icon_bw_control_left.jpg) 0 0 no-repeat; position: absolute; top: 320px; left: 60px}


	/*slr buttons*/
div#slr a#printen {text-indent: -9999px; display: block; width: 24px; height: 24px; position: absolute; top: 158px; left: 122px}
div#slr a#vorige {text-indent: -9999px; display: block; width: 24px; height: 24px; position: absolute; top: 225px; left: 122px}
div#slr a#volgende {text-indent: -9999px; display: block; width: 24px; height: 24px; position: absolute; top: 260px; left: 122px}
div#slr a#portfolio {text-indent: -9999px; display: block; width: 40px; height: 40px; position: absolute; top: 185px; left: 350px}
div#slr a#inzoomen {text-indent: -9999px; display: block; width: 50px; height: 16px; position: absolute; top: 110px; left: 410px}
	/*slr text holder*/
div#textBox {position: absolute; top: 308px; left: 180px ; text-transform: uppercase; width: 120px; height: 22px; padding: 4px 0 0 0; text-align: center; color:#000000; font-weight: bold; font-size:10px}	

h2#strap {font-size:22px;  line-height: 120%; text-align: center; padding: 50px 0 0 0; border: none}
h1#logo {width: 175px; height: 60px; position: absolute; top: 45px;}
h1#logo a {display: block; width: 175px; height: 60px; text-decoration: none}
	

/*footer*/
.footer {padding: 10px 0 10 0; border-top: 1px solid #E6E6E6; font-size:11px; clear: both; margin: 50px 0 0 0}
.footer ul {list-style: none}
.footer ul li {float: left; padding: 10px 12px 0 0}
.footer ul li#top {float: right}
.footer ul li a {color:#acadaf; padding: 3px 0 3px 0; text-decoration: none}
.footer ul li a:hover {color: #000000}

/*votes*/
div.lr_slide_holder {width: 573px; margin: 40px auto 0 auto}
div.lr_slide,
div.lr_slide_spare {float: left; height: 165px; width: 190px; position: relative; background: #e2e2e2; margin: 0 1px 1px 0}
div.lr_over {background: #e9e9e9; cursor: pointer}
div.lr_slide h2 {color:#dadada; position: absolute; top: 0; left: 0; font-size:50px; font-weight: bold; border: none; margin: 0; padding: 0; line-height: 100%}
a.lr_thumbnail {height: 85px; width: 150px; position: absolute; top: 20px; left: 20px; display: block}
p.vote_label {position:absolute; bottom: 5px; left: 20px; font-size: 10px;}
p.vote_label_cook {position:absolute; bottom: 5px; left: 20px; font-size: 10px; display: none}
form.form-rate {position: absolute; bottom: 35px; left: 20px}
div.screen_overlay {position: absolute; top: 155px; left: 160px; height: 120px; width: 160px; background:url(../img/layout/screen.png) no-repeat; z-index:10}

/*pagination*/
#nav {padding: 10px 1px 0 0; clear: both; text-align: right; font-size:11px}
#nav strong {padding: 8px 6px; font-weight: normal; background:#f8d126; text-decoration: none; margin: 0 0 0 1px }
#nav a {padding: 8px 6px; font-weight: normal; background:#e2e2e2;color:#333333; text-decoration: none; margin: 0 0 0 1px }
#nav a:hover {background:#e9e9e9;}
#nav img {position: relative; top: 3px; left: -3px}

/*news*/
div.news {padding: 10px 0 0 0}
div.news a {display: block; text-decoration: none; color:#484848 }
div.news a:hover {color:#f8d126; text-decoration: underline}
div.news span {font-size:11px}
div.news h3 img {padding: 0 5px 0 0; position: relative; top: 2px}
div.news img.thumb {width: 165px; margin: 3px 0} 



/*FORMS*/
.pixel_form {width: 535px; margin: 30px 0 15px 15px; padding: 0 0 40px 0}
.pixel_form fieldset {border: none; outline: none; background:url(../img/layout/exclamation.png) no-repeat -9999px -9999px}/*give the fieldset the image background so that it loads ready for jQuery execution*/

.pixel_form fieldset pre span {text-align: right; display: block; width: 135px}
.pixel_form fieldset pre {display: block;	position: relative;  padding: 0 0 20px 0; clear: both; float: left; width: 100%; height: 18px; font-family: Helvetica, Arial, sans-serif;}
.pixel_form fieldset pre.textarea {height: 160px}
.pixel_form fieldset pre input {border: 1px solid #999999; height: 15px; padding: 6px 5px 4px 5px; position: absolute; bottom: 0px; left: 150px; outline: none;  background: #f7f7f7}

.pixel_form fieldset div {display: block;	position: relative; padding: 20px 0;  clear: both; float: left; width: 100%;}
.pixel_form fieldset div span {width: 360px; float: right}
.pixel_form fieldset div span#form_ja {padding: 0 100px 0 0; width: 260px}
.pixel_form fieldset div span p {padding: 0 0 10px 0}
.pixel_form fieldset div input,
.pixel_form fieldset div img {float: right; margin-right: 10px}
.pixel_form fieldset pre input:focus,
.pixel_form fieldset textarea:focus {background:#FFFFFF}
.pixel_form fieldset select {border: 1px solid #ccc7b5; height: 27px; padding: 5px 5px; position: absolute; bottom:0; left: 150px;  outline: none;  background: #f7f7f7}
.pixel_form fieldset textarea {height: 130px;display: block; border: 1px solid #999999; overflow: auto; padding: 5px 5px; outline: none;  background: #f7f7f7; position: absolute; left: 150px;  top: 20px}
.pixel_form fieldset label.error {color: #dfb600; font-size: 10px;	font-style: italic;	width: 100px; text-align: right; padding: 0 40px 0 0; background:url(../img/layout/exclamation.png) no-repeat center right; position: absolute; top: 16px; right: -25px; height: 16px; z-index:10 }
.pixel_form .button {float: right}

.pixel_form fieldset pre input,
.pixel_form fieldset pre textarea,
.pixel_form fieldset pre select  {width: 370px;}

.pixel_form fieldset h2 {padding: 20px 0 7px 0; clear: both; float: left; width: 100%;}


/*bullet proof button*/
.workshop {width: 30%; }
.button {margin: 10px 0 5px 0px; background: url(../img/layout/box-right.gif) top right no-repeat; clear: both; }
.btn-inner {margin: 0;padding: 4px 0 0 0;background: url(../img/layout/box-left.gif) top left no-repeat;}		
.btn-inner span {display: block;margin: 0;padding: 0 0 0 5px;background: url(../img/layout/box-left.gif) bottom left no-repeat;}	
.btn-inner em {margin: 0;display: block;background: url(../img/layout/box-right.gif) bottom right no-repeat; font-style:normal}


.button_agenda {margin: 10px 0 5px 0px; background: url(../img/layout/box-right-orange.gif) top right no-repeat; clear: both; }
.button_agenda .btn-inner {margin: 0;padding: 4px 0 0 0;background: url(../img/layout/box-left-orange.gif) top left no-repeat;}		
.button_agenda .btn-inner span {display: block;margin: 0;padding: 0 0 0 5px;background: url(../img/layout/box-left-orange.gif) bottom left no-repeat;}	
.button_agenda .btn-inner em {margin: 0;display: block;background: url(../img/layout/box-right-orange.gif) bottom right no-repeat; font-style:normal}


.btn-inner a {outline: none;border: none;margin: 0;padding: 0px 20px 5px 15px;color:#4a3e0b;font-size: 11px;text-transform:capitalize; background: none;  text-decoration: none; display: block; text-align: left; }
.btn-inner button {outline: none;border: none;margin: 0;padding: 0px 20px 8px 20px;color:#4a3e0b;font-size: 11px;text-transform:capitalize; background: none;  text-decoration: none; }
.btn-inner a img,
.btn-inner button img {position: relative; top: 3px; left: -6px}

.btn-inner a:hover,
.btn-inner button:hover {color: #000000;cursor: pointer;}	

.btn-inner fieldset {margin: 0 0; padding: 10px 20px 10px 20px;color:#4a3e0b;font-size: 11px; text-align: left; display: block; position: relative}
.nieuwsbrief_form input {width: 87%; border: 1px solid #999999; padding: 4px; margin: 2px 0 2px 0}
.nieuwsbrief_form button {text-indent: -9999px; width: 20px; height: 20px; background:url(../img/layout/arrow_right.gif) no-repeat center center; float: right}
.nieuwsbrief_form fieldset div {position: relative}
.nieuwsbrief_form fieldset label.error {color: #dfb600; font-size: 10px;	font-style: italic;	width: 80%; text-align: right; padding: 0 30px 0 0; background:url(../img/layout/exclamation.png) no-repeat center right; position: absolute; top: 4px; right: -3px; z-index:10 }
.col_container {color: #484848}

/*LABEL OVER*/

.nieuwsbrief_form label:hover {cursor:text}
.nieuwsbrief_form label {z-index: 10; }
.nieuwsbrief_form label.over { color: #4a3e0b; position: absolute; top: 6px; left: 5px;}

.pixel_form label:hover {cursor:text}
.pixel_form label {z-index: 10; }
.pixel_form label.over { color: #4a3e0b; position: absolute; top: 16px; left: 160px; padding: 0}

/*TOOLTIP*/
#tooltip{position:absolute;	border:1px solid #fff;	background:#f8f0cc;	padding:10px 15px;	color:#333;	display:none;	font-size:11px; max-width:300px}

/*HISTORY*/
ul.history_list {margin: 67px 0 0 0}
ul.history_list li {padding: 4px 0}
ul.history_list li.alt  {background:#f9f6e6}
ul.history_list li span.history_date {width: 150px; float: left; display: block; text-align: right; padding: 0 20px 0 0}

a.history_thumbnail {width: 50px; float: left; display: block; padding: 0 0 0 10px}
span.history_name {padding: 0 0 0 10px; float: left; }
a.history_link {float: right; padding: 0 0 0 20px; background:url(../img/layout/icon_images_stack.gif) no-repeat; margin: 15px 0 5px 0}
.history_rating {float: right; width: 200px}
/*WORKSHOPS*/
ul.workshop_list span {width: 15%; float: left; display: block}
ul.workshop_list strong {width: 80%; float: right; display: block}

div.thanks {padding: 100px 0 0 0}

/*KADOBON*/
.img_bon {margin: 20px 0  0 85px; position: relative; top: 15px}

/*LOTTO*/
h1.lotto {color:#000; font-size: 25px; font-weight: bold; line-height: 25px; margin: 10px 0}