/*
GENERAL: all 'content' font-size: 13px;
ELSE: make it look nice!
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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;
}
body {line-height: 1.1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END CSS.RESET */

/* Global typography */
a {color:#575151;}
a:hover {color:#575151;}
p {font-size:13px;line-height:18px;}

/* Default styles */
body {
	background-image:url("/App_Themes/MainSite/i/bg_body.jpg");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center top;
	font-family:Tahoma,Arial,Sans-Serif; /* Tahoma, */
	font-size:1em;
	color:#575151;
	text-align:center;
}

#container {
	width:950px; /* onchange, pas ook #headertop aan (check dan meteen #contentitem */
	padding:15px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background-color:#fff;
}
#headertop {clear:both;width:950px;height:40px;background-image:url("/App_Themes/MainSite/i/sidebar_bg.png");background-position:right top;background-repeat:no-repeat;}
#headertop a {text-decoration:none;}

#headeritem {
	border:solid 1px #575151;
	height:43px;
	clear:both;
	padding:10px;
	padding-top:5px;
	margin-top:36px; /* vage waarde, maar goed, het werkt, zorgt helaas voor 1px shift in Opera */
	background-color:#69615F;
	background-image:url("/App_Themes/MainSite/i/header_item_bg.gif");
	background-repeat:no-repeat;
}
#headeritem h1 {clear:both;float:left;color:#fff;font-size:24px;margin-top:4px;font-weight:normal;}

#content {overflow:hidden;padding:15px 0;}
#contentitem {width:560px;float:left;}
#sidebar {float:right;}

#footer {
	border:solid 1px #6A6260;
	height:60px;
	padding:10px;
	clear:both;
	background-image:url("/App_Themes/MainSite/i/footer_item_bg.gif");
	background-repeat:no-repeat;
	color:#fff;
}

#footer .border-nav {padding-left:10px;}
#footer p, #footer li, #footer a {color:#fff;font-size:11px;}
#footer ul {padding:0;margin:0;}
#footer li {list-style-type:none;padding:0;}
#footer p {clear:both;}
#footer a {text-decoration:none;}

p {	margin-top:15px;text-align:justify;}

#contentitem p {margin-left:15px;margin-right:15px;font-size:13px;line-height:18px;}
#contentitem p.headerimage {margin:0;}
#contentitem h3 {margin-left:15px;line-height:20px;margin-top:10px;}

/*By using the reset.css, regular ul, li structure must be recreated!*/
#contentitem ul, #contentitem ol
{
	font-size:13px;                                                        
	list-style-type:disc;
	float:none;
	margin-left:20px;
	line-height:18px;
}
#contentitem ul li,#contentitem ol li {	margin:3px;margin-left:10px;}
#contentitem ul li ul li,#contentitem ol li ol li {margin-left:5px;list-style-type:circle;}
/* lets go three levels deep! */
#contentitem ul li ul li ul li,#contentitem ol li ol li ol li{margin-left:5px;list-style-type:square;}

/*By using the reset.css, regular ul, lu structure must be recreated!*/
#contentitem ol {
	list-style-type:decimal;
	margin-left:26px; /* general override */
}

#contentitem table{font-size:13px;margin-left:15px;margin-top:15px;}
#contentitem td{line-height:22px;}

/*
Contains style elements only for use in the CMS editor. On Change, update cms_typo!
*/
#contentitem p.intro {font-size:14px;letter-spacing:1px;}

/* Navigational elements */
#mainnavigation {padding: 0;margin: 0;clear:both;font-size:15px;}
#mainnavigation ul {list-style-type: none;padding: 0;margin: 0;}
#mainnavigation li {float: left;position: relative;list-style-type:none;z-index:5;}
#mainnavigation li a {color:#575151;text-decoration:none;padding:8px;display:block;}           
#mainnavigation li:hover {background-image:url("/App_Themes/MainSite/i/li_bg_right.png");background-position:top right;background-repeat:no-repeat;border-bottom:solid 1px #C8D4DE;}
#mainnavigation li:hover a {background-image:url("/App_Themes/MainSite/i/li_bg_left.png");background-position:top left;background-repeat:no-repeat;}
#mainnavigation li li a {
	display: block;
	font-weight: normal;
	white-space:nowrap;
	padding:8px;
	background-image:url("/App_Themes/MainSite/i/li_bg_right.png");
	background-position:top right;
	background-repeat:no-repeat;
}
#mainnavigation li ul {display: none;position:absolute;top:100%;left:0;background-color:#fff;z-index:10;}
#mainnavigation li ul li {padding:0;margin:0;background-image:url("/App_Themes/MainSite/i/li_bg_right.png");background-position:top right;background-repeat:no-repeat;}
#mainnavigation li ul li:hover {padding:0;margin:0;border:none;}
#mainnavigation li ul li a:hover{}
#mainnavigation li>ul {top:32px;}
#mainnavigation li li {display: block;float: none;background-color: transparent;border: 0;}
#mainnavigation li:hover ul, #mainnavigation li.over ul {display: block;}


