* {margin:0; padding:0;}
html {overflow-x:hidden;}
html, body {height:100%;	min-height:101%;}
body {background-color:#fff;}
body#winkels{background-color:#ff3299;}
body#gezellig{background-color:#ff9900;}
body#parkeren{background-color:#98ff01;}
body#stadshart{background-color:#00aeef;}
body,td,li,p{font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#000;}
div#punchl {float:left; width:auto; text-align:center; padding:1px 5px 1px 1px; margin:2px 5px;}
div#punchr {float:right; width:auto; padding:1px 1px 0 5px; margin:2px 15px 2px 0px;}
.horLine {display:block; clear:both; height:1px; line-height:1px; font-size:1px; background-color:#fff;}
.foo{display:block;	clear:both; width:100%; height:1px; line-height:1px; font-size: 1px;}
a, a:link, a:visited, a:active, a:hover {color:#fff; font-weight:normal; text-decoration:none;}
a:hover {color: #ccc; text-decoration:underline;}
.png {behavior: url(http://www.stadshart.nl/meer/style/iepngfix.htc);}

#onderzoek {visibility:visible;	position:absolute; z-index:1; margin:171px 0 0 -2px; width:120px; height:120px; }

/* +-+-+-+-+- startpagina +-+-+-+-+- */
#startcontainer{
    position: absolute;
	left: 50%;
	top: 50%;
	width:990px;
	height:580px;
	_height:580px; /* hack */
	margin-left: -495px; /* half of width */
	margin-top: -290px;  /* half of height */
}

#meerlayer {
	position:absolute;
	margin:30px 0 0 30px;
	width:270px;
	height:192px;
	z-index:1;
}

#row_winkels,#row_gezellig,#row_parkeren,#row_stadshart, #menu_logo{ display:block; height:146px; clear:both; }
#row_winkels{background-color:#ff3299;}
#row_gezellig{background-color:#ff9900;}
#row_parkeren{background-color:#98ff01;}
#row_stadshart{background-color:#00aeef;}
.sHeader{font-family:Arial, Helvetica, sans-serif; font-size:55px; font-weight:bold; line-height:100px; text-align:right; padding-right:10px;}
.filler{display:block; clear:both; width:100%; height:19px; line-height:19px; font-size:19px;}
#logo{float:right; display:block; width:159px; height:130px; margin:12px 0 0 10px;}

/* +-+-+-+-+- pagina +-+-+-+-+- */
#container{display:block;width:990px;margin:10px auto;}

#header_container{display:block; width:100%;}
#beeldmerk{display:block; float:left;}
#topmenu_lijn{display:block;float:right; width:800px;}
#payoff{display:block;float:right; clear:right; width:800px; height:80px;}
.sPayoff{font-family:Arial, Helvetica, sans-serif; font-size:51px; font-weight:bold; text-align:right;}

#content_container{display:block;clear:both; width:100%;}
#zoek_box{display:block; float:left; width:175px;}

.sKop{font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#fff;}
#content_box{display:block; float:left; width:790px; margin-left:5px;}
#content_box ul{margin-left:30px;}
#content_box h2{margin-left:10px; margin-bottom:5px; font-size:24px; font-weight:bold;}
#content_box h3{margin-left:10px; margin-bottom:5px; font-size:18px; font-weight:bold;}
#content_box p{ margin-left:10px; margin-bottom:5px;}
.duo_box_left{display:block; float:left; width:45%;}
.duo_box_right{display:block; float:right; width:45%;}
.duo_box_left ul li, .duo_box_right ul li{list-style-image:url(http://www.stadshart.nl/meer/image/web/nwslist.gif);}

.evenement h2{color:#fff;}
#evenementen_lijst {list-style-type:none; margin-top:10px;}
#evenementen_lijst li{ border-bottom:#fff 1px dashed;}
#evenementen_lijst li, #evenementen_lijst li a { font-size:12px; font-weight:bold;}
#evenementen_lijst li div{display:block;}
#colofon_lijst {list-style-type:none; margin-top:10px;}
#colofon_lijst li, #colofon_lijst li a { font-size:16px; }
.small_footprint #content_box{width:725px;margin-left:15px;}
.small_footprint #zoek_box{width:230px;}
.large_footprint #content_box{width:100%; margin-left:0px;}

#foto_box{display:block; clear:both; width:100%;}
#foto_box div{display:block; float:left; width:247px; height:165px;}

#winkellijst{margin-left:20px;}
#winkellijst li{list-style-image:url(http://www.stadshart.nl/meer/image/web/nwslist.gif);}
#winkellijst li a{ color:#000; font-weight:normal;}

#parkeerlijst{margin-left:0; margin-top:10px; color:#fff; list-style:none;}
#parkeerlijst li{color:#fff; font-weight:bold;}
#parkeerlijst li a{color:#fff; font-weight:bold; }

#zoekklein input, #zoekklein select{margin:5px 0; width:155px;}
#zoekklein label{display:block; font-size:14px; color:#fff; font-weight:bold;}
#but_verzenden{ height:25px; border:none; background: url(http://www.stadshart.nl/meer/image/web/but_zoeken.png) center no-repeat; cursor:pointer;}

#foto_listing{display:block; clear:both; width:100%; margin-left:10px;}
#foto_listing div{display:block; float:left; width:190px; height:142px; margin:3px 3px 0 0;}

/* +-+-+-+-+- winkels +-+-+-+-+- */
.sWinkel{font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#fff; text-align:right; padding-right:10px;}
#winkel_box div{display:block; float:left; width:246px; height:246px;}
#container_winkelmap, #container_winkelnaw, #container_winkeltijden, #container_winkelfoto{border:#fff 1px solid;}
#container_winkelmap{background:#cccccc url(<%=siteLoc%>image/web/px.gif) center no-repeat; border-right:none;}
#container_winkelnaw{border-right:none;width:240px;}
#container_winkelnaw p{margin:8px;}
#container_winkeltijden{border-right:none;width:240px;}
#container_winkeltijden table{margin:5px;}
#container_winkelfoto{background:#ccc url(http://www.stadshart.nl/one/image/web/nopic.gif) center no-repeat;}
#box_winkelfoto{display:block; width:100%; height:100%;}
#box_winkelmap{display:block; width:100%; height:100%; background:#E2E6E7 url(http://www.stadshart.nl/meer/image/map/kaart-groot2006.jpg) center no-repeat;}


/* +-+-+-+-+- formulier +-+-+-+-+- */
#formcontainer{display:block;width:400px; margin:10px auto;}
.frm_row{display:block; width:400px; line-height:23px; height:23px; vertical-align:middle; clear:left;}
#formcontainer input, #formcontainer select, #formcontainer label, #formcontainer textarea{display:block; float:left;}
#formcontainer input, #formcontainer select,  #formcontainer textarea{margin-top:3px;}
#formcontainer input {width:200px;}
#formcontainer textarea{width:350px; clear:left;}
#formcontainer .small{width:105px;}
#formcontainer label{width:150px;}
#tablecatch{display:block;float:left;}
#tablecatch label, #tablecatch input{display:inline;}
#tablecatch{width:190px;}
#tablecatch label{line-height:23px; width:40px;}
#tablecatch input{line-height:23px; width:40px; vertical-align:bottom;}
#formcontainer #sendbutton{ display:block; width:100px; margin-top:20px;}

/* +-+-+-+-+- Sitemap +-+-+-+-+- */
.sm_root{text-transform:uppercase; font-weight:bold; margin-top:10px;}
.sm_root a{visibility:visible;}
.sm_first{margin-bottom:10px; list-style:none;}
.sm_first li{ padding-left:20px;}
.sm_first a, .sm_root a{text-decoration:none;}
.sm_first a:hover, .sm_root a:hover{text-decoration: underline;}
.sm_first li{text-transform:uppercase; font-weight:bold;list-style:none; margin-top:10px;}
.sm_second{margin-left:0;}
#map_winkels{display:block;}
#toggle_winkels, #toggle_winkels a{font-size:10px; color:#000; text-transform: none;font-weight: normal;}
#toggle_winkels a{ text-decoration:underline;}
.sm_second li{font-weight:bold; text-transform: none; margin-top:0;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
display:block;
width:720px;
position: relative;
margin:10px 0 0 10px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -2000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -250px;
left: -50px; /*position where enlarged image should offset horizontally */

}


/* +-+-+-+-+- start navigatie +-+-+-+-+- */
.startmenu{
	float:right; 
	display:block; 
	margin-right:10px;
	color:#fff;
	background: url(http://www.stadshart.nl/meer/image/web/divider.gif) bottom left no-repeat;
}

.startmenu li{
	float:left;
	margin:0 0 0 1px;
	padding:0 10px 0 0 ;
	list-style-type:none;
	background:none;
	background: url(http://www.stadshart.nl/meer/image/web/divider.gif) bottom right no-repeat;
}

.startmenu li a, .startmenu li a:link, .startmenu li a:visited, .startmenu li a:active{
	float:left;
	display:block;
	padding:0 7px 0 7px;
	color:#fff;	
	font:bold 18px/25px  Arial;
	text-decoration:none;
	background:none;
}

/* verberg voor IE5-Mac \*/
.startmenu li a {float:none;}
/* Einde IE5-Mac hack */

.startmenu li.cur, .startmenu li.over, .startmenu li:hover{text-shadow:none; background: url(http://www.stadshart.nl/meer/image/web/divider.gif) bottom right no-repeat;}

.startmenu li strong, ul.startmenu li.cur a, ul.startmenu li.over a, ul.startmenu li:hover a{
	display:block;
	padding:0 7px 0 7px;
	color:#ccc;
	text-decoration:none;	
	background:none;
}
/* ------------------------- */


/* +-+-+-+-+- top/bottom navigatie +-+-+-+-+- */
.topmenu{
	float:right; 
	display:block; 
	/*margin-right:10px;*/
	color:#fff;
	background: url(http://www.stadshart.nl/meer/image/web/divider.gif) bottom left no-repeat;
}

.topmenu li{
	float:left;
	margin:0 0 0 1px;
	padding:0 10px 0 0 ;
	list-style-type:none;
	background:none;
	background: url(http://www.stadshart.nl/meer/image/web/divider.gif) bottom right no-repeat;
}

.topmenu li a, ul.topmenu li a:link, ul.topmenu li a:visited, ul.topmenu li a:active{
	float:left;
	display:block;
	padding:0 7px 0 7px;
	font:bold 18px/25px  Arial;
	color:#fff;	
	text-decoration:none;
	background:none;
}

/* verberg voor IE5-Mac \*/
.topmenu li a {float:none;}
/* Einde IE5-Mac hack */

.topmenu li.cur, .topmenu li.over, .topmenu li:hover{text-shadow:none; background: url(http://www.stadshart.nl/meer/image/web/divider.gif) bottom right no-repeat;}

ul.topmenu li.cur a, ul.topmenu li.over a, ul.topmenu li:hover a{
	display:block;
	padding:0 7px 0 7px;
	font:bold 18px/25px  Arial;
	color:#ccc;
	text-decoration:none;	
	background:none;
}
/* ------------------------- */