/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Page
----------------------------------------------- */
html {
	overflow-y: scroll;
	height:100%;
	width:100%;
	background-color:#e8e8ea;
}

body {
	color: #0161AD;
	font-family: Arial, Verdana;
	height:100%;
	width:100%;
	background-color:#e8e8ea;	
}

body,
body.size1 {
	font-size: 13px;
	background-color:#e8e8ea;
}

body.size2 {
	font-size: 14px;
}

body.size3 {
	font-size: 15px;
}

body#tinymce{
	background:#FFFFFF;

}

/* Default element styles
----------------------------------------------- */
a {
	color: #EB630E;
	text-decoration: none;
}

a:hover{color:#0064ae;}


h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	
}

h1 {
	font-size: 36px;
	margin-bottom: 0.5em;
	visibility:visible;
	color:#EB630E;
}



h2 {
	font-size: 26px;
}

.home-keuze {color:#0161AD; font-size:24px; }

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sub {
	vertical-align: sub;
}

sup {
	vertical-align: super;
}

p{margin-bottom:20px;}

ul li,
ol li {
	list-style-image: none;
	list-style-position: inside;
}

ul li {
	list-style-type: disc;
}

ol li {
	list-style-type: decimal;
}

div.home-wrap{text-align:center; margin:100px 0;}

ul.home{list-style:none; margin-left:50px;} 

ul.home li{display:inline; list-style:none; float:left; margin-left:40px; font-size:28px;}

hr{
	border: none 0;
	border-top: 1px dashed #0161AD;
	height: 1px;
	width: 410px;
	margin: 10px auto;
	text-align: left;
	}

/* siteWrapper
----------------------------------------------- */
#siteWrapper {	
	height:100%;
	height:auto !important;
	min-height:100%;
	margin: 0 auto -30px;

	width: 1100px; /* 960/13 */
	z-index: 1;
	background-color:#FFFFFF;
}



div.bgWrapper, div.homeBgWrapper {
	margin: 0 auto;
	height:auto !important;
	min-height:100%;
	position: relative;
	width: 1100px; /* 960/13 */
	z-index: 1;
	background:url('/img/soepbg.jpg') left top no-repeat;
}

div.homeBgWrapper {
	background:url('/img/home-bg.jpg') left top no-repeat;
}



/* Header
----------------------------------------------- */
div.header {
	/*background-image: url('/img/header.gif');*/
	background-repeat: no-repeat;
	background-position: 17.3076em 25px;
	height: 6.9230em; /* 90/13 */
	position: relative;
}

div.toolbar {
	bottom: 26px;
	position: absolute;
	right: 0;
	width: 16.9230em; /* 220/13 */
}

div.toolbar a img {
	vertical-align: middle;
}

div.toolbar a.printIcon {
	border: 1px solid #E77100;
	padding: 2px; 
}

/* Font size picker
----------------------------------------------- */
div.text-size {
	display: inline;
	margin-right: 40px;
	position: relative;
	padding: 1px 0 1px 0;
}

body.size1 div.text-size a.size1,
body.size2 div.text-size a.size2,
body.size3 div.text-size a.size3 {
	background-color: #E77100;
	color: #FFF;
}

div.text-size a.size1,
div.text-size a.size2,
div.text-size a.size3 {
	border: 1px solid #E77100;
	line-height: 19px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	text-transform: lowercase;
}

div.text-size a.size1 { font-size: 13px; padding-top: 1px; padding-right: 7px;}
div.text-size a.size2 { font-size: 14px; padding-top: 1px;}
div.text-size a.size3 { font-size: 15px; }

/* Menu
----------------------------------------------- */
ul#menu {
	float: left;
	text-align: right;
	padding-right: 0.7692em;  /* 10/13 */
	margin:10px 0 0 320px;

}

ul#menu li {
	list-style-type: none;
	padding-left: 15px;
	display:inline;
	font-size:16px;
}



ul#menu li a{font-size:16px; white-space:nowrap;}
ul#menu li a:hover{color:#E9680A;}

ul#menu li.activeChild a {
	color: #E77100;
}

/* States */
ul#menu li ul { display: none; } /* By default childs should not be visible */
ul#menu li.activeChild ul,
ul#menu li.hasActiveChild ul
{
	display: block;
}

ul#menu li ul li {
	padding-right: 20px;
	background-image: url(/cmsplugins/menus/webroot/img/tree/arrow.gif);
	background-position: right 6px;
	background-repeat: no-repeat;
}

