/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables benodigen nog 'cellspacing="0"' in de markup */
table {border-collapse:collapse; border-spacing:0;}

/* MAIN */

html, body {font-family:"Arial"; font-size:12px; color:#000000;}
body {background-color:#e1221b; background-image:url(../images/bodyBg.jpg); background-repeat:repeat-x;}
body#intro {background-color:#e31b01;}

/* LAYOUT */

#wrap {margin-left:90px; width:827px; background:url(../images/wrapBg.jpg) repeat-y; position:relative;}
#topLeft {width:100px; height:105px; background: url(../images/topLeftBg.jpg) no-repeat; position:absolute; top:0; left:0; z-index:10;}
#payoff {width:17px; height:420px; background:url(../images/payoff.gif) no-repeat; position:absolute; top:52px; left:113px; z-index:10;}
#colLeft {width:654px; float:left;}
#colRight {width:173px; float:left; background:url(../images/colRightBg.jpg) no-repeat top;}
#header {width:100%; height:161px; position:relative;}
#headerImg {position:absolute; top:0; right:1px;}
#sectionTitle {width:383px; height:56px; background:#ffffff; position:absolute; bottom:0; left:52px;}
#main {margin-left:52px; width:601px; min-height:445px; background-repeat:no-repeat;}
#content {padding:30px 20px 20px 20px;}
#contentHome {position:absolute; top:180px; left:450px; width:200px;}
#mainHome {margin-left:52px; width:601px; height:314px; background-repeat:no-repeat;}
#footer {height:13px; margin-left:90px; width:827px; background:url(../images/footerBg.jpg) no-repeat;}
#imagesPopup {display:none;}

/* MENU's */

#mainMenu {margin-top:53px;}
.menu a {font-size:14px; line-height:25px; color:#aa1609; display:block; width:150px; height:25px; padding-left:22px; margin-bottom:2px; background:url(../images/menuItemBg.jpg) no-repeat; text-transform:uppercase;}
#mainMenu .subMenu span {padding-left:8px;}

.menu a:hover, .menu a.selected {color:#000000;}

.subMenu a {margin-bottom:0; font-size:12px; color:#ffffff; background:none; text-transform:none; border-bottom:#aa1609 1px solid;}
#bottomMenu {position:absolute; right:0; bottom:-29px;}
#bottomMenu a {border-bottom:0 !important;}

.disclaimer {border-top:#ac1500 1px solid;}
.last a {margin-bottom:0 !important;}

/* TAAL SWITCH */

#languageSwitch {position:absolute; bottom:-25px; right:0px;}
#languageSwitch a {display:block; width:20px; height:16px; float:left; text-indent:-99999px;}
#languageSwitch a.languageNL {background:url(../images/vlag_nl.gif) no-repeat top; margin-right:6px;}
#languageSwitch a.languageUK {background:url(../images/vlag_uk.gif) no-repeat top; margin-right:6px;}
#languageSwitch a.languageDE {background:url(../images/vlag_de.gif) no-repeat top;}
#languageSwitch a {color:#ffffff;}
#languageSwitch a:hover, #languageSwitch a.selected {border-bottom:#ffffff 1px solid;}

/* FOTOROTATIE HOME */

.pics {height:209px; width:315px; padding:0; margin:0;}
.pics img {width:381px; height:315px; top:0; left:0; display:none;}

#content #fotorotatie {}
#nav {position:absolute; top:162px; right:392px;	z-index:999;}

#nav a {
	display: block;
	width: 29px;
	height: 20px;
	padding-top: 9px;
	float: left;
	margin-right: 1px;
	background: #ffffff;
	text-align: center;
	text-decoration: none;
}

#nav a:hover, #nav a.activeSlide { background:#e1221b; color:#ffffff; }

/* FOTOROTATIES ANDERE PAGINA'S */

.photoalbum {position:relative; height:145px; width:218px; border:#ffffff 2px solid; border-right:0; float:right; margin-left:10px; margin-right:-20px;}
.photoalbum a.photolink {position:absolute; bottom:0; right:0; display:block; width:140px; height:18px; line-height:18px; font-size:11px; z-index:99; background:#ffffff; color:#464648; font-weight:bold; padding-left:5px; border:0 !important;}
.picsSmall {height:145px; width:218px; padding:0; margin:0;}
.picsSmall img {width:218px; height:145px; top:0; left:0; display:none;}

/* BEER EQUIPMENT */

#contentBeer {position:relative;}
#beerLeft {width:225px; position:absolute; top:0; left:156px;}
#beerBottomLeft {position:absolute; top:344px; left:0;}
#beerRight {width:218px; position:absolute; top:0; right:0;}
.relative {position:relative;}
#beerPageflip {position:absolute; top:54px;}
#beerPdf {position:absolute; top:132px;}
.popup a.beerAssortiment {position:absolute; top:289px; right:0px; display:block; width:218px; height:53px; background:url(/images/beerAssortiment.jpg) no-repeat;}
.beerAssortiment span, #beerAssortiment span {display:none;}
#beerBottomRight {position:absolute; top:344px;}

/* MEDEWERKERS */
#cardButtons {position:absolute; top:190px; right:180px;}
.cardButton a {display:block; height:35px; width:210px; color:#000000; border:0 !important; margin-bottom:15px;}
.cardButton a:hover, .cardButton a.selected {color:#dc241f;}
.cardButton p {margin:0; padding:0;}
.name {font-weight:bold;}
.cardHolder {display:none; position:absolute; top:190px; left:114px; width:248px; height:166px; background:url(../images/cardHolderBg.png) no-repeat;}
.cardHolder a {border:0 !important;}

/* FORMULIEREN */

/* Basic */
#basicForm .row {margin-bottom:5px; width:275px; float:left;}
#basicForm .title_style {display:none;}
#basicForm p {margin-bottom:0px !important;}
#basicForm label {margin-right:10px; height:16px; padding-top:5px; float:left;}
#basicForm .required {font-weight:bold;}
#basicForm .button {font-weight:bold; border:#939393 2px solid; color:#939393; background:#e4e4e4; padding:2px; cursor:pointer;}
#basicForm .button:hover {color:#e4e4e4; background:#939393;}

/* Elements */
#basicForm .field {width:130px; background:none; border:#939393 2px solid; padding:2px;}
#basicForm .file {width:420px;}
#basicForm .formtextonly {width:500px;}

/* Captcha */
#basicForm #captcha {clear:both;}
#basicForm #captcha {margin-top:20px; margin-bottom:20px;}
#basicForm #captcha p {margin:5px 0 !important;}

/* Specifiek - Direct offerte NL */
.Naam .field {width:201px !important;}
.Adres .field {width:200px !important;}
.Vestigingsplaats .field {width:142px !important;}
.Materiaal .field {width:184px !important;}
.nummer .field {width:133px !important;}

.Bedrijfsnaam label, .Postcode label, .Telefoon label, .Aantal label, .Gewicht label {width:80px; height:16px; padding-top:5px; float:left;}
.Bedrijfsnaam .field, .Postcode .field, .Telefoon .field, .Aantal .field, .Gewicht .field {width:170px !important;}

.toevoegen {clear:both !important; width:100% !important;}
.id_form_11 .button {margin-left:-275px; margin-top:40px;}

/* Specifiek - Direct offerte UK */
.Name .field {width:201px !important;}
.Address .field {width:189px !important;}
.Place .field {width:136px !important;}
.Material .field {width:192px !important;}
.number .field {width:143px !important;}

.Company label, .Zipcode label, .Phone label, .Number label, .Weight label {width:90px; height:16px; padding-top:5px; float:left;}
.Company .field, .Zipcode .field, .Phone .field, .Number .field, .Weight .field {width:160px !important;}

.Add {clear:both !important; width:100% !important;}
.id_form_14 .button {margin-left:-275px; margin-top:40px;}
.id_form_14 .file {width:460px !important;}

/* Specifiek - Direct offerte DE */
.Name .field {width:201px !important;}
.Adresse .field {width:189px !important;}
.Geschäftssitz .field {width:161px !important;}
.Material .field {width:192px !important;}
.Anzahl .field {width:143px !important;}
.Zeichnungsnummer .field {width:123px !important;}  

.Firmenname label, .Postleitzahl label, .Telefon label, .Anzahl label, .Gewicht label {width:90px; height:16px; padding-top:5px; float:left;}
.Firmenname .field, .Postleitzahl .field, .Telefon .field, .Anzahl .field, .Gewicht .field {width:160px !important;}

.Zeichnung {clear:both !important; width:100% !important;}
.id_form_16 .button {margin-left:-275px; margin-top:40px;}
.id_form_16 .file {width:460px !important;}

/* Specifiek - Contactformulier NL */
.id_form_12 .row {float:none !important; width:100% !important;}
.id_form_12 label {float:left; width:120px;}
.id_form_12 .field {width:420px !important;}
.id_form_12 textarea {width:420px; height:70px; background:none; border:#939393 2px solid; padding:2px;}
.id_form_12 #captcha, .id_form_12 .button {margin-left:130px;}

/* Specifiek - Contactformulier UK */
.id_form_13 .row {float:none !important; width:100% !important;}
.id_form_13 label {float:left; width:120px;}
.id_form_13 .field {width:420px !important;}
.id_form_13 textarea {width:420px; height:70px; background:none; border:#939393 2px solid; padding:2px;}
.id_form_13 #captcha, .id_form_13 .button {margin-left:130px;}

/* Specifiek - Contactformulier DE */
.id_form_15 .row {float:none !important; width:100% !important;}
.id_form_15 label {float:left; width:120px;}
.id_form_15 .field {width:420px !important;}
.id_form_15 textarea {width:420px; height:70px; background:none; border:#939393 2px solid; padding:2px;}
.id_form_15 #captcha, .id_form_15 .button {margin-left:130px;}

/* ROUTEPLANNER */

#route #map {width:370px; height:300px; margin:0 0 20px 0;}
#route #routelabel {background:#dd291e; padding:5px; width:125px; color:#ffffff; font-weight:bold;}
#route #map span {display:none;} /* weghalen copyright e.d. */
#route #map a, #route #map a:hover {border:0;}

#route #routetext p {margin-left:0; width:180px; text-align:right;}
#route #routetext {position:absolute; left:460px; bottom:180px;}

#route #basicForm .row {float:none; width:100%;}
#route #basicForm label {float:left; width:120px;}
#route #basicForm .field {width:233px;}
#route .button {margin-left:130px; margin-top:10px;}

/* CLEARFIX */

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/* CLASSES - ALGEMEEN */

.field {} /* specifieke opmaak voor een input type="text" */
.button {} /* specifieke opmaak voor een input type="submit" */
.button:hover {}
.clearer {clear:both;} /* 'clearen' van voorafgaande floats */
.hide {display:none;}

/* ELEMENTEN - ALGEMEEN */

h1 {margin:14px 0 0 25px; color:#e1221b; font-size:14px; letter-spacing:2px; font-weight:bold; text-transform:uppercase;}
h2 {font-size:15px; margin-bottom:20px;}
h3 {}
h4 {}
h5 {}
h6 {}

a {color:#000000; text-decoration:none;} /* algemene links */
a:hover {}

#content a {border-bottom:#dc241f 1px solid; line-height:18px;}
#content a:hover {color:#dc241f; border-bottom:#dc241f 2px solid;}

p {line-height:18px; margin-bottom:18px;}

#content ol {list-style-type:decimal; padding:0 0 20px 22px;} /* ordered lists in div "content" */
#content ul {list-style-type:disc; padding:0 0 20px 22px;} /* unordered lists in div "content" */

strong {font-weight:bold;}
italic {font-style:italic;}
em {font-style:italic;}
u {text-decoration:underline;}

/* ELEMENTEN - FORMULIER */

form {}
fieldset {}
label {}
input {font-family:"Arial"; font-size:12px;}
select {}
textarea {font-family:"Arial"; font-size:12px;}