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

* {
	margin:0;
	padding:0;
}


body {
	background: #2a7583;
	color: #818181;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img {
	border:0;
}

h1 {
    color: #2a7583;
    font-size: 28px;
    font-weight:bold;
    border-bottom:8px solid #2a7583;
}


h2 {
	background: #5bc1d4;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	display:block;
	padding:7px 5px 7px 5px;
}

h3 {
	background: #b8ce86;
	color: #FFF;
	font-size: 25px;
	font-weight: bold;
	display:block;
	padding:7px 5px 7px 5px;
}

#container {
	width: 915px;
	margin:0 auto;
	background: #FFF url(images/bgContainer.jpg) repeat-y; 
	padding:0 0 5px 18px;
}

#header {
	padding:0 0 0 4px;
}

#header img {
	
}

#nav {
	padding:4px 0 4px 0;
	_height: 20px;
	height: 28px;
	margin:-3px 22px 5px 4px;

}

#nav div {
	float:left;
	margin: 0 4px 0 0;
	padding: 7px;
	background: #2a7583;
	_padding:7px 0 7px 0;
	
}

#nav div.fill {
	height: 13px;
	width: 683px;
	_width: 697px;
	margin-right:0;
}


#nav div:hover {
	background: #5bc1d4;
}

#nav div.fill:hover {
	background: #2a7583;
}

#nav div a{
	_padding: 7px;
	_background: #2a7583;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	
}

#nav div a:hover {
	_background: #5bc1d4;

}

#contentContainer {
	margin: 0 0 0 4px;

}

#sidebar {
	float:left;
	margin-top:-5px;
	/margin-top:0;
}

#sidebar .menu {
	width: 200px;
	border: 1px solid #5bc1d4;
	margin: 0 0 10px 0;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	padding:3px 5px 3px 15px;
	background:url(images/arrow.gif) no-repeat;
	background-position: 5px -1px;
	_padding:3px 0 3px 0;
}

#sidebar ul li:hover {
	background:#5bc1d4 url(images/arrow_hover.gif) no-repeat;
	background-position: 5px -1px;
}

#sidebar ul li a {
	text-decoration: none;
	color: #818181;
	font-size: 11px;
	font-weight: bold;
	_padding:3px 5px 3px 15px;
	
}

#sidebar ul li a:hover {
	color: #FFF;
	_background:#5bc1d4 url(images/arrow_hover.gif) no-repeat;
	_background-position: 5px -1px;
}

#sidebar ul li.active {
    padding:3px 5px 3px 15px;
    _padding:3px 0 3px 0;
    background:#5bc1d4 url(images/arrow_hover.gif) no-repeat;
    background-position: 5px -1px;
}

#sidebar ul li.active a {
    text-decoration: none;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    _padding:3px 5px 3px 15px;
    _background:#5bc1d4 url(images/arrow_hover.gif) no-repeat;
    _background-position: 5px -1px;
}

#sidebar .menu img {
margin: 2px;
}

#content {
	margin:0 24px 0 210px;
}

#content .contentMenu {
	margin-left:-3px;
	_margin-left: 0;
}

#content .contentMenu h1 {
	background: #2a7583;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	display:block;
	padding:7px 5px 7px 5px;
	margin:0 -10px 10px -10px;
}

#content .aanbieder h1 {
	background: #2a7583;
	height:58px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	display:block;
	padding:20px 5px 0 10px;
	margin:-10px -10px 10px -10px;
	_margin:-10px -10px 10px -10px;
}

#content .aanbieder h1.IEFix {
	_margin:-10px -10px 10px -13px;
}

#content .aanbieder h1 img {
	float: left;
	border:none;
	margin: -20px 10px 0 0;
}

#content .aanbieder h1 .subTitle {
	color: #5bc1d4;
	font-size: 11px;
	display:block;
}

