/* ----------------------------------------------------------------------- BASICS */

html
{
	background-image: url('images/html.png');
	background-repeat: repeat-x;
	background-color: #dbe6d7;
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 18px;
}

body
{
	background-image: url('images/body.png');
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0;
	padding: 0;
}
	
div, p, form, img{
	padding:0px; margin:0px;
}

h1 {font-size:18px;}	
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}

h1, h2, h3, h4, h5
{
	padding:5px 0px;
	margin:5px 0px;
}
input
{
	font-size:11px;	
}
textarea
{
	width:300px;
	height:100px;
}

/* ----------------------------------------------------------------------- LINKS */

a {
	color:#666;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;	
}

/* ----------------------------------------------------------------------- LAYOUT */

div#container
{
	width: 770px;
	margin: 0 auto;
	height: 500px;
}

div#top-menu
{
	padding: 170px 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

div#main
{
	margin: 15px 0 0 0;
}

div#main-top
{
	background-image: url('images/main-top.png');
	background-repeat: no-repeat;
	height: 123px;
}

div#main-middle
{
	background-image: url('images/main-middle.png');
	background-color: #FFF;
	background-repeat: repeat-y;
}

div#main-bottom
{
	background-image: url('images/main-bottom.png');
	background-repeat: no-repeat;
	height: 38px;
	text-align: center;
	color: #FFF;
}

div#main-bottom span
{
	position: relative;
	top: 9px;
}

.breaker
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

div#menu
{
	width: 185px;
	margin-top: -123px;
	float: left;
	position: relative;
}

div#menu a
{
	text-decoration: none;
}

.menu-spacer
{
	position: absolute;
	top: -1px;
	left: -2px;
}

div#languages
{
	width: 185px;
	text-align: center;
}

div#languages img
{
	border: none;
	margin: 10px 5px 5px 5px;
}

img#bouwgerant
{
	margin: 10px 0 0 45px;
	border: none;
}

div#content
{
	width: 555px;
	margin-top: -123px;
	float: right;
	padding: 15px 10px 10px 0;
}

div#footer
{
	color:#336921;
	text-align: center;
}

#webburo
{
	margin: 5px 0 0 0;
	border: none;
}

/* ----------------------------------------------------------------------- TOP-MENU */

div#top-menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#top-menu li
{
	margin: 0;
	padding: 0;
	float: left;
	width: 130px;
}

div#top-menu li a
{
	display: block;
	width: 90px;
	height: 6px;
	padding: 37px 20px 20px 25px;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
}

div#top-menu .on a
{
	color: #333;
}

div#top-menu li a:hover
{
	color: #333;
}

/* ----------------------------------------------------------------------- HEAD-MENU */

div#menu ul
{
	margin: 3px 2px 2px 2px;
	padding: 0;
	list-style-type: none;
}

div#menu li
{
	margin: 0;
	padding: 0;
}

.on a
{
	font-weight: bold;
}

.on li a
{
	font-weight: normal;
}

div#menu li a
{
	background-image: url('images/menu-item.png');
	background-repeat: no-repeat;
	display: block;
	width: 158px;
	height: 23px;
	text-decoration: none;
	padding: 2px 0 0 25px;
	color:#336921;
}

div#menu li ul li a
{
	display: block;
	width: 152px;
	height: 23px;
	padding: 2px 0 0 28px;
}

div#menu a:hover
{
	font-weight: bold;
}

/* ----------------------------------------------------------------------- NEWS */
.news_item
{
	padding-bottom:0px;	
	border-bottom:1px solid #CCC;
	margin-top:10px;
}
.news_title
{
	font-size:12px;
	font-weight:bold;
	padding-bottom:3px;
}
.news_date
{
	font-style:italic;	
}

.news_image { }

.news_summary_thumb_container
{
	float:left;
	margin:0px 5px 5px 0px;
}
.news_summary_thumb_container img
{
	width:100px;	
	padding:1px;
	border:1px solid #ccc;
}

.news_readmore
{
	clear:both;
	text-align:right;
}

#mod_news_archivelink
{
	border-top:1px dotted #ccc;	
	font-weight:bold;
	color:#0067b4;
	text-align:center;
	margin:10px 0 0 0;
}
.news_item_archive
{
	position:relative;	
	line-height:1.8em;
}
.news_item_archive .news_title
{
	position:absolute;
	left:80px;
	border:0;	
}
.news_item_archive .news_date
{
	position:absolute;
	left:5px;
	border:0;	
}
.news_item_archive
{
	border-bottom:1px dotted #0067b4;		
}


/* ----------------------------------------------------------------------- SEARCH */
#search_shop{
	width:200px;
	padding:5px;
}
#search_site{
	width:200px;
	padding:5px;
}

/* ----------------------------------------------------------------------- SHOP SPOTLIGHT */
#spotlightContainer
{
	width:100%;	
}
.item_spotlight{
	float:left;
	padding:3px;
}

.item_spotlight img{
	}
	
.item_spotlight h3 a{
	}

/* ----------------------------------------------------------------------- GUESTBOOK */
#guestbook_write
{
	padding:3px;	
}
.guestbook_comment
{
	margin-bottom:20px;	
}
.guestbook_content
{
	padding:5px;
	border:1px solid #ddd;
}
.guestbook_sig
{
	font-weight:bold;	
	background:#ddd;
	padding:5px;
}

#guestbook_form img
{
	border:0;
}	
#guestbook_form input
{
	width:300px;
	font-size:10px;
	padding:5px;
}
#guestbook_form textarea
{
	width:300px;
	height:150px;
}
.error
{
	color:#f00;	
}


/* ----------------------------------------------------------------------- GALLERY */

#gal_wrapper{
	width:630px;
	text-align:center;}
	
#gal_title{
	width:630px;
	font-size:14px;
	font-weight:bold;
	color:#000;}

#gal_title a{
	font-size:14px;
	font-weight:bold;
	color:#000;}

#gal_image_name{}
	
#gal_allthumbs{
	width:630px;}
	
#gal_viewer{
	width:630px;}

#gal_nav{
	display:inline;
	vertical-align:top;
}
#gal_image_wrapper{}

#gal_image{}

#gal_nav_arrow_1{
display:inline;
}
 
#gal_nav_arrow_2{
	display:inline;}

#gal_nav_thumbs{
	display:inline;
}
#gal_nav_thumbs img{
	display:inline;
}

/* ----------------------------------------------------------------------- PROJECTS */

#mod_projects_items table
{
	width:100%;	
	border-collapse: collapse;
}
#mod_projects_items td
{
	padding:4px;	
}
#mod_projects_items img
{
	border:0;	
}

#mod_projects_items .td_leesmeer
{
	text-align:right;	
}
#mod_projects_items th
{
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 4px;
	
}
#mod_projects_items td
{
	border-bottom: 1px solid #ccc;
	text-align:left;		
}