html,
body {
	margin: 0; padding: 0; height: 100%;
}

body	{
	background: #c4b8b4 url(../images/interface/background_opdepersoon.png) fixed no-repeat left top;
}
#page_home {
	overflow: hidden;
}
#page_home body {
	background: #c4b8b4;
}
#page_opdepersoon body {
	background: #c4b8b4 url(../images/interface/background_opdepersoon.png) fixed no-repeat left top;
}
#page_mensencreatie body,
#page_ontwerpen body {
	background: #c4b8b4 url(../images/interface/background_ontwerpen.png) fixed no-repeat left top;
}
#page_golf body {
	background: #c4b8b4 url(../images/interface/background_ontwerpen.png) fixed no-repeat left top;
}
#page_contact body {
	background: #c4b8b4 url(../images/interface/background_contact.png) fixed no-repeat left top;
}
#page_indepubliciteit body,
#page_pers body {
	background: #bdb0ac url(../images/interface/background_indepers.png) fixed no-repeat left top;
}

/* flashBackground */
#flashBackground {
	position: absolute; top: 0; left: 0;
	width: 1050px; height: 1050px;
}


/* various classes */

.skip,
.noScreen {
	display: none;
}

a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}

.image {
	clear: both;
}

.left {
	float: left;
	margin: 0 1.5em 1em 0;
}

.right {
	float: right;
	margin: 0 0 1.5em 1em;
}

.center {
	text-align: center;
}

abbr {
	border: none;
}

/* float clearing */
.clear,
.clearBoth,
.clearLeft,
.clearRight {
	clear: both;
	margin: 0; padding: 0;
	height: 0; line-height: 0%; font-size: 0;
	overflow: hidden; visibility: hidden;
}
.clearLeft	{ clear: left; }
.clearRight	{ clear: right; }


/* #wrapper */

#wrapper {
	position: relative;
}


/* logo */
#page_home body #logo {
	display: none;
}
#logo h1 {
	position: absolute;
	top: 158px;
	left: 155px;
	width: 280px;
	height: 75px;
	background: url(../images/interface/logo_sub.png) no-repeat left top;
}

#page_home h1 {
	background: url(../images/interface/logo_home.png) no-repeat left top;
}
#page_indepubliciteit h1,
#page_pers h1 {
	background: url(../images/interface/logo_indepers.png) no-repeat left top;
}

#logo h1 a	{
	display: block;
	width: 280px;
	height: 75px;
	text-indent: -999em;
	text-decoration: none;
}

h2 {
	display: none;
}
#content h2 {
	display: block;
}

h3 {
	color: #d3c7a9;
}

#page_pers h3,
#page_in-de-publiciteit h3 {
	color: #333;
}


/* #content */

#content {
	padding: 270px 0 20px 182px;
	padding-bottom: 20px;
	min-height: 250px;
	width: 620px;
}

* html #content {
	height: 250px;
	width: 802px;
	w\idth: 620px;
}


#page_contact #content {
	width: 597px;
	w\idth: 415px;
}


/* sidePhoto */

#sidePhoto {
	position: absolute;
	left: 30px; top: 270px;
	width: 120px; height: 180px;
	overflow: hidden;
}

#page_home #sidePhoto {
	display: none;
}


/* address */

#address {
	position: absolute;
	left: 677px; top: 310px;
	width: 170px;
}
#address address {
	font-style: normal;
}


/* #menu */

#menu {
	position: absolute;
	top: 145px;	left: 675px;
}

#menu ul,
#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li a {
	background: url(../images/interface/bullet_menu.png) no-repeat 0px 1px;
	padding-left: 20px;
	line-height: 22px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: white;
}
#page_indepubliciteit #menu li a,
#page_pers #menu li a {
	background-image: url(../images/interface/bullet_menu_indepers.png);
}

#menu li a:hover {
	color: #ef825a;
}

#wrapper #menu li.active {
	display: none;
}


/* #sideMenu */
#sideMenu {
	position: absolute;
	left: 20px;
	top: 465px;
	width: 135px;
}
#sideMenu ul {
	margin: 0;	padding: 0;	list-style: none;
}
#sideMenu li {
	margin: 0 0 9px 0;	padding: 0 0 0 20px;
	background: url(../images/interface/bullet_sidemenu.gif) no-repeat 5px 2px;
	line-height: 1.2;
}
#sideMenu li a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	color: white;
}
	* html #sideMenu li a {
		height: 0.1em;
	}
#sideMenu li.active a,
#sideMenu li a:hover {
	color: #ef825a;
}