#content h1 a.toTop {
	color: #FFF;
	text-decoration: none;
	float:right;
	margin:5px 0 0 0;
	/margin: 7px 0 0 0;
	font-size: 10px;
	text-transform: uppercase;
	background: url(images/toTop.gif) no-repeat;
	background-position:0 1px ;
	padding-left: 20px;
	font-weight: bold;
}

#content h1 a:hover.toTop {
	color:#5bc1d4;
}

#content .contentMenu {
	border: 1px solid #2a7583;
	padding:0 10px 0 10px;
	margin-bottom: 10px;
}

#content .contentMenu p {
	margin:0 0 10px 0;
	line-height: 1.5;
}

#content .contentMenu a {
	color:#5bc1d4;
	text-decoration:underline;
}

#content .contentMenu a:hover {
	color:#2a7583;
}

.map {
	float:left;
	margin: 0 10px 10px 0;
	border: 1px solid #CCCCCC;
}

#content .aanbieder img {
	float:left;
	margin:0 10px 5px 0;
	border: 1px solid #CCCCCC;
	padding:1px;
}



#subMenu ul {
	margin:10px 0 10px -3px;
}

#subMenu ul li {
	display: inline;
	margin:0 3px 0 0;
	
	
}

#content #subMenu ul li a{
	color: #FFF;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	background:#5bc1d4 url(images/arrow_hover.gif) no-repeat;
	background-position:5px 2px;
	padding:5px 10px 5px 15px;
}

#content #subMenu ul li.dark a{
	color: #FFF;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	background:#2a7583 url(images/arrow_hover_dark.gif) no-repeat;
	background-position:5px 2px;
	padding:5px 10px 5px 15px;
}

#content #subMenu ul li a:hover {
	background:#2a7583 url(images/arrow_hover_dark.gif) no-repeat;
	background-position:5px 2px;
}

#content #subMenu ul li.dark a:hover {
	background:#5bc1d4 url(images/arrow_hover.gif) no-repeat;
	background-position:5px 2px;
}



#content .leftMenu {
	float:left;
	width: 330px;
	background:#2a7583;
	margin-bottom: 20px;
}

#content .leftMenu p{
	margin-bottom: 10px;
	color: #FFF;
	line-height: 1.5;
	padding:0 5px 0 5px;
}

#content .aanbieder {
	padding:0 0 30px 0;
	margin: 10px 0 20px 0;
	background: url(images/dottedLine.gif) repeat-x bottom left;
}


#content .aanbieder .title {
	text-transform:uppercase;
	font-size: 16px;
}

.title {
	display:block;
	margin-bottom:10px;
	font-weight: bold;
	color: #2a7583;
	
}

.title a {
	display:block;
	margin-bottom:10px;
	font-weight: bold;
	color: #2a7583;
}

.title a:hover {
	color: #5bc1d4;
}



#content .leftMenu .title {
	background:#FFF;
	padding:5px;
	margin: -5px -5px 0 -5px;
}

#content .leftMenu .prijs {
	background: #5bc1d4;
	padding: 5px;
	height:15px;
	color: #FFF;
	display:block;
	margin: 0 -5px -10px 200px;
	font-weight: bold;
	text-transform: uppercase;
}

#content .rightMenu {
	margin:0 0 0 340px;
	border: 1px solid #5bc1d4;
}

#content .rightMenu p{
	padding:5px 5px 5px 5px;
	line-height: 1.5;
}

#content .rightMenu img {
	float:left;
	margin: 0 10px 5px 0;
}

#content .rightMenu ul li {
	margin: 0 0 5px 15px;
	font-weight: bold;
}

#content .rightMenu div {
	border-bottom: 1px solid #5bc1d4;
	padding:10px 0 10px 0;
}


#footer {
	clear:both;
	height: 15px;
	margin: 0 24px 0 4px;
	background: #2a7583;
	color:#FFF;
	padding:5px;
	text-transform: uppercase;
}

#footer a{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	color:#5bc1d4;
}

.clear {
	clear:both;
	height:1px;
	display:block;
}