/* default stylesheet */

* {
	margin: 			0;
	padding: 			0;
}

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;
}

body {
	background:		 	#FFFFFF url(../images/pattern_stippen.gif) repeat top center;
	color: 				#000000;
	font-family:		Arial, Verdana;
	font-size: 			62.5%; /* now default font size is 10px --> 1.2em = 12px */
	line-height: 		140%;
}

/*****************************************************/
/*                                                   */
/*                     CONTAINER                     */
/*                                                   */
/*****************************************************/

#container {
	position:			relative;
	min-height: 		100%;
	height: 			100%;
	text-align:			center;
	voice-family: 		"\"}\"";
	voice-family: 		inherit;
	height: 			auto;
}

html>body #container {
	height: 			auto;
}
			
#wrapper {
	clear:				both;
	margin: 			0 auto;
	text-align: 		left;
	width: 				950px;
}

#footer {
	clear:				both;
	margin:				0 auto;
	padding:			20px;
	text-align:			center;
	width:				860px;
}

/*****************************************************/
/*                                                   */
/*                       TAGS                        */
/*                                                   */
/*****************************************************/


table {
	border
}

p {
	font-size:			1em;
	margin-bottom:		2em;
}

h1 {
	color:				#671364;
	font-size:			1.2em;
	line-height:		1em;
	margin-bottom:		1em;
	text-transform:		uppercase;
}


h2 {
	color:				#671364;
	font-size:			1.1em;
	line-height:		1em;
	margin-top:			1em;
	margin-bottom:		1em;
	text-transform:		uppercase;
}

h3 {
	color:				#000000;
	font-size:			1em;
	line-height:		1em;
}


a {
	color:				#671364;
	text-decoration:	underline;	
}

a:hover {
	color:				#671364;
	text-decoration:	underline;	
}

ul {
	list-style: 		none;
}

td {
	padding:			3px 0;
	vertical-align:		top;
}

img {
	border: 			none;
}

input, select, textarea {
	font-family:		Trebuchet MS, Verdana;
	font-size:			1em;
	width:				200px;
}

select.offerte {
	font-family:		Arial;
	font-size:			1em;
	width:				70px;
}

input.offerte, textarea.offerte {
	font-family:		Arial;
	font-size:			1em;
	width:				auto;
}

input.offerte2 {
	font-family:		Arial;
	font-size:			1em;
	width:				100px;
}

textarea {
	height:				100px;
}

.error {
	color:				#FF0000;
}

.errorfield {
	border:				1px solid #FF0000;
}

#footer p {
	font-size:			1.2em;
}
/*****************************************************/
/*                                                   */
/*                      HEADER                       */
/*                                                   */
/*****************************************************/

#header {
	margin:				0 0 53px 0;
	padding:			10px 0 0 0;
}

/* logo */
h1#mm-logo {
	margin:				0 auto;
	width:				350px;
}

h1#mm-logo a {
	display: 			block; /* h1 in de header wordt vervangen door het BrandPhoto.com logo */
}

h1#mm-logo a span {
	display: 			none;
}

/*****************************************************/
/*                                                   */
/*                    CONTENT                        */
/*                                                   */
/*****************************************************/

#content-left {
	float:				left;
	font-size:			1.2em;
	width:				250px;
}

ul#nav {
	margin:				-1px 0 0 16px;
}

ul#nav li {
	margin:				0 0 15px 0;
	padding:			3px 0 0 0;
}

ul#nav li a {
	background:			url(../images/bg_nav_left.gif) no-repeat left center;
	padding:			3px 0 2px 10px;
}

ul#nav li a span {
	background:			url(../images/bg_nav_right.gif) no-repeat right center;
	padding:			3px 15px 2px 5px;
}

ul#nav li a:hover {
	background:			url(../images/bg_nav_over_left.gif) no-repeat left center;
	padding:			3px 0 2px 10px;
}

ul#nav li a:hover span {
	background:			url(../images/bg_nav_over_right.gif) no-repeat right center;
	padding:			3px 15px 2px 5px;
}

ul#nav li.active a {
	background:			url(../images/bg_nav_active_left.gif) no-repeat left center;
	padding:			3px 0 2px 10px;
}

ul#nav li.active a span {
	background:			url(../images/bg_nav_active_right.gif) no-repeat right center;
	padding:			3px 15px 2px 5px;
}



ul#submenu {
	margin:				0 0 0 26px;
}

ul#submenu li {
	margin:				0 0 15px 0;
	padding:			3px 0 0 0;
}

ul#submenu li a {
	background:			url(../images/bg_nav_left.gif) no-repeat left center;
	color:				#671364;
	padding:			3px 0 2px 10px;
	text-decoration:	none;
}

ul#submenu li a span {
	background:			url(../images/bg_nav_right.gif) no-repeat right center;
	padding:			3px 15px 2px 5px;
}

ul#submenu li a:hover {
	background:			url(../images/bg_nav_over_left.gif) no-repeat left center;
	padding:			3px 0 2px 10px;
}

ul#submenu li a:hover span {
	background:			url(../images/bg_nav_over_right.gif) no-repeat right center;
	padding:			3px 15px 2px 5px;
}

ul#submenu li.active a {
	background:			url(../images/bg_nav_active_left.gif) no-repeat left center;
	padding:			3px 0 2px 10px;
}

ul#submenu li.active a span {
	background:			url(../images/bg_nav_active_right.gif) no-repeat right center;
	padding:			3px 15px 2px 5px;
}


















#news {
	background:			#FFFFFF url(../images/bg_news.gif) no-repeat left bottom;
	line-height:		1.6em;
	margin:				79px 0 20px 16px;
	padding:			5px 0 0 10px;
	width:				187px;
}

*html #news {
	width:				200px;
}

#news p.date {
	font-size:			0.8em;
	margin:				1em 0 0 0;
}

#news #news_image {
	margin:				13px 0 13px -2px;
}

#news .leesmeer {
	line-height:		1.5em;
	margin:				-11px 0 0 -10px;
}

#news .leesmeer a {
	color:				#671364;
	font-weight:		bold;
	padding:			0 10px 5px 125px;
	text-decoration:	none;
}




#content-right {
	float:				left;
	font-size:			1.2em;
	line-height:		1.6em;
	width:				700px;
}

#content {
	background:			#FFFFFF url(../images/bg_content.gif) repeat-y right top;
	margin:				0 0 0 35px;
	padding:			3px 28px 30px 0;
	width:				380px;
}

#content ul {
	margin:				-20px 0 0 0;
}

#content ul li {
	background:			#FFFFFF url(../images/bullit.gif) no-repeat left 5px;
	padding:			0 0 0 18px;
}




