.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.hide{display:none;}
img{border:0;}

img.left{float:left;margin-right:15px;border:solid 1px #202c2c;}
img.right{float:right;margin-left:15px;border:solid 1px #202c2c;}
img.thumb{
    border:solid 1px #54aefc;
    background:#fff;
    padding:2px;
    margin:0 6px 6px 0;
}
img.border{border:solid 1px #202c2c;}

body {
	/* font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	text-align:left;
	font-size:13px;
	margin:0;
	padding:0;
	line-height:1.5;
	background:#fff url(../images/Verwimp/DHZ_Verwimp_PaginaAchtergrond.jpg) repeat-x left top;
}

h1{
	margin:0;
	padding:0 0 6px 0;
	font-size: 18px;
}

h2{
	margin:0;
	padding: 6px 0;
	font-size:14px;
}

h3{
	margin:0;
	padding: 0 0 12px 0;
	font-size:12px;
}

div.alertbox{
	float:left;
	background:#56affc;
	color:#fff;
	padding:10px;
	text-align:center;
	font-weight:bold;
	margin:12px 0;
}

div.alertbox table{font-weight:normal;}
div.alertbox table td{padding:0;border-bottom:solid 1px #fff;}

/*  Stylen link algemeen 
-----------------------------------------------------------------------------*/


a:link,a:visited,a:active{
	color:#000;
    text-decoration:underline;
}

a:hover{
    text-decoration:none;
}

/* Menu tabs
-----------------------------------------------------------------------------*/

#tabs {
	float:left;
	width:100%;
	height:38px;
	margin:0;
	padding:9px 0 0 0;
	font-size:12px;
	line-height:normal;
	overflow:hidden;
	background:url(../images/Verwimp/TitleDHZ_Verwimp.jpg) no-repeat left 12px;
}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
}

#tabs a {
	float:right;
	display:block;
	background:url("../images/tabs/left.jpg") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	height:28px;
}

#tabs a span {
	float:right;
	display:block;
	background:url("../images/tabs/right.jpg") no-repeat right top;
	padding:6px 15px 6px 6px;
	margin-right:2px;
	color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
}

#tabs a:hover,
#tabs a.selected {
	background-position:0% -42px;
}

#tabs a:hover span,
#tabs a.selected span {
	background-position:100% -42px;
}


/* Menu tabsmain
-----------------------------------------------------------------------------*/

#tabsmain{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#tabsmain li{
	float:left;
}

#tabsmain a:link,
#tabsmain a:active,
#tabsmain a:visited{
	display:block;
	width:239px;
	height:38px;
	line-height:38px;
	background:url(../images/Tabs/TabsMain.gif) no-repeat;
	margin:0 1px 0 0;
	padding:0;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-size:15px;
}

#tabsmain a:hover{
	color:#54aefc;
}


/* Menu (zie ook mauquoy)
-----------------------------------------------------------------------------*/


#content .menuexpand{
	margin:29px 1px 0 0;
	padding:0;
	list-style-type:none;
	border-top:solid 1px #aeafa8;
}

#content .menuexpand li{
	display:inline; /* Fix voor IE -> verwijderd extra ruimte boven en onder items */
}

#content .menuexpand ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#content .menuexpand a.mmnormal, a.mmselected{
	display:block;
	/* height:25px;  afzetten, anders worden menuitems die over meerdere regels gaan niet correct getoond */ 
	line-height:25px;
	border-bottom:solid 1px #aeafa8;
	text-decoration:none;
	/* text-indent:17px; */
	font-size:12px;
}

#content .menuexpand a.mmnormal{
	color:#000;
}

#content .menuexpand a.mmnormal:hover, a.mmselected{
	color:#fff;
	background:#56affc;	
}

/* verberg subniveaus */

#content .menuexpand ul {
	display:none;
}

/* niveau 1 */

#content .menuexpand li a.mmnormal,
#content .menuexpand li a.mmselected{
	width:220px;
	padding-left:18px;
}

#content .menuexpand li a.mmnormal{
	/* background: url(../Images/General/menuleftBullet.gif) no-repeat 45px 2px; */
}

#content .menuexpand li a.mmnormal:hover,
#content .menuexpand li a.mmselected{
	/* background: #5a5b54 url(../Images/General/menuleftBullet2.gif) no-repeat 45px 2px; */
}

/* niveau 2 */

#content .menuexpand li ul li a.mmnormal,
#content .menuexpand li ul li a.mmselected{
	width:200px;
	padding-left:38px;
}

#content .menuexpand li ul li a.mmnormal{
	/* background: url(../Images/General/menuleftBullet.gif) no-repeat 60px 2px; */
}

#content .menuexpand li ul li a.mmnormal:hover,
#content .menuexpand li ul li a.mmselected{
	/* background: #5a5b54 url(../Images/General/menuleftBullet2.gif) no-repeat 60px 2px; */
}

/* niveau 3 */

#content .menuexpand li ul li ul li a.mmnormal,
#content .menuexpand li ul li ul li a.mmselected{
	width:173px;
	padding-left:65px;
}

#content .menuexpand li ul li ul li a.mmnormal{
	color:#000;
	/* background: url(../Images/General/menuleftBullet.gif) no-repeat 75px 2px; */
}

#content .menuexpand li ul li ul li a.mmnormal:hover,
#content .menuexpand li ul li ul li a.mmselected{
	color:#000;
	/* background:#93958b url(../Images/General/menuleftBullet.gif) no-repeat 75px 2px; */
}




/* Wrapper
-----------------------------------------------------------------------------*/

#wrapper{
	width:960px;
	margin:0 auto;
	padding:0;
}


#header{
	clear:both;
	height:165px;
}

#headercontent{
	height:165px;
	background:url(../images/Verwimp/DHZ_Verwimp_Logo.jpg) no-repeat 20px top;
}

#mainimagecontainer{
	width:600px;
	float:right;
}

#content{
	clear:both;
	background-image:url(../images/Verwimp/ContentBackground.gif);
	background-repeat:repeat-y;
	background-position:left top;
	min-height:1px; /* nodig voor IE7 om container layout te geven */
}

#col1{
	float:left;
	width:240px;
	padding:0 0 24px 0;
}

#col2{
	float:left;
	width:480px;
	padding:0 0 24px 0;
}

#col3{
	float:left;
	width:240px;
	padding:0 0 24px 0;
}

/* hack for IE5.5 en IE6 - nodig om container lay-out te geven */

* html #content {
	height:1%; h\eight:1%; 
}

/* -- eind hack -- */

#content .innertube{padding:10px;}

#pageimages{
    padding:12px 0 12px 0;    
    text-align:center;
}



#footer{
	padding-top:24px;
	text-align:center;
	border-top:solid 1px #ccc;
}

#contactgegevens{
	font-size:12px;
	color:#56affc;
}

#contactgegevens a{
	color:#56affc;
}

#createdby{
	padding-top:12px;
	font-size:12px;
}

#createdby a{color:#ccc;}

#openingsuren{
    margin-top:12px;
}

#openingsuren .dag{
    clear:left;
    float:left;
    text-align:center;
    width:35px;
    background:#ccc;
    margin:0 0 3px 0;
    background:#fff;
    color:#000;
    border:solid 1px #56affc;
}

#openingsuren .dagopening{
    float:left;
    width:240px;
    margin:0 0 3px 0;
    padding:0 0 0 3px;
    border:solid 1px #fff;
}


#googlemap{
    padding-top:24px;
}

ul.categorieen{
	list-style-type:none;
	margin:0 18px;
	padding:0;
}