/*
#############################
#			ALGEMEEN 		#
#############################

*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,ul,ol,li,table,tr,td,a {
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

br.clear {
	clear: both;
}

img {
	border: none;
/*	display: block;*/
}

body {
	font: 62.5% verdana;
	font-size: .7em;
}

html {
	height: 100%;
}

h1 {
	font-size: 1.0em;
	font-weight: bold;
	color: #FF9933;
}


h2 {
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
	background: #CC6600;
	padding: 4px 4px 4px 10px;
}

h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #CA6500;
	text-transform: uppercase;
	padding: 10px 5px 10px 25px;
	background: url(/assets/images/pijl.gif) no-repeat 5px 12px;
}
div.kopimages {
	height:82px;
	border-right: 1px solid #AE572B;
	border-left: 1px solid #AE572B;
	overflow:hidden;
}
div.kopimages img {
	margin: 0px;
	padding: 0px;
	float:right;
}
a {
	color:#990000;
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#FF9933;
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}



/*
#############################
#			LAYOUT			#
#############################
*/

div#container {
	margin: auto;
	width: 760px;
	background: #fff;
}


div#logo {
	clear: both;
	float: left;
	background: url(/assets/images/logo.gif) no-repeat;
	padding-left: 161px;
	height: 142px;
}

div#back {
	float: right;
	width:599px;
	background: #FFE9D1 url(/assets/images/home_bar.gif) no-repeat right;
	text-align: right;height:33px;
}

#back img { 
	padding-top:6px;
}

div#content div.bgorange {
	padding: 20px;
	font-weight: bold;
	background: #FFEBD6;
	color: #FF9933;
}
/*
#############################
#		MENU & LIJSTEN		#
#############################
*/

ul#menu {
	list-style:none;
	background-color:#9C3100;	
	height: 25px;
}

ul#menu li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	height: 25px;
}

ul#menu li a {
	text-decoration: none;
	padding:5px 10px 5px 5px;
	font-weight: bold;
	color: #FFF;
	display:list-item;
	list-style-type: circle;
	list-style-position: inside;
}

ul#menu li a:hover {
	color:#FFDE31;
}


ul#menu li.mail {
	height: 25px;
	width: 80px;
	background: url(/assets/images/menu/mail.gif) no-repeat;
	cursor: pointer;
}

ul#menu li.mailmo {
	height: 25px;
	width: 80px;
	background: url(/assets/images/menu/mail_mo.gif) no-repeat;
}

ul#menu li.home {
	height: 25px;
	width: 81px;
	background: url(/assets/images/menu/home.gif) no-repeat;
}

ul#menu li.homemo {
	height: 25px;
	width: 81px;
	background: url(/assets/images/menu/home_mo.gif) no-repeat;
}

ul#menu li.groeps {
	height: 25px;
	width: 185px;
	background: url(/assets/images/menu/groeps.gif) no-repeat;
}

ul#menu li.groepsmo {
	height: 25px;
	width: 185px;
	background: url(/assets/images/menu/groeps_mo.gif) no-repeat;
}

ul#menu li.appartementen {
	height: 25px;
	width: 145px;
	background: url(/assets/images/menu/appartementen.gif) no-repeat;
}

ul#menu li.appartementenmo {
	height: 25px;
	width: 145px;
	background: url(/assets/images/menu/appartementen_mo.gif) no-repeat;
}

ul#menu li.bandb {
	height: 25px;
	width: 141px;
	background: url(/assets/images/menu/bandb.gif) no-repeat;
}

ul#menu li.bandbmo {
	height: 25px;
	width: 141px;
	background: url(/assets/images/menu/bandb_mo.gif) no-repeat;
}

ul#menu li.tarieven {
	height: 25px;
	width: 128px;
	background: url(/assets/images/menu/tarieven.gif) no-repeat;
}

ul#menu li.tarievenmo {
	height: 25px;
	width: 128px;
	background: url(/assets/images/menu/tarieven_mo.gif) no-repeat;
}

ul#submenu {
	list-style: none;
	background-color:#AE572B;
	width:599px; /* IE 7 */
	height: 25px;
	
}

ul#submenu li {
	float: left;
	display: block;
	margin: 0;
	margin-right: 10px;
	padding: 0;
	height: 25px;
}

