/*===================================================
FILENAME:			mu.default.css
DESCRIPTION:		Default Style Sheet
CREATED:			10/09/2007
INITIAL AUTHOR:		Elma Smit
UPDATED BY:			Elma Smit, 10/09/2007

Copyright (c) 2007 KeyAgency
http://www.dsi.nl/
===================================================*/

body
{
	font-family: 'Lucida Grande', Geneva, Arial, sans-serif;
	color: #999686;
}

hr,
.hide { display: none; }
.clear { clear: both; }
img { border: none; }
a { outline: none; }

/*
| -------------------------------------------------------------------
| HEADER
| -------------------------------------------------------------------
*/

#header
{
	height: 50px;
	margin: 0px;
	background-image: url('../gui/menu/navbar.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

#header .homelink
{
	float:left;
	clear:none;
}

#headerimage
{
	height: 165px;
}


/*
| -------------------------------------------------------------------
| BASIS
| -------------------------------------------------------------------
*/


#page
{
	width: 960px;
	padding-top:30px;
	/*
	margin: 0 auto;
	*/
		
	margin-left:-480px;
	position:relative;
	left: 50%;
	z-index:10;
}

#page .column
{ 
	float: left;
	clear:none;
}

#page .row { clear: both; }



/*
| -------------------------------------------------------------------
| PAGECONTENT 
| -------------------------------------------------------------------
*/


/*
| default
*/


#page a
{
	color: #999686;
}

#page .column
{
	margin: 70px;
	margin-right:50px;
	width: 360px;
}

#page .column a {  }
#page .column a:hover {  }
#page .column p.intro {  }

#page .column p
{
	/* 	padding: 0 0 15px 0; */
	font-size: 97%;
	line-height: 165%;
}

#page .column ul
{
	font-size: 85%;
	line-height: 140%;
	font-weight: inherit;
}

#page .column h3
{
	color: #999686;
	font-size: 110%;
	font-weight: bold;
	line-height: 145%;
	margin: 0pt 0pt 1em 0pt;
	letter-spacing: 1px;
}

#page .column h4
{
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
}

#page .column h3 span
{
	font-size: 92%;
	font-weight: normal;
}

/*
| -------------------------------------------------------------------
| 'left' columns
| -------------------------------------------------------------------
*/

#page #pictures,
#page #contactform
{
	margin:0;
	padding: 70px 0 0 26px;
	width: 454px;
}

#page #pictures span {  float:left;white-space: nowrap; }

#page #pictures .thumbnail
{
	position:relative;
	
}


#page #pictures .thumbnail img
{
	border: 1px #999686 solid;
	margin-right:4px;
	margin-top:4px;
	float:left;
}


/*
| -------------------------------------------------------------------
| multiple contents
| -------------------------------------------------------------------
*/

#scroller
{
	margin: 0px 0 0 0;
	clear: both;
	height: 100%;
	width: 960px;
	overflow: hidden;
	position: relative;
	
}
#scroller
{overflow-x: hidden}



#scroller #content { width: 5440px; position:relative; }

.pagecontainer
{
	margin:0px;
	width: 960px;
	position: relative;
	float: left;
	clear:none;
}

/*
| -------------------------------------------------------------------
| homecontent & static imagery
| -------------------------------------------------------------------
*/

#staticlogo
{
	position: absolute;
	display:none;
	width: 480px;
	height:76px;
	top: 120px;
	right: 50%;
	z-index:100;
}

#staticlogo img
{
	margin:25px;
}

#homecontent
{
	margin: 36px auto;
	position: absolute;
	width: 480px;
	background-color: #FFF;
	padding: 0;
	display: none;
	top: 100px;
	left: 50%;
	z-index:100;
}

#homecontent p
{ 
	padding:10px 50px 0 70px;
	font-size: 95%;
	line-height: 165%;
}

#homebanner
{
	position: absolute;
	left: 20px;
	height: 90px;
	z-index: 200;
	padding: 14px;
	border: 1px #7AAB37 solid;
	background-color: #FFF;
	margin-top:36px;
}

#homebanner a
{
	float:left;
	color: #000;
	text-decoration: none;
	display:inline-block;
	clear:both;
	font-size: 88%;
}
#homebanner a
{
	padding:0;
}
#homebanner span a
{
	padding-left:1px;
	font-size:90%;
	line-height:170%;
}

#homebanner a.img-bezichtigingen
{
	position:relative;
	display:block;
	width:280px;
	height:49px;
	overflow:hidden;
}

/*
| -------------------------------------------------------------------
| NAVIGATION
| -------------------------------------------------------------------
*/

#navigation
{
	padding: 0;
	text-align: right;
	margin-right:20px;
}

#navigation ul
{
	float:right;
	margin: 0px;
	padding: 0px;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
	float: left;
	height: 50px;
	vertical-align: middle;
}

#header a.homelink,
#navigation ul li a
{
	font-size: 100%;
	text-decoration: none;
	color: #a4a384;
	display: block;
	height: 50px;
	padding: 0 12px 0 12px;
	margin: 0 20px 0 20px;
	float: left;
	clear: none;
	position: relative;
	vertical-align: middle;
	line-height: 46px;
}


#navigation ul li a.selected,
#navigation ul li a:hover
{
	color: #fff;
	background-image: url('../gui/menu/navitem_active.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

#navigation ul li a strong
{
	font-style: normal;
	font-weight: normal;
}
/*
| -------------------------------------------------------------------
| Forms
| -------------------------------------------------------------------
*/

.cssform p
{
	margin: 0;
	font-size: 85%;
	padding: 5px 0 8px 0;
	border-top: 1px solid #dbe1d0;
	height: 1%;
}

.cssform label
{
	font-weight: bold;
	float: left;
	width: 150px;
}

.cssform textarea,
.cssform input
{
	border-width: 1px 1px 1px 1px;
	border-color: #898989 #898989 #c1c1c1 #c1c1c1;
	border-style: solid;
	width: 250px;
}

.cssform input.checkbox,
.cssform input.radio
{
	margin-right: 5px;
	width: 20px;
	border: 0 none;
}

.cssform input.image
{
	margin-right: 5px;
	width: 154px;
}

.cssform textarea
{
	width: 250px;
	height: 150px;
}