body{
	color: #000000;
	background-color: #ffffff;
	font-family:helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	behavior: url(style/csshover2.htc); /* Needed for hover in IE*/
	z-index: 100;
}


h1, h2{
	font-size: 13px;
	font-family: helvetica;
	color: #73809c;
}
#content_small h1, #content_small h2{
	color: white;
}

h2{
	font-size: 12px;
}

img {
	border: 0px;
	
}

#container{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(../images/default_background.jpg) no-repeat bottom left;
	z-index: 99;
}
#container_overlay, #container_overlay_small{
	width: 950px;
	height: 580px;
	overflow: hidden;
	background: transparent url(../images/background_repeat.png) repeat-y top right;
	z-index: 98;
}

#container_overlay_small{
	background: transparent url(../images/background_repeat_small.png) repeat-y top right;
}

/** top border */
#top_border{
	width: 950px;
	height: 125px;
	z-index: 97;
}

.top_border_bottom{
	float: left;
	height: 7px;
	width: 936px;
	background: transparent url(../images/border_bottom.png) repeat-x top left;
	font-size: 1px;
}
.top_border_right{
	float: right;
	height: 111px;
	width: 7px;
	background: transparent url(../images/border_right.png) repeat-y top right;
}
.top_border_top_right{
	float: right;
	height: 7px;
	width: 7px;
	background: transparent url(../images/border_top_right.png) no-repeat top right;
	font-size: 1px;
}
.top_border_bottom_right{
	float: right;
	height: 7px;
	width: 7px;
	background: transparent url(../images/border_bottom_right.png) no-repeat bottom right;
	font-size: 1px;
}
.top_border_bottom_left{
	float: left;
	height: 7px;
	width: 7px;
	background: transparent url(../images/border_bottom_left.png) no-repeat bottom left;
	font-size: 1px;
}

/* end top border */
/* Shadow border: */
#border{
	position: relative;
	margin-right: 105px;
	margin-left: 200px;
	height: 411px;
	top: 27px;
	top: -330px;
}

.border_bottom{
	float: left;
	height: 7px;
	width: 631px;
	background: transparent url(../images/border_bottom.png) repeat-x top left;
	font-size: 1px;
}
.border_right{
	float: right;
	height: 397px;
	width: 7px;
	background: transparent url(../images/border_right.png) repeat-y top right;
}
.border_top_right{
	float: right;
	height: 7px;
	width: 7px;
	background: transparent url(../images/border_top_right.png) no-repeat top right;
	font-size: 1px;
}
.border_bottom_right{
	float: right;
	height: 7px;
	width: 7px;
	background: transparent url(../images/border_bottom_right.png) no-repeat bottom right;
	font-size: 1px;
}
.border_bottom_left{
	float: left;
	height: 7px;
	width: 7px;
	background: transparent url(../images/border_bottom_left.png) no-repeat bottom left;
	font-size: 1px;
}

/* End shadow border */
/* Small border */
#border_small{
	position: relative;
	margin-left: 277px;
	top: 27px;
	height: 411px;
}

.border_bottom_small{
	float: left;
	height: 7px;
	width: 409px;
	background: transparent url(../images/border_bottom.png) repeat-x top left;
	font-size: 1px;
}
.border_right_small{
	float: right;
	height: 397px;
	width: 7px;
	background: transparent url(../images/border_right.png) repeat-y top right;
}
.border_top_right_small{
	float: right;
	height: 7px;
	width: 7px;
	background: transparent url(../images/border_top_right.png) no-repeat top right;
	font-size: 1px;
}
.border_bottom_right_small{
	float: right;
	height: 7px;
	width: 7px;
	background: transparent url(../images/border_bottom_right.png) no-repeat bottom right;
	font-size: 1px;
}
.border_bottom_left_small{
	float: left;
	height: 7px;
	width: 7px;
	background: transparent url(../images/border_bottom_left.png) no-repeat bottom left;
	font-size: 1px;
}
.border_bottom_left_padding{
	float: left;
	width: 250px;
	height: 7px;
}

/** End small border*/


#menu{
	float: left;
	width: 689px;
	background-color: white;
	font-size: 13px;
	font-family: Helvetica;
	font-weight: bold;
	color: #73809c;
	padding-top: 90px;
	padding-bottom: 12px;
	height: 16px;
/*	overflow: hidden;*/
	z-index: 95;
}

#menu ul{
	margin: 0;
	padding: 0;
	float: left;
	margin-left: -2px;
	list-style: none;
	z-index: 94;
}

#menu ul li{
	display: inline;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 2px solid #73809c;
	z-index: 93;
}

