/* Basis elementen en hoofdelementen -----------------------------------------*/

* {
margin					: 0px;
padding					: 0px;
font					: 10px "Verdana", "Arial", "Helvetica", sans-serif;
}

body {
color					: #FFF;
}

body.home 				{ background-color		: #000000; }
body.behang 			{ background-color		: #04378C; }
body.tuinschilderij 	{ background-color		: #1CC60F; }
body.canvas 			{ background-color		: #0096E1; }
body.rolgordijn 		{ background-color		: #ED2CB9; }
body.overig 			{ background-color		: #E20040; }

h1 {
font-family				: Arial, Helvetica, sans-serif; 
font-size				: 20px; 
font-style				: normal; 
line-height				: normal; 
font-variant			: normal; 
color					: #333; 
font-weight				: lighter; 
margin					: 10px 0px 20px 0px;
}

h2 {
margin					: 10px 0px 0px 0px;
padding					: 0px 0px 9px 0px;
background				: url(../img/bg_h2.gif) repeat-x;
}

p {
line-height				: 16px;
padding					: 7px 0px 9px 0px;
}

a {
color					: #000;
text-decoration			: underline;
}

td a {
color					: #fff;
text-decoration			: underline;
}

/* Placeholders --------------------------------------------------------------*/

#container {
width					: 770px;
margin					: auto;
}

/* Header --------------------------------------------------------------*/

#header {
width					: 770px;
height					: 100px;
}

.bgheader_home 				{ background: url("../_img/bg_menu_home.gif") no-repeat; }
.bgheader_behang 			{ background: url("../_img/behang/bg_menu_behang.gif") no-repeat; }
.bgheader_tuinschilderij 	{ background: url("../_img/tuinschilderij/bg_menu_tuinschilderij.gif") no-repeat; }
.bgheader_canvas 			{ background: url("../_img/canvas/bg_menu_canvas.gif") no-repeat; }
.bgheader_rolgordijn 		{ background: url("../_img/rolgordijn/bg_menu_rolgordijn.gif") no-repeat; }
.bgheader_overig 			{ background: url("../_img/overig/bg_menu_overig.gif") no-repeat; }

/* Linker navigatiebuttons --------------------------------------------------------------*/

#buttons_left {
float					: left;
width					: 26px;
height					: 93px;
padding					: 7px 9px 0px 0px;
}

#btn_home_home 					{ background:  url("../_img/btn_home_home.gif") no-repeat; }
#btn_home_contact 				{ background:  url("../_img/btn_home_contact.gif") no-repeat; }
#btn_home_voorwaarden			{ background:  url("../_img/btn_home_voorwaarden.gif") no-repeat; }

#btn_behang_home 				{ background:   url("../_img/behang/btn_behang_home.gif") no-repeat; }
#btn_behang_contact 			{ background:   url("../_img/behang/btn_behang_contact.gif") no-repeat; }
#btn_behang_voorwaarden			{ background:   url("../_img/behang/btn_behang_voorwaarden.gif") no-repeat; }

#btn_tuinschilderij_home 		{ background:   url("../_img/tuinschilderij/btn_tuinschilderij_home.gif") no-repeat; }
#btn_tuinschilderij_contact 	{ background:   url("../_img/tuinschilderij/btn_tuinschilderij_contact.gif") no-repeat; }
#btn_tuinschilderij_voorwaarden	{ background:   url("../_img/tuinschilderij/btn_tuinschilderij_voorwaarden.gif") no-repeat; }

#btn_canvas_home 				{ background:   url("../_img/canvas/btn_canvas_home.gif") no-repeat; }
#btn_canvas_contact 			{ background:   url("../_img/canvas/btn_canvas_contact.gif") no-repeat; }
#btn_canvas_voorwaarden			{ background:   url("../_img/canvas/btn_canvas_voorwaarden.gif") no-repeat; }

#btn_rolgordijn_home 			{ background:   url("../_img/rolgordijn/btn_rolgordijn_home.gif") no-repeat; }
#btn_rolgordijn_contact 		{ background:   url("../_img/rolgordijn/btn_rolgordijn_contact.gif") no-repeat; }
#btn_rolgordijn_voorwaarden		{ background:   url("../_img/rolgordijn/btn_rolgordijn_voorwaarden.gif") no-repeat; }

#btn_overig_home 				{ background:   url("../_img/overig/btn_overig_home.gif") no-repeat; }
#btn_overig_contact 			{ background:   url("../_img/overig/btn_overig_contact.gif") no-repeat; }
#btn_overig_voorwaarden			{ background:   url("../_img/overig/btn_overig_voorwaarden.gif") no-repeat; }

#buttons_left ul { 
padding					: 0px;
margin					: 0px;
list-style				: none;
}

#buttons_left li {
width					: 26px;
height					: 26px;
padding-top				: 5px;
}

#buttons_left li a {
display					: block;
width					: 26px;
height					: 26px;
background-position		: 0 0px;
}

