/* ----------------------------------------------------------------------- BASICS */

html
{
	background-image: url('images/html.png');
	background-repeat: repeat-x;
}

body
{
	background-image: url('images/body.png');
	background-repeat: no-repeat;
	background-position: top center;
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 18px;
	padding: 0;
	margin: 0 0 10px 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#header
{
	background-image: url('images/header.png');
	background-repeat: no-repeat;
	width: 898px;
	height: 213px;
}

	div#showcase
	{
		position: relative;
		width: 347px;
		height: 140px;
		background-color: #CCC;
		top: 45px;
		left: 543px;
	}

div#container
{
	width: 898px;
	margin: 0 auto;
	background-image:url('images/containerback.png');
}

div#menu
{
	width: 207px;
	float: left;
}

div#content
{
	position: relative;
	padding: 5px 10px;
	width: 660px;
	float: left;
}

h3#content-title
{
	position: absolute;
	top: -18px;
	color: #FFF;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.breaker
{
	height: 1px;
	overflow: hidden;
	clear: both;
}

div#footer
{
	background-image: url('images/footer.png');
	background-repeat: no-repeat;
	height: 34px;
	width: 898px;
	text-align: right;
}

	div#footer span
	{
		color: #FFF;
		position: relative;
		top: 4px;
		right: 20px;
	}

/* ----------------------------------------------------------------------- HEAD-MENU */

div#menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#menu li
{
	margin: 1px 0 0 9px;
	padding: 0;
}

div#menu ul li a
{
	background-color: #33689b;
	display: block;
	width: 187px;
	height: 22px;
	color: #FFF;
	padding: 2px 0 0 10px;
	font-weight: bold;
	text-decoration: none;
}

div#menu ul li.on a
{
	background-color: #ec008c;
}

div#menu ul li.on ul li a
{
	background-color: #33689b;
}

div#menu ul li ul li
{
	margin: 1px 0 0 0;
}

div#menu ul li ul li a
{

	width: 177px;
	height: 22px;
	padding: 2px 0 0 20px;
}

div#menu ul li a:hover
{
	background-color: #ec008c;
}


/* ----------------------------------------------------------------------- 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;
}

#mod_projects_items table
{
	width:100%;	
}
#mod_projects_items td
{
	padding:2px;	
}
#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;
	
}
#mod_projects_items td
{
	border-bottom: 1px solid #ccc;
	text-align:left;		
}

