@charset "UTF-8";
/* 
	main layout   ----------------------------------------------
*/


/* 
	reset all default browser values!   ----------------------------------------------
*/


html {
	margin:0;
	padding:0;
}
body {
	background:url(../../media/images/sition2010/background.jpg);
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	color:#565656;
}
img {
	border:none;
}
li {
	font-size:10px;
}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:980px;
}
#header {
	overflow:hidden;
	position:relative;
	height:110px;
	width:100%;
	background:url(../../media/images/sition2010/subTransparantBackground30.png) repeat-y;
}
#logo {
	position:absolute;
	top:10px;
	left:0px;
}
#headerTransparant {
	position:relative;
	float:right;
	height:100px;
	width:387px;
}
#rowTransparant {
	background:url(../../media/images/sition2010/subTransparantBackground50.png) repeat-y;
	overflow:hidden;
	position:relative;
	width:100%;
}
.rowBackground {
	background:url(../../media/images/sition2010/subBackground.png) repeat-y;
	overflow:auto;
	position:relative;
	width:100%;
}
#footer {
	background:url(../../media/images/sition2010/subTransparantBackground50.png) repeat-y;
	color:#FFFFFF;
	line-height:20px;
	overflow:hidden;
	position:relative;
	width:100%;
	height:160px;
}
#footerBlockLeft {
	background-color:#565656;
	float:right;
	padding:50px 0px 0px 50px;
	width:520px;
	height:100px;
}
#footerBlockLeft a:link {
	color:#FFFFFF;
}
#footerBlockLeft a:visited {
	color:#FFFFFF;
}
#footerBlockLeft a:active {
	color:#FFFFFF;
}
#footerBlockLeft a:hover {
	color:#f7941e;
}
.footerBlockRight {
	background-color:#565656;
	float:right;
	padding:50px 0px 0px 20px;
	width:175px;
	height:100px;
}
#footerTeaser {
	background-color:#f4f2ed;
	color:#565656;
	font-weight:bold;
	padding:0px 0px 0px 70px;
	position:absolute;
	top:20px;
	width:350px;
	height:20px;
}
.clear {
	clear:both;
}
/* 
	header items   ----------------------------------------------
*/


/*#menu {
	background:#FF0000;
	width:590px;
	height:80px;
	z-index:2;
	position:absolute;
	right:0px;
	bottom:0px;
}
*/
#teaser {
	background-color:#333333;
	height:100px;
	float:left;
	width:590px;
}
/* 
	OPTIONS   ----------------------------------------------
*/

#rowTransparant p {
	color:#FFFFFF;
	height:65px;
	float:left;
	font-size:18px;
	width:514px;
	padding:15px 20px 0px 56px;
}
/* 
	latest items   ----------------------------------------------
*/


#latestImage {
	background:#f7941e;
	float:left;
	height:320px;
	overflow:hidden;
	width:590px;
}
#image {
	float:right;
	margin:0;
	padding:0;
	width:570px;
	height:320px;
}
#latestContentbox {
	background:#565656;
	float:left;
	position:relative;
	width:390px;
	height:320px;
}
#latestContentbox p {
	color:#FFFFFF;
	margin-left:20px;
	width:330px;
	line-height:15px;
	font-size: 11px;
}
#latestContentboxPaginator {
	background:#5e5e5e;
	color:#999999;
	font-weight:bold;
	position:absolute;
	bottom:0px;
	padding:7px 0px 0px 20px;
	width:370px;
	height:20px;
	display:none;
}
#latestContentboxRecent {
	background:#FFFFFF;
	color:#565656;
	font-weight:bold;
	padding:7px 0px 0px 20px;
	position:absolute;
	top:20px;
	right:0px;
	width:160px;
	height:20px;
}
#latestContentboxVerder {
	background:#3e3e3e;
	color:#FFFFFF;
	font-weight:bold;
	padding:7px 0px 0px 20px;
	position:absolute;
	bottom:0px;
	right:0px;
	width:80px;
	height:20px;
}
/* 
	newsitems   ----------------------------------------------
*/

#news {
	/*background-color:#ffffff;*/
	float:left;
	width:590px;
	padding-bottom:20px;
}
#newsindex {
	float: left;
	width: 480px;
	border-bottom-style: dotted;
	border-bottom-color: #FF8040;
	border-bottom-width: 1px;
}
#content #newsindex p {
	width: 295px;
}
#newsicon {
	float: left;
	height: 200px;
	width: 185px;
	padding-top: 20px;
}
#newsintro {
	float: left;
	width: 295px;
}
#newsitem {
	float: left;
	margin: 0px;
}
.newsList {
	border:none;
	margin-top:200px;
	background-color: #FFFFFF;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: 320px;
}
.newsList li {
	margin-left: 15px;
	padding-left: 20px;
	list-style-type: square;
	line-height: 18px;
	color:#565656;
	margin-bottom:5px;
	font-size:14px;
}
.newsList a:link, .newsList a:visited, .newsList a:active {
	color:#565656;
	font-size:14px;
	font-weight: bold;
}
.newsList a:hover {
	text-decoration: underline;
	color:#f7941e;
}
.newsimage2 {
	margin-bottom: 20px;
	margin-left: 20px;
}
.newsimage1 {
	margin-bottom: 60px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#newsimage-sidebar {
	margin-bottom: 0px;
	margin-top: 0px;
	width: 390px;
	margin-left: 0px;
	margin-right: 0px;
}
/* 
	projectitems   ----------------------------------------------
*/