#buttons_left li a:hover,
#buttons_left li.selected a { 
background-position		: 0 -26px;
}


/* Hoofdnavigatie ------------------------------------------------------- */

#nav {
float					: left;
width					: 700px;
height					: 40px;
padding-top				: 20px;
}

#nav ul {
float					: left;
width					: 695px;
padding					: 0px;
margin					: 0px;
list-style				: none;
}

#nav li {
float					: left;
width					: 120px;
height					: 25px;
padding					: 0px 10px 0px 9px;
}

#nav li a {
display					: block;
height					: 25px;
background-position		: 0 0px;
}

#nav li a:hover { 
background-position		: 0 -25px;
}

#nav li .selected {
background-position		: 0 -25px ;
}

#nav li a span {
display					: none ;
}

#nav_behang 		{ background:  url("../_img/nav_behang.gif");			}
#nav_tuinschilderij { background:  url("../_img/nav_tuinschilderij.gif");	}
#nav_canvas 		{ background:  url("../_img/nav_canvas.gif");			}
#nav_rolgordijn		{ background:  url("../_img/nav_rolgordijn.gif");		}
#nav_overig			{ background:  url("../_img/nav_overig.gif");			}


/* Rechter navigatiebutton --------------------------------------------------------------*/

#button_right,
#button_right_selected {
float					: left;
width					: 32px;
height					: 48px;
padding					: 12px 0px 0px 3px;
}

#btn_home_faq 			{ background : url("../_img/btn_home_faq.gif") no-repeat; }
#btn_behang_faq 		{ background : url("../_img/behang/btn_behang_faq.gif") no-repeat; }
#btn_tuinschilderij_faq { background : url("../_img/tuinschilderij/btn_tuinschilderij_faq.gif") no-repeat; }
#btn_canvas_faq 		{ background : url("../_img/canvas/btn_canvas_faq.gif") no-repeat; }
#btn_rolgordijn_faq 	{ background : url("../_img/rolgordijn/btn_rolgordijn_faq.gif") no-repeat; }
#btn_overig_faq 		{ background : url("../_img/overig/btn_overig_faq.gif") no-repeat; }

#button_right a {
display					: block;
width					: 27px;
height					: 27px;
background-position		: 0 0px;
}

#button_right_selected a {
display					: block;
width					: 27px;
height					: 27px;
background-position		: 0 -27px;
}

#button_right a:hover { 
background-position		: 0 -27px;
}

#button_right a span,
#button_right_selected a span {
display					: none ;
}



/* Logo --------------------------------------------------------------*/

#logo {
float					: left;
width					: 630px;
padding					: 50px 0px 0px 70px;
}

/* Subnavigatie ------------------------------------------------------- */

#subnav {
float					: left;
width					: 681px;
height					: 28px;
padding					: 12px 0px 0px 54px;
}

#subnav ul { 
padding					: 0px;
margin					: 0px;
list-style				: none;
}

#subnav li {
float					: left;
height					: 16px;
padding					: 0px 10px 0px 20px;
}

#subnav li a {
display					: block;
height					: 16px;
background-position		: 0 0px;
}

#subnav li a:hover { 
background-position		: 0 -16px;
}

#subnav li .selected {
background-position		: 0 -16px ;
}

#subnav li a span {
display					: none ;
}

#behang_collectie 				{ background:   url("../_img/behang/subnav_behang_collectie.gif"); width:60px;}
#behang_eigen_foto 				{ background:   url("../_img/behang/subnav_behang_eigen_foto.gif"); width:74px;}
#behang_voorbeelden 			{ background:   url("../_img/behang/subnav_behang_voorbeelden.gif"); width:92px;}
#behang_handige_tips			{ background:   url("../_img/behang/subnav_behang_handige_tips.gif"); width:91px;}
#behang_prijzen					{ background:   url("../_img/behang/subnav_behang_prijzen.gif"); width:52px;}
#behang_verkooppunten			{ background:   url("../_img/behang/subnav_behang_verkooppunten.gif"); width:109px;}

