@import url("reset.css");


/* GENERAL */

div {
	/*border: 1px solid #cccccc;*/
}
images {
	border: 0;
}
body {
	background: url(../images/bg.jpg) top center #f39911;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	line-height: 1.4em;
     overflow: -moz-scrollbars-vertical;
     height: 100%;
}
html {
	background-color: #f49129;
	margin: 0;
	padding: 0;
	height:100%;
}
#main {
	text-align: center;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #6a685c;
	font-size: 1.2em;
	margin: 0 auto;
	width: 950px;
}
strong {
	color: #000;
}










/* HOOFDING */


#header {
	margin: 0 auto;
	width: 950px;
	text-align: left;
	border-top: 4px solid #f39911;
	padding-top: 20px;
	cursor: default;
	text-align:left;
	background-color: white;
}
.ieheader {
	border-bottom: 1px solid white;
}
#logo {
	float: left;
	margin-bottom:20px;
}
#shortcuts {
	color: #ccc;
	float: right;
	width: 300px;
}
#shortcuts form {
	float: right;
	margin: 0;
	padding: 0;
	padding-left: 20px;
}
#shortcuts a, #shortcuts a:visited, #shortcuts a:active, #shortcuts a:link, #shortcuts a:hover {
	color: #6a685c;
	text-decoration: none;
}
#shortcuts a:hover {
	text-decoration: none;
}
#shortcuts a.current {
	color: #f39911;
}



/* NAVIGATIE */

#topmenu {
	clear: both;
	background-color: #181714;
	padding-left: 13px;
}
ul#topnav {
	width: 100%;
	position: relative;
	height: 35px;
	font-size: 85%
}
ul#topnav li {
	display: block;
	float: left;
	margin: 0;
	height: 35px;
	background: url(../images/menu_divider.gif) no-repeat right 0;
	text-indent: -9999px;
	border-right: 1px solid #151412;
}
ul#topnav li#home { width: 70px; background: url(../images/menu_home.gif) no-repeat center 0}
ul#topnav li#home a:hover { width: 70px; background: url(../images/menu_home.gif) no-repeat center -40px}
ul#topnav li#home a.current { width: 70px; background: url(../images/menu_home.gif) no-repeat center -80px}
ul#topnav li#stad { width: 100px; background: url(../images/menu_stad.gif) no-repeat center 0}
ul#topnav li#stad a:hover { width: 100px; background: url(../images/menu_stad.gif) no-repeat center -40px}
ul#topnav li#stad a.current { width: 100px; background: url(../images/menu_stad.gif) no-repeat center -80px}
ul#topnav li#watdoen { width: 130px; background: url(../images/menu_watdoen.gif) no-repeat center 0}
ul#topnav li#watdoen a:hover { width: 130px; background: url(../images/menu_watdoen.gif) no-repeat center -40px}
ul#topnav li#watdoen a.current { width: 130px; background: url(../images/menu_watdoen.gif) no-repeat center -80px}
ul#topnav li#rondleidingen { width: 125px; background: url(../images/menu_rondleidingen.gif) no-repeat center 0}
ul#topnav li#rondleidingen a:hover { width: 125px; background: url(../images/menu_rondleidingen.gif) no-repeat center -40px}
ul#topnav li#rondleidingen a.current { width: 125px; background: url(../images/menu_rondleidingen.gif) no-repeat center -80px}
ul#topnav li#horeca { width: 130px; background: url(../images/menu_horeca.gif) no-repeat center 0}
ul#topnav li#horeca a:hover { width: 130px; background: url(../images/menu_horeca.gif) no-repeat center -40px}
ul#topnav li#horeca a.current { width: 130px; background: url(../images/menu_horeca.gif) no-repeat center -80px}
ul#topnav li#brochures { width: 100px; background: url(../images/menu_brochures.gif) no-repeat center 0}
ul#topnav li#brochures a:hover { width: 100px; background: url(../images/menu_brochures.gif) no-repeat center -40px}
ul#topnav li#brochures a.current { width: 100px; background: url(../images/menu_brochures.gif) no-repeat center -80px}
ul#topnav li#contact { width: 90px; background: url(../images/menu_contact.gif) no-repeat center 0}
ul#topnav li#contact a:hover { width: 90px; background: url(../images/menu_contact.gif) no-repeat center -40px}
ul#topnav li#contact a.current { width: 90px; background: url(../images/menu_contact.gif) no-repeat center -80px}