#project {
	/*background-color:#ffffff;*/
	float:left;
	width:590px;
	padding-bottom:20px;
}
#projectindex {
	float: left;
	width: 480px;
	border-bottom-style: dotted;
	border-bottom-color: #FF8040;
	border-bottom-width: 1px;
}
#content #projectindex p {
	width: 295px;
}
#projecticon {
	float: left;
	height: 200px;
	width: 185px;
	padding-top: 20px;
}
#projectintro {
	float: left;
	width: 295px;
}
#projectitem {
	float: left;
	margin: 0px;
}
.projectList {
	border:none;
	margin-top:200px;
	background-color: #FFFFFF;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: 320px;
}

.projectList li {
	margin-left: 15px;
	padding-left: 20px;
	list-style-type: square;
	line-height: 18px;
	color:#565656;
	margin-bottom:5px;
	font-size:14px;
}
.projectList a:link, .projectList a:visited, .projectList a:active {
	color:#565656;
	font-weight: bold;
}
#projectList a:hover {
	text-decoration: underline;
	color:#f7941e;
}
.projectimage2 {
	margin-bottom: 20px;
	margin-left: 20px;
}
.projectimage1 {
	margin-bottom: 60px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#projectimage-sidebar {
	margin-bottom: 0px;
	margin-top: 0px;
	width: 390px;
	margin-left: 0px;
	margin-right: 0px;
}
/* 
	services   ----------------------------------------------
*/
	
#services {
	float:right;
	width:390px;
}
.servicesInfo {
	position:relative;
	border:none;
	width:370px;
	background:#f7941e;
	padding:8px 0px 20px 20px;
	font-size:13px;
	color:#FFFFFF;
	margin:0;
}
.servicesInfo a:hover, .servicesInfo a:link, .servicesInfo a:visited, .servicesInfo a:active {
	color:#FFFFFF;
	text-decoration: underline;
}
.servicesImage {
	position:relative;
	border:none;
	width:370px;
	margin:0;
}
.servicesImageOverlay {
	background:#f7941e;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
	position:absolute;
	text-transform:uppercase;
	top:110px;
	width:370px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	left: 0px; /* -LC width for others */
	z-index: 10;
}
.servicesImageOverlay a:link {
	color:#FFFFFF;
}
.servicesImageOverlay a:visited {
	color:#FFFFFF;
}
.servicesImageOverlay a:active {
	color:#FFFFFF;
}
.servicesImageOverlay a:hover {
	color:#00accd;
}
/* 
	newsitems   ----------------------------------------------
*/

#content {
	/*background-color:#ffffff;*/
	float:left;
	width:534px;
	margin-left:56px;
	padding-bottom:20px;
}
#content h1 {
	margin:20px 0px 20px 0px;
	color:#565656;
}
#content p {
	line-height:18px;
	width:490px;
	text-align: justify;
}
#content ul {
	margin-left: 0px;
	padding-left: 0px;
	line-height: 18px;
	width:490px;
}
#content li {
	margin-left: 15px;
	padding-left: 20px;
	list-style-type: square;
	line-height: 18px;
	margin-bottom:5px;
	font-size:11px;
}
/* 
	headings  ----------------------------------------------
*/

.rowBackground h1 {
	color:#565656;
	margin:20px 0px 20px 20px;
	text-transform:uppercase;
	font-size: 24px;
}
#latestContentbox h1 {
	color:#FFFFFF;
	margin:60px 0px 0px 20px;
	font-size: 24px;
}
ul#news h2 {
	color:#565656;
	height:30px;
	text-transform:uppercase;
	font-size: 16px;
}
/* 
	listitems   ----------------------------------------------
*/

ul#options {
	float:right;
	margin-top:30px;
	width:370px;
}
ul#options li {
	float:left;
	list-style-type:none;
	width:185px;
}
ul#options a:link {
	color:#f7941e;
}
ul#options a:visited {
	color:#f7941e;
}
ul#options a:active {
	color:#f7941e;
}
ul#options a:hover {
	color:#FFFFFF;
}
ul#news {
	/*background:#565656;*/
	overflow:hidden;
	padding-left:20px;
	/*width:558px;*/
	margin:0;
}
ul#news li {
	background-color:#FFFFFF;
	float:left;
	list-style-type:none;
	padding:0px 35px 0px 0px;
	margin-right:1px;
	width:150px;
}
ul#news li p {
	line-height:15px;
}
/* 
	link items   ----------------------------------------------
*/
a {
	text-decoration:none;
}
a:link, a:visited, a:active {
	color:#f7941e;
}
a:hover {
	color:#f7941e;
}
/* 
	**** items   ----------------------------------------------
*/

.hidden {
	display: none;
}

/*************** Forms ***************/

/*************** toevoeging ***************/

fieldset {
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #E4E4E4;
}

label {
	font-weight: bolder;
} 

#dag-element label {
	font-weight: normal;
} 

#tijd-element label {
	font-weight: normal;
} 

dt {
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
}
dd {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}