/*-----------------------------------------------------------------*/
/* [Table of contents]

1. 	Main
2. 	Body
3. 	Content #Content
4. 	Navigatie main #Menu
5. 	Navigatie Rechts #MenuRight
6. 	Interduo logo css image replacement
7. 	IMGHeader
8. 	Citaat #Citaat
9. 	Form
10.	Footer
	
/*-----------------------------------------------------------------*/
/* [1. Main] */

* { margin:0; padding:0; }
a { color: #98311F; outline: none; text-decoration: none; }
a:hover{ color: #98311F; text-decoration: underline; }
ul, li{ list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/*-----------------------------------------------------------------*/
/* [2. Body] */

body{
	background: #FFFFF2 url(../images/layout/background_body.gif) repeat-y;
	color: #666666;
	font: 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

/*-----------------------------------------------------------------*/
/* [3. Content] */
#Content{
	left: 200px;
	padding: 0px 0px 50px 0px;
	position: absolute;
	top: 150px;
	width: 510px;
	z-index: 500;
}

#Content h1{
	color: #666666;
	font: bold 1.05em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
}

#Content h2{
	color: #666666;
	font: bold 1.05em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
}

#Content p, #Content table{
	color: #666666;
	font: 1.05em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 20px 20px 0px;
}

#Content td{ vertical-align: top; }

#Content ul{ margin: 0px 0px 20px 0px; }

#Content ul li{
	background: url(../images/layout/background_li.gif) no-repeat 0px 8px;
	color: #666666;
	font: 1.05em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 13px;
}

#Content ol{ 
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 25px;
}

#Content ol li{
	color: #666666;
	font: 1.05em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 15px;
	list-style: decimal;
}


#Content hr{
	margin: 0px 0px 20px 0px;
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: 0px solid #CCCCCC;
}

/*-----------------------------------------------------------------*/
/* [4. Navigatie #Menu] */
#Menu{
	left: 10px;
	position: absolute;
	top: 150px;
	width: 150px;
}

#Menu ul li a{
	display: block;
	float: left;
	line-height: 2500px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
}

#Menu ul li a.welkom{ background: url(../images/layout/nav_welkom.png) no-repeat 0px 0px; height: 18px; width: 129px; }
#Menu ul li a.welkom:hover{ background: url(../images/layout/nav_welkom.png) no-repeat 0px -28px; }

#Menu ul li a.keuze{ background: url(../images/layout/nav_keuze.png) no-repeat 0px 0px; height: 34px; width: 112px; }
#Menu ul li a.keuze:hover{ background: url(../images/layout/nav_keuze.png) no-repeat 0px -44px; }

#Menu ul li a.bedoeld{ background: url(../images/layout/nav_bedoeld.png) no-repeat 0px 0px; height: 34px; width: 128px; }
#Menu ul li a.bedoeld:hover{ background: url(../images/layout/nav_bedoeld.png) no-repeat 0px -44px; }

#Menu ul li a.methode{ background: url(../images/layout/nav_methode.png) no-repeat 0px 0px; height: 18px; width: 131px; }
#Menu ul li a.methode:hover{ background: url(../images/layout/nav_methode.png) no-repeat 0px -28px; }

#Menu ul li a.garanties{ background: url(../images/layout/nav_garanties.png) no-repeat 0px 0px; height: 18px; width: 113px; }
#Menu ul li a.garanties:hover{ background: url(../images/layout/nav_garanties.png) no-repeat 0px -28px; }

#Menu ul li a.tarieven{ background: url(../images/layout/nav_tarieven.png) no-repeat 0px 0px; height: 18px; width: 108px; }
#Menu ul li a.tarieven:hover{ background: url(../images/layout/nav_tarieven.png) no-repeat 0px -28px; }

#Menu ul li a.verder{ background: url(../images/layout/nav_verder.png) no-repeat 0px 0px; height: 18px; width: 76px; }
#Menu ul li a.verder:hover{ background: url(../images/layout/nav_verder.png) no-repeat 0px -28px; }

/*-----------------------------------------------------------------*/
/* [5. Navigatie Rechts #MenuRight] */

#MenuRight{
	left: 740px;
	position: absolute;
	top: 225px;
	width: 180px;
}

#MenuRight h1{
	font: bold 1em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #727272;
}

#MenuRight li a{
	background: url(../images/layout/background_li.gif) no-repeat 0px 5px;
	font: 1em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #727272;
	padding: 0px 0px 0px 13px;
}

#MenuRight ul{ margin-bottom: 20px; }
#MenuRight li a:hover{ color: #98311F; }

/*-----------------------------------------------------------------*/
/* [6. Interduo logo css image replacement] */

#logo_interduo a{
	display: block;
	height: 90px;
	background: #262626 url(../images/layout/logo_interduo.png) no-repeat 0px 0px;
	line-height: 1000px;
	overflow: hidden;
	position: absolute;
	left: 6px;
	top: 12px;
	width: 148px;
}

#logo_ber a{
	display: block;
	height: 98px;
	background: #FFFFF2 url(../images/layout/logo_ber.gif) no-repeat 0px 0px;
	line-height: 1000px;
	overflow: hidden;
	position: absolute;
	left: 740px;
	top: 440px;
	width: 100px;
}

/*-----------------------------------------------------------------*/
/* [7. IMGHeader] */

#IMGHeader{
	left: 200px;
	position: absolute;
	top: 0px;
	width: 530px;
	z-index: 50;
}

/*-----------------------------------------------------------------*/
/* [8. Citaat #Citaat] */

#Citaat{
	color: #666666;
	font: 1em/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	left: 740px;
	position: absolute;
	top: 10px;
	width: 180px;
}

/*-----------------------------------------------------------------*/
/* [9. Form */

input.checkbox { margin: 4px 10px 0px 0px; }

input, select{
	width: 200px;
	margin: 0px 0px 6px 0px;
	border: 1px solid #CCCCCC;
	font: 1.05em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

input.checkbox, input.radiobutton{ 
	width: auto;
	border: 0px solid Black;
	vertical-align: middle;
}

input.submit{
	width: auto;
	margin: 10px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	border: 1px solid Black;
	background-color: #DDDDDD;
	font: 1.05em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: Black;
	cursor: pointer;
}

.false{ color: red; }

/*-----------------------------------------------------------------*/
/* [10. Footer] */

#Footer{
	clear: both;
	border-top: 1px solid #CCCCCC;
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
	color: #CCCCCC;
}

#Footer a{ color: #CCCCCC; }