/*    ___________________________   -->
<!-- |                            | -->
<!-- | Basing: iVayo  			  | -->
<!-- | Web:    www.ivayo.nl       | -->
<!-- | E-Mail: info@ivayo.nl      | -->
<!-- |____________________________| -->	*/
/*###############
#	ALGEMEEN    #
###############*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
html { font: 12px Trebuchet MS, Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { background: #454545 url(../img/bg.png) repeat-x; }
a{ color: #fff; }

.block { display: block; }
.hidden { visibility: hidden; }
.invisible { display: none; }
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }
.links { text-align: left; }
.midden { text-align: center; }
.rechts { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.center { display: block; margin: auto; }
.absolute { position: absolute; }
.relative { position: relative; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.wrapper, .overflow { overflow: hidden; }

a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
img { border: none; }

/*##############
#	LAYOUT     #
##############*/
div#container {
	width: 890px;
	margin: 0 auto;
	padding-top: 43px;
}
h1#logo {
	float: right;
	background: url(../img/logo.png) no-repeat;
	width: 583px; height: 47px;
	text-indent: -9999px;
	cursor: pointer;
}
h1#logo a { display: block; height: 47px; }
div#menu {
	background: url(../img/bg-menu.png) no-repeat;
	height: 284px;
	margin-top: 7px;
	padding: 3px;
}
div#menu img.afbeelding { margin-top: 54px; }
div#kolommen { margin: 69px 0 12px 0; }
div#kolom-links { float: left; width: 191px; }
div#kolom-rechts { float: right; width: 659px; }

div.koplinks {
	background: url(../img/bg-koplinks.png) no-repeat;
	padding: 7px 20px 6px 20px;
	color: #fff;
}
div.koprechts {
	background: url(../img/bg-koprechts.png) no-repeat;
	padding: 7px 20px 6px 20px;
	color: #fff;
}
div.tekst {
	background-color: #313131;
	border-left: 1px solid #7b7979;
	border-right: 1px solid #7b7979;
	border-bottom: 1px solid #7b7979;
	padding: 6px 0 0 15px;
	min-height: 375px;
}
div.tekst div.links { float: left; width: 350px; }
div.tekst div.links h1.titel { color: #1cce00; font-size: 24px; font-weight: normal; }
h1.titel { color: #1cce00; font-size: 24px; font-weight: normal; }
.datum { color: #787878; font-size: 11px; }
div.tekst div.links p.datum { color: #787878; font-size: 12px; }
div.tekst div.bgafbeelding {
	float: right;
	width: 266px; height: 192px;
	background: url(../img/bg-afbeelding.png) no-repeat;
	margin-right: 18px;
}
div.tekst div.bgafbeelding img { margin: 15px 0 0 22px;	 }
/*##################
#	LIJSTEN	       #
##################*/
ul.none, ol.none { list-style: none; }

/* Menu */
#menu {
	height:54px;
	background-color: #99cc00;
	position:relative;
	z-index:300;
	font-family: Calibri, Verdana, Arial;
}
#menu ul {
	position: absolute;
	left: 3px;
	top: 3px;
	list-style: none;
}
#menu li.large {
	background: url(../img/bg-menuitem-large.png) no-repeat !important;
}
#menu li {
	background: url(../img/bg-menuitem.png) no-repeat;
	float: left;
	height: 51px;
	width: 93px;
	position: relative;
}
#menu ul li a {
	display:block;
	float:left;
	height:51px;
	width: 93px;
	text-align: center;
	cursor:pointer;
	font-size: 16px;
	padding-top: 3px;
}
#menu ul li a span { display: block; text-align: center; padding-top: 15px; }
#menu a:link,
#menu a:visited {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
#menu a.first:hover { background: url(../img/bg-menuitem-hover.png) no-repeat; }
#menu a.large:hover { background: url(../img/bg-menuitem-hover-large.png) no-repeat; }
#menu ul ul {
	background-color: #e1eac4;
	display:block;
	position:absolute;
	left:-9999px;
	top:54px;
	z-index:5;
	visibility:hidden;
	list-style: none;
}
#menu ul ul li {
	clear:both;
	background:none;
	height:auto;
	border-bottom:1px solid #5a5a5a;
	border-left: none;
	width: auto;
}
#menu ul ul li a:link,
#menu ul ul li a:visited {
	background-image: none;
	display: inline;
	width:195px;
	background-color:#353535;
	font-size:12px;
	font-weight:normal;
	height: auto;
	line-height:19px;
	text-decoration:none;
	text-transform: none;
	color: #fff;
	text-align: left;
	padding: 7px 9px;
}
#menu ul ul li a:hover {
	background-image: none;
	color:#23FF00;	
	font-size:12px;
	font-weight:normal;
	text-decoration: underline;
}
#menu:hover li ul { visibility:visible; }
#menu li:hover ul { position:absolute; left:0px; }

ul.menu-links { list-style: none; padding-top: 8px; }
ul.menu-links li.titel { color: #23ff00; }
ul.menu-links li a { color: #fff; text-decoration: none; }
/*##################
#	FORMULIEREN    #
##################*/
input, textarea { padding: 3px 2px; }
textarea { overflow: auto; }
input, select { font-family: Arial, Verdana, Tahoma, sans-serif; }

fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form ul, form ol { list-style: none; }

form#zoeken { float: right; margin-right: 9px; }
form#zoeken fieldset { background: url(../img/bg-input.png) no-repeat 33px; float: right; }
form#zoeken fieldset input.button { float: left; width: 30px; }
form#zoeken fieldset input.text {
	float: left;
	background-color: transparent;
	border: none;
	width: 108px;
	color: #fff;
	line-height: 20px;
	padding: 9px 10px 9px 10px;
	font-weight: bold;
	font-family: Trebuchet MS;
}
/*##################
#	TABELLEN       #
##################*/
table.full-width { width: 100%; }

table.info { padding-right: 5px; margin-top: 18px; color: #fff; }
table.info th { text-align: left; vertical-align: top; }
table.info th,
table.info td { line-height: 16px; }


/*###############
#	INDEX		#
###############*/
.mainText { color: white; margin: 10px 5px; }

form#contactForm  input.text,
form#contactForm  textarea {
	padding: 2px;
	background-color: #f9f9f9;
	border: 1px solid #cacaca;
}

form#contactForm {
	padding-top: 10px;
}
 
form#contactForm label {
	width: 110px;
	float: left;
}

form#contactForm textarea {
	width: 250px;
	height: 75px;
}

form#contactForm input.text {
	width: 250px;
}

form#contactForm p {
	line-height:20px;
	margin-bottom:10px;
}

form#contactForm input.button {
	width: auto;
	overflow: visible;
	padding: 6px 10px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background:transparent url(../img/bg-koprechts.png) no-repeat scroll 0 0;
	border: 1px solid #cacaca;
}

.message { margin-top: 5px; }
.message .content { color: #fff; margin-top: 10px; }

.subs { list-style-type: none; margin-left: 10px; }
.subsub { list-style-type: none; margin-left: 10px; }


#footer .kop { 
	width: 850px;
	background: url(../img/bg-kop.png);
	padding: 7px 20px 6px 20px;
	color: #fff;
}

#footer .tekst {
background-color:#313131;
text-align: center;
border-bottom:1px solid #7B7979;
border-left:1px solid #7B7979;
border-right:1px solid #7B7979;
height: 20px;
min-height: 20px;
color: #fff;
margin-bottom: 10px;
padding:6px 0 0 15px;
}