/* CSS Document */

body{
	color: #544e48;
	padding: 0px;
	font: 0.70em/150% Verdana, Arial, Helvetica, sans-serif;
	background-color:#757776;
}

ul{ margin-top:0; margin-bottom:16px; }
ul li{ margin-left:10px;}

H1 {
	color: #757776;
	font: 18px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 0px;
	}	

H2 {
	color: #757776;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom: 10px;
	margin-top: 0px;
	}

H3 {
	color: #666666;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 10px;
	margin-top: 0px;
	}	
H4 {
	color: #c8313d;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: -10px;
	}	
H5 {
	color: #666666;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom: -8px !important;
	margin-bottom: -15px;
	margin-top: 0px;
	}
a:link {
	color: #757776;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #757776;
}
a:hover {
	text-decoration: underline;
	color: #B72E26;
}
a:active {
	text-decoration: underline;
	color: #757776;
}
/* ########## floating Div workarounds ########## */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#fixFloatingDiv, .fixFloatingDiv{
	clear: both !important;
	height: 1px !important;
	margin: 0 0 0px 0; 
	border: 0px solid yellow !important;
	background-image: none !important;
	visibility: collapse;
	line-height: 1% !important; /* for IE: anders is deze div +- 20px hoog */
	}

/* ########## main blocks ########## */
#toppanel{
	width: 940px;
	margin-left:auto;
	margin-right: auto;
	border: 0px #FFF solid;
}

#midpanel{
	width: 940px;
	margin-left:auto;
	margin-right: auto;
	padding-bottom:20px;
	padding-top:50px;
	background-image: url(../graphics/back.midpanel.gif);
	background-repeat: repeat-y;
}
		#left{ 
			 width:230px;
			 float:left; 
			 position:relative;
			 margin-left: 50px !important;
			 margin-left: 35px;}
			 
		#left img{
			width: 175px;
			border: none;
			margin-bottom: 20px;}
		#left img.icon{
			width: 48px;
			margin-bottom: 0px;}
		#left img.pixel{
			width: 10px;
			margin: 0px;
			}
		#content{ 
			 width:620px; 
			 margin-right:40px;
			 float:right;
			 position:relative;}
			 
			#contentleft{  
				 float: left; 
				 position: relative; 
				 width:430px;
				 margin-right: 20px;
				 /*text-align:justify;*/}
			 
					#imgBig {
						float: left;
						width: 355px;
						position: relative;
						border:0px solid #FF0000;}
					#imgSmall {
						float: right;
						position: relative;
						border:0px solid #99FF00}
					#imgSmall img{
						width:70px;
						height:70px;
						padding-bottom: 2px;
						border-width: 0px;}
					#specials img{
						padding-bottom: 8px;}
			
			#stuur-right{ 
				 width:130px;
				 float:right; 
				 position:relative;}

#bottompanel{
	width: 940px;
	height: 177px;
	display: block;
	margin-left:auto;
	margin-right: auto;
	margin-top: -1px;
	background-image: url(../graphics/back.bottompanel.gif);
	background-repeat: no-repeat;
}

/* tooltip*/
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#757776;
	padding:5px;
	display:none;
	color:#fff;
	font-size:12px;
	width:300px;
	}

/* subnavig */
#subnavig{
	margin-left: -40px !important;
}

#subnavig li{
	list-style-type: none;}
#subnavig a{
	text-decoration: none;
}
#subnavig a:link, #subnavig a:visited{
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#subnavig a:hover, #subnavig a:active{
	color: #000;
	font-style: italic;
}

#subnavig a.selected:link, #subnavig a.selected:visited{
	color: #C82E3A;
	font-weight:bold;}
#subnavig a.selected:hover, #subnavig a.selected:active{
	color: #C82E3A;
	font-weight:bold;}
	
#secnav h1 {
	font-size:14px !important;
	color: #C82E3A;
	font-weight:normal;}
#secnav h1 a.selected:link, #secnav h1 a.selected:visited{
	font-size:14px !important;
	color: #C82E3A;
	font-weight:normal;}
#secnav h1 a.selected:hover, #secnav h1 a.selected:active{
	font-size:14px !important;
	color: #C82E3A;
	font-weight:normal;}


/* ########## footer ########## */
#footer{
	width: 940px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 10px;
	text-align:right;
	padding-right:40px;}
#footer span{
	display: block;
	margin-left:auto;
	margin-right: auto;
	padding-right: 20px;
	text-align: right;
}
#footer a{
	color: #EBEBD8;
	text-decoration: none;
	font-size: 9px;
}
#footer a:hover, #footer a:active{color: #FFFFFF;}

/* ########## language ########## */
#language{
	width: 940px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 0px !important;
	margin-top: 25px;}
#language span{
	display: block;
	margin-left:auto;
	margin-right: auto;
	padding-right: 20px;
	text-align: right;
	font-size: 9px;
}
#language a{color: #EBEBD8;text-decoration: none;}
#language a:hover, #language a:active{color: #FFFFFF;}



blockquote{ display:block; padding-bottom:10px; }


/* FORM   //////////////////////////*/
INPUT.text
{
    COLOR: #000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    border : 1px solid #999;
    background-color : #fff;
}
SELECT.select
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
}
INPUT.submit
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}
blockquote {
	margin-bottom: -10px;
}
#nav-alt{
	position:fixed;
	left:-100px;
	top:-100px;
	display: none;
}