/*-----------------------------------------------------------------------------
Website: www.busywithdogs.be
Auteur: Webatvantage.be
Laatst gewijzigd: 10-01-2012
-----------------------------------------------------------------------------*/

/* HTML BODY
----------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; }
html, body { background: #fbf9f7 url('../Graphics/Body_bg.png') repeat-x top left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #674032; text-align: center; }

body.home { background: #fbf9f7 url('../Graphics/Body_home_bg.png') repeat-x top left; }

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

/* LINKS
----------------------------------------------------------------------------------*/
a:link,
a:visited,
a:active { color: #674032; text-decoration: underline; }
a:hover { color: #674032; text-decoration: underline; }

strike { font-weight: bold; }
.promo { color: #c00 !important; font-weight: bold !important; }

/* HEADINGS
----------------------------------------------------------------------------------*/
h2 { margin: 0 0 30px 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #ac5121; }
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active { text-decoration: underline; color: #ac5121; }

/* CONTAINER
----------------------------------------------------------------------------------*/
#container { width: 950px; margin: 0 auto; text-align: left; }

/* HEADER
----------------------------------------------------------------------------------*/
#header_home { position: relative; width: 950px; height: 540px; }
#header { position: relative; width: 950px; height: 256px; }

/* Navigation */
#header_home ul#navigation, #header ul#navigation { position: absolute; top: 0; left: 0; width: 950px; height: 39px; }
#header_home ul#navigation li, 
#header ul#navigation li { display: inline; }

#header_home ul#navigation li a:link, 
#header_home ul#navigation li a:visited,
#header_home ul#navigation li a:active,
#header ul#navigation li a:link,
#header ul#navigation li a:visited,
#header ul#navigation li a:active { float: left; display: block; width: auto; height: 39px; margin: 0; padding: 0; background-repeat: no-repeat; background-position: top left; text-indent: -9999px; }

#header_home ul#navigation li a#nav_busy_with_dogs,
#header ul#navigation li a#nav_busy_with_dogs { width: 133px; background-image: url('../Graphics/Nav_busywithdogs.png'); }

#header_home ul#navigation li a#nav_hondenschool,
#header ul#navigation li a#nav_hondenschool { width: 127px; background-image: url('../Graphics/Nav_hondenschool.png'); }

#header_home ul#navigation li a#nav_probleemgedrag,
#header ul#navigation li a#nav_probleemgedrag { width: 140px; background-image: url('../Graphics/Nav_probleemgedrag.png'); }

#header_home ul#navigation li a#nav_aanschaf,
#header ul#navigation li a#nav_aanschaf { width: 186px; background-image: url('../Graphics/Nav_aanschaf_van_de_hond.png'); }

#header_home ul#navigation li a#nav_klantenhoekje,
#header ul#navigation li a#nav_klantenhoekje { width: 133px; background-image: url('../Graphics/Nav_klantenhoekje.png'); }

#header_home ul#navigation li a#nav_activiteiten,
#header ul#navigation li a#nav_activiteiten { width: 126px; background-image: url('../Graphics/Nav_activiteiten.png'); }

#header_home ul#navigation li a#nav_prijzen,
#header ul#navigation li a#nav_prijzen { width: 76px; background-image: url('../Graphics/Nav_prijzen.png'); }

#header_home ul#navigation li a#nav_webshop,
#header ul#navigation li a#nav_webshop { width: 87px; background-image: url('../Graphics/Nav_webshop.png'); }

#header_home ul#navigation li a#nav_blog,
#header ul#navigation li a#nav_blog { width: 55px; background-image: url('../Graphics/Nav_blog.png'); }

#header_home ul#navigation li a:hover, 
#header ul#navigation li a:hover,
#header_home ul#navigation li a.active,
#header ul#navigation li a.active { background-position: bottom left; }

/* Logo */
#header_home h1 a#logo,
#header h1 a#logo { position: absolute; top: 49px; left: 0;  display: block; width: 409px; height: 169px; background: url('../Graphics/Logo.png') no-repeat; text-indent: -9999px; z-index: 50; }

/* Banner home */
#header_home #banner { position: absolute; top: 31px; left: 0; width: 950px; height: 509px; background: transparent url('../Graphics/Banner_bg.png') no-repeat; font-family: Georgia, "Times New Roman", serif; font-size: 11px; font-weight: bold; color: #93461c; }
#header_home #banner h2 { position: absolute; top: 200px; left: 31px; width: 219px; height: 88px; background: url('../Graphics/Banner_title.png') no-repeat; text-indent: -9999px;margin-bottom:-20px !important; }
#header_home #banner p { position: absolute; top: 300px; left: 31px; width: 320px; height: auto; line-height: 18px; overflow: hidden; }

#header_home #banner a.meer_info { float: left; display: block; width: 113px; height: 35px; margin: 30px 10px 0 0; background: url('../Graphics/Banner_meer_info.png') no-repeat top left; text-indent: -9999px; }
#header_home #banner a.contacteer_ons { float: left; display: block; width: 146px; height: 35px; margin: 30px 0 0 0; background: url('../Graphics/Banner_contacteer_ons.png') no-repeat top left; text-indent: -9999px; }

/* Banner */
#header #banner { position: absolute; top: 54px; right: -10px; width: 460px; height: 274px; padding: 30px 0 0 32px; background: transparent url('../Graphics/Polaroid_bg.png') no-repeat; }
#header #banner .cycle { width: 413px; height: 233px; background: #fff; overflow: hidden; }

#header #banner_nav { position: absolute; top: 263px; right: 415px; width: 250px; height: 20px; }
#header #banner_nav a { float: left; display: block; width: 20px; height: 20px; margin-left: 3px; background: url('../Graphics/Banner_nav_bg.png') no-repeat top left; text-indent: -9999px; }
#header #banner_nav a.activeSlide { background-position: bottom left; }

/* MAIN
----------------------------------------------------------------------------------*/
#main { padding-bottom: 103px; }

#main .content ul {margin: 10px 0 10px 15px; }
#main .content ul li { list-style-position: inside; list-style-type: square; line-height: 20px; }

#main .content em { font-style: italic; }

#main .content ol {  margin: 10px 0 10px 0; }
#main .content ol li { list-style-type: decimal; list-style-position: inside; line-height: 20px; }

#main .photos { float: left; margin: 0 20px 15px 0;}
#main .photos img { border: 3px solid #d1c2ba; }

#main .content p img { float: left; margin: 0 15px 10px 0; border: 3px solid #d1c2ba; }

#main td.archivetable img { border: 3px solid #d1c2ba; }

/* HOME
----------------------------------------------------------------------------------*/
#home { margin: 30px 0; }

/* Left */
#home .left { float: left; width: 295px; margin: 0 45px 0 0; }

#home .left .intro { width: 295px; }
#home .left .intro img { border: 3px solid #d1c2ba; }

/* Right */
#home .right { float: left; width: 609px; }

#home .right .services { float: left; width: 305px; }
#home .right .services ul { margin: 0; padding: 0; list-style: none; }
#home .right .services ul li { padding: 8px 0 7px 30px; font-weight: bold; background: url('../Graphics/Check.png') no-repeat center left; }
#home .right .services ul li a { text-decoration: none; }
#home .right .services ul li a:hover { text-decoration: underline; }

#home .right .buttons { float: right; width: 273px; }
#home .right .buttons a { display: block; width: 273px; height: 96px; margin: 0 0 10px 0; text-indent: -9999px; background-repeat: no-repeat; }
#home .right .buttons a:hover { background-position: bottom left; }
#home .right .buttons a.bonussen { background-image: url('../Graphics/Bonussen.png'); }
#home .right .buttons a.cursussen {background-image: url('../Graphics/Cursussen.png'); }
#home .right .buttons a.shop { background-image: url('../Graphics/Shop.png'); }
#home .right .buttons a.blog { background-image: url('../Graphics/Blog.png'); }
#home .right .buttons a.nieuwsbrief { background-image: url('../Graphics/Nieuwsbrief.png'); }

#home .right .news { position: relative; clear: both; float: left; width: 559px; height: 214px; margin: 20px 0 0 0; padding: 25px; background: url('../Graphics/Home_news_bg.png') no-repeat top left; overflow: hidden; }
#home .right .news .cycle { width: 559px; background: #fff; }
#home .right .news h3 { margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #cb5312; }
#home .right .news h4 { margin: 0 0 30px 0; font-size: 14px; font-weight: bold; color: #8e604a; }
#home .right .news p { line-height: 18px; }
#home .right .news img { float: right; }

#home .right .news a.lees_meer { font-weight: bold; }
#home .right .news a:hover.lees_meer { color: #cb5312; }

#home .right .news .controls { position: absolute; bottom: 25px; left: 25px; }
#home .right .news .controls a { float: left; display: block; width: 20px; height: 20px; margin: 0 10px 0 0; background-repeat: no-repeat; text-indent: -9999px; } 
#home .right .news .controls a.prev { background-image: url('../Graphics/Arrow_prev.png'); }
#home .right .news .controls a.next { background-image: url('../Graphics/Arrow_next.png'); }

#home #column_container { clear: both; width: 609px; height: auto; }
#home #column_container h2 { margin-bottom: 15px; }
#home #column_container h2 a { text-decoration: none; }
#home #column_container h2 a:hover { text-decoration: underline; }

#home #column_container #kalender_home { float: left; width: 305px; margin: 30px 0; padding: 0; }
#home #column_container #kalender_home h2 { margin-bottom: 5px; } 
#home #column_container #kalender_home .item { padding: 10px 0 10px 30px; border-bottom: 1px dashed #f1e4db; background: url('../Graphics/Check.png') no-repeat center left; }

#home #column_container #adoptie_home { float: right; width: 273px; margin: 30px 0; padding: 0; }

/* BUSY WITH DOGS
----------------------------------------------------------------------------------*/
#bwd { margin: 30px 0; }

#bwd .content { float: left; width: 634px; margin: 0 60px 0 0; }
#bwd .content p { margin: 0 0 15px 0; }
#bwd .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#bwd h2 { line-height: 25px; }

/* GEDRAGSBEGELEIDING
----------------------------------------------------------------------------------*/
#gedragsbegeleiding { margin: 30px 0; }

#gedragsbegeleiding .content { float: left; width: 634px; margin: 0 60px 0 0; }
#gedragsbegeleiding .content p { margin: 0 0 15px 0; }

#gedragsbegeleiding .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#gedragsbegeleiding .sidebar .buttons { float: right; width: 237px; }
#gedragsbegeleiding .sidebar .buttons a { display: block; width: 237px; height: 96px; margin: 20px 0 10px 0; text-indent: -9999px; background-repeat: no-repeat; }
#gedragsbegeleiding .sidebar .buttons a:hover { background-position: bottom left; }
#gedragsbegeleiding .sidebar .buttons a.gedragsanalyseformulier { background-image: url('../Graphics/Gedragsanalyseformulier.png'); }

#gedragsbegeleiding h2 { line-height: 25px; }

/* AANSCHAF VAN DE HOND
----------------------------------------------------------------------------------*/
#aanschaf_hond { margin: 30px 0; }

#aanschaf_hond .content { float: left; width: 634px; margin: 0 60px 0 0; }
#aanschaf_hond .content p { margin: 0 0 15px 0; }
#aanschaf_hond .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#aanschaf_hond h2 { line-height: 25px; }

/* SHOP
----------------------------------------------------------------------------------*/
#shop { margin: 30px 0; }
#shop .content { float: left; width: 634px; margin: 0 60px 0 0; }
#shop .content p { margin: 0 0 15px 0; }
#shop .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#shop .sidebar #sub_nav p { padding: 0 20px; } 
#shop h2 { line-height: 25px; }

#shop .no_products_message { padding: 10px; background: #f6ede7; border: 1px dashed #e0d9d3; }

#shop .products { margin: 30px 0 0 0; }
#shop .products .item { float: left; width: 300px; height: 120px; margin: 0 34px 34px 0; padding: 0 0 34px 0; border-bottom: 2px dashed #f6ede7; }
#shop .products .last { margin-right: 0; }
#shop .products .item h3 { margin: 0 0 10px 0; font-size: 14px; font-weight: bold; }
#shop .products .item p { height: 104px; overflow: hidden; }
#shop .products .item p img { float: left; width: 100px; height: 100px; margin: 0 15px 0 0; border: 2px solid #f6ede7; }
#shop .products .item p a:hover img { border: 2px solid #e0d9d3; }

#shop .product_detail { overflow: hidden; }
#shop .product_detail h3 { margin: 0 0 15px 0; font-size: 14px; font-weight: bold; }

#shop .product_detail .photo { margin: 20px 0 0 0; overflow: hidden; }
#shop .product_detail .photo a { float: left; display: block; width: 104px; height: 104px; margin: 0 10px 10px 0; }
#shop .product_detail .photo a img { border: 2px solid #f6ede7; }
#shop .product_detail .photo a:hover img { border: 2px solid #e0d9d3; }

#shop .product_detail .order { margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 2px dashed #f6ede7; }
#shop .product_detail .order p.price { float: left; width: 300px; height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; }
#shop .product_detail .order a.button { float: right; display: block; width: 111px; height: 35px; background: #fff url('../Graphics/Bestellen.png') no-repeat; text-indent: -9999px; }

/* NIEUWS
----------------------------------------------------------------------------------*/
#nieuws { margin: 30px 0; }
#nieuws .content { float: left; width: 634px; margin: 0 60px 0 0; }
#nieuws .content p { margin: 0 0 15px 0; }
#nieuws .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#nieuws h2 { line-height: 25px; }

#nieuws .nieuws_item { clear: both; margin: 0 0 20px 0; padding: 0 0 20px 0; overflow: hidden; }
#nieuws .nieuws_item h3 { margin: 0; }
#nieuws .nieuws_item h3 a { text-decoration: none; font-size: 16px; font-weight: bold; text-decoration: none; }
#nieuws .nieuws_item a:hover { text-decoration: underline; }
#nieuws .nieuws_item h4 { margin: 5px 0 10px 0; font-weight: normal; text-transform: uppercase; font-size: 11px; }
#nieuws .nieuws_item a.button { clear: both; float: left; display: block; margin: 10px 0 0 0; padding: 5px 15px; background: #674032; color: #fff; text-decoration: none; }

#nieuws .nieuws_detail { overflow: hidden; }
#nieuws .nieuws_detail .photo { float: left; margin: 0 15px 10px 0; border: 2px solid #e0d9d3; }
#nieuws .nieuws_detail .header { margin: 0 0 15px 0; font-weight: bold; }
#nieuws .nieuws_detail a.button { clear: both; float: left; display: block; margin: 10px 0 0 0; padding: 5px 15px; background: #674032; color: #fff; text-decoration: none; }

/* CURSUSSEN
----------------------------------------------------------------------------------*/
#cursussen { margin: 30px 0; }
#cursussen .content { float: left; width: 634px; margin: 0 60px 0 0; }
#cursussen .content p { margin: 0 0 15px 0; }
#cursussen .sidebar { float: left; width: 237px; padding: 80px 0 0; }

#cursussen .sidebar .buttons { float: right; width: 237px; }
#cursussen .sidebar .buttons a { display: block; width: 237px; height: 96px; margin: 20px 0 10px 0; text-indent: -9999px; background-repeat: no-repeat; }
#cursussen .sidebar .buttons a:hover { background-position: bottom left; }
#cursussen .sidebar .buttons a.bekijk_onze_prijzen { background-image: url('../Graphics/Bekijk_de_prijzen.png'); }

#cursussen h2 { line-height: 25px; }

/* INSCHRIJVEN
----------------------------------------------------------------------------------*/
#inschrijven { margin: 30px 0; }
#inschrijven .content { float: left; width: 634px; margin: 0 60px 0 0; }
#inschrijven .content p { margin: 0 0 15px 0; }

#inschrijven .content form { margin: 20px 0 0 0; padding: 20px; border: 2px dashed #f6ede7; }

#inschrijven .content form .divider { font-size: 14px; font-weight: bold; margin: 15px 0; }
#inschrijven .content form .divider_grey { margin: 25px 0 15px 0; }

#inschrijven .content form .item { margin: 0 0 10px 0; overflow: hidden; }
#inschrijven .content form .item label { float: left; display: block; width: 220px; height: 25px; line-height: 25px; }
#inschrijven .content form .item .inputfield { float: left; display: block; width: 250px; height: 16px; padding: 3px; border: 2px solid #e0d9d3; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #674032; }
#inschrijven .content form .item textarea { float: left; display: block; width: 400px; height: 100px !important; padding: 3px; border: 2px solid #e0d9d3; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #674032; overflow: auto; }
#inschrijven .content form .item .inputfield:focus,
#inschrijven .content form .item textarea:focus { border: 2px solid #ccc7c1; }
#inschrijven .content form .item .selectbox { padding: 3px; border: 2px solid #e0d9d3; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #674032; } 
#inschrijven .content form .error label { color: #c00; }
#inschrijven .content form .error .inputfield,
#inschrijven .content form .error .inputfield:focus,
#inschrijven .content form .error textarea,
#inschrijven .content form .error textarea:focus { border: 2px solid #c00; }

#inschrijven .content form .submit { width: 111px; height: 35px; margin: 15px 0 0 0; background: url('../Graphics/Verzenden.png') no-repeat top left; border: none; overflow: visible; cursor: pointer; font-size: 0; line-height: 0; }

#inschrijven .content .error_message { margin: 0 0 10px 0; font-size: 14px; font-weight: bold; color: #c00 !important; }

#inschrijven .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#inschrijven .sidebar .buttons { float: right; width: 237px; }
#inschrijven .sidebar .buttons a { display: block; width: 237px; height: 96px; margin: 20px 0 10px 0; text-indent: -9999px; background-repeat: no-repeat; }
#inschrijven .sidebar .buttons a:hover { background-position: bottom left; }
#inschrijven .sidebar .buttons a.download_algemene_voorwaarden { background-image: url('../Graphics/Download_algemene_voorwaarden.png'); }

#inschrijven h2 { line-height: 25px; }

/* ACTIVITEITEN
----------------------------------------------------------------------------------*/
#activiteiten { margin: 30px 0; }
#activiteiten .content { float: left; width: 634px; margin: 0 60px 0 0; }
#activiteiten .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#activiteiten h2 { line-height: 25px; }

/* PRIJZEN
----------------------------------------------------------------------------------*/
#prijzen { margin: 30px 0; }
#prijzen .content { float: left; width: 634px; margin: 0 60px 0 0; }
#prijzen .content .intro { margin: 0 0 20px 0; }
#prijzen .content .table_box { margin: 0 0 20px 0; }

#prijzen .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#prijzen .sidebar .buttons { float: right; width: 237px; }
#prijzen .sidebar .buttons a { display: block; width: 237px; height: 96px; margin: 20px 0 10px 0; text-indent: -9999px; background-repeat: no-repeat; }
#prijzen .sidebar .buttons a:hover { background-position: bottom left; }
#prijzen .sidebar .buttons a.prijsofferte { background-image: url('../Graphics/Prijsofferte.png'); }
#prijzen .sidebar .buttons a.bekijk_onze_prijzen { background-image: url('../Graphics/Bekijk_de_prijzen.png'); }
#prijzen .sidebar .buttons a.inschrijven { background-image: url('../Graphics/Cursussen_medium.png'); }
#prijzen .sidebar .buttons a.kalender { background-image: url('../Graphics/Kalender.png'); }

#prijzen h2 { line-height: 25px; }
#prijzen h3 { font-size: 14px; font-weight: bold; color: #674032; }

/* KLANTEN HOEKJE
----------------------------------------------------------------------------------*/
#klantenhoekje { margin: 30px 0; }
#klantenhoekje .content { float: left; width: 634px; margin: 0 60px 0 0; }
#klantenhoekje .content p { margin: 0 0 15px 0; }
#klantenhoekje .content .intro { margin: 0 0 20px 0; }

#klantenhoekje .content .buttons_bottom { margin-top: 0; }

#klantenhoekje .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#klantenhoekje .sidebar .message { margin: 20px 0 0 0; background: #f6ede7; padding: 5px; border: 1px dashed #f1e4db; }
#klantenhoekje .sidebar .error_message { margin: 20px 0 0 0; background: #f6ede7; padding: 5px; border: 1px dashed #f1e4db; color: #c00; }

#klantenhoekje h2 { line-height: 25px; }

#klantenhoekje .quotes h2 { margin: 30px 0 10px 0; }
#klantenhoekje .quotes .item { margin: 0 0 10px 0; padding: 10px 10px 10px 0; }
#klantenhoekje .quotes .item h3 { margin: 0 0 10px 0; padding: 0 0 0 30px; font-size: 14px; font-style: italic; font-weight: bold; background: url('../Graphics/Check.png') no-repeat center left; }
#klantenhoekje .quotes .item p { margin: 0 0 0 30px; }

#klantenhoekje .tips h2 { margin: 30px 0 10px 0; }
#klantenhoekje .tips .item { margin: 0 0 10px 0; padding: 10px 10px 10px 0; }
#klantenhoekje .tips .item h3 { margin: 0 0 10px 0; padding: 0 0 0 30px; font-size: 14px; font-style: italic; font-weight: bold; background: url('../Graphics/Check.png') no-repeat center left; }
#klantenhoekje .tips .item p { margin: 0 0 0 30px; }

#klantenhoekje .downloads h2 { margin: 30px 0 10px 0; }
#klantenhoekje .downloads .item { margin: 0 0 10px 0; padding: 10px 10px 10px 0; }
#klantenhoekje .downloads .item h3 { margin: 0 0 10px 0; padding: 0 0 0 30px; font-size: 14px; font-style: italic; font-weight: bold; background: url('../Graphics/Check.png') no-repeat center left; }
#klantenhoekje .downloads .item p { margin: 0 0 0 30px; }

#klantenhoekje ul.downloads { margin: 10px 0 !important; }
#klantenhoekje ul.downloads li { height: 23px; line-height: 23px; margin: 0 0 15px 0; padding: 0 !important; list-style: none; }
#klantenhoekje ul.downloads li .title { display: block; height: 23px; padding: 0 0 0 30px; background: url('../Graphics/Download.png') no-repeat top left; font-size: 14px; font-weight: bold; }
#klantenhoekje ul.downloads li .description { display: block; }

/* BLOG
----------------------------------------------------------------------------------*/
#blog { margin: 30px 0; }
#blog .content { float: left; width: 634px; margin: 0 60px 0 0; }
#blog .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#blog .sidebar #sub_nav p { padding: 0 20px; } 
#blog h2 { line-height: 25px; }

#blog .blog_item { clear: both; margin: 0 0 20px 0; padding: 0 0 20px 0; overflow: hidden; }
#blog .blog_item h3 { margin: 0; }
#blog .blog_item h3 a { text-decoration: none; font-size: 16px; font-weight: bold; text-decoration: none; }
#blog .blog_item a:hover { text-decoration: underline; }
#blog .blog_item h4 { margin: 5px 0 10px 0; font-weight: normal; text-transform: uppercase; font-size: 11px; }

#blog .blog_item a.button { clear: both; float: left; display: block; margin: 10px 0 0 0; padding: 5px 15px; background: #674032; color: #fff; text-decoration: none; }

#blog .blog_detail h2 { margin: 0; }
#blog .blog_detail h3 { margin: 0 0 10px 0; font-weight: normal; text-transform: uppercase; }
#blog .blog_detail .photo { float: left; margin: 0 15px 10px 0; border: 2px solid #e0d9d3; }
#blog .blog_detail p { margin: 0 0 15px 0; }

#blog .blog_reactions { margin: 20px 0 0 0; }
#blog .blog_reactions h2 { margin: 0 0 10px 0; }
#blog .blog_reactions .blog_reaction_item { margin: 0 0 10px 0; padding: 20px; border-top: 2px solid #e0d9d3; border-left: 2px solid #e0d9d3; background: #f6ede7 url('../Graphics/Blog_reaction_bg.png') no-repeat top right; }
#blog .blog_reactions .blog_reaction_item h3 { margin: 0 0 10px 0; font-weight: normal; text-transform: uppercase; }

#blog .blog_post_reaction h2 { margin: 0 0 10px 0; }
#blog .blog_post_reaction form { margin: 0 0 10px 0; padding: 20px; border-top: 2px solid #e0d9d3; border-left: 2px solid #e0d9d3; background: #f6ede7; }
#blog .blog_post_reaction .item { margin: 0 0 10px 0; overflow: hidden; }
#blog .blog_post_reaction .item label { float: left; display: block; width: 100px; height: 25px; line-height: 25px; }
#blog .blog_post_reaction .item .inputfield { float: left; display: block; width: 250px; height: 16px; padding: 3px; border: 2px solid #e0d9d3; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #674032; }
#blog .blog_post_reaction .item textarea { float: left; display: block; width: 400px; height: 100px; padding: 3px; border: 2px solid #e0d9d3; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #674032; overflow: auto; }

#blog .blog_post_reaction .item .inputfield:focus,
#blog .blog_post_reaction .item textarea:focus { border: 2px solid #ccc7c1; }

#blog .blog_post_reaction .error label { color: #c00; }
#blog .blog_post_reaction .error .inputfield,
#blog .blog_post_reaction .error .inputfield:focus,
#blog .blog_post_reaction .error textarea,
#blog .blog_post_reaction .error textarea:focus { border: 2px solid #c00; }

#blog .blog_post_reaction .submit { width: 163px; height: 35px; margin: 15px 0 0 0; background: url('../Graphics/Reactie_toevoegen.png') no-repeat top left; border: none; overflow: visible; cursor: pointer; }
#blog .blog_post_reaction .info_message { margin: 0 0 10px 0; font-size: 14px; font-weight: bold; color: #c00; }

/* KALENDER
----------------------------------------------------------------------------------*/
#kalender { margin: 30px 0; }
#kalender .content { float: left; width: 634px; margin: 0 60px 0 0; }
#kalender h2 { line-height: 25px; }
#kalender h3 { font-size: 14px; font-weight: bold; }

#kalender .content .item { margin: 0 0 10px 0; padding: 10px 10px 10px 0; }
#kalender .content .item h3 { margin: 0 0 10px 0; padding: 0 0 0 30px; font-size: 14px; font-style: italic; font-weight: bold; background: url('../Graphics/Check.png') no-repeat center left; }
#kalender .content .item p { margin: 0 0 0 30px; }

#kalender .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#kalender .sidebar #sub_nav p { padding: 0 20px; }

/* CONTACT
----------------------------------------------------------------------------------*/
#contact { margin: 30px 0; }
#contact .content { float: left; width: 634px; margin: 0 60px 0 0; }

#contact .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#contact .sidebar .buttons { float: right; width: 237px; }
#contact .sidebar .buttons a { display: block; width: 237px; height: 96px; margin: 20px 0 10px 0; text-indent: -9999px; background-repeat: no-repeat; }
#contact .sidebar .buttons a:hover { background-position: bottom left; }
#contact .sidebar .buttons a.hoe_kom_je_bij_bwd { background-image: url('../Graphics/Hoe_kom_je_bij_bwd.png'); }

#contact .sidebar #info { width: 237px; height: auto; overflow: hidden; }
#contact .sidebar #info .top { float: left; width: 237px; height: 15px; background: url('../Graphics/Info_top.png') no-repeat top left; }
#contact .sidebar #info .content { float: left; height: auto; padding: 10px 20px; background: url('../Graphics/Info_content.png') repeat-y top left; }
#contact .sidebar #info .bottom { float: left; width: 237px; height: 15px; background: url('../Graphics/Info_bottom.png') no-repeat top left; }

#contact h2 { line-height: 25px; }
#contact h3 { margin: 0 0 15px 0; font-size: 14px; font-weight: bold; }

#contact .order { margin: 0 0 20px 0; overflow: hidden; }
#contact .order p.price { margin: 10px 0 0 0; font-weight: bold; }
#contact .order p img { float: left; width: 100px; height: 100px; margin: 0 15px 0 0; border: 2px solid #f6ede7; }

/* CONTACT FORM
----------------------------------------------------------------------------------*/
form.contact { margin: 20px 0 0 0; padding: 20px; border: 2px dashed #f6ede7; }
form.contact .item { margin: 0 0 10px 0; overflow: hidden; }
form.contact .item label { float: left; display: block; width: 150px; height: 25px; line-height: 25px; }
form.contact .item .inputfield { float: left; display: block; width: 250px; height: 16px; padding: 3px; border: 2px solid #e0d9d3; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #674032; }
form.contact .item textarea { float: left; display: block; width: 400px; height: 100px; padding: 3px; border: 2px solid #e0d9d3; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #674032; overflow: auto; }

form.contact .item .inputfield:focus,
form.contact .item textarea:focus { border: 2px solid #ccc7c1; }

form.contact .error label { color: #c00; }
form.contact .error .inputfield,
form.contact .error .inputfield:focus,
form.contact .error textarea,
form.contact .error textarea:focus { border: 2px solid #c00; }

form.contact .submit { width: 111px; height: 35px; margin: 15px 0 0 0; background: url('../Graphics/Verzenden.png') no-repeat top left; border: none; overflow: visible; cursor: pointer; }
form.contact .bestellen { width: 111px; height: 35px; margin: 15px 0 0 0; background: url('../Graphics/Bestellen.png') no-repeat top left; border: none; overflow: visible; cursor: pointer; }

form.contact .inschrijven { float: left; width: 163px; height: 35px; margin: 15px 5px 0 0; background: url('../Graphics/Btn_inschrijven.png') no-repeat top left; border: none; overflow: visible; cursor: pointer; line-height: 0; text-indent:-9999px; }
form.contact .uitschrijven { float: left; width: 163px; height: 35px; margin: 15px 5px 0 0; background: url('../Graphics/Btn_uitschrijven.png') no-repeat top left; border: none; overflow: visible; cursor: pointer; line-height: 0; text-indent:-9999px; }
form.contact .aanpassen { float: left; width: 163px; height: 35px; margin: 15px 5px 0 0; background: url('../Graphics/Btn_aanpassen.png') no-repeat top left; border: none; overflow: visible; cursor: pointer; line-height: 0; text-indent:-9999px; }

form.contact .info_message { margin: 0 0 10px 0; font-size: 14px; font-weight: bold; color: #674032 !important; }
form.contact .error_message { margin: 0 0 10px 0; font-size: 14px; font-weight: bold; color: #c00 !important; }

/* LINKS
----------------------------------------------------------------------------------*/
#links { margin: 30px 0; }
#links .content { float: left; width: 634px; margin: 0 60px 0 0; }
#links .sidebar { float: left; width: 237px; padding: 80px 0 0; }
#links .sidebar #sub_nav p { padding: 0 20px; } 
#links h2 { line-height: 25px; }

#links .item { margin: 0 0 10px 0; padding: 10px 10px 10px 0; }
#links .item h3 { margin: 0 0 10px 0; padding: 0 0 0 30px; font-size: 14px; font-style: italic; font-weight: bold; background: url('../Graphics/Check.png') no-repeat center left; } 
#links .item h3 a { text-decoration: none; }
#links .item h3 a:hover { text-decoration: underline; }
#links .item p { padding: 0 0 0 30px; }

/* SITEMAP
----------------------------------------------------------------------------------*/
#sitemap { margin: 30px 0; }
#sitemap .content { width: auto; }
#sitemap h2 { line-height: 25px; }
#sitemap h3 { margin: 0 0 20px 0; padding: 0 0 0 30px; font-size: 14px; font-style: italic; font-weight: bold; background: url('../Graphics/Check.png') no-repeat center left; }

#sitemap .content .column { float: left; width: 200px; margin: 0 20px 20px 0; }
#sitemap .content .column a { text-decoration: none; }
#sitemap .content .column a:hover { text-decoration: underline; }
#sitemap .content .column ul li { padding: 5px; font-weight: bold; border-bottom: 1px solid #f1e4db; list-style: none; }
#sitemap .content .column  ul li ul li { list-style-type: square; border: none; font-weight: normal; }

/* BUTTONS BOTTOM 
----------------------------------------------------------------------------------*/
.buttons_bottom { clear: both; float: left; width: 950px; height: 96px; margin: 20px 0 0 0; }
.buttons_bottom a { float: left; display: block; width: 219px; height: 96px; margin: 0 18px 0 0; text-indent: -9999px; background-repeat: no-repeat; }
.buttons_bottom a:hover { background-position: bottom left; }
.buttons_bottom a.bonussen { background-image: url('../Graphics/Bonussen_small.png'); }
.buttons_bottom a.bonus1 { background-image: url('../Graphics/Bonus1_download.png'); }
.buttons_bottom a.bonus2 { background-image: url('../Graphics/Bonus2_download.png'); }
.buttons_bottom a.cursussen {background-image: url('../Graphics/Cursussen_small.png'); }
.buttons_bottom a.shop { background-image: url('../Graphics/Shop_small.png'); }
.buttons_bottom a.blog { background-image: url('../Graphics/Blog_small.png'); margin: 0; }

/* QUALITY LABEL 
----------------------------------------------------------------------------------*/
.quality_label { width: 237px; height: auto; margin: 20px 0 0 0; }

/* SUB NAVIGATION 
----------------------------------------------------------------------------------*/
#sub_nav { width: 237px; background: #f6ede7 url('../Graphics/Sub_nav_bg.png') repeat-x top left; }

#sub_nav p { height: 39px; line-height: 39px; font-size: 13px; font-weight: bold; color: #fbf9f7; background: url('../Graphics/Sub_nav_bg.png') repeat-x top left; overflow: hidden; }
#sub_nav p a { display: block; height: 39px; padding: 0 12px; line-height: 39px; color: #fbf9f7; text-decoration: none; }
#sub_nav p a.active { background: url('../Graphics/Sub_nav_p_active.png') repeat-x; }

#sub_nav ul { margin: 0; padding: 10px 0; list-style: none; }
#sub_nav ul li a:link,
#sub_nav ul li a:visited,
#sub_nav ul li a:active { display: block; padding: 12px 22px; font-size: 14px; font-weight: bold; color: #aa856d; text-decoration: none; }
#sub_nav ul li a:hover, 
#sub_nav ul li a.active { color: #674032; }

#sub_nav ul li a span { display: block; margin: 0 0 5px 0; font-size: 11px; font-style: italic; color: #674032; }

#sub_nav form {}
#sub_nav form .select { width: 215px; margin: 10px; padding: 2px; border: 2px solid #eae2dc; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #674032; }
#sub_nav form .submit { margin: 10px 0 20px 10px; padding: 5px 10px; background: #eae2dc; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #674032; cursor: pointer; overflow: visible; }
#sub_nav form .submit:hover { background: #674032; color: #eae2dc; }

/* TABLES
----------------------------------------------------------------------------------*/
table.styled { margin: 12px 0 0 0; background: #f6ede7; border-collapse: collapse; }
table.styled thead tr th { padding: 5px; background: #ab866e; font-size: 12px; font-weight: bold; color: #fff;  }
table.styled tbody tr td { padding: 5px; border: 1px solid #eae2dc; }
table.styled tfoot tr td { padding: 5px; border: 1px solid #eae2dc; }

/* LOGIN
----------------------------------------------------------------------------------*/
.login_form { width: 237px; margin: 20px 0 0 0; }

.login_form label { display: block; margin: 0 0 5px 0; }

.login_form form .input,
.login_form form .input_error { float: left; display: block; width: 227px; height: 16px; margin: 0 0 5px 0; padding: 3px; border: 2px solid #e0d9d3; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #674032; }
.login_form form .input:focus,
.login_form form .input_error:focus { border: 2px solid #ccc7c1; }
.login_form form .submit { width: 111px; height: 35px; margin: 15px 0 0 0; background: url('../Graphics/Aanmelden.png') no-repeat top left; border: none; overflow: visible; cursor: pointer; font-size: 0; line-height: 0; }

.login_form form .input_error,
.login_form form .input_error:focus { border: 2px solid #c00; }

.logged_in { margin: 20px 0 0 0; padding: 10px; background: #f6ede7; border: 1px dashed #f1e4db; }
.logged_in p { font-size: 14px; font-weight: bold; font-style: italic; }
.logged_in a.logout { display: block; width: 111px; height: 35px; margin: 15px 0 0 0; background: url('../Graphics/Afmelden.png') no-repeat top left; text-indent: -9999px; }

/* FOOTER
----------------------------------------------------------------------------------*/
#footer { position: relative; margin-top: -103px; height: 103px; background: url('../Graphics/Footer_bg.png') repeat-x; clear: both; font-size: 10px; color: #b5826a; text-transform: uppercase; }
#footer .content { width: 823px; height: 73px; margin: 0 auto; padding: 30px 0 0 118px; background: url('../Graphics/Footer_logo.png') no-repeat center left; text-align: left; }

#footer .content p { float: left; width: 180px; line-height: 18px; }
#footer .content p.credits { float: right; text-align: right; text-transform: none; }

#footer .content a:link,
#footer .content a:visited,
#footer .content a:active { text-decoration: none; color: #b5826a; padding: 0 0 2px 0; }
#footer .content a:hover { border-bottom: 1px dotted #b5826a; }

/* CLEAR FIX
----------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix {display: inline-block;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */