body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	background: #fff url("../images/body-blue-bg.png") repeat-x;
	color: #0082d1;
}
body.project {
	/*background: url("../images/body-gray-bg.png") repeat-x;*/
}

#container {

	position: relative;
	min-height: 100%;
}

#content,
.content {
	width: 700px;
	margin: 0px auto;
	text-align: left;
	padding-bottom: 30px;
}

#onderbalk .content {
	padding-bottom: 0px;
}


#bovenbalk {
height: 243px;
}
#bovenbalk img {
margin: 0px;
}
.project #bovenbalk img,
#bovenbalk #flashkop {
margin: 0px 0px 7px 0px;
}

#projectnamen {
position: absolute;
top: 200px;
width: 676px;
margin-top: -8px;
font-size: 8pt;
line-height: 9pt;
color: #80C2E3;
padding: 0px 12px;
text-align: justify;
}
#projectnamen a {
color: #fff;
text-decoration: none;
}
#projectnamen a:hover,
#projectnamen a.selected {
color: #80C2E3;
}
#projectnamen .kop {
color: #fecc00;
} 

#middenbalk {
padding: 10px 12px 15px 12px;
position: relative;
}
.project #middenbalk {
padding: 0px 12px 60px 12px;
}
#middenbalk p {
margin: 10px 0px;
}
#middenbalk em {
font-style: normal;
color: #666;
}

.logo {
font-weight: bold;
}
.logo .grijs {
color: #666
}

#onderbalk {
position: relative;
background: #008ac9;
width: 100%;
height: 33px;
}

#onderbalk .content img {
float: left;
}
#onderbalk .content p {
font-size: 8pt;
margin: 0px;
padding: 0px 0px 0px 180px;
color: #fff;
line-height: 8pt;
position: relative;
top: 4px;
}
#onderbalk .content address {
float: right;
color: #fff;
font-size: 8pt;
font-style: normal;
padding: 7px 12px 0px 0px;
}
#onderbalk #prpunt #rota {
float:right;
}

#onderbalk .content #rota img { 
	float: right;
	padding: 5px;
}
#onderbalk .content #prpunt img { float: right; }


address .divider {
color: #80C2E3;
}

#navigation {
position: relative;
z-index: 10;
float:left;
margin-right: 20px;
}
#projectinfo {
position: relative;
top: 2px;
}

#projectinfo p{
margin: 0px;
padding-top: 2px;
font-size: 8pt;
color: #8c8c8c;
}
#projectinfo .kop,
#projectinfo a.selected {
color: #3c3c3c;
}
#projectinfo a {
text-decoration: none;
}
#projectinfo {
margin-bottom: 30px;
}

#middenbalk .kop {
color: #666;
font-weight: bold;
text-transform: uppercase;
}

a img {
border: none;
}
a {
color: inherit;
}
a:hover {
text-decoration: none;
}

#debug {
position: absolute;
top: 0px;
left: 0px;
}


#middenbalk table {
width: 700px;
}
#middenbalk td {
width: 490px;
vertical-align: top;
}

.rightimage {
float: right;
}
.clearer {
clear: both;
}


.smoelenboek #middenbalk ul,
.imagelist {
margin: 0px;
padding: 0px;
list-style: none;
}
.smoelenboek #middenbalk li,
.imagelist li {
float: left;
border: solid 1px gray;
padding: 8px;
margin: 4px;
}
.smoelenboek #middenbalk li img,
.imagelist li img {
border: solid 1px gray;
margin: 0px;
padding: 0px;
display: block;
}

.mp3list { 
	list-style-image: url('../images/play.png'); 
}

#medialinks a img {
	padding: 5px;
}

#imgoverlay {
font-size: 8pt;
line-height: 9pt;
position: absolute;
top: -243px;
left: 70px;
width: 350px;
height: 146px;
padding: 15px 10px 15px 35px;
background: url("../images/overlay-bg.png");
color: #fff;
}
#overlayimage {
float: right;
padding: 0px 0px 0px 20px;
}

#medialinks {
	position: absolute; 
	right: 0px;
}