#tuinschilderij_collectie 		{ background:   url("../_img/tuinschilderij/subnav_tuinschilderij_collectie.gif"); width:60px;}
#tuinschilderij_eigen_foto 		{ background:   url("../_img/tuinschilderij/subnav_tuinschilderij_eigen_foto.gif"); width:74px;}
#tuinschilderij_voorbeelden 	{ background:   url("../_img/tuinschilderij/subnav_tuinschilderij_voorbeelden.gif"); width:92px;}
#tuinschilderij_handige_tips	{ background:   url("../_img/tuinschilderij/subnav_tuinschilderij_handige_tips.gif"); width:91px;}
#tuinschilderij_prijzen			{ background:   url("../_img/tuinschilderij/subnav_tuinschilderij_prijzen.gif"); width:52px;}
#tuinschilderij_verkooppunten	{ background:   url("../_img/tuinschilderij/subnav_tuinschilderij_verkooppunten.gif"); width:109px;}

#canvas_collectie 				{ background:   url("../_img/canvas/subnav_canvas_collectie.gif"); width:60px;}
#canvas_eigen_foto 				{ background:   url("../_img/canvas/subnav_canvas_eigen_foto.gif"); width:74px;}
#canvas_voorbeelden 			{ background:   url("../_img/canvas/subnav_canvas_voorbeelden.gif"); width:92px;}
#canvas_handige_tips			{ background:   url("../_img/canvas/subnav_canvas_handige_tips.gif"); width:91px;}
#canvas_prijzen					{ background:   url("../_img/canvas/subnav_canvas_prijzen.gif"); width:52px;}
#canvas_verkooppunten			{ background:   url("../_img/canvas/subnav_canvas_verkooppunten.gif"); width:109px;}

#rolgordijn_collectie 			{ background:   url("../_img/rolgordijn/subnav_rolgordijn_collectie.gif"); width:60px;}
#rolgordijn_eigen_foto 			{ background:   url("../_img/rolgordijn/subnav_rolgordijn_eigen_foto.gif"); width:74px;}
#rolgordijn_voorbeelden 		{ background:   url("../_img/rolgordijn/subnav_rolgordijn_voorbeelden.gif"); width:92px;}
#rolgordijn_handige_tips		{ background:   url("../_img/rolgordijn/subnav_rolgordijn_handige_tips.gif"); width:91px;}
#rolgordijn_prijzen				{ background:   url("../_img/rolgordijn/subnav_rolgordijn_prijzen.gif"); width:52px;}
#rolgordijn_verkooppunten		{ background:   url("../_img/rolgordijn/subnav_rolgordijn_verkooppunten.gif"); width:109px;}

#overig_collectie 				{ background:   url("../_img/overig/subnav_overig_collectie.gif"); width:60px;}
#overig_eigen_foto 				{ background:   url("../_img/overig/subnav_overig_eigen_foto.gif"); width:74px;}
#overig_voorbeelden 			{ background:   url("../_img/overig/subnav_overig_voorbeelden.gif"); width:92px;}
#overig_handige_tips			{ background:   url("../_img/overig/subnav_overig_handige_tips.gif"); width:91px;}
#overig_prijzen					{ background:   url("../_img/overig/subnav_overig_prijzen.gif"); width:52px;}
#overig_verkooppunten			{ background:   url("../_img/overig/subnav_overig_verkooppunten.gif"); width:109px;}


/* Content Subindexen ------------------------------------------------------- */

#content {
float					: left;
width					: 770px;
font-family				: Verdana, Arial, Helvetica, sans-serif;
font-size				: 10px;
font-weight				: bold;
color					: #FFF;
padding-top				: 50px;
}

#content h2 {
font-family				: Verdana, Arial, Helvetica, sans-serif;
font-size				: 10px;
font-weight				: bold;
color					: #FFF;
margin					: 0px;
padding					: 0px 0px 15px 0px;
}

#content h2 span {
display					: none;
}

