body { font-family: Verdana, Arial, Helvetica, sans-serif; background: rgb(136, 136, 136) url('/bronnen/schepjebg.jpg') no-repeat left bottom fixed; margin-top: 3%; margin-right: 5%; margin-left: 5%; font-size:12px; }
td { font-size: 9pt }
a { color: rgb(0,0,0) }
a:hover { text-decoration: none; }
p, ul { line-height: 150% !important }
img { margin-top: 3px; margin-bottom: 3px; border:0; }
h5 { font-size: 12px; margin-bottom: 6px; margin-top: 0px; }
.actief { font-weight: bold; }
h1  { font-size: 24px; font-family: Futura, sans-serif; font-weight: normal; text-shadow: #999999 3px 3px 6px; }
h2 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-shadow: #CCCCCC 2px 2px 6px; }
p { padding: 0; margin:0;}

h6 {font-family: "Futura condensed",futura,Helvetica,sans-serif; font-size:13px;}


#contact fieldset {margin:12px; padding:6px; width:500px;}
#contact #othercountry_selector, #contact #workshop_selector, #contact #fair_selector {display:none;}

#product_kleuren #standaardtekstvak td {padding:0 !important;}
#product_kleuren #standaardtekstvak td img {margin:0 !important;}

legend {font-weight:bold}
.transparant {}

#workshops_scroller {
height: 63px;
}
#beurzen_scroller {
height: 51px;
}
#workshops_scroller h4, #beurzen_scroller h4 {
margin-top:0;
}


#header_link {position:absolute; top:0; left:36px; right:36px; height:40px; background:silver;  padding:3px; border-left:1px solid #9d9d9d; min-width:657px !important;}

#inhoud_container {
	top:90px;
	bottom:18px;
	left:200px;
	right:36px;
	overflow:auto;
	overflow-x:hidden;
	position:absolute;
	border-top:1px #333 solid;
	border-bottom:1px #333 solid;
	min-width:550px !important;
	min-height:399px;
	background: #ccc;
	}
#inhoud {
	background: #ccc;
	padding-bottom:18px;
	min-width:550px !important;
	min-height:399px;
}

/* standaardtekstvak */

#standaardtekstvak, .koptekstvak, .kopafbeeldingvak {  color:rgb(045, 045, 045);}

#standaardtekstvak { padding-left:12px;  padding-top:6px; padding-right:18px;}
#standaardtekstvak a, #product_panorama #standaardtekstvak #rechterkolom a { color:rgb(220, 081, 000); font-weight:bold; }
#standaardtekstvak a:hover {color: rgb(131, 060, 000) }


#standaardtekstvak img { margin:9px; }
#standaardtekstvak ul li img { margin:0 !important; }
#standaardtekstvak h4 { font-size: 13px; margin-bottom: 0px; clear:left;}
#standaardtekstvak h2  { font-size: 18px; margin: 12px 0px 6px }
#standaardtekstvak address { font-size: xx-small; margin-top: 9px; margin-bottom: 9px }
#standaardtekstvak object, #standaardtekstvak embed { margin: 9px; }
#standaardtekstvak table { margin-right: 9px; margin-left: 9px }
#standaardtekstvak #workshops_lijst {font-size: 10px; padding-left: 18px; margin-top: 1px; display: block;}
#standaardtekstvak #workshops_lijst h4 {margin:0; font-size: 10px;}
#standaardtekstvak #workshops_lijst li {margin-bottom:3px;}

#zoekpagina #standaardtekstvak table { margin:0; }
#zoekpagina .rode_rij { background: #d67e68; }
#zoekpagina .rode_rij a { color: black; }
#zoekpagina .even_rij { background: #eee; }
#zoekpagina .oneven_rij { background: #ddd; }

.voettekst { margin-top: 9px; font-size:10px; }
.voettekst input { font-size:9px; }
.voettekst form { padding:0; margin:0; }
.voettekst, .voettekst a { color: white; }

.rechterkolom_create_balk {font-size:small;float:right; text-align:right; background:#cccccc; width:100%; margin:0 -6px; padding:0 6px; text-decoration:none; display:none; }
.rechterkolom_create_balk sup {font-size:9px !important;}
.rechterkolom_create_balk a {text-decoration:none; color:gray; border-right:1px dashed gray; padding-right:4px; font-weight:normal !important; }
.edit_container {display:none; }
#adres_bodem   {
	font-size: 9pt;
	visibility: hidden }

.kop {width:100%; border:0;}

.koptekstvak  { padding-left: 18px; font-size: 12px; }
.koptekstvak h1  { padding-top: 9px;}

#printvak { font-size: 8pt; display: block; position: relative; }
#printvak a { color: rgb(51,51,51); text-decoration: none }
#printvak a:hover { color: rgb(192,192,192); text-decoration: none }

/* schepje */

#schepje {position:absolute; position:absolute; top: 24px; left: 9px; border-style: none }

