/*-----------------------------------------------------------------------------
Website: VOM Eurofinish
Auteur: Webatvantage.be
Laatst gewijzigd: 13-07-2009
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
* { margin: 0; padding: 0; outline: none; }
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML / BODY -------------------------------*/
body { background: #ddd url(../Graphics/Bodybg.gif); color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 130%; }
/*------------------------------- END HTML BODY -------------------------------*/

/*------------------------------- END DEFAULT LINK -------------------------------*/
a:link, a:visited, a:active { color: #c51f4d; text-decoration: underline; }
a:hover { color: #903; }
a img { border: none; }
/*------------------------------- END DEFAULT LINK -------------------------------*/

/*------------------------------- START WRAPPER -------------------------------*/
#wrapper { width: 900px; margin: 0 auto; background: #fff; }
/*------------------------------- END WRAPPER -------------------------------*/

/*------------------------------- START HEADER -------------------------------*/
#header_NL, #header_FR, #header_EN { width: 900px; height: 110px; margin: 0 auto; }
#header_NL { background: url(../Graphics/Header_NL.gif) no-repeat top left; }
#header_FR { background: url(../Graphics/Header_FR.gif) no-repeat top left; }
#header_EN { background: url(../Graphics/Header_EN.gif) no-repeat top left; }
#header_NL a#home_link, 
#header_FR a#home_link, 
#header_EN a#home_link { float: left; display: block; width: 390px; height: 110px; text-indent: -9999px; }
/*------------------------------- END HEADER -------------------------------*/

/*------------------------------- START STANDAARDNAV -------------------------------*/
ul#standaardnav  { float: right; height: 28px; margin: 74px 10px 0 0; }
ul#standaardnav li { float: left; display: inline; height: 28px; line-height: 28px; margin: 0 0 0 2px; }
ul#standaardnav li a:link,
ul#standaardnav li a:visited,
ul#standaardnav li a:active { display: inline-block; width: 61px; height: 28px; line-height: 28px; color: #333; text-decoration: none; text-align: center; }
ul#standaardnav li a:hover { color: #c51f4d; text-decoration: underline; }
ul#standaardnav li a#standaardnav_active { background: url(../Buttons/Standaardnav_bg.jpg) no-repeat top left; color: #fff; text-decoration: none; }

ul#standaardnav li a.gegevens_exposant { width: 123px; }
ul#standaardnav li a#standaardnav_large_active { background: url(../Buttons/Gegevens_exposant.jpg) no-repeat top left; color: #fff; text-decoration: none; }
/*------------------------------- END STANDAARDNAV -------------------------------*/

/*------------------------------- START MAINNAV -------------------------------*/
div#mainnav { width: 895px; height: 65px; background: url(../Graphics/Mainnav_bg.gif) no-repeat top left; padding: 10px 0 0 5px; }
div#mainnav ul { width: 900px; height: 28px; padding: 0; }
div#mainnav ul li { float: left; display: inline; height: 28px; margin: 0 5px 0 0; line-height: 28px; }
div#mainnav ul li a:link, 
div#mainnav ul li a:visited, 
div#mainnav ul li a:active { display: inline-block; height: 28px; line-height: 28px; margin: 0; padding: 0 0 0 5px; color: #333; text-decoration: none; text-align: center; }
div#mainnav ul li a:hover { color: #c51f4d; text-decoration: underline; }
div#mainnav ul li a#mainnav_active { background: #c51f4d url(../Buttons/Mainnav_left.gif) no-repeat top left; color: #fff; text-decoration: none; }
div#mainnav ul li a span { display: inline-block; width: 8px; min-width: 8px; background-image: url(../Buttons/Mainnav_right.gif); background-repeat: no-repeat; text-indent: -9999px; }
/*------------------------------- END MAINNAV -------------------------------*/

/*------------------------------- START CONTENT -------------------------------*/
div#content { width: 840px; height: auto; padding: 0 30px 30px 30px; }
div#content ul { display: block; margin: 10px 0 10px 30px; }
div#content ul li { margin: 5px 0; list-style-image: url(../Graphics/List_style_image.gif); list-style-position: outside; font-style: italic; }
div#content div.box { clear: both; margin: 10px 0; }
div#content div.box ol { margin: 10px 0 0 25px; }
div#content div.box ol li  { margin: 10px 0 0 0; }

/* LEFT */
div#content div#left { float: left; width: 550px; }

/* RIGHT */
div#content div#right { float: right; width: 230px; }

div#content div#right div#vorige_editie div.fotoslider { width: 230px; height: 215px; background: url(../Graphics/Vorige_editie_bg.gif) no-repeat top left; overflow: hidden; }
div#content div#right div#vorige_editie div.fotoslider a { height: 204px; overflow: hidden; }
div#content div#right div#vorige_editie div.fotoslider a img { border: 3px solid #fff; }
div#content div#right div#routeplan { width: 230px; height: 85px; margin: 0 0 10px 0; background: url(../Graphics/Vorige_editie_bg.gif) no-repeat bottom left; }

div#content div#right div#contactform_box { height: 100px; padding: 10px; margin: 10px 0 0 0; background: url(../Graphics/Gratis_bg.gif) no-repeat bottom left; color: #fff; line-height: 18px; }
div#content div#right div#contactform_box h2, 
div#content div#right div#contactform_box a { color: #fff; padding: 0; border: none; }

div#content div#right div#nieuwsbrief { margin: 10px 0 0 0; }
div#content div#right div#nieuwsbrief form { margin: 10px 0 0 0; }
div#content div#right div#nieuwsbrief form .input { float: left; display: inline-block; background: #eee; border: 1px solid #eee; width: 164px; height: 16px; padding: 6px 3px 0 3px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #666; }
div#content div#right div#nieuwsbrief form .inputred 
{ 
float: 					left; 
display:				inline-block; 
background: 			#eee; 
border: 				1px solid #c51f4d; 
width: 					164px; 
height: 				16px; 
padding:				6px 3px 0 3px; 
font-family: 			Verdana, Arial, sans-serif;
font-size: 				11px;
color: 					#666;
}
div#content div#right div#nieuwsbrief form .submit 
{ 	
float: 					left; 
display: 				inline-block; 
width: 					45px; 
height: 				24px; 
margin: 				0 0 0 2px; 
background: 			url(../Buttons/Nieuwsbrief_submit.gif) no-repeat top left; 
border: 				none; 
cursor: 				pointer; 
}

div#content div#right div#gratis 
{ 
height: 				auto; 
min-height: 			100px;  
padding: 				10px; 
margin: 				50px 0 0 0; 
background: 			url(../Graphics/Gratis_bg.gif) no-repeat bottom left; 
color: 					#fff; 
line-height:			18px; 
}
div#content div#right div#gratis p 
{ 
width: 					200px; 
margin-bottom: 			10px; 
}

div#content div#right div#gratis h2, 
div#content div#right div#gratis a 
{ 
color: 					#fff;
border: 				none; 
padding: 				0;
}
/*------------------------------- END CONTENT -------------------------------*/

/*------------------------------- START GRATIS KAART -------------------------------*/
div#gratis_kaart form fieldset 
{ 
margin: 0 0 15px 0; 
padding: 10px; 
border: 1px solid #ddd; 
} 
div#gratis_kaart form fieldset:hover 
{ 
border: 1px solid #999; 
}
div#gratis_kaart form .label 
{ 
clear: left; 
float: left; 
display: block; 
width: 150px; 
height: 25px; 
line-height: 25px; 
} 
div#gratis_kaart form .input 
{ 
float: left; 
display: block; 
width: 290px; 
height: 15px; 
margin: 0; 
padding: 4px; 
background: #eee; 
border: 1px solid #ddd; 
color: #666; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
} 
div#gratis_kaart form .inputred 
{ 
float: left; 
display: block; 
width: 290px; 
height: 15px; 
margin: 0; 
padding: 4px; 
background: #fff; 
border: 1px solid #c51f4d; 
color: #666; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
} 
div#gratis_kaart form .selectred 
{ 
background-color: #c51f4d; 
color: #fff; 
} 
div#gratis_kaart form .select 
{ 
float: left; 
display: block; 
width: 300px; 
height: 25px; 
background: #eee; 
color: #666; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
}
div#gratis_kaart form .submit 
{ 
float: left; 
display: inline-block; 
height: 25px; 
line-height: 25px; 
margin: 0 10px 0 0; 
padding: 0 10px; 
background: #c51f4d; 
border: none; 
color: #fff; 
text-align: 
center; 
text-decoration: none; 
cursor: pointer;
}
/*------------------------------- END GRATIS KAART -------------------------------*/

/*------------------------------- START SITEMAP -------------------------------*/
div#sitemap ul 
{ 
margin-bottom: 20px; 
}
/*------------------------------- END SITEMAP -------------------------------*/

/*------------------------------- START ADRESBOX -------------------------------*/
div.adresbox 
{ 
float: left; 
width: 530px;
margin: 0 0 1px 0;
padding: 10px; 
border-bottom: 1px solid #ccc; 
line-height: 16px; 
} 
div.adresbox table 
{
float: left; 
}
div.adresbox table.data td 
{
padding: 5px 30px 2px 0; 
}
/*------------------------------- START ADRESBOX -------------------------------*/

/*------------------------------- START CONTACTFORM -------------------------------*/
form#contactform 
{ 
margin: 10px 0; 
padding: 20px 0 0 0; 
}
form#contactform .label 
{ 
clear: both; 
float: left; 
display: block; 
width: 150px; 
height: 22px; 
line-height: 22px; 
}
form#contactform .input 
{ 
float: left; 
display: block; 
width: 200px; 
height: 17px; 
margin: 0; 
padding: 3px 3px 0 3px;  
border: 1px solid #ccc; 
background: #fff; 
font-family: Verdana, Arial, sans-serif; 
font-size: 11px; 
color: #333; 
}
form#contactform .inputred 
{ 
float: left; 
display: block; 
width: 200px; 
height: 17px; 
margin: 0; 
padding: 3px 3px 0 3px;  
border: 1px solid #c51f4d; 
background: #fff; 
font-family: Verdana, Arial, sans-serif; 
font-size: 11px; 
color: #c51f4d; 
}
form#contactform .input:focus, 
form#contactform .textarea:focus 
{
border: 1px solid #999;
}
form#contactform .textarea 
{ 
float: left;  
display: block; 
width: 300px; 
height: 100px; 
margin: 0; 
padding: 5px; 
border: 1px solid #ccc; 
font-family: Verdana, Arial, sans-serif;  
font-size: 11px;  
color: #333; 
overflow: auto; 
} 
form#contactform .textareared 
{ 
float: left; 
display: block; 
width: 300px; 
height: 100px;
margin: 0;
padding: 5px; 
border: 1px solid #c51f4d; 
font-family: Verdana, Arial, sans-serif;  
font-size: 11px;  
color: #c51f4d; 
} 
form#contactform .submit { display: inline-block; height: 25px; line-height: 25px;margin: 5px 0 0 0; padding: 0 10px; background: #c51f4d; border: none; color: #fff; text-align: center; text-decoration: none; cursor: pointer;  } 
form#contactform p.info { margin: 0 0 15px 0; }
form#contactform p.error { margin: 0 0 15px 0; color: red; }
/*------------------------------- END CONTACTFORM -------------------------------*/

/*------------------------------- START CONTACTFORM2 -------------------------------*/
form#contactform2 { margin: 10px 0; padding: 20px 0 0 0; }
form#contactform2 .label { clear: both; float: left; display: block; width: 150px; height: 22px; line-height: 22px; }
form#contactform2 .input { float: left; display: block; width: 300px; height: 17px; margin: 0; padding: 3px 3px 0 3px;  border: 1px solid #ccc; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333; }
form#contactform2 .inputred { float: left; display: block; width: 300px; height: 17px; margin: 0; padding: 3px 3px 0 3px;  border: 1px solid #c51f4d; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #c51f4d; }
form#contactform2 .input1 { float: left; display: block; width: 264px; height: 17px; margin: 0; padding: 3px 3px 0 3px;  border: 1px solid #ccc; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333; }
form#contactform2 .inputred1 { float: left; display: block; width: 264px; height: 17px; margin: 0; padding: 3px 3px 0 3px; border: 1px solid #c51f4d; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #c51f4d; }
form#contactform2 .input2 { float: left; display: block; width: 25px; height: 17px; margin-left: 3px; padding: 3px 3px 0 3px; border: 1px solid #ccc; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333; }
form#contactform2 .inputred2 { float: left; display: block; width: 25px; height: 17px; margin-left: 3px; padding: 3px 3px 0 3px; border: 1px solid #c51f4d; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #c51f4d; }
form#contactform2 .input:focus, 
form#contactform2 .textarea:focus { border: 1px solid #999; }
form#contactform2 .textarea, form#contactform2 .textarealimit  { float: left; display: block; width: 400px; height: 100px; margin: 0; padding: 5px; border: 1px solid #ccc; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333; overflow: auto; } 
form#contactform2 .textareared, form#contactform2 .textarealimitred { float: left; display: block; width: 400px; height: 100px; margin: 0; padding: 5px; border: 1px solid #c51f4d; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #c51f4d; }
form#contactform2 .submit { display: inline-block; height: 25px; line-height: 25px; margin: 5px 0 0 0; padding: 0 10px; background: #c51f4d; border: none; color: #fff; text-align: center; text-decoration: none; cursor: pointer; } 
form#contactform2 p.info { margin: 0 0 15px 0; }
form#contactform2 p.error { margin: 0 0 15px 0; color: #c51f4d; }
/*------------------------------- END CONTACTFORM2 -------------------------------*/

/*------------------------------- START NIEUWSBRIEF FORM -------------------------------*/
form#form_nieuwsbrief { margin: 10px 0 0 0; padding: 20px 0 0 0; }
form#form_nieuwsbrief .label { clear: both; float: left; display: block; width: 150px; height: 22px; line-height: 22px; }
form#form_nieuwsbrief .input { float: left; display: block; width: 200px; height: 17px; margin: 0; padding: 3px 3px 0 3px;  border: 1px solid #ccc; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333; }
form#form_nieuwsbrief .inputred { float: left; display: block; width: 200px; height: 17px; margin: 0; padding: 3px 3px 0 3px;  border: 1px solid #c51f4d; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #c51f4d; }
form#form_nieuwsbrief select#country { width: 207px; height: 20px; padding: 0; }
form#form_nieuwsbrief .submit { display: inline-block; height: 25px; line-height: 25px; margin: 5px 0 0 0; padding: 0 10px; background: #c51f4d; border: none; color: #fff; text-align: center; text-decoration: none; cursor: pointer; } 
/*------------------------------- END NIEUWSBRIEF FORM -------------------------------*/

/*------------------------------- START EXPOSANTEN FORM -------------------------------*/
form#form_exposanten { margin: 10px 0 0 0; padding: 10px; background: #eee; border: 1px solid #ddd; }
form#form_exposanten .label { clear: both; float: left; display: block; width: 150px; height: 22px; line-height: 22px; }
form#form_exposanten .input { float: left; display: block; width: 200px; height: 17px; margin: 0; padding: 3px 3px 0 3px; border: 1px solid #ccc; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333; }
form#form_exposanten .inputred { float: left; display: block; width: 200px; height: 17px; margin: 0; padding: 3px 3px 0 3px;  border: 1px solid #c51f4d; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #c51f4d; }
form#form_exposanten .select { width: 207px; height: 20px; padding: 0; }
form#form_exposanten .submit { display: inline-block; height: 25px; line-height: 25px; margin: 5px 0 0 0; padding: 0 10px; background: #c51f4d; border: none; color: #fff; text-align: center; text-decoration: none; cursor: pointer; }
/*------------------------------- END EXPOSANTEN FORM -------------------------------*/

/*------------------------------- START TAALKEUZE -------------------------------*/
/* Top */
div#taalkeuze { width: 890px; height: 27px; line-height: 27px; margin: 20px auto 0 auto; padding: 0 10px 0 0; background: url(../Graphics/Taalkeuze_bg.png) no-repeat bottom right; text-align: right; color: #333; }
div#taalkeuze a { color: #333; }
div#taalkeuze a:hover, 
div#taalkeuze a#taalkeuze_active { color: #c51f4d; }

/* Bottom */
div#bottom { width: 890px; height: 100px; margin: 0 auto; padding: 20px 10px 0 0; background: url(../Graphics/Bottom_bg.png) no-repeat top left; text-align: center; color: #333; }
/*------------------------------- END TAALKEUZE -------------------------------*/

/*------------------------------- START LINKS -------------------------------*/
div#links a { display: block; float: left; width: auto; min-width: 150px; height: 100px; line-height: 100px; margin: 0 10px 10px 0; text-align: center; border: 1px solid #ddd; }
div#links a:hover { border: 1px solid #999; }
/*------------------------------- END LINKS -------------------------------*/

/*------------------------------- START EXPOSANT TITEL -------------------------------*/
div.exposant_titel { float: left; width: 550px; height: 25px; line-height: 25px; display: block; margin: 0; background: #c51f4d; }
div.exposant_titel h2 { float: left; display: inline; line-height: 25px; margin: 0 0 0 5px; padding: 0; border-left: none; font-size: 12px; font-weight: bold; color: #fff; }
div.exposant_titel span { float: right; font-size: 12px; font-weight: bold; color: #fff; margin: 0 5px 0 0; }
/*------------------------------- END EXPOSANT TITEL -------------------------------*/

/*------------------------------- START DATABANKLIJST -------------------------------*/
ol#databanklijst { float: left; margin: 20px 0 20px 10px; }
ol#databanklijst li { font-weight: bold; list-style: none; }
ol#databanklijst li a { text-decoration: none; }
ol#databanklijst ul { margin: 10px 0 10px 0; }
ol#databanklijst ul li { list-style: none; font-weight: normal !important; }
ol#databanklijst ul li a { text-decoration: none !important; font-weight: normal; }
ol#databanklijst span { text-decoration: none !important; }
ol#databanklijst ul li a:hover { text-decoration: underline; } 
span.nummering { display: inline-block; min-width: 80px; text-decoration: none; }
div.databank_box { clear: both; background: #eee; padding: 10px; }
/*------------------------------- END DATABANKLIJST -------------------------------*/

/*------------------------------- START HEADINGS -------------------------------*/
h1 { margin: 0 0 10px 0; padding: 0 0 0 10px; border-left: 3px solid #c51f4d; color: #c51f4d; line-height: 18px; font-size: 18px; font-weight: bold; letter-spacing: -1px; } 
h2 { margin: 0 0 10px 0; padding: 0 0 0 10px; border-left: 3px solid #666; font-size: 16px; font-weight: bold; color: #666; letter-spacing: -1px; }
h2.foto { display: inline-block; width: auto; height: 32px; line-height: 32px; background: url(../Graphics/Foto_icoon.gif) no-repeat top left; border: none; padding: 0 0 0 40px; }
h2.doc { display: inline-block; width: auto; height: 32px; line-height: 32px; background: url(../Graphics/Doc_icoon.gif) no-repeat top left; border: none; padding: 0 0 0 40px; }
h2.contact { display: inline-block; width: auto; height: 32px; line-height: 32px; background: url(../Graphics/Contact_icoon.gif) no-repeat top left; border: none; padding: 0 0 0 40px; }
span.cms_title { margin: 0 0 10px 0; font-size: 12px; font-weight: bold; color: #c51f4d; }
/*------------------------------- END HEADINGS -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
div#clearfooter { clear: both; width: 900px; height: 10px; min-height: 10px; }
div#footer { clear: both; width: 880px; padding: 10px; text-align: center; color: #999; font-size: 10px; }
div#footer a:link, 
div#footer a:visited, 
div#footer a:active { color: #999; }
div#footer a:hover { color: #c51f4d; }
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START OTHER CLASSES -------------------------------*/
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; } 
.foto_in_tekst { float: right; width: 151px; height: 144px; margin: 8px; border: 3px solid #d1d0c4; }
.red { color: #c51f4d; }
.important { font-weight: bold; }
.underline { text-decoration: underline; color: #c51f4d !important; }
.naarboven { float: right; display: block; width: 100px; height: 25px; text-align: right; }

/* Box */
.box { margin: 0 0 10px 0; padding: 10px; border: 1px solid #ddd; }
.box ul { margin: 10px; }
.box ul li { list-style-position: inside; }

/* Errorbox */
.errorbox  { margin: 10px 0; padding: 10px; background: #eee; border: 1px solid #ddd; }

span.adres_icoon,
span.contactpersoon_icoon,
span.info,
span.vergroot { display: inline-block; height: 16px; line-height: 16px; padding: 0 0 0 25px; font-weight: bold; } 
span.adres_icoon { background: url(../Graphics/Adres.gif) no-repeat top left; }
span.contactpersoon_icoon { background: url(../Graphics/Contactpersoon.gif) no-repeat top left; }
span.info { background: url(../Graphics/Info.gif) no-repeat top left; }
span.vergroot { background: url(../Graphics/Vergroot.gif) no-repeat top left; }
a.pers_foto_thumb { float: left; margin: 0 10px 10px 0; padding: 3px; display: block; width: 100px; border: 1px solid #ddd; }
/* Button */
a.button { display: inline-block; height: 25px; line-height: 25px; margin: 10px 0 0 0; padding: 0 10px; background: #c51f4d; border: 1px solid #c51f4d; color: #fff; text-align: center; text-decoration: none; }
a.hover_button { display: inline-block; height: 25px; line-height: 25px; margin: 10px 0 0 0; padding: 0 10px; background: #fff; border: 1px solid #ddd; color: #333; text-align: center; text-decoration: none; }
a:hover.hover_button { display: inline-block; height: 25px; line-height: 25px; margin: 10px 0 0 0; padding: 0 10px; background: #c51f4d; border: 1px solid #c51f4d; color: #fff; text-align: center; text-decoration: none; }

span.plus { display: inline-block; width: auto; height: 18px; line-height: 18px; background: url(../Graphics/Plus_icoon.gif) no-repeat top left; padding: 0 0 0 25px; }
.selectbreed { width: 530px; font-size: 11px; }

/* Insprong */
ul.insprong { margin: 0 0 0 55px; }
ul.insprong li { margin: 0 0 5px 0; list-style-type: square; }

/* Copytext */
#copytext { width: 480px; height: 50px; background: #eee; padding: 10px; overflow: auto; border: 1px solid #ddd; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#copytext:focus { border: 1px solid #999; }
#copytext_button { margin: 10px 0 0 0; font-size: 11px; height: 25px; color: #fff; background: #c51f4d; border: none; cursor: pointer; }

.standnummer { background: #c51f4d !important; color: #fff !important; padding: 5px; }
.pdf { background: url(../Graphics/Pdf.gif) no-repeat center left; margin: 20px 0 10px 0; padding: 0 0 0 20px; }
/*------------------------------- END OTHER CLASSES -------------------------------*/