/* DEFAULT ............................................................................................ */

html,
body {
	margin				: 0;
	padding				: 0;
}

* {
	cursor				: default;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	line-height			: 16px;
	color				: #333333;
}

a {
	text-decoration		: none;
	cursor				: pointer;
}

a:hover {
	text-decoration		: underline;
}

#website {
	margin				: 0 auto;
	padding				: 0;
	width				: 770px;
}

#bedrijf {
	margin				: 0;
	padding				: 0;
	width				: 770px;
	height				: 240px;
	background-image	: url(../images/bg_bedrijf.jpg);
	background-position	: top;
	background-repeat	: no-repeat;
}

#missie {
	width				: 770px;
	height				: 24px;
	vertical-align		: middle;
	margin				: 0;
	margin-top			: 2px;
	padding				: 0;
	background-color	: #ff6600;
	color				: #FFFFFF;
	font-weight			: bold;
	text-align			: right;
}

#missie p {
	margin				: 0;
	line-height			: 24px;
	margin-right		: 4px;
	padding				: 0;
}

#info {
	float				: left;
	margin				: 2px 0;
	clear				: both;
	padding				: 0;
	width				: 770px;
	background-image	: url(../images/bg_website.gif);
	background-repeat	: repeat-y;
}

/* ICONS .............................................................................................. */

#icons {
	height				: 24px;
	margin				: 0;
	padding				: 0;
	width				: 194px;
	float				: left;
	clear				: right;
}

#icons a.icon {
	padding				: 0;
	margin				: 4px;
	float				: left;
	clear				: right;
	background-repeat	: no-repeat;
	width				: 16px;
	height				: 16px;
	display				: block;
}

#icons a.icon_reactie {
	margin-left			: 150px;
	margin-right		: 0;
}

#icons a.icon:hover,
#icons a.icon:active {
	background-position	: 0 -16px;
}

#icons a.icon_home {		background-image: url(../images/icon_home.gif);	}
#icons a.icon_reactie { 	background-image: url(../images/icon_mail.gif); }

/* BREADCRUMB ......................................................................................... */


#breadcrumb {
	height				: 24px;
	width				: 566px;
	float				: right;
	padding				: 0;
	margin				: 0;
	color				: #cccccc;
}

#breadcrumb .breadcrumb {
	vertical-align:middle;
	line-height			: 24px;
	width				: 466px;
	float				: right;
	padding				: 0;
	margin				: 0;
	color				: #cccccc;
}

#breadcrumb .sitemap {
	vertical-align:middle;
	text-align			: right;
	line-height			: 24px;
	width				: 100px;
	float				: right;
	clear				: left;
	padding				: 0;
	margin				: 0;
	color				: #cccccc;
}

#breadcrumb .breadcrumb a,
#breadcrumb .sitemap a {
	color				: #cccccc;
	text-decoration		: none;
}

#breadcrumb .breadcrumb a:hover,
#breadcrumb .breadcrumb a:active,
#breadcrumb .sitemap a:hover,
#breadcrumb .sitemap a:active {
	color				: #999999;
	text-decoration		: underline;
}

/* LINE ............................................................................................... */

#line {
	width				: 770px;
	clear				: both;
	height				: 2px;
	background-color	: #ff6600;
	margin				: 0;
	padding				: 0;
	font-size			: 1px;
}

/* MENU ............................................................................................... */

#menu {
	clear				: right;
	float				: left;
	width				: 194px;
	margin				: 4px 0;
}

#menu ul.menu {
	margin				: 0;
	padding				: 0;
	list-style-type		: none;
	width				: 194px;
}

#menu ul.menu li {
	display				: block;
	margin-bottom		: 2px;
	width				: 194px;
	background-color	: #6666ff;
}

#menu ul.menu li a {
	padding				: 0 4px;
	height				: 36px;
	font-weight			: bold;
	color				: #ffffff;
	display				: block;
	background-color	: #6666ff;
}

#menu ul.menu li a:hover,
#menu ul.menu li.active a {
	text-decoration		: none;
	color				: #ffffff;
	background-color	: #ff6600;
}

#menu ul.menu li ul {
	background-color	: #FFFFFF;
	margin				: 0;
	padding				: 0;
	list-style-type		: none;
	width				: 194px;
}

#menu ul.menu li ul li a,
#menu ul.menu li ul li a:visited,
#menu ul.menu li ul li a:link {
	background-color	: #ffffff;
	color				: #6666ff;
	height				: 18px;
	font-weight			: bold;
	display				: block;
}

#menu ul.menu li ul li a:hover,
#menu ul.menu li ul li.active a {
	text-decoration		: none;
	color				: #ff6600;
	background-color	: #FFFFFF;
}