#menu a{
	color: #73809c;
	text-decoration: none;
}

#menu ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 10px;
	margin-left: -10px;
	background-color: white;
	z-index: 92;
}
#menu ul ul li{
	display: block;
	z-index: 91;
}
#menu ul li:hover ul{
	display: block;
}


#logo{
	float: left;
	width: 254px;
	height: 118px;
}

#title{
	width: 145px;
	margin-right: 0px;
	margin-left: auto;
	height: 257px;
	background-color: #73809c;
	margin-top: 100px;
}
#title img{
	float: right;
}

#content{
	float: left;
	background: transparent url(../images/transparentwhite.png) repeat top left;
	padding: 20px;
	padding-left: 50px;
	padding-right: 50px;
	width: 538px;
	height: 364px;
	margin-top: 0px;
	overflow: auto;
}

#content_small{
	float: left; 
	width: 211px;
	height: 364px;
	margin-top: 0px;
	padding: 20px;
	overflow: auto;
}

#extra_content_small{
	float: left;
	background: transparent url(../images/transparentwhite.png) repeat top left;
	padding: 20px;
	width: 375px;
	height: 364px;
	margin-top: 0px;
	overflow: auto;
}

#vestiging_text{
	float: left;
	width: 375px;
	 
}

#vestiging_photos{
	float: right;
	width: 190px;
	height:135px; 
	text-align: right;
}

#openingstijden{
	margin-top: 25px; 
	width: 375px;
	
}


#contact ul{
	color: white;
	font-weight: bold;
	padding-left: 15px;
}

#contact ul li{
}

#contact ul a{
	color: white;
}
#contact a{
	color: black;
}
#vestiging_photos img{
	margin-bottom: 10px;
}

*html #content, *html #extra_content_small{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/transparentwhite.png', sizingMethod='scale');
}

*html .top_border_bottom, *html .border_bottom, *html .border_bottom_small{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/border_bottom.png', sizingMethod='scale');
}

*html .top_border_bottom_right, *html .border_bottom_right, *html .border_bottom_right_small{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/border_bottom_right.png', sizingMethod='scale');
}
*html .top_border_bottom_left, *html .border_bottom_left, *html .border_bottom_left_small{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/border_bottom_left.png', sizingMethod='scale');
}
*html .top_border_right, *html .border_right, *html .border_right_small{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/border_right.png', sizingMethod='scale');
}
*html .top_border_top_right, *html .border_top_right, *html .border_top_right_small{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/border_top_right.png', sizingMethod='scale');
}
	

#extra_content_images td{
	width: 110px;
	height: 110px;
	text-align: center;
	vertical-align: top;
}
#extra_content_images td .spacer{
	height: 16px;
	overflow: hidden;
}
#extra_content_images img{
	padding: 15px;
	padding-bottom: 0px;
}

/** Eind default layout */

/** news layout */
#news table{
	width: 100%;
	border-collapse: collapse;
}

#news .title{
	font-weight: bold;	
	border-bottom: 1px solid black;
}

#news .date{
	text-align: right;
	border-bottom: 1px solid black;
}

#news .newsitem{
	padding-bottom: 25px;
}

#news .newsitem img{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

/** Eind news layout */

/** guestbook layout */
#guestbook table{
	width: 100%;
	border-collapse: collapse;
	padding: 0px; 
	margin: 0px;
}
	
































/** Eind default layout */

/** news layout */
#news table{
	width: 100%;
	border-collapse: collapse;
}

#news .title{
	font-weight: bold;	
	border-bottom: 1px solid black;
}

#news .date{
	text-align: right;
	border-bottom: 1px solid black;
}

#news .newsitem{
	padding-bottom: 25px;
}

#news .newsitem img{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

/** Eind news layout */

/** guestbook layout */
#guestbook table{
	width: 100%;
	border-collapse: collapse;
	padding: 0px; 
	margin: 0px;
}
	
































/** Eind default layout */

/** news layout */
#news table{
	width: 100%;
	border-collapse: collapse;
}

#news .title{
	font-weight: bold;	
	border-bottom: 1px solid black;
}

#news .date{
	text-align: right;
	border-bottom: 1px solid black;
}

#news .newsitem{
	padding-bottom: 25px;
}

#news .newsitem img{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

/** Eind news layout */

/** guestbook layout */
#guestbook table{
	width: 100%;
	border-collapse: collapse;
	padding: 0px; 
	margin: 0px;
}
	
































/** Eind default layout */

/** news layout */
#news table{
	width: 100%;
	border-collapse: collapse;
}