#content p {
font-family				: Verdana, Arial, Helvetica, sans-serif;
font-size				: 10px;
font-weight				: normal;
line-height				: 18px;
color					: #FFF;
margin					: 0px;
padding					: 0px 0px 20px 0px;
}

#content p.geel {
font-family				: Verdana, Arial, Helvetica, sans-serif;
font-size				: 10px;
font-weight				: bold;
line-height				: 18px;
color					: #FFBC00;
margin					: 0px;
padding					: 0px 0px 20px 0px;
}

#kolom_left {
float					: left;
width					: 327px;
padding					: 0px 35px;
}

#kolom_right {
float					: left;
width					: 338px;
padding					: 0px 35px 0px 0px;
}

ul#keuzebuttons {
float					: right;
padding-top				: 50px;
list-style				: none;
}

ul#keuzebuttons li {
float					: left;
width					: 130px;
height					: 26px;
padding					: 0px 0px 0px 0px;
}

ul#keuzebuttons li a {
width					: 130px;
height					: 26px;
display					: block;
background-repeat		: no-repeat;
}

ul#keuzebuttons li.button_marge {
margin-left				: 13px;
}

/* Content Standaard Vervolgpagina's ------------------------------------------------------- */

#content_vervolg {
float					: left;
width					: 770px;
font-family				: Verdana, Arial, Helvetica, sans-serif;
font-size				: 10px;
font-weight				: bold;
color					: #FFF;
padding-top				: 50px;
}

#content_vervolg h2 {
font-family				: Verdana, Arial, Helvetica, sans-serif;
font-size				: 10px;
font-weight				: bold;
color					: #FFF;
margin					: 0px;
padding					: 0px 0px 15px 0px;
}

#content_vervolg h2 span {
display					: none;
}

#content_vervolg p {
font-family				: Verdana, Arial, Helvetica, sans-serif;
font-size				: 10px;
font-weight				: normal;
line-height				: 18px;
color					: #FFF;
margin					: 0px;
padding					: 0px 0px 20px 0px;
}

#content_vervolg p.geel {
font-family				: Verdana, Arial, Helvetica, sans-serif;
font-size				: 10px;
font-weight				: bold;
line-height				: 18px;
color					: #FFBC00;
margin					: 0px;
padding					: 0px 0px 20px 0px;
}

#tekst_blok {
float					: left;
width					: 248px;
padding					: 0px 35px;
}

#actie_blokbreed {
float					: left;
width					: 417px;
margin					: 0px 35px 0px 0px;
}

#actie_blokbreed p {
color					: #000;
width					: 330px;
}

#foto_blokbreed {
float					: left;
width					: 417px;
height					: 408px;
margin					: 0px;
}

#foto_blokbreed.behang 			{ background: url("../_img/behang/bg_fotoblokbreed_behang.gif");}
#foto_blokbreed.tuinschilderij 	{ background: url("../_img/bg_fotoblokbreed_tuinschilderij.gif");}
#foto_blokbreed.canvas 			{ background: url("../_img/bg_fotoblokbreed_canvas.gif");}
#foto_blokbreed.rolgordijn 		{ background: url("../_img/bg_fotoblokbreed_rolgordijn.gif");}
#foto_blokbreed.overig 			{ background: url("../_img/bg_fotoblokbreed_overig.gif");}

#foto_blokbreed.blokrand {
width					: 417px;
height					: 14px;
padding					: 0px;
}

#foto_blokbreed_content {
width					: 364px;
height					: 340px;
margin					: 5px 15px 5px 20px;
padding					: 15px 0px 15px 18px;
overflow				: auto;
}

#foto_blokbreed_content applet {
margin					: 0px 0px 15px 0px;
}

#foto_blokbreed_content p strong {
font-weight				: bold;
color					: #04378C;
}


/* Content Flash Vervolgpagina's ------------------------------------------------------- */

#flash_blok {
float					: left;
width					: 405px;
padding					: 0px 15px 0px 35px;
}

#actie_bloksmal {
float					: left;
width					: 280px;
margin					: 0px 35px 0px 0px;
}

#foto_bloksmal {
float					: left;
width					: 280px;
height					: 408px;
margin					: 0px;
}