ul#submenu li a {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	padding:5px 15px 5px 5px;
	display:list-item;
	list-style-position: inside;
	list-style-type: circle;
}

ul#submenu li a:hover {
	color:#FFDE31;
}

ul#submenu li.arrang {
	height: 25px;
	width: 243px;
	background: url(/assets/images/menu/arrangementen.gif) no-repeat;
}

ul#submenu li.arrangmo {
	height: 25px;
	width: 243px;
	background: url(/assets/images/menu/arrangementen_mo.gif) no-repeat;
}


ul#submenu li.info {
	height: 25px;
	width: 172px;
	background: url(/assets/images/menu/info.gif) no-repeat;
}

ul#submenu li.infomo {
	height: 25px;
	width: 172px;
	background: url(/assets/images/menu/info_mo.gif) no-repeat;
}


ul#submenu li.route {
	height: 25px;
	width: 184px;
	background: url(/assets/images/menu/route.gif) no-repeat;
}

ul#submenu li.routemo {
	height: 25px;
	width: 184px;
	background: url(/assets/images/menu/route_mo.gif) no-repeat;
}

/*
#############################
#			LEFT			#
#############################
*/

div#left {
	clear: both;
	float: left;
	width: 250px;
	
}

div#functies {
	background: #d8e5f1;
}

div#functies p {
	width: 130px;
	padding: 43px 110px 10px 10px;
	margin-right: -2px;
}

div#functies em {
	font-style: normal;
	font-weight: bold;
	width: 130px;
	padding: 10px 105px 0px 30px;
	background: url(/assets/images/pijltje.gif) 15px 11px no-repeat;
	line-height: 25px;
}

div#functies em a {
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
}

div#functies em a:hover {
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #ff7200;
}

div#extra {
	display: block;
	clear: both;
	float: left; 
	padding: 30px 0 20px 10px;
}

div#extra img {
	padding: 5px;
}
/*
#############################
#			CONTENT			#
#############################
*/

div#content {
	font-size: 1.0 em;
	width: 470px;
	float: left;
	padding: 20px;
	background: #fff url(/assets/images/line.gif) no-repeat top right;
	line-height: 14px;
}

div#content p {
	padding: 10px 0 10px 0px;
}

div#content img {
	border: 1px solid #FF9933;
}

div#arrangementeninfo {
	margin-top:30px;
	text-align: left;
	clear: both;
} 
	
div.nieuws {
	float: left;
	width:100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #FF9900;
}
div.nieuws h3 span.date{
	text-transform: none;
	color:#CC6600;
}
div.nieuws h3 span.title{
	text-transform: none;
	color:#FF9933;
}

div.tekst {
	float: left;
}

span.date {
	font-weight:bold;
	color:#CC6600;
}
/*
#############################
#			FOOTER			#
#############################
*/

div#footer {
	padding: 10px 0 10px 0;
	margin-top: 10px;
	border-top: 1px solid #CC6600;
	display: block;
	clear: both;
	width: 760px;
	float: left;
	background: #fff;
	text-align: center;
	background-color: #fff
}

div#footer p {
	text-align:center;
}

#hondelhoeve-logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

ul.result {
	float: right;
	margin-bottom: 15px;
}

ul.result li {
	padding: 0 2px 0 2px;
	float: left;
	display: block;
}

ul.result li a {
	float: left;
	display: block;
	color: #000000;
}

ul.result li a:hover {
	color: #FF9900;
	text-decoration: none;
}

ul.result li a.active {
	color: #FF9900;
	text-decoration: none;
}

input.error, textarea.error {
	border:2px solid red;
}

p.sectie-nieuws {
background-image: url(/assets/images/nieuwsbg.gif); background-repeat: no-repeat; background-color: #d8e5f1;
}

p.sectie-fotos {
background-image: url(/assets/images/fotoalbumbg.gif); background-repeat: no-repeat; background-color: #d8e5f1;
}

p.sectie-gastenboek {
background-image: url(/assets/images/gastenboekbg.gif); background-repeat: no-repeat; background-color: #d8e5f1;
}

p.sectie-speelhoek {
background-image: url(/assets/images/speelhoekbg.gif); background-repeat: no-repeat; background-color: #d8e5f1;
}

p.sectie-links {
background-image: url(/assets/images/linksbg.gif); background-repeat: no-repeat; background-color: #d8e5f1;
}