.subnavigation {float:left;font-size:11px;padding:0 0 5px 8px;}
.subnavigation li {float:left;}
.subnavigation li a {color:#575151;text-decoration:none;}
.border-nav {border-left:solid 1px #C8D4DE;margin-left:10px;padding-left:10px;}

#searchbox 
{
	border:solid 1px #C8D4DE;
	height:20px;
	width:360px;
	padding:6px;
	float:right;
	text-align:right;
	background-image:url("/App_Themes/MainSite/i/icon_search.png");
	background-repeat:no-repeat;
	background-position:5px 5px;
}

#logo {display:block;width:170px;height:30px;float:left;background-image:url("/App_Themes/MainSite/i/logo.png");background-repeat:no-repeat;margin-left:5px;text-decoration:none;}
#print-logo {display:none;}
#breadcrumb {overflow:auto;line-height:17px;}
#breadcrumb li {font-size:11px;color:#fff;float:left;}
#breadcrumb li a{color:#fff;}

.hide-txt {visibility:hidden;}

/* small icons */
.icon-rss,.icon-newsletter,.icon-product,.icon-blogs {background-repeat:no-repeat;background-position:right top;}
.icon-demo,.icon-help,.icon-modules,.icon-contact,.icon-forum,.icon-request,.icon-documentation,.icon-print {background-repeat:no-repeat;background-position:4px 4px;}
.icon-rss {background-image:url("/App_Themes/MainSite/i/icon_rss.png");margin-bottom:4px;/*correction for the alignment with the big homepage image!*/}
.icon-blogs {background-image:url("/App_Themes/MainSite/i/icon_blog.png");}
.icon-newsletter {background-image:url("/App_Themes/MainSite/i/icon_newsletter.png");}
.icon-demo {background-image:url("/App_Themes/MainSite/i/icon_demo.png");}
.icon-help {background-image:url("/App_Themes/MainSite/i/icon_help.png");}
.icon-modules {background-image:url("/App_Themes/MainSite/i/icon_modules.png");}
.icon-contact {background-image:url("/App_Themes/MainSite/i/icon_contact.png");}
.icon-forum {background-image:url("/App_Themes/MainSite/i/icon_forum.png");}
.icon-request {background-image:url("/App_Themes/MainSite/i/icon_request.png");}
.icon-documentation {background-image:url("/App_Themes/MainSite/i/icon_documentation.png");}
.icon-print {background-image:url("/App_Themes/MainSite/i/icon_print.png");}

/* sidebar stuff */
.sidebar-itemcontainer
{
	width:353px;
	font-size:13px;
	padding:6px 10px 10px 10px;
	background-color:#E2EBF2;
	margin-bottom:15px;
	border:solid 1px #C8D4DE;
	background-image:url("/App_Themes/MainSite/i/sidebar_bg.png");
	background-repeat:no-repeat;
}
.sidebar-itemcontainer p {margin-top:0; line-height:18px;}
.sidebar-itemcontainer h2 {padding:4px 0 18px 0;font-size:14px;}
/*
#quicklinks {border-top:solid 1px #C8D4DE;}
#quicklinks li 
{
	background-image:url("/App_Themes/MainSite/i/sidebar_bg.png");
	background-repeat:no-repeat;
	height:22px;
	padding:5px 0;
	width:373px;
	border-left:solid 1px #C8D4DE;
	border-right:solid 1px #C8D4DE;
	border-bottom:solid 1px #C8D4DE;
}
#quicklinks li a {text-decoration:none;padding:3px 32px;}*/

#quicklinks li {height:27px;padding:5px 0;border-bottom:solid 1px #C8D4DE;}
#quicklinks li a {text-decoration:none;padding:5px 32px;line-height:25px;font-size:16px;}
ul#quicklinks li:last-child {border:none;padding-bottom:0;}

.newsletterform	{width:100%;margin-top:10px;}
.newsletterform dt {display:block;width:100px;float:left;}
.newsletterform dd {display:block;width:250px;float:left;}

.contactform {margin:15px 0 0 15px; font-size:13px;border-top:solid 1px black;width:95%;padding-top:10px;}
/*.contactform legend{font-size:14px;font-weight:bold;padding:0 5px 0 0;}*/
.contactform legend{font-size:14px;font-weight:bold;padding:0 5px 0 0;line-height:24px;}
.contactform dd{width:400px;}
.contactform dt {clear:both;}
.contactform p {margin:0;}

.news-date {padding:5px 5px 0 0;white-space:nowrap;width:80px;}
.news-content {border-bottom:solid 1px #C8D4DE;padding:5px 5px 10px 0;line-height:16px;overflow:hidden;}

#newscontainer ul {
margin:0;
padding:0;
}
.news-item {
border-bottom:solid 1px #C8D4DE;
padding:4px;
list-style-type:none;
margin:0;
width:350px;
line-height:26px;
white-space:nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow:hidden;
}
.news-item img{margin:2px 5px 2px 2px;vertical-align:middle;width:20px;height:20px;float:left;}
span.datetime {display:block; width:80px;float:left;}
span.caption {float:left; width:240px;white-space:nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow:hidden;}
/*.news-content a {width:150px;text-overflow:ellipsis;white-space:nowrap;}*/

/* forms */
.regular-button {background-image:url("/App_Themes/MainSite/i/blue_button_bg.png");background-repeat:repeat-x;padding:0px 5px;border:solid 1px #538AC2;color:#fff;margin-top:5px;}
 .regular-label {float:left;display:block;width:90px;margin-top:4px;line-height:20px;}
/* override searchbox button, anders word het teveel van het goede*/
#searchbox .regular-button,#searchbox .input-txt {margin:0;}
.input-txt {height:17px;border:solid 1px #C8D4DE;margin-top:4px;width:94%;background-image:url("/App_Themes/MainSite/i/input_bg.png");}
.input-field {height:80px;border:solid 1px #C8D4DE;margin-top:4px;width:94%;background-image:url("/App_Themes/MainSite/i/text_bg.png");background-repeat:repeat-x; font-family:Tahoma,Arial,Sans-Serif;font-size:12px;}
.dropdown-box {	height:22px; /* regular-button + 4px */}
#news-archive, .arch  {clear:both;font-size:13px;line-height:18px;}
#news-archive dt, .arch-coldate {float:left;font-weight:bold;clear:left;width:100px;margin-top:5px;}
#news-archive dd,.arch-coltitle {float:left;padding-left:10px;margin-top:5px;width:440px;}
/* FAQ elementen */
.questions, .answers {display:none;}
.questions p {padding-left:5px;}
.answers {margin:10px 20px;border:solid 1px #538AC2;background-image:url("/App_Themes/MainSite/i/text_bg.png");background-repeat:repeat-x;padding:5px 0;font-weight:normal;}
.answers img {margin:4px;}
.answers p{padding:0;margin:0;font-weight:normal;}

/*random */
.references tr {height:100px;}
.search-result {padding-bottom:4px;border-bottom:solid 1px black;}

.pollframe 
{
	width:270px;
	height:200px;
	border:none;
	overflow:hidden;
	background:none;
	text-align:left;
	margin-top:10px;
	border:solid 1px #C8D4DE;
	background-color:#E2EBF2;
}
/* MEDIA */
.videoContainer {margin:10px;}

.MediaItem 
{
	margin-top:10px;
	border:solid 1px #ccc;
	clear:both;
	padding-bottom:5px;
}
.MediaItem h2 {margin-left:5px;}            
.vidPreview {margin:0 10px 5px 0;}

.referencesCarouselContainer {
	margin-top:20px;
	width:558px;
	height:81px;
	float:left;
	border:solid 1px black;
}
.referencesCarousel {float:left;}

.carbutton {
	width:28px;
	height:81px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:center center;
}
.prev { float:left; 
	background-image:url(/contentitems/images/carousel-left.gif);
}
.next { float:right; 
	background-image:url(/contentitems/images/carousel-right.gif);
}

#newscontainer {
	height:234px;
	overflow:hidden;
}

#newscontainer-old {height:190px;}