/* COMMON STYLES */
/* done in: style.css */

/* INDEX TEMPLATE */

html {
	height:100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	margin:0;
	padding:0;
	height:100%;
	background: white url('/shared/images/custom/background.gif') no-repeat center top;
}

#container {
	width:772px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid #f1f2f4;
	border-right:1px solid #f1f2f4;
}

#bfooter {
	display:block;
	width:772px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid white;
	border-right:1px solid white;
	color:#C8C8C8;
	text-align:center;
	text-decoration:none;
}

/* forms etc. */

#container #header a {
	display:block;
	/*background:*//* done inline */
	/*width:*//* done inline */
	height:34px; 
	margin-top:20px;
	float:right;
}

#container #content form {
	padding:5px 0px;
	margin:10px 0px;
	background-color:#EDF6FD;
	border:solid 1px #C3CDD9;
	width:550px;
}

#container #content form label {
	display:block;
	float:left;
	margin:6px 0px;
	padding-right:5px;
	height:15px;
	line-height:15px;
	width:95px;
	text-align:right; /*overwrites the default font style of 'justify' */
	overflow:hidden;
	white-space: nowrap;
	font-weight:bold;

}

#container #content form input, #container #content form textarea {
	display:block;
	float:left;
	margin:4px 0px;
	padding:0;
	height:15px;
	line-height:15px;
	width:150px;
}

#container #content form textarea {
	height:100px;
	width:250px;
	overflow:auto;
}

#container #content form input.radio, #container #content form input.checkbox {
	width:16px;
	border:0;
	position:relative;
	top:3px;
}

#container #content form input.submit {
	padding-left:8px;
	width:91px;
	height:23px;
	border:0;
	background:transparent url('/shared/images/custom/submit.gif') no-repeat;
	cursor:pointer;
	color:white;
	font-weight:bold;
}

#container #content form br {
	clear:left;
}

#container #content form #form_left, #container #content form #form_right {
	float:left;
	width:275px;
	overflow:hidden;
}

/* productlijnen */

#container #content #right #plijn_content {
	width:546px;
	margin-bottom:20px;
}

#container #content #right #plijn_logos {
	width:546px;
}

#container #content #right #plijn_logos a {
	width:80px;
	height:60px;
	border:1px solid #D4D4DE;
	background:no-repeat center center; /*the background-image is overwritten inline */
	float:left;
	margin-right:8px; /* 10px - borders left/right */
	margin-bottom:8px;  /* 10px - borders left/right */
}

/* news */

#container #content #right #news_content {
	float:left;
	width:334px;/*546px - #news_overview width, border and margin*/
	min-height:296px;
	overflow:hidden;
}

#container #content #right #news_overview {
	float:left;
	width:192px;
	margin-left:20px;
}

#container #content #right #news_overview span {
	display:block;
	width:180px; /* 190px - padding and left/right border*/
	height:30px;
	padding:0px 5px;
	border-top:solid 1px #D5D3DE;
	border-left:solid 1px #D5D3DE;
	border-right:solid 1px #D5D3DE;
	background: url('/shared/images/custom/news_03.gif') repeat-x top;
	overflow:hidden;
}

#container #content #right #news_overview span span {
	font-size:14px;
	font-weight:bold;
	color:white;
	float:left;
	border:0;
	background:none;
	padding:0;
	width:160px; /* 190px - padding and left/right border*/
	height:30px;
	line-height:30px;
}

#container #content #right #news_overview span a.rssurl {
	width:20px;
	height:20px;
	margin-top:5px;
	background: url('/shared/images/custom/rss.gif') no-repeat top;
	border:0;
	padding:0;
	line-height:30px;
	float:right;
}

#container #content #right #news_overview a {
	display:block;
	width:180px; /* 190px - padding*/
	padding:5px;
	background: url('/shared/images/custom/news_04.gif') no-repeat 175px 5px;
	border-bottom:solid 1px #D5D3DE;
	border-left:solid 1px #D5D3DE;
	border-right:solid 1px #D5D3DE;
	text-decoration:none;
	text-align:left; /*overwrites text-align:justify; in style.css*/
	/*white-space:nowrap;*/
	overflow:hidden;
}

