/*----------------------------------------------------
Stylesheet KKNN

Kleuren: 
#000000 zwart
#F78129 oranje
#FFCC99 lichtoranje
#999999 grijs
#FFFFFF wit
----------------------------------------------------*/

/* Algemeen */
html,body {
	overflow: auto; 
	padding: 0;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

#page {
	width: 900px;
	min-height: 3000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-image: url(../images/newlogo.png);
	background-repeat: no-repeat;
}

h3 {
	font-size: 18px;
}
h4 {
	font-size: 14px;
}
img {
	border: 0;
}
p, h3 {
	margin-top: 0px;
}
.padding {
	padding: 5px;
}
.small {
	font-size: 1px;
}
.borderTop {
	width: 100%;
	border-top: 1px solid #F78129;
}
.schaduwRechts {
	font-size: 1px;
	background-image: url(../images/schaduwRechts.gif);
	background-repeat: repeat-y;
}
.schaduwOnder {
	font-size: 1px;
	background-image: url(../images/schaduwOnder.gif);
	background-repeat: repeat-x;
}

#container {
	position: absolute;
 	left: 50%;
	width: 900px;
	margin-left: -450px; /* helft van breedte */
}


#containerNoscript {
	position: absolute;
	z-index: 500;
	left: 50%;
	top: 0px;
	width: 900px;
	height: 100px;
	margin-left: -450px; /* helft van breedte */
	background-color: #FFFFFF;
	color: #FF0000; 
	font-weight: bold; 
	font-size: 12px;
	text-align: center;
}
#progress {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin-left: -75px; /* helft van breedte */
	margin-top: -75px;  /* helft van hoogte */
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #666666;
	visibility: hidden;
}
#progress1 {
	position: absolute;
	z-index: 2000;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin-left: -75px; /* helft van breedte */
	margin-top: 0px;  /* helft van hoogte */
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #666666;
	visibility: hidden;
}
.input input {
	border: 1px solid #F78129;
	background-color: #FFFFFF;
	font-size: 10px;
}
.inputContent input {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 10px;
}
.inputSelect select {
	border: 1px solid #999999; 
	background-color: #FFFFFF; 
	font-size: 10px;
}
.customButton {
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;
	cursor: pointer;
}
/* Divs */
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 730px;
	height: 100px;
	padding-left: 19px;
}
#spreuk {
	position: absolute;
	left: 330px;
	top: 50px;
	width: 570px;
	font-size: 13px; 
}
#login {
	position: absolute;
	right: 0px;
	top: 77px;
	width: 250px;
	text-align: right;
}
#links {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 135px;
	width: 200px;
}
	#menu {
		position: relative;
		font-size: 15px;
		font-weight: bold;
	}
	#zoeken {
		position: relative;
	}
#lijn {
	position: absolute;
	z-index: 100;
	left: 147px;
	top: 100px;
	width: 53px;
	height: 415px;
}
#lijn1 {
	position: absolute;
	z-index: 101;
	left: 147px;
	top: 100px;
	width: 53px;
	height: 415px;
}
#submenu {
	position: absolute;
	left: 200px;
	top: 130px;
	width: 700px;
	height: 35px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}
#content {
	position: absolute;
	left: 200px;
	top: 165px;
	width: 440px;
	padding: 5px;
}
	#artikel {
		position: relative;
	}
	#reacties {
		position: relative;
		border-top: 1px solid #F78129;
	}
	.reactie {
		position: relative;
	}
	#reageren {
		position: relative;
		border-top: 1px solid #F78129;
		border-bottom: 1px solid #F78129;
	}
#rechts {
	position: absolute;
	right: 0px;
	top: 165px;
	width: 250px;
}
	#activiteitenContainer {
		position: relative;
		width: 250px;
	}
		#activiteiten {
			border: 1px solid #F78129;
		}
	#artikelenContainer {
		position: relative;
		width: 250px;
	}
		#artikelen {
			border: 1px solid #F78129;
		}
/* Links */
a:active {
	color: #F78129;
	font-weight: bold;
}
a:link {
	color: #F78129;
	font-weight: bold;
}
a:visited {
	color: #F78129;
	font-weight: bold;
}
a:hover {
	color: #F78129;
	font-weight: bold;
}
.title a:active {
	color: #000000;
	text-decoration: none;
}
.title a:link {
	color: #000000;
	text-decoration: none;
}
.title a:visited {
	color: #000000;
	text-decoration: none;
}
.title a:hover {
	color: #000000;
	text-decoration: none;
}
#menu a:active {
	color: #000000;
	text-decoration: none;
}
#menu a:link {
	color: #000000;
	text-decoration: none;
}
#menu a:visited {
	color: #000000;
	text-decoration: none;
}
#menu a:hover {
	color: #F78129;
	text-decoration: none;
}
#current a:active {
	color: #F78129;
	text-decoration: none;
}
#current a:link {
	color: #F78129;
	text-decoration: none;
}
#current a:visited {
	color: #F78129;
	text-decoration: none;
}
#current a:hover {
	color: #F78129;
	text-decoration: none;
}
#submenu a:active {
	color: #F78129;
	text-decoration: none;
}
#submenu a:link {
	color: #F78129;
	text-decoration: none;
}
#submenu a:visited {
	color: #F78129;
	text-decoration: none;
}
#submenu a:hover {
	color: #000000;
	text-decoration: none;
}