/***
* 	
* 	De Boer Stalinrichting
* 	
* 	Styles for the main layout
* 	
* 	@author: Bastiaan de Jong
* 	@for: Stratim Interactive
* 	
***/

html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: url(../img/bodybg.gif) repeat-x;
}
img {
	border: 0px
}
table {
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}

/*** CONTAINER ***/
#container {
	width: 800px;
	margin: 0px auto;
}

/*** MENU / SUBMENU ***/
#middleContainer {
	width: 790px; /* 798px */
	padding: 4px;
	border: 1px solid #D1D1D1;
	background: #E0E0E0 url(../img/contentbg.gif) repeat-x;
	display: table;
}

#menu {
	*height: 33px;
}

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

#menu li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#menu a {
	padding: 10px 20px 9px 20px;
	color: #999;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/menuseparator.gif) no-repeat;
	display: block;
	float: left;
}
#menu a.first {
	padding-left: 14px;
	background: none;
}
#menu a:hover, #menu a.active {
	color: #383838;
}
#submenu {
	width: 100%;
	/*_height: 38px;
	*height: 38px;
	min-height: 38px;*/
	display: table;
	background: #C2C2C2;
}
#submenu ul, #submenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#submenu li {
	float: left;
	position: relative;
}
#submenu li ul {
	width: 250px;
	padding: 0px 0px 4px 0px;
	background: #C2C2C2;
	border-top: 1px solid #D3D3D3;
	display: none;
	position: absolute;
	left: 0px;
	top: 33px;
}
#submenu li:hover ul, #submenu li.hover ul  {
	display: block;
}
#submenu li li {
	float: none;
}
#submenu a {
	padding: 10px 15px 9px 14px;
	background: url(../img/submenuseparator.gif) no-repeat right 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#submenu a:hover, #submenu a.active {
	color: #383838;
}
#submenu a.last {
	background: none;
}
#submenu li li a {
	padding: 8px 21px 6px 14px;
	width: 215px;
	font-size: 11px;
	color: #FFF;
	background: none;
}
#submenu li li a:hover {
}

/*** CONTENT AREA ***/
#contentContainer {
	width: 774px; /* 789px */
	padding: 20px 0px 20px 15px;
	background: #FFF;
	display: table;
}
#contentContainerTable {
	margin: 0px;
	padding: 0px;
}
#leftColumn {
	width: 240px;
	float: left;
}
#rightColumn { /* << THE CONTENT DIV */
	width: 505px;
	margin-left: 15px;
	float: left;
	display: inline;
}

#flash {
	width: 239px;
	overflow: hidden;
	margin: 14px 0px 0px 0px;
	padding: 0;
}

#flashframe {
	border: 0;
	margin: 0;
	padding: 0;
}

iframe#teaserNews {
	/*width: 239px;
	height: 80px;
	overflow: hidden;*/
	margin: 0px;
	padding: 0px;
	border: none;
	background: #FFB10F;
}

/*** FOOTER ***/
#footer {
	width: 781px; /* 800px */
	height: 25px; /* 38px */
	margin: 5px 0px 0px 0px;
	padding: 13px 0px 0px 19px;
	color: #262626;
}
.footerNL { background: #FFB10F url(../img/footer-text.gif) no-repeat right 13px; }
.footerENG { background: #FFB10F url(../uk/img/footer-text.gif) no-repeat right 13px; }
.footerDE { background: #FFB10F url(../de/img/footer-text.gif) no-repeat right 13px; }

#footer a {
	padding-right: 15px;
	_padding-right: 12px;
	*padding-right: 12px;
	color: #262626;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover, #footer a.active {
	text-decoration: underline;
}


/*** MISC ***/
.__clear__ {
	clear: both;
}