ul#topnav li a {
	display: block;
	height: 35px;
	color: #cccabe;
	text-decoration: none;
	text-align: center;
	line-height: 35px
}
ul#topnav li a span { display: none; }
ul#topnav li a:hover {
	background: #151412;
	color: #f431a8;
	text-decoration: none;
}
ul#topnav li a.current {
	background: #edece6 url(../images/sitenav_currBkg.gif) repeat-x 0 0;
	border-right: 1px solid #151412;
	color: #353430
}
	
	
	
	
	
	
	

ul#topnav2 {
	width: 100%;
	position: relative;
	height: 35px;
	font-size: 85%
}
ul#topnav2 li {
	display: block;
	float: left;
	margin: 0;
	height: 35px;
	background: url(../images/menu_divider.gif) no-repeat right 0;
	text-indent: -9999px;
	border-right: 1px solid #151412;
}
ul#topnav2 li#home { width: 78px; background: url(../images/menu_home_fr.gif) no-repeat center 0}
ul#topnav2 li#home a:hover { width: 78px; background: url(../images/menu_home_fr.gif) no-repeat center -40px}
ul#topnav2 li#home a.current { width: 78px; background: url(../images/menu_home_fr.gif) no-repeat center -80px}
ul#topnav2 li#stad { width: 130px; background: url(../images/menu_stad_fr.gif) no-repeat center 0}
ul#topnav2 li#stad a:hover { width: 130px; background: url(../images/menu_stad_fr.gif) no-repeat center -40px}
ul#topnav2 li#stad a.current { width: 130px; background: url(../images/menu_stad_fr.gif) no-repeat center -80px}
ul#topnav2 li#watdoen { width: 85px; background: url(../images/menu_watdoen_fr.gif) no-repeat center 0}
ul#topnav2 li#watdoen a:hover { width: 85px; background: url(../images/menu_watdoen_fr.gif) no-repeat center -40px}
ul#topnav2 li#watdoen a.current { width: 85px; background: url(../images/menu_watdoen_fr.gif) no-repeat center -80px}
ul#topnav2 li#rondleidingen { width: 135px; background: url(../images/menu_rondleidingen_fr.gif) no-repeat center 0}
ul#topnav2 li#rondleidingen a:hover { width: 135px; background: url(../images/menu_rondleidingen_fr.gif) no-repeat center -40px}
ul#topnav2 li#rondleidingen a.current { width: 135px; background: url(../images/menu_rondleidingen_fr.gif) no-repeat center -80px}
ul#topnav2 li#horeca { width: 150px; background: url(../images/menu_horeca_fr.gif) no-repeat center 0}
ul#topnav2 li#horeca a:hover { width: 150px; background: url(../images/menu_horeca_fr.gif) no-repeat center -40px}
ul#topnav2 li#horeca a.current { width: 150px; background: url(../images/menu_horeca_fr.gif) no-repeat center -80px}
ul#topnav2 li#brochures { width: 100px; background: url(../images/menu_brochures_fr.gif) no-repeat center 0}
ul#topnav2 li#brochures a:hover { width: 100px; background: url(../images/menu_brochures_fr.gif) no-repeat center -40px}
ul#topnav2 li#brochures a.current { width: 100px; background: url(../images/menu_brochures_fr.gif) no-repeat center -80px}
ul#topnav2 li#contact { width: 90px; background: url(../images/menu_contact_fr.gif) no-repeat center 0}
ul#topnav2 li#contact a:hover { width: 90px; background: url(../images/menu_contact_fr.gif) no-repeat center -40px}
ul#topnav2 li#contact a.current { width: 90px; background: url(../images/menu_contact_fr.gif) no-repeat center -80px}
	
ul#topnav2 li a {
	display: block;
	height: 35px;
	color: #cccabe;
	text-decoration: none;
	text-align: center;
	line-height: 35px
}
ul#topnav2 li a span { display: none; }
ul#topnav2 li a:hover {
	background: #151412;
	color: #f431a8;
	text-decoration: none;
}
ul#topnav2 li a.current {
	background: #edece6 url(../images/sitenav_currBkg.gif) repeat-x 0 0;
	border-right: 1px solid #151412;
	color: #353430
}
	
	
	
	
	
	
	
