/*browser settings reset*/
html, body, dt, dl, dd, ul, ol, li, form, fieldset, a, blockquote, img { margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif;}

/*site settings*/
img{ border:0;}
a{}
a:hover{}
html, body{ height:100%;}
hr{}

/*FCK Styles*/
.kop{ font-size:1.2em; color:#015f98; margin:0 0 1.1em 0; text-transform:uppercase; letter-spacing:.1em;}
.kop span{ color:#333;}
.tussenkop{ font-size:.9em; color:#000; margin:1.7em 0 -.7em 0; text-transform:uppercase;}
.inleiding{ font-weight:bold; color:#000;}
.univers{ font-family: Courier New, Courier, Monaco, monospace; color:#000; line-height:1.4em;}

/*Tekst stylen*/
h1,h2,h3,h4,h5,h6{ margin:0;}
div, td { vertical-align:top;}


/*Default*/
input{ font-size:13px; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}
textarea{ font-size:13px; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}

.hide, .TabContainer{ display:none;}

/*Layout*/
.Home{ background:#015f98;}
.Vervolg{ background:#015f98;}

.Vervolg .Mogelijkheden				{ font-size:1.2em; font-weight:bold; text-transform:uppercase;}
.Vervolg .Mogelijkheden a			{ padding:8px 0 0 50px; background:url(btnHezelbase.png) no-repeat 0 0; width:251px; height:40px; color:#fff; text-decoration:none; display:block;}
.Vervolg .Mogelijkheden a:hover		{ background:url(btnHezelbase.png) no-repeat 0 -48px;}

.HeaderContainer{ float:left; width:100%; height:50px; background:url(header_achter.gif) left top repeat-x; font-size:.65em;}
.Header{ float:left; position:relative; width:940px; left:50%; margin-left:-470px; background:url(topmenu_sep.gif) left top no-repeat; z-index:100;}

.MainContainer{ float:left; width:100%; background:#fff url(main_achter.gif) left top repeat-x;}
.Main{ float:left; position:relative; width:940px; left:50%; margin-left:-470px; padding:20px; background:#fff; z-index:50;}
.LeftRightContainer{ float:left; width:940px;}

.LeftContainer{ float:left; width:244px; padding:0 40px 0 0;}
.Logo{ clear:left; padding:0 0 30px 0;}

.RightContainer{ float:right; width:656px; margin:8px 0 0 0;}
.FotoHeader{ clear:right; width:636px; height:48px; padding:152px 20px 0 0; background:url(foto.jpg) left top no-repeat; text-align:right; font-size:.9em; color:#e6e700;}
.FotoHeader span{ color:#fff;}

.Home .Content{ float:left; width:400px; min-height:240px; font-size:.75em; line-height:1.4em;}
.Vervolg .Content{ float:left; font-size:.75em; line-height:1.4em;}
.Content a{ color:#015f98;}
.Content li{ margin-left:30px;}

.Quote{ float:right; width:250px; height:165px; margin:0 0 10px 0; background:url(quote.gif) right top no-repeat; font-size:.75em;}
.Quote .Tekst{ padding:20px 10px 0 60px; height:82px; line-height:1.4em;}
.Quote .Tekst a{ color:#000; text-decoration:none;}
.Quote .Tekst a:hover{ text-decoration:underline;}
.Quote .Naam{ padding:0 10px 0 0; text-align:right; font-size:.9em; color:#666;}
.Quote .Naam a{ color:#666; text-decoration:none;}
.Quote .Naam a:hover{ text-decoration:underline;}

.FooterContainer{ float:left; width:100%;}
.Footer{ float:left; position:absolute; padding:0 0 20px 0;  width:980px; min-height:200px; left:50%; margin-left:-470px; background:url(footer_achter.gif) center top no-repeat;}

.Producten{ float:right; width:656px; height:94px; margin:0 20px 0 0; padding:0 0 0 280px; list-style:none; background:url(producten.gif) right top no-repeat;}
.Producten .Hezelbase{ float:left; padding:20px 0 0 185px;}
.Producten .Hezelflow{float:left; padding:20px 0 0 20px;}
.Producten .Hezelflowesf{ float:left; padding:20px 20px 0 20px;}
.Producten .Hezeltax{ clear:both; float:left; padding:18px 0 0 185px;}
.Producten .Hezeltime{ float:left; padding:18px 0 0 32px;}

.Naw{ float:left; width:285px; padding:40px 0 0 20px; font-size:.7em; color:#fff;}
.Naw h2{ font-size:1em; letter-spacing:.1em;}
.Naw p{margin:1em 0 0 0;}

/*TopMenu*/
.TopMenu{ float:left; width:980px; height:50px; list-style:none;}
.TopMenuItem{ float:left; position:relative; list-style:none; text-transform:uppercase; letter-spacing:.1em; background:url(topmenu_sep.gif) right top no-repeat;}
.TopMenuItem a{ height:30px; display:block; float:left; color:#015f98; font-weight:bold; padding:20px 20px 0 20px; text-decoration:none;}
.TopMenuItem a:hover{ color:#fff; background:url(topmenu_hover.gif) left top repeat-x;}

.Selected a{ color:#fff!important; background:url(topmenu_hover.gif) left top repeat-x;}

.TopSubMenu{ position:absolute; display:none; width:300px; background:#f4f3f3 url(topmenu_sub.gif) left bottom repeat-x; z-index:1;}
.TopSubMenu li{ list-style:none;}
.TopSubMenu li a{ display:block; width:270px; color:#015f98!important; background:none; padding:10px 10px 10px 20px!important; height:auto!important; clear:both;}
.TopSubMenu li a:hover{ color:#fff!important; background:#016099;}

.TopMenu li>ul { top:50px; left:0px;}
.TopMenu li:hover ul, .TopMenu li.over ul { display:block;}

/*BottomMenu is Lijst*/
.BottomMenuContainer{ float:left; margin:40px 0 0 0;}
.BottomMenu{ float:left; padding:0 50px 0 0; list-style:none; font-size:.7em; color:#ccdfea;}
.BottomMenu .Titel{ text-transform:uppercase; font-weight:bold; letter-spacing:.1em;}
.BottomMenu li{ padding:0 0 8px 0;}
.BottomMenu li span{ float:left; display:block; padding:0 10px 0 0;}
.BottomMenu li a{ color:#ccdfea;}

/*Zoeken*/
.ZoekenContainer{ float:right; padding:0 0 12px 0;}
.ZoekenContainer .Input{ float:left; padding:0 0 0 0;}
.ZoekenContainer .Input input{ height:17px;}
.ZoekenContainer .Button{ float:left; padding:0 0 0 10px;}
.ZoekenContainer .Button input{ width:75px; height:21px; background:url(button.gif) left top repeat-x; border:none; text-transform:uppercase; letter-spacing:.1em; color:#fff; font-size:.65em; font-weight:bold; cursor:pointer;}
.ZoekenContainer .Button input:hover{ background:#015f98;}

/*Sitemap*/
.sm_kop{ font-size:1.2em; color:#ed1c24; margin:0 0 1.1em 0; text-transform:uppercase; padding:0 0 15px 0;}
.sm_item{ padding:0 0 10px 0;}
.sm_item a{ color:#000;}

/*Nieuws*/
.NieuwsContainer{ margin:0 0 0 0;}
.NieuwsContainer .SubsidieLink			{ padding:10px 0 0 0; color:#015F98; font-size:0.6em; text-transform:uppercase;}
.NieuwsContainer .SubsidieLink a		{ color:#fff; text-decoration:none; background:#0181ce url(button.gif) repeat-x 0 bottom; height:30px; line-height:30px; width:250px; text-align:center; display:block;}
.NieuwsContainer .SubsidieLink a:hover	{ text-decoration:none; color:#fff; background:#015F98;}
.NieuwsContainer .Kop{ color:#c9c8c8; letter-spacing:.3em; font-size:.9em; text-transform:uppercase;}
.NieuwsItem{ padding:10px 0 10px 0;}
.NieuwsItem a{ text-decoration:none;}
.NieuwsItem a:hover{ text-decoration:underline; color:#999;}
.NieuwsItem .InfoContainer{}
.NieuwsItem .Datum{ padding:0 0 0 0; font-size:.7em; font-style:italic; color:#999;}
.NieuwsItem .Titel{ display:block; padding:5px 0 0 0; font-size:.9em; color:#015f98;}
.NieuwsItem .Omschrijving{ display:block; height:45px; padding:5px 0 0 0; white-space:inherit; overflow:hidden; font-size:.7em; color:#444; cursor:pointer;}

#NieuwsItem{ width:436px; float:left; margin:0 20px 0 0;}
#NieuwsItem .Header{ display:none;}
#NieuwsItem #Print{ float:right;}
#NieuwsItem .Container{ clear:both; }
#NieuwsItem .Titel{ padding:10px 0 10px 0; font-size:1.5em; font-weight:normal; color:#015f98 }
#NieuwsItem .Datum{ width:436px; font-style:italic; color:#999;}
#NieuwsItem .Datum .Label{ float:left; padding:0 15px 0 0;}
#NieuwsItem .Datum .Value{ float:left;}
#NieuwsItem .Foto{ float:right; margin:-30px 0 0 0;}
#NieuwsItem .Foto img{ border:#eaeaea 1px solid;}
#NieuwsItem .Tekst{ clear:both; padding:15px 0 0 0;}

/*RSSNieuws*/
.RSScontainer{ float:left; width:436px; margin:0 20px 0 0;}
.RSScontainer .RSSterug{ float:right; width:436px; text-align:right; padding:0 0 10px 0;}
.RSScontainer .RSSdatum{ clear:both; padding:0 0 15px 0; font-style:italic; color:#999;}
.RSScontainer .RSStitel{ padding:5px 0 10px 0; font-size:1.5em; font-weight:normal; color:#015f98; line-height:1.2em;}
.RSScontainer .RSSitem{}

.RSSlijstcontainer{ float:left;}
.RSSlijstcontainer a{ text-decoration:none;}
.RSSlijstcontainer a:hover{ text-decoration:underline; color:#999;}
.RSSlijstcontainer .RSSterug{ float:right; padding:0 0 10px 0;}
.RSSlijstcontainer .RSSdatum{ clear:both; padding:0 0 0 0; font-size:.9em; font-style:italic; color:#999;}
.RSSlijstcontainer .RSStitel{ display:block; padding:5px 0 10px 0; font-size:1.2em; font-weight:normal; color:#015f98;}
.RSSlijstcontainer .RSSitem{ display:block; padding:0 0 20px 0; color:#444;}

.RSSpaging{ clear:both; width:656px; padding:15px 0 0 0; border-top:#eaeaea 1px solid;}
.RSSpaging .RSSvorige{float:left; width:33%; text-align:left;}
.RSSpaging .RSSpagina{ float:left; width:34%; text-align:center;}
.RSSpaging .RSSvolgende{ float:left; width:33%; text-align:right;}

/*Bestellen*/
.BestellenContainer{ float:left; width:200px;}
.BestellenContainer .BestelHeader{ float:left; height:40px; width:200px; background:url(bestellen_header.gif) left top no-repeat;}
.BestellenContainer .BestelHeader span{ display:none;}
.BestellenContainer .BestelContent{ float:left; width:180px; min-height:80px; padding:10px; background:#e5e5e5 url(bestellen_content.gif) left bottom no-repeat;}
.BestellenContainer .BestelButton a{ display:block; width:180px; height:40px; background:url(bestelbutton.png) left bottom no-repeat;}
.BestellenContainer .BestelButton a:hover{ display:block; width:180px; height:40px; background:url(bestelbutton.png) left top no-repeat;}
.BestellenContainer .BestelButton span{ display:none;}

.FormContainer{ float:left; width:436px; margin:0 20px 0 0;}
.formulier_button a{ display:block; border:1px inset; width:100px; padding:2px 0 2px 0; text-align:center; color:#fff; text-decoration:none; background:#015f98;}


.ProductenTable{ font-size:.9em;}
.ProductenTable td{ border-bottom:#fff 1px solid; border-right:#fff 1px solid; padding:6px 10px;}
.ProductenTable .ProdTitel{ font-size:1.1em; font-weight:bold; text-align:center;}
.ProductenTable .ProdOmschrijving{ font-weight:bold; border-bottom:#eee 1px solid; width:180px;}
.ProductenTable .ProdContent{ text-align:center;}
.ProductenTable .ProdContentImg{ text-align:center; padding:0px!important;}
.ProductenTable .ProdKosten{ font-weight:bold; font-style:italic; text-align:center; border-top:#fff 5px solid; padding:14px 10px 6px 10px; font-size:1.1em;}
.ProductenTable .ProdOmschrijvingKosten{ font-weight:bold; font-style:italic; border-bottom:none; border-top:#fff 5px solid;}
.ProductenTable .Lite{ background:#eee;}
.ProductenTable .Exclusive{ background:#dedede;}
.ProductenTable .Corporate{ background:#d5d5d5;}
.ProductenTable .ProdBestel{ text-align:center; border-top:#fff 10px solid; border:none;}
.ProductenTable .ProdOmschrijvingBestel{ font-weight:bold; border-top:#fff 10px solid; border-bottom:none; width:180px;}