/* Content
----------------------------------------------- */
div.content, div.tell-a-friend-content {	
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	width: 410px; /* 500/13 */
	margin:30px 0 30px 340px;
	min-height:480px;
}

div.tell-a-friend-content {width:600px}
.email-vb{background:#FFFFFF; border:dashed 1px #EB6B1A; padding:20px; margin:20px 0;}

span.timestamp{font-weight:normal; font-style:italic}


/* Sidebar
----------------------------------------------- */
div.sidebar {
	position:absolute;
	top:89px;
	right:70px;
	width:266px;
	height:302px;
	background: url(/img/nieuws-bg.jpg) left top no-repeat;
}

div.sidebar div.sidebar-block{margin:40px 0 0 45px;}

div.sidebar ul{list-style:none; margin-left:-15px;}

div.sidebar ul li{margin-bottom:10px; list-style:none;}

span.month{color:#ea620d; display:block; font-weight:bold; color:#EB630E;}

div.sidebar ul li div.mday{float:left; width:35px; height:30px; font-size:36px; text-align:center; margin-right:10px; display:block; color:#EB630E;}

div.sidebar ul li a{color:#0064ae;}
div.sidebar ul li a:hover{color:#EB630E;}

h2.tell-friend{margin-left:15px;}
form {display:block; margin-bottom:40px;}
form#tellAFriend{margin-top:-10px; margin-right:-8px;}
form#tellAFriend input{width:170px;}

form#tellAFriend input.submit{width:148px; height:43px; border:0; margin:10px 0 0 12px;}



/* Footer
----------------------------------------------- */
div.footer, div.push{height:20px; position:relative; z-index:50;}

div.push{position:relative; z-index:50;}

div.footer {
	background-color: #0161AD;
	clear: both;
	line-height: 17px;
	/*margin-left: 17.6923em; /* Menu offset 220 + 10 padding/13 */
	
	margin:0 auto;
	width:1090px;
	padding:5px;
	text-align:center;
	/*text-align: center;*/
	z-index:100;
	
}

div.footer a {
	color: #FFF;
	font-size: 0.9166em;
	margin-right: 18px;
}


/* Map
----------------------------------------------- */

table.map-table{
	width:100%;	 
    
  }

  
table.map-table tr.even{
  background:url("/img/trans-blue.png"); 
}
  
table.map-table tr.odd{
 background:url("/img/trans-gray.png"); 
}

table.map-table tr td{
	padding:5px;
}


/* DeelnemerForm
-------------------------------------------------*/

form#DeelnemerForm{margin:20px;}

form#DeelnemerForm fieldset{margin-bottom:20px;}

form#DeelnemerForm fieldset legend{color:#EB630E; font-weight:bold; margin-bottom:10px;}


form#DeelnemerForm label,form#DeelnemerForm label.contact, label.soep, label.voorwaarden {float:left; width:100px; margin:3px 0; font-weight:bold;}
form#DeelnemerForm label.voorwaarden {width:285px;}
form#DeelnemerForm label.contact {width:170px;}
form#DeelnemerForm label.normal{float:none; font-weight:bold; width:100%; margin-bottom:10px;}
form#DeelnemerForm label.soep {width:220px;}

form#DeelnemerForm input, textarea{width:175px; margin:5px 0 7px;}

form#DeelnemerForm input.radio{width:20px; background:none;}

form#DeelnemerForm input.liters{width:50px;}

form#DeelnemerForm .submit{margin-top:20px; width:148px; height:43px;}

form#DeelnemerForm br {clear:left; }

form#DeelnemerForm p.extra-p{margin-left:-20px;}

form#DeelnemerForm div.liter{
	float:right;
	font-weight:bold;
	margin-right:270px;
	margin-top:6px;
	width:30px;
}

table.deelnemer{width:410px; border:1px #0064AF solid; background-color:#EEEEF0; }
table.deelnemer tr{border:1px #0064AF solid; }
table.deelnemer tr td{padding:5px;}
table.confirm tr td{padding:5px; vertical-align:top;}

form#DeelnemerForm span.verplicht{color:#CC0000;}

/* Errors
------------------------------------------------ */
.error-msg, .validation-advice{
	color:#990000;
	margin: 5px 0 10px 0;
	width:335px;
	border:1px #ED1C24 dashed;
	padding:5px;
	background-color:#FFCCCC;
 }
 
.validation-failed{border:1px solid #ED1C24; background-color:#FFCCCC;}

.cmsbutton{margin-right:10px;}