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

1. Main
2. Body
3. Container
4. ImgLeft
5. Content
6. Footer
7. Menu
8. Comments
9. Form elements
10. ContentFooter


/*-----------------------------------------------------------------*/
/* [1. Main] */

* { margin:0; padding:0; }
a{ color: #990000; text-decoration: none; outline: none; }
a:hover{ color: #990000; text-decoration: underline; }
ul, li{ list-style: none; }
html{ height: 100%; }

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

body{
	height: 100%;
	margin: 0px 0px 0px 0px;
	background: #CCCCCC url(../images/layout/bg_body.jpg) repeat fixed;
}

/*-----------------------------------------------------------------*/
/* [3. Container] */

#Container {
	position: relative;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	width: 816px;
	background: White url(../images/layout/bg_container.png) fixed;
}



/*-----------------------------------------------------------------*/
/* [4. ImgLeft] */

#ImgLeft{
	float: left;
	width: 247px;
	display: block;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/*-----------------------------------------------------------------*/
/* [5. Content] */

#Content{
	float: left;
	width: 560px;
	padding: 30px 0px 0px 0px;
}

#Content h1{
	margin: 0px 40px 20px 25px;
	font: 22px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#Content h2{
	margin: 0px 40px 0px 25px;
	font: bold 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#Content h3{
	margin: 0px 40px 10px 50px;
	font: bold 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#Content p, #Content table{
	margin: 0px 40px 20px 50px;
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
}

#Content table.order td, #Content table.order th{ padding: 2px 5px 2px 5px; }

#Content p.false{ color: RED; }

#Content ul{	
	color: #333333;
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 0;
}

#Content li{ padding: 0px 0px 0px 50px; }
#Content ul ul li{ padding: 0px 0px 0px 25px; }

#Content ol{
	margin: 0px 40px 20px 50px;
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
}

#Content ol li{
	margin-left: 25px;
	padding-left: 20px;
	list-style: decimal;
}

#Content hr{
	margin: 0px 40px 20px 50px;
	height: 1px;
	border: 0;
	color: #999999;
	background-color: #999999;
}

#Content .tag{
	margin: 3px 40px 20px 50px;
	font: 9px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
}

#Content td{ vertical-align: top; }
#Content img.header{ margin-bottom: 40px; }
#Content img.page{ margin: 40px 0px 40px 0px; }
#Content img.recensie{ margin: 0px 50px 40px 50px; border: 1px solid Black; }

#Content #Banner{
	margin: 0px 40px 0px 50px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#Content #Banner img{ border: 0; }
#Content img.floatleft{ float: left; margin: 5px 15px 15px 0px; border: 1px solid Black; }

/*-----------------------------------------------------------------*/
/* [6. Footer] */

#Footer{
	clear: both;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
	height: 1px;
}

/*-----------------------------------------------------------------*/
/* [6. Footer] */
#Menu{
	position: absolute;
	top: 0px;
	left: 247px;
	width: 560px;
	height: 30px;
	background: #333333 url(../images/layout/bg_menu.jpg) no-repeat;
}

/*-----------------------------------------------------------------*/
/* [8. Comments] */

.comment{
	margin: 0px 40px 10px 50px;
	padding: 5px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

.comment h6{
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #999999;
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

/*-----------------------------------------------------------------*/
/* [9. Form elements] */

#Content input{
	margin: 0px 20px 0px 0px;
	padding: 2px;
	width: 200px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #CCCCCC;
}

#Content input.comment{
	margin: 2px 20px 2px 0px;
	padding: 2px;
	width: 200px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #CCCCCC;
}

#Content input.aantal{
	margin: 0px 0px 0px 50px;
	padding: 0px 2px 0px 2px;
	width: 26px; /* 30-2-2 */
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #333333;
}

#Content textarea{
	margin: 0px 50px 20px 50px;
	width: 373px;
	height: 120px;
	overflow: auto;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #CCCCCC;
}

#Content input.submit{
	margin: 0px 5px 20px 50px;
	width: auto;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #333333;
	background-color: #CCCCCC;
	cursor: pointer;
}

#Content input.commentlink{
	margin: 0px 0px 20px 50px;
	border: 0;
	background-color: #FFFFFF;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #990000;
	cursor: pointer;
	width: 124px;
}

/*-----------------------------------------------------------------*/
/* [10. ContentFooter] */

#ContentFooter{
	margin: 20px 0px 0px 50px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}