#container #content #right #news_overview a:hover, #container #content #right #news_overview a.selected {
	background-image: url('/shared/images/custom/news_06.gif');
	background-color:#F2F2F5;
}

#container #content #right #news_overview #pager_prev, #news_overview #pager_next { 
	float:left;
	width:96px;
	height:20px;
	line-height:20px;
}

#container #content #right #news_overview #pager_prev a, #container #content #right #news_overview #pager_next a  { /*overwrites a bunch of "#news_overview a"'s styles */
	display:block;
	width:66px; /* 96 -left/right padding*/
	height:20px;
	line-height:20px;
	background:none;
	padding:0px 15px;
	border:0;
	text-decoration:none;
	font-weight:bold
}

#container #content #right #news_overview #pager_prev a {
	text-align:left;  /*overwrites text-align:justify; in style.css*/
	background: url('/shared/images/custom/news_07.gif') no-repeat center left;
}

#container #content #right #news_overview #pager_next a {
	text-align:right; /*overwrites text-align:justify; in style.css*/
	background: url('/shared/images/custom/news_09.gif') no-repeat center right;
}

/* vacanties */
/*
#container #content #right #vaca_content {
	float:left;
	width:334px; *546px - #vaca_overview width, border and margin*
	min-height:296px;
	overflow:hidden;
}
*/
#container #content #right #vaca_overview {
	float:left;
	width:546px;
}

#container #content #right #vaca_overview span {
	display:block;
	width:534px; /* 546px - padding and left/right border*/
	height:30px;
	line-height:30px;
	padding:0px 5px;
	border-top:solid 1px #D5D3DE;
	border-left:solid 1px #D5D3DE;
	border-right:solid 1px #D5D3DE;
	background: url('/shared/images/custom/news_03.gif') repeat-x top;
	font-size:14px;
	font-weight:bold;
	color:white;
	overflow:hidden;
}

#container #content #right #vaca_overview a {
	display:block;
	width:534px; /* 546px - padding and left/right border*/
	height:34px;
	padding:5px;
	background: url('/shared/images/custom/news_04.gif') no-repeat 524px 5px;
	border-bottom:solid 1px #D5D3DE;
	border-left:solid 1px #D5D3DE;
	border-right:solid 1px #D5D3DE;
	text-decoration:none;
	text-align:left; /*overwrites text-align:justify; in style.css*/
	white-space:nowrap;
	overflow:hidden;

}

#container #content #right #vaca_overview a:hover, #container #content #right #vaca_overview a.selected {
	background-image: url('/shared/images/custom/news_06.gif');
	background-color:#F2F2F5;
}

#container #content #right #vaca_overview #pager_prev, #container #content #right #vaca_overview #pager_next { 
	float:left;
	width:273px;
	height:20px;
	line-height:20px;
}

#container #content #right #vaca_overview #pager_prev a, #container #content #right #vaca_overview #pager_next a  { /*overwrites a bunch of "#vaca_overview a"'s styles */
	display:block;
	width:66px; /* 96 -left/right padding*/
	height:20px;
	line-height:20px;
	background:none;
	padding:0px 15px;
	border:0;
	text-decoration:none;
	font-weight:bold;
}

#container #content #right #vaca_overview #pager_prev a {
	text-align:left;  /*overwrites text-align:justify; in style.css*/
	background: url('/shared/images/custom/news_07.gif') no-repeat center left;
	margin-left:9px;
}

#container #content #right #vaca_overview #pager_next a {
	text-align:right; /*overwrites text-align:justify; in style.css*/
	background: url('/shared/images/custom/news_09.gif') no-repeat center right;
	float:right;
	margin-right:9px;
}

/* download page  */

#download_content table, #download_content table tbody, #download_content table tr, #download_content table td {
	background-color:white;
	border:0;
	padding:0;
	margin:0;
}

#download_content table {
	border:solid 1px #D5D3DE;
	border-bottom:0;
	border-right:0;
}

#download_content table td {
	border-right:solid 1px #D5D3DE;
}

#download_content table#TableCompressed, #download_content table#TableCompressed tbody, #download_content table#TableCompressed tr, #download_content table#TableCompressed td {
	background-color:white;
	border:0;
	padding:0;
	margin:0;
}