#submenu {
	background: #edece6 url(../images/secnav_bkg.gif) repeat-x 0 bottom;
	padding: 1px 0 0 20px
}	
ul#subnav {
	width: 100%;
	position: relative;
	height: 40px;
	font-size: 1em;
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	padding: 0
}
ul#subnav li {
	display: block;
	float: left;
	margin: 0;
	padding: 10px 0 0;
	line-height: 1.4em
}
ul#subnav li a {
	display:block;
	float: left;
	color: #393834;
	text-decoration: none;
	padding: 1px 10px;
	background: url(../images/menu_divider.gif) no-repeat right 1px;
}
ul#subnav li.last a {
	background: none;
}
ul#subnav li a:hover {
	color: #f39911;
	text-decoration: none
}
ul#subnav li a.current {
	color: #e9e6df;
	background: #393834;
	font-weight: 700;
	padding: 1px 8px;
	text-decoration: none
}
ul#subnav li a.current span {
	visibility: visible
}
ul#subnav li a.current:hover {
	color: #e9e6df;
	text-decoration: none
}








/* CONTENT */


a, a:active, a:visited, a:hover, a:link {
	color: #f39911;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#flash {
	clear: both;
	text-align: left;
	/*height: 280px;*/
}
#sfeer {
	clear: both;
	text-align: left;
	height: 190px;
}
#content {
	background-color: #ffffff;
	padding: 25px;
	text-align: left;
}
#content p {
	margin-bottom: 10px;
}


.leftcol {
	width: 205px;
	padding-right: 45px;
	float: left;
	clear: left;
}
.middlecol {
	width: 330px;
	margin-right: 45px;
	float: left;
}
.rightcol {
	width: 275px;
	padding-right:0px;
	float: right;
}


.leestekst {
	line-height: 1.4em;
}



ul.events li {
	padding-bottom: 10px;
}
#googlemap {
	background-color: #ffffff;
	text-align: left;
	margin-top: 15px;
}





/* calendar
--------------------------------------------------*/
table#wp-calendar {
	color:#A0A0A0;
	width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

table#wp-calendar caption {
	border-bottom: 1px solid #ccc;
	height:23px;
	text-align:center;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

table#wp-calendar thead tr {
	border-bottom: 1px solid #ccc;
  	color:#000;
	font-size: 1.1em;
}

table#wp-calendar th {
	border-bottom: 1px solid #ccc;
	text-align:center;
	padding: 3px 0;
	font-weight: bold;
}

table#wp-calendar td {
  	border: 1px solid #fff;
	text-align:center;
	padding: 1px 0 1px 0;
}

table#wp-calendar td#today {
  	border: 1px solid #999;
  	color:#000;
  	font-size: 1.2em;
}
table#wp-calendar td a {
	color:#A0A0A0;
 	display: block;
  	padding: 1px 0;
  	text-decoration: none;
}
table#wp-calendar td#today a {
  	color:#000;
}



table#wp-calendar tfoot {border-top-color:#F3F4F4;}

table#wp-calendar tfoot a {background:none;}
table#wp-calendar td#prev, table#wp-calendar td#next { text-align: left; padding: 3px 0px; }




#diestmijnstad {
	background-color: #333;
	margin-top: 15px;
	padding: 15px;
	text-align: left;
	height: 100px;
	clear:both;
}



/* FOOTER */

#footer {
	background-color: #ffffff;
	margin-top: 15px;
	padding: 25px;
	text-align: left;
	font-size: 0.9em;
	height:60px;
}	
#footer a, #footer a:visited, #footer a:active, #footer a:link, #footer a:hover {
	color: #f39911;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#credits {
	text-align: right;
	padding: 15px 25px 50px 0;
	font-size: 0.9em;
}
#credits a, #credits a:visited, #credits a:active, #credits a:link, #credits a:hover {
	color: #fff;
	text-decoration: none;
}







/* FORMS */

form { margin: 0; margin-top: 6px; }
select { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;color: #2a2a2a; }	
input { font-size:11px;width:153px;font-family: Trebuchet MS, Arial, Helvetica, sans-serif;color: #666;padding: 1px;vertical-align: middle }
input.button { width:auto;font-family: Trebuchet MS, Arial, Helvetica, sans-serif;color: #515151;font-size: 11px;border: 0px;background-color: #ebeef0;border: 1px solid #999999;font-weight: bold;padding: 1px 4px 1px 4px;height: 21px;cursor: pointer;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#DFDFDF'); }
textarea { font-size:11px;width:300px;font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-weight: bold;color: #2a2a2a;padding: 1px;vertical-align: middle }
input.radio { width:auto; }


/* CLEARFIX */


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	/* IE */
	*height: 1%;
}




h1 {
	font-size: 1.7em;
	color: #f39911;
	font-weight: bold;
	letter-spacing: -1.2px;
	margin-bottom: 20px;
}	
h2 {
	font-size: 1.5em;
	color: #009347;
	letter-spacing: -0.5px;
	margin-bottom: 7px;
	line-height: 1em;
}