@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color:#bcbdc0;
}

a:link {
	color: #00A4C4;
	text-decoration: underline;
	border:none;
}
a:visited {
	text-decoration: underline;
	color: #00A4C4;
	border:none;
}
a:hover {
	text-decoration: none;
	color: #4C4D30;
	border:none;
}
a:active {
	text-decoration: underline;
	color: #00A4C4;
	border:none;
}

#outer {
	height: 100%;
}

#container {
	position:relative;
	height: 550px;
	width: 950px;
	background-image:url(../images/bg_content_prooost.png);
}

#menu {
	height: 550px;
	width: 285px;
	float:left;
}

#content {
	height:550px;
	width:410px;
	float:left;
} 

#imageslide {
	height:550px;
	width:255px;
	float:left;
}

#logo {
	width:259px;
	position:relative;
	height:262px;
	}
	
a.logo {
	display:block;
	width:259px;
	height:262px;
}

#whitespacertop {
	width:259px;
	height:10px;
	background-image:url(../images/spacer_white.png);
}


#buttonspecialiteiten {
	position:relative;
	width:259px;
	height:39px;
	border:none;
}

a.specialiteiten {
	display:block;
	background-image:url(../images/prooost_specialiteiten3.png);
	background-repeat:no-repeat;
	height: 39px;
	width: 259px;
	border:none;
}

a.specialiteiten:hover, .specialiteiten_on {
	display:block;
	background-image: url(../images/prooost_specialiteiten4.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 259px;
	border:none;
}


#buttonprooostatwork {
	position:relative;
	width:259px;
	height:39px;
}

a.prooostatwork {
	display:block;
	background-image:url(../images/prooost_atwork3.png);
	background-repeat:no-repeat;
	height: 39px;
	width: 259px;
	border:none;
}

a.prooostatwork:hover, .prooostatwork_on {
	display:block;
	background-image: url(../images/prooost_atwork4.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 259px;
	border:none;
}

#buttoncontact {
	position:relative;
	width:259px;
	height:39px;
	border:none;
}

a.contact {
	display:block;
	background-image:url(../images/prooost_contact3.png);
	background-repeat:no-repeat;
	height: 39px;
	width: 259px;
}

a.contact:hover, .contact_on {
	display:block;
	background-image: url(../images/prooost_contact4.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 259px;
	border:none;
}


/*  SUBBUTTONS */


#buttonevenementen {
	position:relative;
	width:260px;
	height:21px;
}

a.evenementen {
	display:block;
	background-image:url(../images/evenementen3.png);
	background-repeat:no-repeat;
	width:260px;
	height:21px;
}

a.evenementen:hover, .evenementen_on {
	display:block;
	background-image: url(../images/evenementen4.png);
	background-repeat: no-repeat;
	width:260px;
	height:21px;
}

#buttonmarketing {
	position:relative;
	width:260px;
	height:21px;
}

a.marketing {
	display:block;
	background-image:url(../images/marketingcommunicatie3.png);
	background-repeat:no-repeat;
	width:260px;
	height:21px;
}

a.marketing:hover, .marketing_on {
	display:block;
	background-image: url(../images/marketingcommunicatie4.png);
	background-repeat: no-repeat;
	width:260px;
	height:21px;
}

#buttoncoaching {
	position:relative;
	width:260px;
	height:21px;
}

a.coaching {
	display:block;
	background-image:url(../images/coachingadvies3.png);
	background-repeat:no-repeat;
	width:260px;
	height:21px;
}

a.coaching:hover, .coaching_on {
	display:block;
	background-image: url(../images/coachingadvies4.png);
	background-repeat: no-repeat;
	width:260px;
	height:21px;
}


#buttonbeachstadion {
	position:relative;
	width:260px;
	height:21px;
}

a.beachstadion {
	display:block;
	background-image:url(../images/beachstadion3.png);
	background-repeat:no-repeat;
	width:260px;
	height:21px;
}

a.beachstadion:hover, .beachstadion_on {
	display:block;
	background-image: url(../images/beachstadion4.png);
	background-repeat: no-repeat;
	width:260px;
	height:21px;
}

#imagesslider {
	position:absolute;
	top: 45px;
	height: 460px;
	width:255px;
}

#txt {
	position:absolute;
	top:141px;
	width:410px;
	height:407px;
}

.txt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4c4d30;
	line-height:25px;
}

.boldblue {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00a4c4;
	font-weight:bold;
	line-height:25px;
}

#pijlen {
	position:absolute;
	bottom:5px;
	width:410px;
	height:25px;
	z-index:5;
}
img {border: none}
.clear {clear:both;}