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

/* site settings */
img{ border:0px;}
A{ color:#000;}
A:hover{ text-decoration:none;}
html, body{ height:100%;}
hr{ height:1px; border-bottom:#000 solid 1px;}

/* FCK Styles */
#TtP .kop{font-size:1.3em; color:#000;}
#TtP .tussenkop{font-size:1.1em; color:#000;}
#TtP .inleiding{font-weight: bold; color:#000;}
#TtP .univers{font-family: Courier New, Courier, Monaco, monospace; color:#000;}

#Gifwijzer .kop{font-size:1.3em; color:#0053a0;}
#Gifwijzer .tussenkop{font-size:1.1em; color:#0053a0;}
#Gifwijzer .inleiding{font-weight:bold; color:#0053a0;}
#Gifwijzer .univers{font-family:Courier New, Courier, Monaco, monospace; color:#0053a0;}

#Grootouders .kop{font-size:1.3em; color:#24408f;}
#Grootouders .tussenkop{font-size:1.1em; color:#24408f;}
#Grootouders .inleiding{font-weight:bold; color:#24408f;}
#Grootouders .univers{font-family:Courier New, Courier, Monaco, monospace; color:#0053a0;}

#Brand .kop{font-size:1.3em; color:#e71f1f;}
#Brand .tussenkop{font-size:1.1em; color:#e71f1f;}
#Brand .inleiding{font-weight:bold; color:#e71f1f;}
#Brand .univers{font-family:Courier New, Courier, Monaco, monospace; color:#e71f1f;}

#Eerstehulp .kop{font-size:1.3em; color:#004ba0;}
#Eerstehulp .tussenkop{font-size:1.1em; color:#004ba0;}
#Eerstehulp .inleiding{font-weight:bold; color:#004ba0;}
#Eerstehulp .univers{font-family:Courier New, Courier, Monaco, monospace; color:#004ba0;}

#Veiligheid .kop{font-size:1.3em; color:#008ace;}
#Veiligheid .tussenkop{font-size:1.1em; color:#008ace}
#Veiligheid .inleiding{font-weight:bold; color:#008ace;}
#Veiligheid .univers{font-family:Courier New, Courier, Monaco, monospace; color:#008ace;}

/* Tekst stylen */
h1,h2,h3,h4,h5,h6{margin:0 0 1em 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
div, td {font-family:Arial, Helvetica, sans-serif}
p, ol, ul{margin:0 0 1em 0;}

/* Default */
input, select{ font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
textarea{ font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* Layout */
#MainContainer{ width:800px; margin-left:auto; margin-right:auto;}
#MainContainer #Left{ width:215px; float:left; padding:0px 0px 70px 0px;}
#MainContainer #Left .Ondersteund{ width:215px; float:left; padding:30px 0 0 0; color:#999;}
#MainContainer #Left .Ondersteund img{ padding:15px 0 0 0;}
#MainContainer #Right{ width:550px; float:right; padding:0px 0px 70px 0px;}
#MainContainer #Right #Foto{ height:184px; background:url(TtPheaderfoto.jpg) left top no-repeat; text-align:right; padding:20px 20px 0px 0px;}
#MainContainer #Right #Content{ padding:20px 20px 0px 20px; font-size:1.1em;}
#MainContainer #Right #Content p{ line-height:1.4em;}
#MainContainer #Right #Content li{ margin:0 0 0 25px; line-height:1.4em;}

.BestelWebsite{ width:93px; height:103px; float:right; font-size:0em; padding:0px 20px 0px 0px;}
.BestelWebsite .Bestel a{ width:32px; height:83px; display:block; float:left; background:url(bestel.gif) left top no-repeat; padding:20px 0px 0px 15px; color:#333;}
.BestelWebsite .Bestel a:hover{ background:url(bestel_hover.gif) left top no-repeat;}
.BestelWebsite .Website a{ width:31px; height:83px; display:block; float:right; background:url(website.gif) left top no-repeat; padding:20px 0px 0px 15px; color:#f98105;}
.BestelWebsite .Website a:hover{ background:url(website_hover.gif) left top no-repeat;}

#BottomContainer{ width:100%; position:fixed; bottom:0px; height:60px; margin:-100px 0px 0px 0px; background:#F98105;}
#FooterContainer{ width:800px; margin-left:auto; margin-right:auto;}
#FooterContainer #Left{ width:215px; float:left; padding:18px 0px 0px 0px;}
#FooterContainer #Right{ width:550px; float:right;}

/* TicketToPrevent */
#TtP{ height:100%; background:url(body.gif) center top repeat-y; font-size:.7em;}
#TtP #TopContainer{ width:100%; padding:0px 0px 38px 0px; background:url(TtPheader.gif) left top repeat-x;}

/* Gifwijzer */
#Gifwijzer{ height:100%; background:url(body.gif) center top repeat-y; font-size:.7em;}
#Gifwijzer #TopContainer{ width:100%; padding:0px 0px 38px 0px; background:url(Gifwijzerheader.gif) left top repeat-x;}

/* Grootouders */
#Grootouders{ height:100%; background:url(body.gif) center top repeat-y; font-size:.7em;}
#Grootouders #TopContainer{ width:100%; padding:0px 0px 38px 0px; background:url(Grootoudersheader.gif) left top repeat-x;}

/* Brandwondenwijzer */
#Brand{ height:100%; background:url(body.gif) center top repeat-y; font-size:.7em;}
#Brand #TopContainer{ width:100%; padding:0px 0px 38px 0px; background:url(Brandheader.gif) left top repeat-x;}

/* Eerstehulpwijzer */
#Eerstehulp{ height:100%; background:url(body.gif) center top repeat-y; font-size:.7em;}
#Eerstehulp #TopContainer{ width:100%; padding:0px 0px 38px 0px; background:url(Eerstehulpheader.gif) left top repeat-x;}

/* Veiligheidswijzer */
#Veiligheid{ height:100%; background:url(body.gif) center top repeat-y; font-size:.7em;}
#Veiligheid #TopContainer{ width:100%; padding:0px 0px 38px 0px; background:url(Veiligheidheader.gif) left top repeat-x;}

/* Title */
#TtP #MainContainer #Right #Title{ width:530px; height:29px; text-align:right; padding:9px 20px 0px 0px; font-size:1.3em; color:#FFF; background:url(TtPheader.gif) left top repeat-x;}
#Gifwijzer #MainContainer #Right #Title{ width:530px; height:29px; text-align:right; padding:9px 20px 0px 0px; font-size:1.3em; color:#0053a0; background:url(Gifwijzerheader.gif) left top repeat-x;}
#Grootouders #MainContainer #Right #Title{ width:530px; height:29px; text-align:right; padding:9px 20px 0px 0px; font-size:1.3em; color:#24408f; background:url(Grootoudersheader.gif) left top repeat-x;}
#Brand #MainContainer #Right #Title{ width:530px; height:29px; text-align:right; padding:9px 20px 0px 0px; font-size:1.3em; color:#fff; background:url(Brandheader.gif) left top repeat-x;}
#Eerstehulp #MainContainer #Right #Title{ width:530px; height:29px; text-align:right; padding:9px 20px 0px 0px; font-size:1.3em; color:#004ba0; background:url(Eerstehulpheader.gif) left top repeat-x;}
#Veiligheid #MainContainer #Right #Title{ width:530px; height:29px; text-align:right; padding:9px 20px 0px 0px; font-size:1.3em; color:#fff; background:url(Veiligheidheader.gif) left top repeat-x;}

/* MenuLeft */
#TtP #MainContainer #Left #MenuLeft{ margin:20px 0px 0px 0px; list-style:none; border-top:#F98105 1px solid;}
#TtP #MainContainer #Left #MenuLeft li{ padding:4px 0px 4px 5px; border-bottom:#F98105 1px solid;}
#TtP #MainContainer #Left #MenuLeft li a{ color:#000; text-decoration:none; font-weight:bold;}

#Gifwijzer #MainContainer #Left #MenuLeft{ margin:20px 0px 0px 0px; list-style:none; border-top:#0053a0 1px solid;}
#Gifwijzer #MainContainer #Left #MenuLeft li{ padding:4px 0px 4px 5px; border-bottom:#0053a0 1px solid;}
#Gifwijzer #MainContainer #Left #MenuLeft li a{ color:#0053a0; text-decoration:none; font-weight:bold;}

#Grootouders #MainContainer #Left #MenuLeft{ margin:20px 0px 0px 0px; list-style:none; border-top:#24408f 1px solid;}
#Grootouders #MainContainer #Left #MenuLeft li{ padding:4px 0px 4px 5px; border-bottom:#24408f 1px solid;}
#Grootouders #MainContainer #Left #MenuLeft li a{ color:#24408f; text-decoration:none; font-weight:bold;}

#Brand #MainContainer #Left #MenuLeft{ margin:20px 0px 0px 0px; list-style:none; border-top:#24408f 1px solid;}
#Brand #MainContainer #Left #MenuLeft li{ padding:4px 0px 4px 5px; border-bottom:#24408f 1px solid;}
#Brand #MainContainer #Left #MenuLeft li a{ color:#24408f; text-decoration:none; font-weight:bold;}

#Eerstehulp #MainContainer #Left #MenuLeft{ margin:20px 0px 0px 0px; list-style:none; border-top:#004ba0 1px solid;}
#Eerstehulp #MainContainer #Left #MenuLeft li{ padding:4px 0px 4px 5px; border-bottom:#004ba0 1px solid;}
#Eerstehulp #MainContainer #Left #MenuLeft li a{ color:#004ba0; text-decoration:none; font-weight:bold;}

#Veiligheid #MainContainer #Left #MenuLeft{ margin:20px 0px 0px 0px; list-style:none; border-top:#008ace 1px solid;}
#Veiligheid #MainContainer #Left #MenuLeft li{ padding:4px 0px 4px 5px; border-bottom:#008ace 1px solid;}
#Veiligheid #MainContainer #Left #MenuLeft li a{ color:#008ace; text-decoration:none; font-weight:bold;}

/* MenuBottom */
#MenuBottom{ padding:28px 0px 0px 20px; list-style:none;}
#MenuBottom li{ padding:0px 20px 0px 0px; float:left;}
#MenuBottom li a{ color:#FFF; text-decoration:none;}

/* LijstLeft */
#MainContainer #Left .LijstLeft{ background:#e8e8e8 url(GifwijzerLijstLeftFooter.gif) left bottom no-repeat; margin:38px 0px 0px 0px; padding:0px 0px 15px 0px; float:left;}
#MainContainer #Left .LijstLeft .Header{}
#MainContainer #Left .LijstLeft .Item{ width:215px; float:left; padding:10px 0 0 0;}
#MainContainer #Left .LijstLeft .Item .Image{ float:left; padding:0 0 0 10px; width:36px;}
#MainContainer #Left .LijstLeft .Item .Name a{ float:left; color:#000; text-decoration:none; padding:5px 5px 0 10px; width:154px;}
#MainContainer #Left .LijstLeft .Item .Description{}

#TtP #MainContainer #Left .LijstLeft{ background:#333 url(TtPLijstLeftFooter.gif) left bottom no-repeat; margin:38px 0px 0px 0px; padding:0px 0px 15px 0px; float:left;}
#TtP #MainContainer #Left .LijstLeft .Header{}
#TtP #MainContainer #Left .LijstLeft .Item{ width:215px; float:left; padding:15px 0px 0px 0px;}
#TtP #MainContainer #Left .LijstLeft .Item .Image{ float:left; padding:0px 0px 0px 10px;}
#TtP #MainContainer #Left .LijstLeft .Item .Name a{ float:left; color:#FFF; text-decoration:none; font-weight:bold; padding:5px 5px 0px 10px;}
#TtP #MainContainer #Left .LijstLeft .Item .Description{ font-weight:normal;}

/* LijstRight */
.LijstRight{ float:left; padding:20px 10px 0px 0px;}

/*Locator*/
#Locator{ float:left; width:100%; margin:0px 0px 0px 0px;}

#Locator #Container{ float:left; width:300px; background:#f2f0ef; border:#7e695e 1px solid; padding:4px 4px 4px 4px;}
#Locator #Container p{ margin:5px 0px 10px 5px; font-weight:bold;}
#Locator #Container #Postcode{ float:left; padding:0px 10px 0px 5px;}
#Locator #Container #Straal{ float:left; padding:0px 0px 0px 0px;}
#Locator #Container #Straal #LocatorStraalDropdownlist{ padding:0px 0px 0px 0px;}
#Locator #Container #Of{ float:left; padding:21px 10px 0px 10px; font-weight:bold;}
#Locator #Container #Plaats{ float:left; padding:0px 0px 0px 0px;}
#Locator #Container #Land{ float:left; padding:5px 0px 0px 5px;}
#Locator #Container .LocatorButton{ clear:both; width:100%; text-align:center; padding:10px 0px 10px 0px;}
#Locator #Container .LocatorButton input{ border:outset 1px; background:#f98105; color:#fff; font-weight:bold; cursor:pointer;}
#Locator #Container .LocatorButton input:hover{ border:inset 1px;}
#Locator #Container .LocatorCategorieDropwnList{ float:left; padding:0px 10px 0px 0px;}

#Locator #Container .LocatorLabel{ height:18px;}
#Locator #Container #LocatorPostcodeField input{ width:60px;}

#Locator #LocatorOverzicht{ float:left;}
#Locator #LocatorOverzicht #LocatorAantalResultaten{ padding:8px 0px 15px 0px; width:200px; font-weight:bold;}
#Locator #LocatorOverzicht .LocatorOverzichtItem{ padding:0px 0px 15px 0px;}
#Locator #LocatorOverzicht .LocatorOverzichtItem .LocatorOverzichtNaamLocatie{ padding:0px 0px 0px 0px;}
#Locator #LocatorOverzicht .LocatorOverzichtItem .LocatorOverzichtNaamLocatie a{ font-weight:bold;}
#Locator #LocatorOverzicht .LocatorOverzichtItem .LocatorOverzichtAdres{ padding:0px 0px 0px 0px;}

#LocatorNaamLocatieLabel, #LocatorAdresLabel, #LocatorWWWAdresLabel, #LocatorEmailLabel, #LocatorTelefoonLabel, .LocatorCategorieenLabel{ float:left; width:120px; padding:0px 0px 10px 0px; font-weight:bold;}
#LocatorNaamLocatie, #LocatorAdres, #LocatorWWWAdres, #LocatorEmail, #LocatorTelefoon, .LocatorCategorieen{ margin-left:120px; width:230px; padding:0px 0px 10px 0px;}
#LocatorMapCanvas{ float:left; width:299px; height:300px; margin:0px 0px 5px 0px; border:#7e695e 1px solid;}

#LocatorTerug{ width:100%; text-align:right; padding:0px 0px 20px 0px;}

#LocatorAdresGegevens{ float:left; }
#LocatorAfbeelding{ float:right;}
#LocatorAfbeelding img{ max-width:160px;}
#LocatorAdresAfbeelding{ float:left; width:100%;}
#LocatorOmschrijving{ float:left; width:510px; margin:20px 0px 0px 0px;}