#news .title{
	font-weight: bold;	
	border-bottom: 1px solid black;
}

#news .date{
	text-align: right;
	border-bottom: 1px solid black;
}

#news .newsitem{
	padding-bottom: 25px;
}

#news .newsitem img{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

/** Eind news layout */

/** guestbook layout */
#guestbook table{
	width: 100%;
	border-collapse: collapse;
	padding: 0px; 
	margin: 0px;
}

#guestbook .title{
	font-weight: bold;	
	border-bottom: 1px solid black;
}

#guestbook .date{
	text-align: right;
	border-bottom: 1px solid black;
}

#guestbook .guestbookitem{
	padding-bottom: 25px;
}

#guestbook textarea{
	width: 325px;
	height: 150px;
	
}


#guestbook .captcha{
	width: 75px;
}

#guestbook .email_text, #guestbook .name_text{

	width: 75px;	
}

#guestbook .name, #guestbook .email {
	width: 250px;
}

#guestbook .error{
	color: red;	
}



/** Eind guestbook layout */

/** Forum */
#forum{
	float: left;	
	width: 630px;
}

#forum a, #forum_menu a, #forum_profile a, #moderator_menu a{
	color: black;	
}

#forum table{
	width: 630px;
	border-spacing: 0px;
	border-collapse: collapse;
}


#forum .title{
	width: 275px;	
}

#forum .maincategory{
	font-size: 13px; 
	font-weight: bold;
}

#forum .email_text{
	width: 75px;	
}

#forum textarea{
	width: 370px;
	height: 250px;
}

#forum .messagehead{
	background-color: #484848;	
	color: white;
}
#forum .categoryhead, #forum .topicshead{
	background-color: #484848;	
	color: white;
	height: 20px;
	text-align: left;
}

#forum .messagehead a, #forum .categoryhead a{
	color: white;
	padding-left: 10px;
}

#forum table .categorystatus{
	background-color: #484848;	
	text-align: center;
	width: 15px;
}

#forum table .categorydesc{
	padding: 4px;
	padding-left: 40px;
	font-size: 11px;	
}

#forum table .row1{
	background-color: #ddd;	
}

#forum_menu, #moderator_menu{
	float: right;	
	padding: 0px;
	width: 620px; 
	height: 12px;
	margin: 3px;
	text-align: right;
	background-color: transparent;
}

#forum .edit{
	font-size: 10px;	
	color: gray;
}

#forum .edittitleinput{
	width: 500px;
}

#forum .messagebody{
	background-color: #eee;
	padding: 10px;
}
#forum .quote{
	display: block;
	font-size: 10px;	
	margin-left: 15px;
	background-color: #ddd;

}

#forum table .profilelinks{
	vertical-align: top;	
	background-color: #ddd;
	padding-left: 10px;
}
#forum table .messagelinks{
	text-align: right;
	height: 28px;
}

#forum table .username{
	padding-left: 10px;	
}

#forum .onlineusers{
	font-size: 10px;
	width: 99%;
}

/* Eind forum layout */

/** Smileys nodig voor guestbook and forum */
 
#smileys{
    position: relative;
    width: 250px;
    text-align: center;
}

#smileys img{
    margin: 0px;
}

#smileys_default{
}

#smileys table{
	width: 100%;	
}

#smileys_more{
    display: none;
    position: absolute;
    top: 125px; left: 0px;
    left: -10px;
    background-color: #ddd;
    border: 1px solid gray;
}
 
/** Eind smileys */

/** Gallery layout */

#gallery{
	
}

#gallery table{
	border: 0px;
}

#gallery td{
	width: 147px;	
	border: 1px solid black;
	text-align: center;
}

#gallery td img{
	/*width: 145px;	/* Dit zou niet nodig moeten zijn, als de fotos direct met goede formaat geupload zijn. Als dit niet het geval is is dit een slechte tijdelijke oplossing, aangezien het mis gaat met verticale afbeeldingen */
}

#gallery td td{
	border: 0px;
}

#gallery_itemview{
	border: 0px;
		
}

#gallery_itemview img{
	margin: 0px;
	padding: 0px;
	border: 0px;
	
}

#gallery_itemview td{
	text-align: center;	
}

/** Eind gallery layout */


#mail_form .voornaam, .achternaam, .telefoon, .email{
	width: 250px;
}

#mail_form .postcode, .huisnummer{
	width: 90px;	
}

#mail_form .straat, .woonplaats{
	width: 150px;	
}

#mail_form .bericht{
	width: 400px;
	height: 60px;
}

.button{
}