#talen_menu {
	list-style:none; position:absolute; top:100px; margin:0; padding:0; right:12px;
}

#edit_menu {position:absolute; width:22px; bottom:18px; right:12px;}


/* tabellen en zo */



.productheader { background-color:black; color: rgb(192,192,192); font-size: 14pt; padding: 6px; text-shadow: #666666 3px 3px 3px; }

.kopafbeeldingvak { color: white; font-size: 9px; height: 270px; width:400px; min-width: 90px; overflow:hidden;}
.kopafbeeldingvak .imgvak { margin:0; padding:0; border:0; height: 270px;  z-index:0; overflow:hidden; text-align:right; }
.kopafbeeldingvak .imgvak img {margin:0; padding:0; border:0;}

#knopafbeelding { padding:0; margin:0; width:45px; list-style:none; vertical-align:top; top:90px;  left:36px; position:absolute;}
#knopafbeelding div {margin-bottom:1px; border:1px solid #444; border-right:none; height:40px; width:40px;}


/* hoofdnavigatie */

#headnav { background-color: silver; position:absolute; top:46px; left:36px; right:36px; width:auto;
	min-width:664px !important;}

#headnav td a:link, #headnav td a:visited {  border-left:1px solid #9d9d9d; border-bottom:1px solid #9d9d9d; color: #333; font-size: 10px; font-weight: inherit; text-decoration: none; background-repeat: repeat-x; padding-top:1px; text-align: center; display: block; padding: 3px }

#headnav td a:hover, #headnav td a:active { padding-top:2px; margin-top:0; background-color: #ccc; border-top:1px #9d9d9d solid;  }

#producten #nav_producten, #tfino_leemfinish #nav_producten, #tfino_stone #nav_producten, #tfino_paint #nav_producten, #tfino_stucverf #nav_producten, #tfino_lustro #nav_producten, #tfino_base #nav_producten, #tfino_stampleem #nav_producten, #tfino_contact #nav_producten, #tfino_fix #nav_producten, #workshops #nav_workshops_kop, #beurzen #nav_beurzen, #projecten #nav_projecten, #biografie #nav_biografie, #pers #nav_pers, #dealers #nav_handelaren_en_verwerkers, #contact #nav_contact, #bestellen #nav_bestellen, #tfino_leemfinish #nav_leemfinish, #tfino_stone #nav_stone, #tfino_paint #nav_paint, #tfino_stucverf #nav_strijkleem, #tfino_base #nav_base, #tfino_stampleem #nav_stampleem, #tfino_contact #nav_leem_voorstrijk_middel, #tfino_fix #nav_fix { font-weight: bold; background-color: rgb(192,192,192) }


/* productnavigatie */
#productnav {width:165px; vertical-align:top; top:89px;  left:36px; border:none; position:absolute;}
#productnav td {padding:0; background: rgb(069, 069, 069);  margin-bottom:1px; }
#productnav td a, #productnav td a:visited { border:1px solid #444; color: rgb(177, 177, 177); font-family:futura,sans,"lucida sans",sans-serif; font-weight:lighter; font-size: 12px; line-height:15px; font-weight: inherit; text-decoration: none; background-repeat: repeat-x; display: block; padding: 5px }

#productnav td a:hover, #productnav td a:active { color: white !important; background: rgb(090, 090, 090) !important; border:1px solid #000 !important;}

#productnav .nav_product_image { width:32px; vertical-align:top; padding:0;}
#productnav .nav_product_image a { width:30px; height:30px; border:1px solid #444; }
#productnav .nav_product_image a:hover { background:transparent !important; }

#tfino_leemfinish #nav_leemfinish a, #tfino_stone #nav_stone a, #tfino_paint #nav_paint a, #tfino_stucverf #nav_strijkleem a, #tfino_lustro #nav_lustro a, #tfino_base #nav_base a, #tfino_stampleem #nav_stampleem a, #tfino_contact #nav_leem_voorstrijk_middel a, #tfino_fix #nav_fix a { color: rgb(255,255,255); background-color: rgb(080,080,080) }

/* subnavigatie */

#subnav {width:100%; /*background-color: #eda8aa; border-top:1px solid; border-bottom:1px solid;  border-color:#977576;*/}
#subnav td {text-align:center; padding:0; margin:0;  height:20px;	background:url('/css_bronnen/submenuknoprechts.gif') right;}
#subnav td a { background:url('/css_bronnen/submenuknoplinks.gif') no-repeat; color: rgb(0,0,0); font-size: 10px; font-family:verdana;font-weight: inherit; text-decoration: none; display: block; padding-top: 4px; height:16px; }
/* vraag me niet waarom, maar msie 6 heeft problemen met deze hover
#subnav td a:hover, #subnav td a:active { color: rgb(255,255,255); background-color: rgb(188, 083, 084); }
*/
#subnav .active {background:url('/css_bronnen/submenuknoprechts-actief.gif') right;}
#subnav .active a {background:url('/css_bronnen/submenuknoplinks-actief.gif')  no-repeat;}
#subnav .ingedrukt {background:url('/css_bronnen/submenuknoprechts-ingedrukt.gif') right;}
#subnav .ingedrukt a {background:url('/css_bronnen/submenuknoplinks-ingedrukt.gif')  no-repeat;}


