/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#819b37; text-align:center;}
.top-tail{ background:url(images/top-tail.gif) top repeat-x #3a3a3a;}
.top-tail2{ background:url(images/top-tail2.gif) top repeat-x; position:absolute; right:0; width:50%; height:435px;}
.top-tail3{ background:url(images/top-tail2.gif) top repeat-x; position:absolute; right:0; width:50%; height:35px;}

.top-tail-100{ background:url(images/top-tail-100.gif) top repeat-x #3a3a3a;}
.top-tail2-100{ background:url(images/top-tail2.gif) top repeat-x; position:absolute; right:0; width:50%; height:335px;}
.top-tail3-100{ background:url(images/top-tail2.gif) top repeat-x; position:absolute; right:0; width:50%; height:35px;}

.top-tail-150{ background:url(images/top-tail-150.gif) top repeat-x #3a3a3a;}
.top-tail2-150{ background:url(images/top-tail2.gif) top repeat-x; position:absolute; right:0; width:50%; height:285px;}
.top-tail3-150{ background:url(images/top-tail2.gif) top repeat-x; position:absolute; right:0; width:50%; height:35px;}


.bot-tail{ background:url(images/bot-tail.gif) bottom repeat-x;}
.top-bg{ background:url(images/header-bg.jpg) top center no-repeat; position:relative;}
.top-bg-150{ background:url(images/header-bg-150.jpg) top center no-repeat; position:relative;}
.top-bg-100{ background:url(images/header-bg-100.jpg) top center no-repeat; position:relative;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.417em;
	color:#CCC;
}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:10px;}
.headinggroen{font-size:1.2em; color:#030; font-weight:normal; font-style:normal; padding-bottom:0px; margin-bottom:5px;}
.linksgroen{font-size:1em; color:#030; font-weight:normal; font-style:normal; padding-bottom:0px; margin-bottom:2px;}
h5{ font-size:1.333em; color:#aaa; font-weight:normal; font-style:normal; word-spacing:2px; padding-bottom:0px; margin-bottom:5px;}
h4{ font-size:1.333em; color:#fff; font-weight:normal; background:url(images/line.gif) bottom repeat-x; padding-bottom:11px; margin-bottom:16px;}
h3{ font-size:1.667em; line-height:1em; color:#fff; font-weight:normal; font-style:normal;  word-spacing:2px; background:url(images/line2.gif) bottom repeat-x; padding-bottom:11px; margin-bottom:12px;}
strong{ display:block; font-size:1.083em;  color:#FFF; font-weight:bold; padding-bottom:10px;}
/*color:#e1285a;*/
/* ============================= main layout ====================== */
.imgindent {margin:0 35px 0 0; float:left;}
.imgindent2 {margin:0 15px 0 0; float:left;}
.phone{ float:right; padding-right:140px;}
.space1{ margin-left:15px;}
.space2{ margin-left:39px;}
.margin1{ margin-top:17px;}
.padding0{ padding-bottom:0;}
.padding1{ padding-top:6px;}
.padding2{ padding-top:38px;}
.padding3{ padding-top:50px;}
.padding4{ padding-top:15px;}

/* ============================= taalkeuze ====================== */
#taalkeuze{ padding-top:32px;}
#taalkeuze .top{ height:60px; padding-bottom:28px; width:100%; overflow:hidden;}
#taalkeuze .menu{ float:left; padding:15px 13px 0 0;}
#taalkeuze .menu li{ float:left;}
#taalkeuze .menu a{ display:inline-block; color:#466b10; text-decoration:none; padding-left:10px; cursor:pointer;}
#taalkeuze .menu a span{ display:inline-block; padding-right:10px;}
#taalkeuze .menu a span span{ padding:8px 0 8px 0;}
#taalkeuze .menu a:hover, #taalkeuze .menu .active{ background:url(images/menu-item-left-bg.gif) left top no-repeat; color:#fff;}
#taalkeuze .menu a:hover span, #taalkeuze .menu .active span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}
#taalkeuze .menu a:hover span span, #taalkeuze .menu .active span span{ background:url(images/menu-item-tail.gif) top repeat-x;}

/* ============================= header ====================== */
#header{ padding-top:32px;}
#header .top{ height:60px; background:url(images/top-bg.jpg) no-repeat 0 0; padding-bottom:18px; width:100%; overflow:hidden;}
#header .menu{ float:right; padding:15px 13px 0 0;}
#header .menu li{ float:left;}
#header .menu a{ display:inline-block; color:#466b10; text-decoration:none; padding-left:10px; cursor:pointer;}
#header .menu a span{ display:inline-block; padding-right:10px;}
#header .menu a span span{ padding:8px 0 8px 0;}
#header .menu a:hover, #header .menu .active{ background:url(images/menu-item-left-bg.gif) left top no-repeat; color:#fff;}
#header .menu a:hover span, #header .menu .active span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}
#header .menu a:hover span span, #header .menu .active span span{ background:url(images/menu-item-tail.gif) top repeat-x;}
#header .menu2{ float:left; padding:0px 13px 0 0;}
#header .menu2 li{ font-size:1.35em; line-height:1em; font-style:italic; float:left;}
#header .menu2 a{ display:inline-block; color:#466b10; text-decoration:none; padding-left:8px; cursor:pointer;}
#header .menu2 a span{ display:inline-block; padding-right:8px;}
#header .menu2 a span span{ padding:8px 0 22px 0;}
#header .menu2 a:hover, #header .menu .active{ background:url(images/menu2-item-left-bg.png) left top no-repeat; color:#fff;}
#header .menu2 a:hover span, #header .menu .active span{ background:url(images/menu2-item-right-bg.png) right top no-repeat;}
#header .menu2 a:hover span span, #header .menu .active span span{ background:url(images/menu2-item-tail.png) top repeat-x;}
#header .logo{ padding:16px 0 0 28px;}

/* ============================= header-100 ====================== */
#header-100{ padding-top:32px;}
#header-100 .top{ height:60px; background:url(images/top-bg.jpg) no-repeat 0 0; padding-bottom:18px; width:100%; overflow:hidden;}
#header-100 .menu{ float:right; padding:15px 13px 0 0;}
#header-100 .menu li{ float:left;}
#header-100 .menu a{ display:inline-block; color:#466b10; text-decoration:none; padding-left:10px; cursor:pointer;}
#header-100 .menu a span{ display:inline-block; padding-right:10px;}
#header-100 .menu a span span{ padding:8px 0 8px 0;}
#header-100 .menu a:hover{ background:url(images/menu-item-left-bg.gif) left top no-repeat; color:#fff;}
#header-100 .menu a:hover span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}
#header-100 .menu a:hover span span{ background:url(images/menu-item-tail.gif) top repeat-x;}
#header-100 .menu .active{ background:url(images/menu-item-left-bg.gif) left top no-repeat; color:#fff;}
#header-100 .menu .active span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}
#header-100 .menu .active span span{ background:url(images/menu-item-tail.gif) top repeat-x;}
#header-100 .menu2{ float:left; padding:0px 13px 0 0;}
#header-100 .menu2 li{ font-size:1.35em; line-height:1em; font-style:italic; float:left;}
#header-100 .menu2 a{ display:inline-block; color:#466b10; text-decoration:none; padding-left:8px; cursor:pointer;}
#header-100 .menu2 a span{ display:inline-block; padding-right:8px;}
#header-100 .menu2 a span span{ padding:8px 0 22px 0;}
#header-100 .menu2 a:hover{ background:url(images/menu2-item-left-bg.png) left top no-repeat; color:#fff;}
#header-100 .menu2 a:hover span{ background:url(images/menu2-item-right-bg.png) right top no-repeat;}
#header-100 .menu2 a:hover span span{ background:url(images/menu2-item-tail.png) top repeat-x;}
#header-100 .menu2 .active{ background:url(images/menu2-item-left-bg.png) left top no-repeat; color:#fff;}
#header-100 .menu2 .active span{ background:url(images/menu2-item-right-bg.png) right top no-repeat;}
#header-100 .menu2 .active span span{ background:url(images/menu2-item-tail.png) top repeat-x;}
#header-100 .logo{ padding:16px 0 0 28px;}

/* ============================= header-150 ====================== */
#header-150{ padding-top:32px;}
#header-150 .top{ height:60px; background:url(images/top-bg.jpg) no-repeat 0 0; padding-bottom:18px; width:100%; overflow:hidden;}
#header-150 .menu{ float:right; padding:15px 13px 0 0;}
#header-150 .menu li{ float:left;}
#header-150 .menu a{ display:inline-block; color:#466b10; text-decoration:none; padding-left:10px; cursor:pointer;}
#header-150 .menu a span{ display:inline-block; padding-right:10px;}
#header-150 .menu a span span{ padding:8px 0 8px 0;}
#header-150 .menu a:hover, #header-150 .menu .active{ background:url(images/menu-item-left-bg.gif) left top no-repeat; color:#fff;}
#header-150 .menu a:hover span, #header-150 .menu .active span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}
#header-150 .menu a:hover span span, #header-150 .menu .active span span{ background:url(images/menu-item-tail.gif) top repeat-x;}
#header-150 .menu2{ float:left; padding:0px 13px 0 0;}
#header-150 .menu2 li{ font-size:1.35em; line-height:1em; font-style:italic; float:left;}
#header-150 .menu2 a{ display:inline-block; color:#466b10; text-decoration:none; padding-left:8px; cursor:pointer;}
#header-150 .menu2 a span{ display:inline-block; padding-right:8px;}
#header-150 .menu2 a span span{ padding:8px 0 22px 0;}
#header-150 .menu2 a:hover, #header-150 .menu .active{ background:url(images/menu2-item-left-bg.png) left top no-repeat; color:#fff;}
#header-150 .menu2 a:hover span, #header-150 .menu .active span{ background:url(images/menu2-item-right-bg.png) right top no-repeat;}
#header-150 .menu2 a:hover span span, #header-150 .menu .active span span{ background:url(images/menu2-item-tail.png) top repeat-x;}
#header-150 .logo{ padding:16px 0 0 28px;}

/* ============================= header2 ====================== */
#header2{ padding-top:32px;}
#header2 .top{ height:60px; background:url(images/top-bg.jpg) no-repeat 0 0; padding-bottom:28px; width:100%; overflow:hidden;}
#header2 .menu{ float:right; padding:15px 13px 0 0;}
#header2 .menu li{ float:left;}
#header2 .menu a{ display:inline-block; color:#466b10; text-decoration:none; padding-left:10px; cursor:pointer;}
#header2 .menu a span{ display:inline-block; padding-right:10px;}
#header2 .menu a span span{ padding:8px 0 8px 0;}
#header2 .menu a:hover, #header .menu .active{ background:url(images/menu-item-left-bg.gif) left top no-repeat; color:#fff;}
#header2 .menu a:hover span, #header .menu .active span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}
#header2 .menu a:hover span span, #header .menu .active span span{ background:url(images/menu-item-tail.gif) top repeat-x;}

#header2 .logo{ padding:16px 0 0 28px;}
/* ============================= content ====================== */
#content{ padding:23px 0 38px 0;}
.indent{ padding:14px 0 0 20px;}
.boxes{ width:100%; overflow:hidden;}
.box{ background:url(images/box-tail.gif) top repeat-x; width:100%;}
.box .left-bg{ background:url(images/box-left-bg.gif) left top no-repeat;}
.box .right-bg{ background:url(images/box-right-bg.gif) right top no-repeat; width:100%;}
.box .indent{ padding:17px 29px 18px 21px;}
.box a{ color:#93b735;}
.box p{ padding-top:17px;}

.link{	display:inline-block; background:url(images/link-left-bg.gif) top left no-repeat; line-height:1em; text-decoration:none; margin-top:16px; color:#93b735 !important; text-transform:uppercase; font-size:0.833em; cursor:pointer;}
.link span{ display:inline-block; background:url(images/link-right-bg.gif) top right no-repeat; padding:0 14px;}
.link span span{ background:url(images/link-tail.gif) top repeat-x; padding:10px 0;}
.link:hover{ color:#FFF !important;}
.ilink{	display:inline-block; background:url(images/link-left-bg.gif) top left no-repeat; line-height:0.8em; text-decoration:none; margin-top:12px; color:#83a92f !important; text-transform:uppercase; font-weight:bold; font-size:1em; cursor:pointer;}
.ilink span{ display:inline-block; background:url(images/link-right-bg.gif) top right no-repeat; padding:0 14px;}
.ilink span span{ background:url(images/link-tail.gif) top repeat-x; padding:10px 0;}
.ilink:hover{ color:#fff !important;}
.link1{ font-size:0.917em; text-decoration:none; font-weight:bold;}
.link1:hover{ color:#93b735;}
.link2{ color:#93b735;}

.list{ margin:-6px 0; padding-left:5px;}
.list li{ font-size:0.833em; line-height:2.6em; background:url(images/list1-marker.gif) no-repeat 0 11px; padding-left:21px; text-transform:uppercase;}
.list a:hover{ color:#fff;}

.list1 li{ font-size:1.083em; line-height:1.538em; font-style:italic;}
.list1 a{ text-decoration:none; color:#93b735;}
.list1 a:hover{ color:#fff;}
.list1 .last a{ color:#fff; text-decoration:underline;}
.list1 .last a:hover{ text-decoration:none;}

.text1{ font-size:0.917em; color:#fff; background:#e1285a; display:inline-block; margin-bottom:8px;}
.text1 strong{ display:inline-block; font-size:1em; background:#9cbf3a; padding:0; color:#303030; font-style:normal; font-weight:bold; padding:2px 6px 3px 6px; vertical-align:middle;}
.text1 span{ padding:0 8px 0 8px; vertical-align:middle;}

.thema{ font-size:1.05em; color:#fff; margin-bottom:2px; padding-left:10px; }
.thema strong{font-size:1.05em; color:#000; font-weight:bold; padding-left:10px; }
.thema span{ padding:5px 8px 5px 5px; vertical-align:middle;}
.thema a{ text-decoration:none; }
.thema a:hover{ text-decoration:none; }


/* ============================= footer ====================== */
#footer{ font-size:0.833em; text-transform:uppercase; color:#8b8b8b; text-align:center;}
#footer a{ color:#8b8b8b; text-decoration:none;}
#footer a:hover{ color:#fff;}
#footer .text{ padding:5px 15px 0 0;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:8px;}
#ContactForm label{ display:block; height:20px;}
#ContactForm input{ border:solid 0px; background:#282828; font-family:Arial, Helvetica, sans-serif; font-size:0.917em; color:#ffffff; padding:4px 2px 4px 13px; width:200px;}
#ContactForm inputknop{ border:solid 0px; background:#282828; font-family:Arial, Helvetica, sans-serif; font-size:0.917em; font-weight:bold; color:#ffffff; padding:4px 2px 4px 13px; width:100px;}
#ContactForm select{ border:solid 0px; background:#282828; font-family:Arial, Helvetica, sans-serif; font-size:0.917em; color:#ffffff; padding:4px 2px 4px 13px; width:200px;}
#ContactForm textarea{ border:solid 0px; background:#282828; font-family:Arial, Helvetica, sans-serif; font-size:0.917em; color:#ffffff; padding:4px 2px 4px 13px; width:370px; height:363px; overflow:auto;}
#ContactForm .link{ float:right; margin:20px 0 0 10px;}

#dvdbestellen .top-tail .bot-tail .top-bg #main #header #ContactForm table tr td {
	color: #FFF;
}
#dvdbestellen .top-tail .bot-tail .top-bg #main #header #ContactForm table {
	color: #FFF;
}