/*algemeen*/
body { margin: 0; }

@font-face {
    font-family: 'LatoRegular';
    src: url('/ENGINE/FONTS/WIAR/WEBSITE/lato-regular-webfont.eot');
    src: url('/ENGINE/FONTS/WIAR/WEBSITE/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/ENGINE/FONTS/WIAR/WEBSITE/lato-regular-webfont.woff') format('woff'),
         url('/ENGINE/FONTS/WIAR/WEBSITE/lato-regular-webfont.ttf') format('truetype'),
         url('/ENGINE/FONTS/WIAR/WEBSITE/lato-regular-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

div.clear_both { clear: both; }
div.left { float: left; }
div.right { float: right; }
.line_break { border-top: 1px solid #b9d8f5; padding-top: 10px; }

div.container_outer { width: 100%; clear: both; text-align: center; }
div.container_inner { width: 990px; clear: both; text-align: left; margin: 0 auto; padding: 0; background: #fff; }

/*header*/
div.header { background: url(/ENGINE/IMAGES/WIAR/WEBSITE/bg_header.png) repeat-x; padding-top: 20px; }
div.header div.container_inner { height: 386px; background: none; }
	div.header div.header_content { }
		a.logo { position: absolute; margin: 21px 0 0 28px;}
		a.login { position: absolute; margin: 40px 0 0 860px; width: 110px; line-height: 35px; background: url(/ENGINE/IMAGES/WIAR/WEBSITE/login_background.jpg) repeat-x top; text-align: center; color: #FFF; font-weight: bold; text-shadow: 1px 0px 0px #006eb8; font-size: 12px;}
		a.login:hover { background-position: 0 -37px; }

		div.language_selector { position: absolute; width: 960px; text-align: right; padding: 10px 0 0 0; text-transform: uppercase; font: 10px/20px LatoRegular, Arial, Helvetica, sans-serif; }
			.language_icon { display: block; float: right; margin-left: 5px; margin-top: 2px; }

		/* menu */
		div.menu { display: block; height: 115px; width: 990px; background: #fff; border-radius: 5px 5px 0 0; }
			.menu_under_bar { height: 40px; margin-bottom: 20px; background: #b9d8f5; border-radius: 0 0 5px 5px; }

			ul.mainmenu { position: absolute; width: 990px; height: 30px; margin: 89px 0 0 10px; padding: 0; list-style: none; z-index: 100; }
				li.main_item { float: left; padding: 0; margin: 0; list-style: none; }
				li.main_item a { display: block; clear: both; color: #006eb8; height: 26px; margin: 0 0 0 20px; text-transform: uppercase; font: 14px/20px LatoRegular, Arial, Helvetica, sans-serif; text-decoration: none; }
				ul.mainmenu:hover li.main_item { background: none; }
				ul.mainmenu:hover li.main_item:hover, li.main_item.active { color: #000; background: url(/ENGINE/IMAGES/WIAR/WEBSITE/nav_pointer.png) no-repeat bottom center; }
				ul.mainmenu:hover li.main_item:hover > a, li.main_item.active > a { color: #000; }

				li.main_item:hover ul.submenu { display: block; }
				ul.mainmenu:hover li.main_item ul.submenu.active { display: none; }
				ul.mainmenu li.main_item:hover ul.submenu.active { display: block; }
				ul.mainmenu li.main_item ul.submenu.active { display: block; }

					ul.submenu { display: none; position: absolute; margin-top: 26px; width: 950px; height: 40px; text-align: right; left: 50%; margin-left: -505px; list-style: none; z-index: 100; }
						ul.submenu li.submenu_item { float: left; list-style: none; }
						ul.submenu li.submenu_item a { display: block; color: #006eb8; height: 30px; padding: 10px 10px 0 10px; margin: 0; text-transform: uppercase; font: 12px/20px LatoRegular, Arial, Helvetica, sans-serif; text-decoration: none; }
						ul.submenu li.submenu_item:hover, ul li.submenu_item.active { display: block; color: #000; background: #E3EFFA; }
						ul.submenu li.submenu_item:hover > a, ul li.submenu_item.active > a { color: #000; }

						ul.submenu li.submenu_item:hover ul.sub_submenu { display: block; }

						ul.sub_submenu { display: none; position: absolute; margin-top: 40px; margin-left: -40px; text-align: left; list-style: none; z-index: 100; }
							ul li.sub_submenu_item { background: #E3EFFA; }
							ul li.sub_submenu_item a { display: block; padding: 6px 10px 0 10px; margin:  0 0 0; font: 12px/20px LatoRegular, Arial, Helvetica, sans-serif; }
							ul li.sub_submenu_item:hover, ul li.sub_submenu_item.active { color: #000; }
							ul li.sub_submenu_item:hover > a, ul li.sub_submenu_item.active > a { color: #000; }

/* streamer */
ul.streamer { position: relative; width: 990px; height: 198px; overflow: hidden; list-style: none; margin: 0; padding: 0; z-index: 0; }
ul.streamer li { position: absolute; width: 990px; height: 198px; overflow: hidden; z-index: 0; }
ul.streamer li div { float: left; width: 198px; height: 198px; float: left; display: block; }
ul.streamer li div.text { background: url(/ENGINE/IMAGES/WIAR/WEBSITE/streamer_background.png) no-repeat; }
ul.streamer li div.inner { padding: 40px 20px 20px 20px; width: 158px; font: 15px/20px LatoRegular, Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; }
ul.streamer li div.streamer_item_container { overflow: hidden; float: none; width: 990px; height: 198px; background: none; border-radius: 5px 5px 5px 5px; }

div.streamer_navigation { position: absolute; z-index: 99; text-align: left; width: 100px; height: 20px; padding: 2px 0; margin: 156px 0 0 216px; color: #fff; }
div.streamer_navigation span { display: inline-block; vertical-align: middle; cursor: pointer; text-transform: uppercase; font-size: 10px; }
span.streamer_bullet { margin: 0 2px; width: 10px; height: 10px; background: url(/ENGINE/IMAGES/WIAR/WEBSITE/bullet_streamer.png); }
span.streamer_bullet_active { background-position: 0 -10px; }

/* buttons */
a.link  { position: absolute; width: 160px; height: 25px; line-height: 25px; margin: 380px 0 0 87px; padding: 0; text-transform: uppercase; font: 12/25px LatoRegular, Arial, Helvetica, sans-serif; text-align: center; color: #fff; border: none; border-radius: 5px 5px 5px 5px; list-style: none; text-decoration: none; background: #008aff; }
a.link:hover { color: #444; background: #b9d8f5; }
.submit { position: absolute; width: 160px; height: 25px; line-height: 25px; padding: 0; text-transform: uppercase; font: 12/25px LatoRegular, Arial, Helvetica, sans-serif; text-align: center; color: #fff; border: none; border-radius: 5px 5px 5px 5px; list-style: none; text-decoration: none; background: #008aff; }
.submit:hover { color: #444; background: #b9d8f5; }

/* Dashboard */
div.main .container_inner { display: block; padding: 13px 0 0 0; }
div.main .container_inner table.template_default  { padding: 0; margin: 0; }
div.main .container_inner table.template_default td.column_1 { display: block; float: left; width: 248px; height: 400px; margin: 0; padding: 20px 30px 30px 30px; background: #e5e5e5; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; }
div.main .container_inner table.template_default td.column_2 { display: block; float: left; width: 248px; height: 400px; margin: 0 30px 0 30px; padding: 20px 30px 30px 30px; background: #e5e5e5; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; }
div.main .container_inner table.template_default td.column_3 { display: block; float: left; width: 248px; height: 400px; margin: 0; padding: 20px 30px 30px 30px; background: #e5e5e5; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; }
	div.main .container_inner table.template_default td.column_1 h1, 
	div.main .container_inner table.template_default td.column_1 h2,
	div.main .container_inner table.template_default td.column_2 h2 { font-size: 14px; text-transform: uppercase; padding-bottom: 14px; border-bottom: 1px solid #b9d8f5; }
	div.main .container_inner table.template_default td.column_3 h2 { font-size: 14px; text-transform: uppercase; padding-bottom: 2px; }
	
	div.main .container_inner table.template_default td.column_1 p { text-align: left; vertical-align: top; }
	div.main .container_inner table.template_default td.column_1 div.content div.content-image a img { float: right; width: 110px; }
	
	div.main .container_inner table.template_default td.column_3 .content .news { height: 67px; margin: 10px 0 11px 0; padding: 5px 10px 5px 10px; border-radius: 5px 5px 5px 5px; background: #eee; border: 1px solid #B9D8F5; }
	div.main .container_inner table.template_default td.column_3 .news div.news_header_block { display: block; }
	div.main .container_inner table.template_default td.column_3 .news div.news_header_block .news_header { display: block; float: left; width: 108px; text-align: left; border-bottom: 1px solid #B9D8F5; }
	div.main .container_inner table.template_default td.column_3 .news div.news_header_block .date_block { display: block; width: 118px; float: right; text-align: right; border-bottom: 1px solid #B9D8F5; }
	
	div.main .container_inner table.template_default td.column_3 .content .twitter { margin: 10px 0 11px 0; padding: 5px 10px 5px 10px; border-radius: 5px 5px 5px 5px; background: #eee; border: 1px solid #B9D8F5; }
	div.main .container_inner table.template_default td.column_3 .twitter div.twitter_header_block { display: block; }
	div.main .container_inner table.template_default td.column_3 .twitter div.twitter_header_block div.twitter_header { display: block; float: left; width: 108px; text-align: left; border-bottom: 1px solid #B9D8F5; line-height: 26px; height: 26px;}
	div.main .container_inner table.template_default td.column_3 .twitter div.twitter_header_block div.user { display: block; width: 118px; float: right; text-align: right; border-bottom: 1px solid #B9D8F5;  line-height: 26px; height: 26px; }
	
	div.main .container_inner table.template_default td.column_3 .content .rss { margin: 10px 0 0 0; padding: 5px 10px 5px 10px; border-radius: 5px 5px 5px 5px; background: #eee; border: 1px solid #B9D8F5; }
	div.main .container_inner table.template_default td.column_3 .rss div.rss_header { display: block; float: left; width: 228px; text-align: left; border-bottom: 1px solid #B9D8F5; line-height: 26px; height: 26px;  }

/* Vervolgpagina */
div.main2 .container_inner { display: block; padding: 13px 0 0 0; }
div.main2 .container_inner table.template_default  { padding: 0; margin: 0; }
div.main2 .container_inner table.template_default td.column_1 { display: block; float: left; width: 620px; min-height: 400px; margin: 0 30px 0 0; padding: 20px 0px 30px 30px; background: #fff; }
div.main2 .container_inner table.template_default td.column_2 { display: block; float: left; width: 248px; height: 400px; margin: 0 0 0 0; padding: 20px 30px 30px 30px; background: #e5e5e5; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; }
	div.main2 .container_inner table.template_default td.column_2 h1,
	div.main2 .container_inner table.template_default td.column_2 h2 { padding-bottom: 14px; border-bottom: 1px solid #b9d8f5; }
	div.main2 .container_inner table.template_default td.column_1 ul { margin-left: 15px; padding: 0px; }

/* Project-overzicht small portal page */
a.project_module_item { display: block; text-decoration: none; overflow: auto; padding-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #b9d8f5; }
	a.project_module_item .project_image { margin: 6px 20px 10px 0; float: left; width: 70px; height: 70px; border-radius: 5px 5px 5px 5px; box-shadow: 2px 2px 2px #888; }

/* Projecten overzichtspagina */
td.project-overview-spacer-top { height: 15px; font-size: 0; }
td.project-overview-spacer { border-bottom: 1px solid #b9d8f5; height: 15px; font-size: 0; }
td.project-overview-image { width: 140px; vertical-align: top; }
td.project-overview-image img { width: 130px; padding: 0px; vertical-align: top; border-radius: 5px 5px 5px 5px; box-shadow: 2px 2px 2px #888; }
td.project-overview-title { width: 360px; vertical-align: top; padding-right: 20px; }
td.project-overview-title a { padding: 0px 0px 0px 20px; display: block; }
td.project-overview-logo { vertical-align: top; }

/* Project detailpagina */
td.projects { vertical-align: top; padding-bottom: 20px; }
/*td.project-logo { text-align: center; height: 70px; }*/
td.project-logo img { padding: 0px; margin: 0px; }
td.project-column-1 { width: 210px; font-weight: bold; padding: 0px; vertical-align: top; }
td.project-column-2 { vertical-align: top; }
td.project-detail-spacer { border-top: 1px solid #b9d8f5; height: 20px; }
td.project-image a img { height: 80px; padding: 0px; margin-bottom: 25px; border-radius: 5px 5px 5px 5px; box-shadow: 2px 2px 2px #888; }

/* Nieuwsberichten-overzicht small portal page */
a.news_module_item { overflow: auto; display: block; text-decoration: none; border-bottom: 1px solid #b9d8f5; }

/* Nieuwsberichten overzichtspagina */
td.news-date { width: 120px; }

/* Partners overzichtspagina */
td.partner-overview-logo { width: 130px;	height: 70px; }
td.partner-overview-content { height: 70px; }
td.partner-overview-spacer { border-top: 1px solid #b9d8f5; height: 15px; }

/* Partners detailpagina */
td.partner-detail-title { vertical-align: middle; width: 100%; text-align: left; height: 40px; }
td.partner-detail-logo { text-align: right; padding-left: 17px; }
  .partner-image { width: 170px; float: left; margin-right: 30px; }

/*Formulier */
.form-column1 { width: 210px; }
.form-column2 { width: 280px; }
	.text_field { width: 270px; height: 24px; margin-bottom: 5px; border: 1px solid #b9d8f5; border-radius: 5px 5px 5px 5px; }
	.text_field_PC { width: 70px; height: 24px; margin-bottom: 5px; border: 1px solid #b9d8f5; border-radius: 5px 5px 5px 5px; }	
	.text_area { width: 270px; height: 80px; margin-bottom: 5px; border: 1px solid #b9d8f5; border-radius: 5px 5px 5px 5px; }
	.text_field_option { width: 273px; height: 29px; margin-bottom: 5px; border: 1px solid #b9d8f5; border-radius: 5px 5px 5px 5px; }
	
/* Footer */
div.footer .container_inner  { min-height: 160px; padding: 0; margin-top: 30px; background: #e5e5e5; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; }
	div.footer_blocks {margin: 0; padding: 0; }
		div.footer_block1 h3, div.footer_block2 h3, div.footer_block3 h3 { font-size: 12px; margin-bottom: 8px; }

		div.footer_block1 { width: 250px; float: left; padding: 20px 30px 20px 30px; }
			div.footer_block1 .column1 { width: 140px; }
				div.footer_block1 ul { margin: 0px; padding: 0 0 0 15px;}
				div.footer_block1 ul li { }

		div.footer_block2 { width: 310px; float: left; padding: 20px 0px 20px 30px; }
			div.search { display: block; float: left; text-align: right; padding: 0px; }
			div.search .input { display: block; float: left; width: 195px; height: 24px; margin: 0; padding: 0 2px 0 2px; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; background: #fff; }
			div.search .btn_search { display: block; float: right; width: 100px; height: 25px; font: 12/25px LatoRegular, Arial, Helvetica, sans-serif; text-transform: uppercase; margin-left: 8px; padding: 0; text-align: center; color: #fff; border: none; border-radius: 5px 5px 5px 5px; font-size: 12px; list-style: none; background: #008aff; }
			div.search .btn_search:hover { color: #444; background: #b9d8f5; }

		div.social_media_links { float: right; display: block; margin-top: -31px; }
			a .social_media_icons  { margin-left: 6px; width: 24px; }

		div.footer_block3 { float: right; width: 279px; padding: 20px 30px 20px 30px; }
			div.footer_block3 .column1 { float: left; display: block; width: 156px; }
			div.footer_block3 .column2 { float: left; display: block; }

		div.credits  { text-align: center; margin-top: 5px; padding: 0px; color:#444; }