/* rechterkolom */

#rechterkolom { color: black; font-size: 8pt; background: rgb(185, 185, 185); margin-left: 27px; width: 190px; margin-right:-18px;  margin-top:-6px; float: right; padding: 0 6px; }

#rechterkolom p {  margin-bottom:3px;  }
#rechterkolom ul { padding-right: 9px }
#rechterkolom h3 { color: rgb(204,204,204); font-size: 9pt; background-color: rgb(102,102,102); display: block; margin:-6px; margin-top:0; margin-bottom:9px; padding: 6px; clear: both }
#rechterkolom h3 a { color: rgb(204,204,204) !important; text-decoration: none }
#rechterkolom h4 { font-size: 8pt; padding: 0; padding-bottom: 1px }
#rechterkolom h4 a { color: rgb(0,0,0) !important; text-decoration: none }


/* achtergrond afbeeldingen rechtsbovenin de pagina */

#producten .kopafbeeldingvak { background-position: center top; width: 100%; }


#product_panorama #rechterkolom { margin:0;  padding:0; padding-top:30px; float:none; display:inline; background:none;}
#product_panorama #rechterkolom h3, #product_panorama #rechterkolom h3 a {font-family: Arial, Helvetica, sans-serif; font-size:16px; padding-top:18px; background:none; color:#111 !important;}

/* workshops */

#calendar_table {text-align:left; width:100%; border-bottom:1px solid gray;}
#calendar_table td {font-size:11px; padding:3px;width:auto; vertical-align:top; border-top:1px solid gray;}
#calendar_table td ul {width:auto;}
#calendar_table th {background:gray; color:#eee; padding:1px 3px;}

#calendar_table .date_column {width:111px;}
#calendar_table .subject_column {width:27%;}
#calendar_table .instructor_company_column {width:auto;}
#calendar_table .cost_column {width:auto;}
#calendar_table .contact_column {width:auto;}

#calendar_table .more_info_column {border: none;}


/* galerie */


#product_galerie #standaardtekstvak, #product_panorama #standaardtekstvak { }
#product_galerie #standaardtekstvak a, #product_panorama #standaardtekstvak a {}
#product_galerie #standaardtekstvak img {margin:0;}
#product_galerie .kop .koptekstvak, #product_galerie .kopafbeeldingvak, #product_galerie #rechterkolom { display:none; }

#product_galerie #inhoud, #product_galerie #inhoud_container {background: #333;}
#product_galerie #standaardtekstvak {color: #ddd !important; }
#product_galerie #standaardtekstvak a {color:white;}

/* sitemap */

.clicker_show {clear:both; margin-bottom:2px;display:block;font-size:10px;line-height:10px; margin-left:-40px;}
.sub_ul {font-size:10px; padding-left:20px; display:none;}
.clicker_hide {clear:both; margin-bottom:2px; display:block; font-size:10px; line-height:10px; margin-left:-20px;}


/* kleurenkiezer */

#showChooserLink {margin-top:3px; font-size:11px;}

#tooltip{
height:auto;
width:250px;
    position:absolute;
    font-size:11px;
    display:none;

    color:white;
    position:static;
    position:absolute;
    padding:4px;
    z-index:99;
    margin-top:-33px;
    background:black;
    opacity:0.81;
    filter: alpha(opacity=81);
}


#dialog, #dialog-tierrfinobericht {


	position:absolute;
	top:18%;
	left:30%;
    z-index:95;
    display:none;
    }

#dialogBG, #dialogBG-tierrfinobericht {


	width:480px;
    height:480px;

	position:absolute;
	top:18%;
	left:30%;
    margin-right:auto;
    background:black;
    opacity:0.90;
    filter: alpha(opacity=90);
    border:1px outset black;
    }

#dialogContainer, #dialogContainer-tierrfinobericht {
    position:static;
    margin:0;
    color:white;
    width:480px;
    height:480px;
    text-align:center;
    margin-top:-480px;
    margin-left:auto;
    margin-right:auto;
    z-index:97;
    overflow:auto;
    text-align:left;

	position:absolute;
	top:18%;
	left:30%;
    z-index:100;
	margin:0;
    }


	#zwischendialog_content {padding:0 18px;}
	#zwischendialog_content p {margin:0; font-weight:normal;}

#dialog p {
margin:12px;
font-weight:bold;
}
#dialog button, #dialog-tierrfinobericht button {
    background:none;
    color:white;
    margin-top:6px;
    border-color:#333;
    border-width:1px;
    padding:3px;
    _padding:0px;
    margin-right:9px;
    font-size:11px;
    font-weight:bold;
}