/* CONTENT ............................................................................................ */

#content {
	margin				: 4px 0;
	padding				: 0;
	float				: right;
	width				: 566px;
}

#content h1,
#content h2 {
	padding				: 0;
	margin				: 0;
	margin-bottom		: 4px;
	font-size			: 11px;
	height				: 36px;
	line-height			: 36px;
	text-indent			: 4px;
	vertical-align		: middle;
	color				: #FFFFFF;
	width				: 566px;
	font-weight			: bold;
	background-color	: #6666ff;
}

#content h2 {
	background-color	: #ff6600;
	height				: 20px;
	line-height			: 20px;
}

#content div.alinea {
	padding				: 0;
	margin				: 0;
	width				: 566px;
	clear				: both;
	text-align			: justify;
}

#content div h2 {
	padding				: 0;
	margin-top			: 10px;
	margin-bottom		: 4px;
	font-size			: 11px;
	font-weight			: bold;
}

#content>div>p {
	margin : 4px 0;
}

#content>div>ul {
	margin : 0;
}

#content a {
	text-decoration:none;
	color:#527db9;
}

#content a:HOVER {
	text-decoration:underline;
	color:#000000;
}

#content a[target="_blank"] {
	color:#FF0000;
}

/* AFBEELDINGEN ........................................................................................ */

#content .alinea a.bestand.links,
#content .alinea img.links { 
	float:left; 
	margin: 5px 5px 5px 0;
}

#content .alinea a.bestand.rechts,
#content .alinea img.rechts { 
	float:right; 
	margin: 5px 0 5px 5px;
}

#content .alinea a.bestand.groot,
#content .alinea img.groot { 
	display:block; 
	margin:0;
	margin-left:auto;
	margin-right:auto;
}

#content .alinea a.bestand[mimeType~="pdf"]{
	background-image: url(../images/icon_print.gif);
	background-repeat:no-repeat;
	text-indent:25px;
}

/* FOOTER ............................................................................................. */

#footer {
	clear				: both;
	height				: 24px;
	width				: 770px;
	background-color	: #ff6600;
	margin				: 0;
	padding				: 0;
}

#footer ul {
	float				: right;
	margin				: 5px 5px 0 0;
}

#footer li {
	color				: #ffffff;
	list-style-type		: none;
	margin				: 0;
	padding				: 0 5px;
	float				: left;
	border-left			: 1px solid #6666ff;
	font-size			: 10px;
}

#footer li.copyright {
	border-left			: none;
}

#footer li a {
	font-size			: 10px;
	color				: #ffffff;
	text-decoration		: none;
}

#footer li.active a,
#footer li a:hover {
	color				: #6666ff;
}












/* .................................................................................................... */

form {
	margin			: 0;
	padding			: 0;
}

.printOnly {
	display			: none;
}

input,
textarea {
	cursor			: text;
	border			: 1px solid #6666ff;
}

input[type="button"] {
	background-color	: #6666ff;
	color				: #ffffff;
	cursor				: pointer;
} 


input[type="radio"], 
input[type="checkbox"], 
input[type="submit"] {
	border			: 0;
}

label {
	text-decoration	: none;
	cursor			: pointer;
}

label:hover {
	text-decoration	: underline;
	cursor			: pointer;
}

img {
	border			: 0;
}

/***********************************************
* NAVIGATIE IN DETAIL
************************************************/
.detailNavigatie a { 
	color:#cccccc;
	font-size: 10px;
} 





.nieuws_item {
	background-color: #666666;
	cursor: pointer;
	margin: 5px 0 0;
}

.nieuws_item:hover {
	background-color	: #ff0000;
	cursor				: pointer;
}

/* FOOTER ............................................................................................. */

.inputHighlighted {
	background-color		: #ff6600;
	color					: #ffffff;
}

.staticLink { cursor:pointer; }

.formvalueIncorrectToggle{
	background-color:#FF0000;
	color:#FFFFFF;
}

.basketAanbieding_freeItemToggle {
	background-color:#FF0000;
}

/***********************************************
* SLIDESHOW
************************************************/

.slideshow {
	position		: relative; 
	clear			: both;
	float			: left;
	/* NOTICE : dimensions need to be fixed while position = relative */
	height			: 120px;
	width			: 566px;
}

.slideshow div {
	position		: absolute;
	left			: 0;
	top				: 0;
}

/***********************************************
* MESSAGES
************************************************/
span.userMesage {
	width:100%;
	height:40px;
	border-style:solid;
	border-color:#FF0000;
	border-width:1px;
	vertical-align:middle;
	padding-left: 10px;
}

span.note {
	font-size:9px;
}