#foto_bloksmal.behang 			{ background: url("../_img/behang/bg_fotobloksmal_behang.gif");}
#foto_bloksmal.tuinschilderij 	{ background: url("../_img/tuinschilderij/bg_fotobloksmal_tuinschilderij.gif");}
#foto_bloksmal.canvas 			{ background: url("../_img/canvas/bg_fotobloksmal_canvas.gif");}
#foto_bloksmal.rolgordijn 		{ background: url("../_img/rolgordijn/bg_fotobloksmal_rolgordijn.gif");}
#foto_bloksmal.overig 			{ background: url("../_img/overig/bg_fotobloksmal_overig.gif");}

#foto_bloksmal.blokrand {
width					: 280px;
height					: 14px;
padding					: 0px;
}

#foto_bloksmal_content {
width					: 245px;
height					: 370px;
margin					: 5px 15px 5px 20px;
overflow				: auto;
}

#foto_bloksmal_content img.small_thumb {
float					: left;
width					: 65px;
height					: 55px;
border					: 2px solid #04378C;
margin					: 3px;
}

#foto_blokbreed_content img.medium_thumb {
float					: left;
width					: 135px;
height					: 90px;
border					: 2px solid #04378C;
margin					: 0px 34px 9px 0px;
}

#foto_blokbreed_content .categorie_thumb {
float					: left;
}

#foto_blokbreed_content .categorie_titel {
margin					: 3px 0px;
width					: 135px;
text-decoration			: none;
font-weight				: bold;
}

#foto_blokbreed.behang .categorie_titel 			{ color: #04378C;}
#foto_blokbreed.tuinschilderij .categorie_titel 	{ color: #1CC60F;}
#foto_blokbreed.canvas .categorie_titel 			{ color: #0096E1;}
#foto_blokbreed.rolgordijn .categorie_titel 		{ color: #ED2CB9;}
#foto_blokbreed.overig .categorie_titel 			{ color: #E20040;}


/* Overig ------------------------------------------------------- */

.button_uw_wand {
float					: right;
padding-top				: 30px;
}

.button_uw_wand a img {
border					: none;
}

#actie_blokbreed form {
padding					: 0px 0px 10px 0px;
}

#actie_blokbreed form .full {
width					: 60px;
padding					: 2px;
}



.bestellen_details {
margin					: 0px 0px 15px 0px;
}

.bestellen_details td {
color					: #000;
padding					: 0px 0px 1px 0px;
font-size				: 10px;
vertical-align			: center;
}

.bestellen_details input {
padding: 0px;
color					: #000;
font-size				: 10px;
vertical-align			: center;
}

td.thumpie {
padding					: 0px 10px 0px 0px;
vertical-align			: top;
}

td.koppie {
color					: #04378C;
font-size				: 11px;
font-weight				: bold;
}

td.tekstje {
color					: #04378C;
font-size				: 11px;
font-weight				: normal;
}

td.centre {

vertical-align			: center;
}

.behang td img 			{ border: 2px solid #04378C;}
.tuinschilderij td img 	{ border: 2px solid #1CC60F;}
.canvas td img 			{ border: 2px solid #0096E1;}
.rolgordijn td img 		{ border: 2px solid #ED2CB9;}
.overig td img 			{ border: 2px solid #E20040;}

table#bestellen_details td,
table#bestellen_input td {
font-size				: 10px;
padding					: 0px;
vertical-align			: top;
}

table#bestellen_details td strong,
table#bestellen_input td strong{
font-weight:bold;
}

table#bestellen_input {
margin					: 20px 0px 0px 0px;
}

table#bestellen_input td {
font-size				: 10px;
padding					: 3px 10px 2px 2px;
vertical-align			: center;
}

table#bestellen_details td.spec_title,
table#bestellen_input td.spec_title {
font-weight				: bold;
font-size				: 12px;
}

.behang td.spec_title 			{ color: #04378C;}
.tuinschilderij td.spec_title 	{ color: #1CC60F;}
.canvas td.spec_title 			{ color: #0096E1;}
.rolgordijn td.spec_title 		{ color: #ED2CB9;}
.overig td.spec_title 			{ color: #E20040;}


table#bestellen_input .full {
width					: 190px;
padding					: 2px;
}


table#bestellen_input .form_highlight {
border					: 1px solid red;
width					: 190px;
padding					: 2px;
}

table#bestellen_input td.fout {
color: black;
}

.form_error {
color: red;}