/* CSS Document 
Colors:

Groen: #004e3a;
Oranje: #f26821;
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
		font-family: Arial, Helvetica, sans-serif;
}

body {
        line-height: 1.6em;
		font-size: 80%;
		background-color: #f0eff0; 
}

ol, ul {
        list-style: none;
}

blockquote, q {
        quotes: none;
}

blockquote:before, 
blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

:focus {
        outline: 0;
}

ins {
        text-decoration: none;
}

del {
        text-decoration: line-through;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* ------------------------------------------------------------------------------------ General Styles */

img { border:0; }

strong {font-weight:bold;}
em {font-style:italic;}

a,
a:link,
a:visited {
	text-decoration:underline;
	color: black;
}

a:hover,
a:active,
a:focus {
	text-decoration:underline;
	color: #f26821;
}

	a.linkStyle,
	a.linkStyle:link,
	a.linkStyle:visited {
		color: #004e3a; 
		font-weight:bold; 
		text-decoration:none;
		}
	
	a.linkStyle:hover,
	a.linkStyle:active,
	a.linkStyle:focus {color:  #f26821;}
	
	a.linkStyleOrange,
	a.linkStyleOrange:link,
	a.linkStyleOrange:visited {
		color:  #f26821;
		font-weight:bold; 
		text-decoration:none;
		font-size: 90%;
		}
	
	a.linkStyleOrange:hover,
	a.linkStyleOrange:active,
	a.linkStyleOrange:focus {color:  #004e3a;}

	a.linkStyleJob,
	a.linkStyleJob:link,
	a.linkStyleJob:visited {
		color: #004e3a; 
		font-weight:bold; 
		}
	
	a.linkStyleJob:hover,
	a.linkStyleJob:active,
	a.linkStyleJob:focus {text-decoration:none;color: #004e3a;}

h1 { 
	font-size:100%; 
	font-weight:bold;  
	color: #004e3a;
	}
h1.actie {
    padding-bottom: 10px;
    font-size:200%; 
	font-weight:bold;  
	color: #004e3a;
	}
	
h2 {font-size:90%; font-weight:bold; color: #004e3a;}

h3 {font-size:90%; font-weight:bold; color: #004e3a;}

h4 { font-size:90%; font-weight:normal; margin: 0; color: #f26821;}

p, p a {padding: 5px 0;}

.clear {clear:both;}

/* ------------------------------------------------------------------------------------ Specific Styles */

form {
	background: url('../images/bgGradient.jpg') repeat-x 0 0;
	border-bottom: solid 1px #b3b3b3;
	height:635px;
	}

.container {
	width:980px;
	height:635px;
	background:transparant;
	}

.colLeft { width: 220px; float:left; }
.header {margin: 0 0 0 80px;}

.mainMenu {
	width:200px;
	height:305px;
	margin: 45px 0 0 20px;
	text-align:center;
	}
	
	.subMenu .seperator {float:left;} 
	.subMenu {position:absolute;}
	
	* html .subMenu {position:static;}
	*+html .subMenu {position:static;}

	* html .subMenu .seperator {float:none;}
	*+html .subMenu .seperator {float:none;}
	
	.subMenu li { float:left; }
		 
	.mainMenu li a,
	.mainMenu li a:link,
	.mainMenu li a:visited,
	.subMenu li a,
	.subMenu li a:link,
	.subMenu li a:visited { 
		color: #004e3a;
		font-weight:bold;
		text-decoration:none;
		}
	
	.mainMenu li a:hover,
	.mainMenu li a:active,
	.mainMenu li a:focus,
	.mainMenu li a.selectedItm,
	.mainMenu li a.selectedItm:link,
	.mainMenu li a.selectedItm:visited,
	.subMenu li a:hover,
	.subMenu li a:active,
	.subMenu li a:focus,
	.subMenu li a.selectedItm,
	.subMenu li a.selectedItm:link,
	.subMenu li a.selectedItm:visited { 
		color: #f26821;
		text-decoration:none;  
		}
	
.folder {
	margin: 0 0 0 78px;
	height:152px;
	width:90px;
	}

	.folder a,
	.folder a:link,
	.folder a:visited {
		color: #004e3a; 
		font-weight:bold;
		font-size:90%;
		text-decoration:none;
		}
	
	.folder a:hover,
	.folder a:active,
	.folder a:focus {
		margin: 5px 0;
		color: #f26821;
		text-decoration:none;  
	}
	.folderLink {}

	.shopBtn a,
	.shopBtn a:link,
	.shopBtn a:visited { 
		color: #004e3a; 
		font-weight:bold;
		font-size:110%;
		text-decoration:none;
		}
	
	.shopBtn a:hover,
	.shopBtn a:active,
	.shopBtn a:focus { 
		margin: 5px 0;
		color: #f26821;
		text-decoration:none;  
	}


.footer {margin: 28px 0 0 80px;}
	* html .footer {margin: 27px 0 0 80px;}


/* ------------------------------------------------------------------------------------ content Home Styles */

.homeBtns { 
	margin: 325px 0 0 485px; 
	float:left; 
	width:150px;
	display:inline;
	}

.newsLetter {
	position:absolute;
	left:685px;
	z-index:3;
	width:240px;
	margin: 15px 0 0 0;
	}
	.newsLetter input { width:235px; margin: 0 0 5px 0; }
	
	 a.btn,
	 a.btn:link,
	 a.btn:visited,
	 button.btn,
	 button.btn:link,
	 button.btn:visited,
	 input.btn,
	 input.btn:link,
	 input.btn:visited {
		background: #f47421;
		cursor:hand;
		border:0;
		padding: 0;
		color:white;
		font-weight:bold;
		display:block;
		width:100px;
		height:22px;
		text-align:center;
		text-decoration:none;
		font-size:80%;
		float:right;
	}
	
.shopBtn {
	width:135px;
	display:inline;
	margin: 0 0 0 25px;
	float:left;
	}
	
	.shopLink {padding: 0 0 0 29px;}
	
	.shopBtn img,
	.articleBg img,
	.articleShopSearch img,	
	.articleContent img { behavior: url(styles/pngBehavior.htc); }

/* ----------------------------------------------------------------- content Styles */

.articleBg {
	position:absolute;
	left:220px;
	top:0;
	z-index:0;
	}

.articleContent {	
	position:absolute;
	left:220px;
	top:80px;
	z-index:2;
	margin: 0 0 0 50px;
	}
	
.articleContentActie {	
	position:absolute;
	left:220px;
	top:0px;
	z-index:2;
	margin: 0 0 0 50px;
	}	
	
.article { 
	/*width:620px; */ width:645px;
	height:325px;
	margin: 45px 0 0 0;
	padding: 0 10px 0 0;
	overflow-y:auto; 
	}
	.article ul { list-style-type:disc; }
	.article ol { list-style-type:decimal; }
	.article ul li { margin: 0 0 0 20px; }
	.article ol li { margin: 0 0 0 25px; }
	
	.article .attachments { margin: 15px 0;}
	.article .attachments ul { list-style-type:none; }
	.article .attachments ul li { margin:0; }
	
	/* NewsList  */
	.article dl { clear:both; }
	.article dt ul { color: #004e3a; list-style-type:disc; margin:0; padding:0; }
	.article dt li { margin:0; padding:0; }
	.article dt { margin: 20px 0 0 0;  }
	.article dt span.date { color: #f26821; }
		.article dt a,
		.article dt a:link,
		.article dt a:visited {
			color: #004e3a; 
			font-weight:bold; 
			text-decoration:none;
			}
			.article dt a span.date,
			.article dt a:link span.date,
			.article dt a:visited span.date {font-weight:normal;}
		
		.article dt a:hover,
		.article dt a:active,
		.article dt a:focus {color:  #f26821; }

.articleActie { 
	width:473px;
	height:325px;
	margin: 45px 0 0 0;
	padding: 0 10px 0 0;
	overflow-y:auto; 
	}
    
/* -------------------------------------------------------------------shopSearch Styles */

.articleShopSearch { 
	margin: 0 10px 0 0;
	width:485px; 
	height:370px;
	overflow-y: auto;
	float:left;
	}
	h1.filiaal { 
		margin: -40px 0 0 0; 
		padding: 75px 0 0 65px; 
		background: url('../images/logoTerStalFiliaal.gif') no-repeat 0 40px;
		}

.cityList {
	margin:-80px 0 0 0;
	position:relative;
	color: #f26821;
	font-weight:bold;
	height:477px;
	width:200px;
	float:left;
	display:inline;
	overflow:hidden;
	}
	
	#ShopSearchResults p {
        margin: -7px 0 0 20px; 
        font-weight:normal;
        color: #004e3a;
        }
	
	.cityListNav {
		margin: 0 0 10px 20px;
		}
	
	.cityList ul { 
		width:200px; 
		height:477px;  
		float:left; 
		display:block;
		overflow:hidden;
		}
	
	.cityList li a,
	.cityList li a:link,
	.cityList li a:visited { 
		padding: 2px 0 0 20px; 
		}

	.cityList li a:hover,
	.cityList li a:active,
	.cityList li a:focus,
	.cityList li a.selectedItm,
	.cityList li a.selectedItm:link,
	.cityList li a.selectedItm:visited {
		padding: 2px 0 0 20px;
		background: url('../images/filiaalPointer.gif') no-repeat 0 2px;
		color: #f26821;
		}  

	.shopSlogan {
		background:#f26821;
		color:white;
		width:240px;
		font-size:90%;
		padding:3px 5px;
		font-weight:bold;
		}
		


/* ------------------------------------------------------------------------------------jobOpeningSearch Styles */

.article.job { 
	height:140px; 
	overflow-y:auto; 
	}

.jobOpeningTable {
		width:645px;
		height:180px;
		margin: 0 0 0 0;
		background: url('../images/jobOpeningTableBg.gif') repeat-x 0 0;
	}
	.jobOpeningScroll {
		width:645px;
		height:170px;
		padding:3px 0;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	.jobOpeningTable table { 
		width:100%;
		}
	
	.jobOpeningTable th {
		text-align:left;
		background: #f26821;
		color:white;
		font-weight:bold;
		padding: 2px 5px;
		}
	.jobOpeningTable td {
		text-align:left;
		color: #004e3a;
		font-weight:bold;
		padding: 2px 5px;
		}
			
/* ------------------------------------------------------------------------------ Popin */

.InlineWin_ModalBlock
{
	display:block;
	position: absolute;
	z-index:1000;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color: #000;   
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.5;
}
div.subHeader
{
	height:40px;
	color:Black;
	background-color:#d8d8d8;
}
.title h3, 
span.title {
    border:none; 
	color: #666666;
	font-size:100%; 
	line-height:1.1em;  
	}
	
.alignLeft {float:left;}
.alignRight {float:right;}

div.subHeader .title,
div.subHeader .closeButton {

	padding:12px 15px 0 15px;
	display:inline;
	color:black;
}

div.formTable
{
	background-color:#d8d8d8;
	text-align: left;
	height:100%;
	width:100%;
	margin:0;
}

div.formContent
{
	border-top: solid 0 #ff8800;
	border-bottom: solid 0 #ff8800;
	background-color: #d8d8d8;
	text-align: left;
	/*height:500px;*/
	width:100%;
	margin:0;
}

div.tableBox
{
	background-color: #d8d8d8;
	text-align: left;
}

div.formFooter
{
	width:auto;
	padding:5px 5px 5px 0;
	height: 20px;
	background-color: #d8d8d8;
}

span.formFooterText
{
	float:left;
	font-size:0.8em;
	width:660px;
	margin-left:10px;
	display:none;
}

div.contPageIndex
{
	float:right;
}

div.contPageIndexOffer
{
	text-align:right;
	font-size:0.90em;
	margin-top:5px;
	display:block;
}
	
button.btnDefault
{
	width: 18px;
	height: 18px;
	clip: rect(0, 0, 0, 0);
	overflow:hidden;
	border: none;
	margin:0;
	cursor:hand;
}

button.close {	background: transparent url('../images/btnClose.png') no-repeat 0 0; }
button.btnDefault span { display: none; }