/** $Id: main.css 204 2009-12-09 15:21:06Z arno $
 */

div#container {
	width: 950px;
	margin: 0 auto;
	min-height: 600px;
	height: auto !important;
	background: #FFFFFF url(/images/framework/backgroundContainer.gif) left top repeat-y;
	position: relative;
}
div#header {
	background: #F2F0F0 url(/images/framework/backgroundHeader.jpg) left top no-repeat;
	height: 94px;
	width: 950px;
}
div#menu {
	background: #F2F0F0 url(/images/framework/backgroundMenu.gif) 0px 135px repeat-x;
	float: left;
	width: 202px;
	position: relative;
	margin-bottom: 50px;
}
div#bodyScroll {
	height : 500px;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
	width: 748px;
}
div#body {
	padding-top: 67px;
	float: left;
	width: 730px;
}
div#footer {
	background: #F23C8F;
	font-size: 8pt;
	height: 22px;
	width: 940px;
	color: #FFFFFF;
	text-align: right;
	line-height: 190%;
	padding-right: 10px;
}
div.lenenKostGeld {
	width: 724px;
	height: 46px;
	text-align: center;
}
div#slideshow {
	width: 202px;
	height: 206px;
	z-index: 50;
	position: absolute!important;
	left: 0;
	top: 0;
}
div.logoDTC {
	z-index: 25;
	position: absolute;
	left: 0px;
	bottom: 10px;
}

div#menuTop {
	position: absolute;
	left: 219px;
	top: 94px;
	width: 730px;
}
	ul#topMenu {
		list-style-type:none;
		list-style-type: none;
	    margin: 0px;
	    padding: 0px;
	    height: 34px;
	}
	ul#topMenu li {
		height: 34px;
		float: left;
		position: relative;
		padding-right: 10px;
	}
	ul#topMenu li a {
		background: url(/images/framework/topmenuBackground.jpg) left top no-repeat;
		display: block;
		float: left;
		color: #F23C8F;
		font-weight: bold;
		font-family: Arial;
		font-size: 13px;
		text-decoration: none;
		line-height:34px;
		width: 159px;
		text-align: center;
	}
	ul#topMenu a:hover, ul#topMenu a.itemOn {
		color:#F23C8F;
	}

div.menuSpace {
	height: 136px;
	width: 202px;
	background: #CCCBCD;
}
div.ulMenuBottom {
	background: #FFFFFF url(/images/framework/bottomMenu.gif) left top no-repeat;
	width: 202px;
	clear: both;
}
div.ulMenuBottom img {
	margin-top:20px;
}

/* Start mainmenu markup */
ul#mainMenu {
	list-style-type:none;
	width:202px;
    margin:0;
    padding:0;
    position: relative;
    z-index: 2;
}
ul#mainMenu li {
	width: 202px;
	height: 28px;
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px solid #FFFFFF;
}
ul#mainMenu li a {
	background: url(/images/framework/arrowMenu.gif) left top no-repeat;
	display: block;
	color: #757474;
	font-weight: bold;
	text-decoration: none;
	line-height:28px;
	padding-left: 46px;
	width: 156px;
}
ul#mainMenu a:hover, ul#mainMenu a.itemOn {
	color:#F23C8F;
}
ul#mainMenu li ul {
	list-style-type:none;
	display: none;
	width: 135px;
	position: absolute;
	z-index: 25;
	top: -1px;
	left: 202px;
	margin:0;
	padding:0;
}
ul#mainMenu li ul li {
	float: none;
}
ul#mainMenu li ul li a {
	background: #CCCBCD;
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 5px;
	width:180px;
}
ul#mainMenu li ul li a:hover {
	background:#E0DFE0;
	color:#F23C8F;
}
/* End mainmenu markup */
iframe.myIframe {
	width: 100%;
	height: 480px;
}

/* opmaak van het offere aanvraag iframe */
iframe.offerteFrame {
	border:0;
	margin:0;
	padding:0;
	width:600px;
	overflow:hidden;
}