/* CSS Document */


/* mac hide\*/
html, body {height:100%}
/* end hide */

body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:794px;/* for mozilla*/
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em ;
	
}

h1 {
font-size:11px;
color: #FF6600;
}

a {
    color: #FF6600;
    text-decoration: none;
}

a:hover {
    color:#FF6600;
}


#container{
	min-height:100%;
	width:767px;
	color: #000;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	text-align:left;
	margin:auto;
	position:relative;    
	color: #666;
	background-image:url(../IMG/bg_nieuw.jpg)	} 
* html #container{
    height:99.9%;
} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#header{
	min-height:90px;
	position:relative;
}
* html #header{height:90px}

.content {
   border-top: 1px solid #ffffff; 

}


#footer {
	width:767px;
	clear:both;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
	margin-bottom:-1px;
}

#menu_container {
	position:relative;/*ie needs this to show float */
	width: 185px;
	padding: 10px;
    float: left;
	background-color: #f1f1f1;
}

#middle {
	width:488px;
	float: right;
	padding: 30px 50px 40px 20px;
}
#middle2 {
	width:518px;
	float: right;
	padding: 30px 20px 40px 20px;
}

#middle a, #middle2 a {
color: #333333;
	color: #666;
}

#clearfooter {
    width:100%;height:52px;clear:both
} /* to clear footer */



.top {
	width: 100%;
	height: 3px;
	font-size: 1px;
	background-color: #e8eae9;
	border-bottom: 1px solid #ffffff; 
}

.header {
	width: 100%;
	height: 64px;
	text-align: right; 
	background-color: #e8eae9;
	background-image: url('images/bg_header.png');
	border-bottom: 1px solid #ffffff; 
}

.header_spacer {
	width: 100%;
	height: 1px;
	font-size: 1px;
	background-color: #d6dad8;
}

#topmenu {
	width: 100%;
	height: 40px;
	background: #ff5a27;
}

#topmenu img {
	width: 35px;
	height: 28px;
	border: 1px #FFF solid;
}

#vlaggen {
	padding: 5px 0px 0px 12px;
}

#menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;

}
#menu ul li{
background-image:url(../IMG/spacer_menu.jpg); 
margin: 0px 0px 0px 0px;
display: block;
color: #FF9900;

width: 170px;
padding-top: 3px;
padding-left: 15px;
padding-bottom: 4px;
}
#menu  a{
display: block;
color: #333333;
text-decoration: none;

}

#menu a:hover
{
color: #FF6600;
}



#menu2 ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu2 ul li {
background-image:url(../IMG/spacer_menu.jpg); 
margin: 0px 0px 0px 0px;
display: block;
color: #FF9900;
width: 170px;
padding-top: 3px;
padding-left: 15px;
padding-bottom: 4px;
}
#menu2  a {
display: block;
color: #FF6600;
text-decoration: none;
}

#menu2 a:hover {
color: #333333;
}






/* Nieuws_rechts */

.nieuws_top {
width: 196px;
height: 28px;
font-size: 10px;
padding-top: 2px;
padding-left: 8px;
background-color: #f8b111;
border-bottom: 1px solid #ffffff; 
}

.nieuws_item {
width: 204px;
border-bottom: #E5E5E5;
text-decoration: none;
}

.nieuws_item a {
display: block;
padding: 8px;
color: #333333;
background-color: #ffffff;
width: 188px;
text-decoration: none;
}

.nieuws_item a:hover
{
background-color: #f4f4f4;
color: #FF6600;
text-decoration: none;
}

.sstock table tbody tr td {
	border: 1px #dddddd solid;
}

ul.stock {
	width: 160px;
	list-style-type: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

ul.stock li {
	list-style-type: none;
	list-style: none;
	margin: 0px;
	padding: 2px;
}