/*
 * Colours
 *   Lekker Groen	#00693c
 *   Lekker 'Oranje'	#E2863B
 */

/* global */
html { overflow-y:scroll; overflow-x:hidden; overflow:-moz-scrollbars-vertical; }
html, body {margin:0px; padding:0; background-color:#fff; font-family:verdana; color:#A4A4A4; font-size:11px; line-height:14px;}
img { border:0px; max-width:444px; }
td {text-align:left; font-family:verdana; text-decoration:none; font-size:11px; line-height:14px; font-weight:normal; color:#777777; padding:0; margin:0;}
p {line-height:18px;}
p a, li a, td a {color:#0099d3; border-bottom:1px dotted; text-decoration:none; outline:0;}

span.header2 { display:block; padding:15px 0; }
span.header2 span.right { float:right; }

#rechts .twitter {
  height: 100px;
}
#rechts .twitter a {
  float: left;
  margin-top: 12px;
  margin-left: 15px;
  display: block;
  width: 169px;
  height: 40px;
  background: url(/images/layout/twitter.png) no-repeat 0 0;
  text-indent: -9999px;
  outline: 0;
}

/* divs */
#txttd {vertical-align:top; padding:0; background:#ccebf6;}
#links {vertical-align:top; text-align:center; background:#0099d3;}
#rechts { text-align:center; background:#0099d3; color:#fff; font-weight:bold; padding: 0; }
#rechts p a {border:0;}
#rechts img { max-width:180px; }
#vrienden {width:180px; height:452px; background:#fff; margin:0 auto;}
#vrienden .inner { padding:20px 40px; }
#vrienden ul {list-style:none; padding:0; height:420px; overflow:hidden;}
#vrienden ul li {height:140px; width:100px;}
#vrienden ul li a {display:block; border:0; height:100px; width:100px; background: center center no-repeat; text-indent:-9999px;} 
#inner { padding:0 72px 30px; }
#logo h2 { margin:0; }
#logo h2 a {display:block; text-indent:-9999px; background:transparent url(/images/layout/juniorkamer_ettenleur.jpg) no-repeat 0 0; width:580px; height:80px;}
#logo.groen h2 a, body#lekker #logo h2 a { background-image:url(/images/layout/juniorkamer_ettenleur_groen.jpg); }
.nav ul { list-style:none; margin:0; padding:10px 0 0 0; text-align:center; }
.nav ul li { display:inline; padding:0 11px; }
.nav ul li a {border:0; color:#0099d3; text-decoration:none; text-align:left; padding:0 2px; }
.nav ul li a.active {font-weight:bold;}
.nav ul li a:hover {text-decoration:underline;}
#sub * { display:inline; }
.nav#sub ul { padding:0 0 0 70px; }
.nav#sub ul li a { padding:0px; }
#nav2 {clear:both;}
#nav2 ul {list-style:none; margin:0; padding:15px 0 0 28px; overflow:auto;}
#nav2 ul li {dislay:block; float:left; margin:0 0 0 16px; width:113px; height:23px; background:url('/images/layout/menu_left.png') no-repeat;}
#nav2 ul li a {border:0; display:block; text-align:center; background:url('/images/layout/menu_right.png') top right no-repeat; color:#fff; line-height:23px; text-decoration:none;}
#nav2 ul li a.active {font-weight:bold;}
#sub {clear:both; padding:15px 0 0;}
#foto {width:105px; height:92px;}
#foto img {vertical-align:top;}
#foto a, #foto {display:block; border:0; padding:1px; float:left;}
#foto a:hover {}

table.extranetleden td table td { padding:4px; }
table.extranetleden td.image { padding:4px 4px 0 0; }
table.extranetleden td.image img { max-width:100px; max-height:130px; }
table.extranetleden td.name { font-size:13px; font-weight:bold; color:#000; }
table.extranetleden td.company { font-weight:bold; }

h1 {clear:both; padding:30px 0 0; margin:0 0 20px 0; color:#0099d3; font-weight:bold; font-size:11px;} 
h2 a {border:0;}
h3 {font-size:11px;}


/* Lekker */
#lekker #links, #lekker #rechts { background:#E2863B; /* was: #00693c; */ }
/*#lekker h2 {margin-left:5px; margin-right:5px;}*/
#lekker #txttd {background:url('/images/layout/bg_lekker.jpg') bottom center no-repeat #fff;}
#lekker h1, #lekker h3 {color:#E2863B;}
#lekker .nav ul li a {color:#E2863B;}
#lekker #nav2 ul li {background-image:url('/images/layout/lekker_menu_left.png');}
#lekker #nav2 ul li a {background-image:url('/images/layout/lekker_menu_right.png');}
#lekker p a, #lekker li a, #lekker td a {color:#E2863B;}
#lekker #txttd #inner {padding-bottom:120px;}


/* Moeierboompke */
#moeierboompke {color:#fff;}
#moeierboompke #links, #moeierboompke #rechts {background:#360000;}
#moeierboompke h2 {margin-left:5px; margin-right:5px; }
#moeierboompke h2 a {background-image:url('/images/layout/header_moeierboompke.png');}
#moeierboompke #txttd {background:url('/images/layout/bg_moeierboompke.png') center center repeat-y #fff;}
#moeierboompke #nav2 ul li {background-image:url('/images/layout/moeierboompke_menu_left.png'); margin-right:7px; position:relative;}
#moeierboompke #nav2 ul li span {display:block; position:absolute; right:-7px; height:23px; width:7px; background:url('/images/layout/moeierboompke_menu_right.png') no-repeat;}
#moeierboompke #nav2 ul li a {background:none;}
#moeierboompke .nav ul li a { color:#fff; }
#moeierboompke #sub ul li { padding-right:43px; }
#moeierboompke #sub ul li a { width:auto; }
#moeierboompke h1 {color:#fff;}
#moeierboompke p a, #moeierboompke li a, #moeierboompke td a {color:#fff;}
#moeierboompke p, #moeierboompke td {color:#fff;}

/* Forms */
span.label {display:block; float:left; width:115px; line-height:24px;}
span.input {display:block; float:left; width:250px;}
div.error { position:relative; color:red; }
div.error input, div.error textarea {border:1px solid #f00;}
div.error span.errormessage {position:absolute; color:#f00; top:3px; left:82px;}
.newsletter-form div.error span.errormessage { display:none; }
input, textarea {border:1px solid #e4e4e4; background:#fff; margin:1px; padding:2px; line-height:18px; width:250px; font-family:verdana; color:#a4a4a4; font-size:11px;}
.newsletter-form div.submit input { margin:4px 0 0 116px; }

div.birthdate_partner input, div.birthdate input { width: auto; }
div.row {clear:both;}
div.submit {clear:both;}
div.submit input {margin:0 0 0 101px; color:#a4a4a4; width:auto;}
#lekker-kaarten-bestellen div.submit input { margin:6px 0 0 116px; }
#lekker-kaarten-bestellen div .errormessage { display:none; }

/* Lekker-kaarten-bestellen, kopie van lekker */
#lekker-kaarten-bestellen #links, #lekker-kaarten-bestellen #rechts { background:#E2863B; /* was: #00693c; */ }
#lekker-kaarten-bestellen #txttd {background:url('/images/layout/bg_lekker.jpg') bottom center no-repeat #fff;}
#lekker-kaarten-bestellen h1, #lekker-kaarten-bestellen h3 {color:#E2863B;}
#lekker-kaarten-bestellen .nav ul li a {color:#E2863B;}
#lekker-kaarten-bestellen #nav2 ul li {background-image:url('/images/layout/lekker_menu_left.png');}
#lekker-kaarten-bestellen #nav2 ul li a {background-image:url('/images/layout/lekker_menu_right.png');}
#lekker-kaarten-bestellen p a, #lekker-kaarten-bestellen li a, #lekker-kaarten-bestellen td a {color:#E2863B;}
#lekker-kaarten-bestellen #txttd #inner {padding-bottom:120px;}