/* *** Header *** */
#header_bar
{
	background-color: #00aca9;
}

#header_bar_div
{
	padding-top: 6px;
	padding-bottom: 6px;
	
	width: 940px;
	padding-left: 20px;
	padding-right: 20px;
	
	text-align: right;
	font-size: 14px;

	color: #FFFFFF;
}

.header
{
	
}

.header_div
{
	height: 80px;
	font-size: 0px;
}

#header_logo
{
	display: inline-block;

	width: 301px;
	height: 80px;
}


#header_menu
{
	display: inline-block;

	width: calc(100% - 301px - 10px);
	height: 53px;
	
	padding-right: 10px;
	padding-top: 27px
}


#logo_wheel
{
	position: absolute;
	z-index: 100;
	
	margin-top: -13px;
	margin-left: 0px;
	
	width: 100px;
	height: 106px;
}

#logo_wheel_img_1, #logo_wheel_img_2, #logo_wheel_img_3, #logo_wheel_img_4, #logo_wheel_img_5, #logo_wheel_img_6, #logo_wheel_img_7, #logo_wheel_img_8, #logo_wheel_img_9
{
	display: none;
}
.logo
{
	position: relative;
	z-index: 102;
	
	display: block;
	
	background-image: url('../images/logo/logo.png'); background-repeat: no-repeat; background-position: left 10px;
	
	width: 281px;
	height: 70px;
	
	margin-left: 20px;
	padding-top: 10px;
}

.flag, .flag:visited, .flag:active, .flag:hover,
.flag_selected, .flag_selected:visited, .flag_selected:active, .flag_selected:hover
{
	display: inline-block;
	opacity: 1;
	padding: 2px;
}

.flag, .flag:visited
{
	opacity: 0.5;
}

.flag img, .flag_selected img
{
	width: 23px;
	height: 23px;
}

#header_bar_login, #header_bar_login:visited, #header_bar_login:active, #header_bar_login:hover
{
	background-image: url('../images/icons/header_bar_login.png'); background-repeat: no-repeat; background-position: left 2px;
	
	display: inline-block;
	line-height: 23px;
	color: #FFFFFF;
	padding: 2px;
	padding-left: 27px;
	text-decoration: none;
	font-weight: bold;
}

#header_bar_overview, #header_bar_overview:visited, #header_bar_overview:active, #header_bar_overview:hover
{
	display: inline-block;
	line-height: 23px;
	color: #FFFFFF;
	padding: 2px;

	text-decoration: none;
	font-weight: bold;
}

#header_bar_login:active, #header_bar_login:hover,
#header_bar_overview:active, #header_bar_overview:hover
{
	text-decoration: underline;
}


/* *** /Header *** */


/* *** Slideshow *** */
.slideshow
{

}

.slideshow_div
{
	min-height: 392px;
}

.slideshow_div
{
	width: 100%;
}

.camera_wrap
{
	max-height: 500px !important;
}

/* *** /Slideshow *** */


/* *** Teaser *** */
#teaser
{
	background-image: url('../images/teaser/bg_shadow.png'), url('../images/teaser/bg.jpg');
	background-position: top left, center top;
	background-repeat: repeat-x, no-repeat;

	
	background-color: #c5e5f2;
	height: 523px;
}

#teaser_div
{	
	max-width: 980px;
	height: 523px;
	
	margin: 0px auto;
}

#teaser_div canvas
{
	/* background-image: url('../images/teaser/bg_canvas.png'); background-repeat: no-repeat; background-position: right top; */
	z-index: 1;
	
	max-width: 980px;
	height: 523px;
}

#teaser_info
{
	position: absolute;
	z-index: 2;
	
	margin: 0px auto;
}


#teaser_info_div
{
	max-width: 520px;

	padding-left: 20px;
	padding-top: 110px;
	
	color: #2b3b4b;

}

.teaser_text
{
	text-shadow: 0px 0px 10px #FFFFFF, 0px 0px 6px #FFFFFF, 0px 0px 4px #FFFFFF;

	padding-bottom: 40px;
	
	font-size: 50px;
	font-weight: bold;
	line-height: 62px;	

}

#teaser_text_2
{
	display: none;
}

#teaser_info_div h1
{
	font-size: 62px;
	line-height: 72px;
	
	padding-bottom: 20px;
}


/* *** /Teaser *** */


/* *** Menu (dropdown en hamburger) *** */
#hamburger_menu
{
	display: none;
}

.menu, .menu_fixed, #menu_placeholder
{
	border-bottom-width: 1px;
	height: 60px;
}

.menu_fixed
{
	position: fixed;
	top: 0px;
	z-index: 1000;
	border-bottom-width: 1px;
	width: 100%;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);	
}

.menu_div
{
	height: 50px;
	padding-top: 10px;
}

.menu_extra_options
{
	float: right;
}

.menu_normal
{
	float: right;
}

.menu_item, .menu_item:visited, .menu_item:active,
.menu_item_selected, .menu_item_selected:visited, .menu_item_selected:active, .menu_item_selected:hover,
.menu_item_sub, .menu_item_sub:visited, .menu_item_sub:active,
.menu_item_sub_selected, .menu_item_sub_selected:visited, .menu_item_sub_selected:active
{
	display: inline-block;
			
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;

	font-weight: bold;
	
	color: #00aca9;

}
	
.menu_item_selected, .menu_item_selected:visited, .menu_item_selected:active, .menu_item_selected:hover
{
	border-radius: 20px;
	background-color: #00aca9;
	color: #FFFFFF;
}


.menu_item_sub, .menu_item_sub:visited, .menu_item_sub:active,
.menu_item_sub_selected, .menu_item_sub_selected:visited, .menu_item_sub_selected:active
{
	background-image: url('../images/icons/dropdown_arrow.png'); background-repeat: no-repeat; background-position: right center;
	padding-right: 25px;

}

.menu_item_sub_selected, .menu_item_sub_selected:visited, .menu_item_sub_selected:active
{
	background-image: url('../images/icons/dropdown_arrow_hover.png');
	background-color: #00aca9;
	
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}



.menu_item_vlag, .submenu_item_vlag
{
	width: 20px;
	height: 14px;
	margin-top: 3px;
}

.submenu_item_vlag
{
	
}

.menu_item_telefoon, .menu_item_telefoon:visited, .menu_item_telefoon:active, .menu_item_telefoon:visited:hover,
.menu_item_login, .menu_item_login:visited, .menu_item_login:active, .menu_item_login:hover,
.menu_item_hamburger, .menu_item_hamburger:visited, .menu_item_hamburger:active, .menu_item_hamburger:visited:hover,
.menu_item_cart, .menu_item_cart:visited, .menu_item_cart:active, .menu_item_cart:visited:hover,
.menu_item_cart_empty, .menu_item_cart_empty:visited, .menu_item_cart_empty:active, .menu_item_cart_empty:visited:hover,
.menu_item_personal, .menu_item_personal:visited, .menu_item_personal:active, .menu_item_personal:visited:hover
{
	background-repeat: no-repeat; background-position: left center;
	padding-left: 35px !important;
}

.menu_item_telefoon, .menu_item_telefoon:visited		{ background-image: url('../images/icons/telefoon.png'); }
.menu_item_telefoon:active, .menu_item_telefoon:hover		{ background-image: url('../images/icons/telefoon_hover.png'); }

.menu_item_login, .menu_item_login:visited			{ background-image: url('../images/icons/login.png'); }
.menu_item_login:active, .menu_item_login:hover			{ background-image: url('../images/icons/login_hover.png'); }

.menu_item_personal, .menu_item_personal:visited		{ background-image: url('../images/icons/personal.png'); }
.menu_item_personal:active, .menu_item_personal:hover		{ background-image: url('../images/icons/personal_hover.png'); }
.menu_item_personal
{
	max-width: 90px;
	overflow: hidden;
}

.menu_item_hamburger, .menu_item_hamburger:visited		{ background-image: url('../images/icons/hamburger.png'); }

.menu_item_hamburger, .menu_item_hamburger:visited, .menu_item_hamburger:active, .menu_item_hamburger:hover
{
	display: none;
}

.menu_item_cart, .menu_item_cart:visited, .menu_item_cart:active, .menu_item_cart:hover		{ background-image: url('../images/icons/cart.png'); }
.menu_item_cart span
{
	color: #FFFFFF;
	position: absolute;
	display: block;
	font-size: 10px;
	letter-spacing: -1px;
	width: 16px;
	text-align: center;
	margin-left: -20px;
	margin-top: -2px;
}


.menu_item_cart_empty, .menu_item_cart_empty:visited		{ background-image: url('../images/icons/cart_empty.png'); }
.menu_item_cart_empty:active, .menu_item_cart_empty:hover	{ background-image: url('../images/icons/cart_empty_hover.png'); }

#cart_flying_img_1, #cart_flying_img_2, #cart_flying_img_3, #cart_flying_img_4, #cart_flying_img_5
{
	position: fixed;
	z-index: 20001;
	display: none;
	
	top: 0px;
	left: 0px;
	
	width: 50px;
	height: 50px;
	
	max-width: 50px;
	max-height: 50px;
}

/* Dropdown menu (dd) */
.dd
{
	height: 40px;
}

.dd li 
{
	list-style: none;
	float: left;
}

.dd li a.dd_menu 
{	

}

.dd li a.dd_menu:hover, .dd li a.dd_menu:active
{

}

.dd li a.dd_menu_selected 
{

}

.submenu 
{
	background-color: #00aca9;
	visibility: hidden;
	position: absolute;
	z-index: 3000;
	
	border-radius: 15px;
	border-top-left-radius: 0px;
}

.submenu a, .submenu a:visited
{
	display: block;
	
	padding: 10px;
	
	text-decoration: none;
	font-size: 16px;
	
	min-width: 115px;
	border-radius: 15px;
}

.submenu a:hover, .submenu a:active
{
	background-image: url('../images/layout/bg_light.png'); 
}

#menu99 /* taal menu */
{
	width: 70px;
}

#menu99 a , #menu99 a:visited
{
	min-width: 50px;
}

#tabmenu
{
	background-image: url('../images/layout/bg_tabmenu.jpg'); background-repeat: no-repeat; background-position: center BOTTOM; background-size: cover;
}

#tabmenu_div
{
	padding-top: 40px;
	font-size: 0px;
}

.tabmenu_a, .tabmenu_a:visited, .tabmenu_a:active, .tabmenu_a:hover,
.tabmenu_a_selected, .tabmenu_a_selected:visited, .tabmenu_a_selected:active, .tabmenu_a_selected:hover
{
	display: inline-block;
	
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	
}

.tabmenu_a, .tabmenu_a:visited, .tabmenu_a:active, .tabmenu_a:hover
{
	color: #FFFFFF;
}

.tabmenu_a:active, .tabmenu_a:hover
{
	text-decoration: underline;
}

.tabmenu_a_selected, .tabmenu_a_selected:visited, .tabmenu_a_selected:active, .tabmenu_a_selected:hover
{
	background-color: #FFFFFF;
	color: #2b3b4b;
	
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

/* *** /Menu (dropdown en hamburger) *** */



/* *** Zoeken *** */
.zoeken
{	
	border-width: 1px;
	
	width: 140px;
	height: 24px;
	
	margin-left: 10px;
	margin-top: 7px;
}

.zoeken_input
{
	display: table-cell;
	
	width: 116px;
	height: 24px;
}

.zoeken_input input
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	
	width: 116px;
	height: 24px;
	
	line-height: 24px;
	text-indent: 5px;
}

.zoeken_button
{
	display: table-cell;
	
	width: 24px;
	height: 24px;
}

.zoeken_icon, .zoeken_icon:visited
{
	background-image: url('../images/icons/zoeken.png'); background-repeat: no-repeat; background-position: left top;

	display: block;
	
	width: 24px;
	height: 24px;
}

.zoeken_icon:hover, .zoeken_icon:active
{
	background-image: url('../images/icons/zoeken_hover.png');
}


/* Zoeken: suggestions dropdown */
.ajax_listOfOptions, .ajax_listOfOptions_fixed
{
	z-index:1000;
	
	width: 300px;
	max-height: 450px;
	overflow: auto;

	border-width: 1px;	
	margin-left: -181px;
}

.ajax_listOfOptions
{
	position: absolute;
	top: auto;
}

.ajax_listOfOptions_fixed
{
	position: fixed;
	top: 42px;
}

#ajax_listOfOptions div
{	
	cursor: pointer;
	min-height: 40px;
}

#ajax_listOfOptions div img
{
	float: right;
	max-width: 75px;
	height: 50px;

	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: -5px;
	margin-left: 10px;
}

#ajax_listOfOptions div b /* highlight searchtekst in resultaat */
{
	font-weight: normal;
	text-decoration: underline;
}

.ajax_listOfOptions_titel
{
	display: block;

	max-height: 50px;
	overflow: hidden;

	margin-bottom: 5px;
}

.ajax_listOfOptions_beschrijving
{
	display: block;

	max-height: 40px;
	overflow: hidden;

	font-style: italic;
}

#ajax_listOfOptions .optionDiv
{
	border-width: 1px;
}

#ajax_listOfOptions .optionDivSelected
{
	border-width: 1px;
}

#ajax_listOfOptions_iframe
{
	position: absolute;
	z-index: 5;
}
/* *** /Zoeken *** */



#gametitle
{
	background-image: url('../images/layout/bg_tabmenu.jpg'); background-repeat: no-repeat; background-position: center BOTTOM; background-size: cover;
}

#gametitle_div
{
	padding-top: 40px;
	padding-bottom: 10px;
	text-align: center;
	color: #FFFFFF;
}

#gametitle_div h1
{
	font-size: 60px;
}

.gametitle_subtitle
{
	font-size: 42px;
	line-height: 52px;
	padding-bottom: 20px;	
}

.gametitle_arrow
{
	display: inline-block;
	
	width: 26px;
	height: 36px;
	
	padding-left: 10px;
	padding-right: 10px;
}


/* *** Verschillende constructies van main deel (=onder menu/slideshow) van website *** */
.main
{
	
}

.main_orange
{
	background-image: url('../images/layout/bg_motief.png'); background-repeat: repeat-x; background-position: left top;
	
	background-color: #f58e43;
	
	padding-top: 40px;
	padding-bottom: 40px;
}

.main_orange .button, .main_orange .button:visited
{
	background-color: #000000 !important;
}

.main_div
{
	/* min-height: 260px; */
	
	width: 940px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.main_div_indent
{
	padding-left: 260px;
}

.james_content, .james_content:visited, .james_content:active, .james_content:hover,
.james2_content, .james2_content:visited, .james2_content:active, .james2_content:hover
{
	background-image: url('../images/layout/james_cirkels.png'); background-repeat: no-repeat; background-position: left top;
	position: relative;
	display: block;
	
	z-index: 100;
	float: right;
	
	width: 305px;
	height: 496px;
	
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: -100px;
	
	text-decoration: none;
	text-align: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 30px;
	line-height: 34px;
	
	color: #FFFFFF;
}

.james2_content, .james2_content:visited, .james2_content:active, .james2_content:hover
{
	background-image: url('../images/layout/james_dish.png');
	margin-top: -50px;
	
}


.james_content_2
{
	display: inline-block;

	padding-left: 114px;
	padding-top: 63px;
	width: 100px;
	height: 54px;
	text-align: center;
}

.james_content_3
{
	display: inline-block;

	padding-left: 0px;
	padding-top: 96px;
	width: 88px;
	height: 54px;
	text-align: center;
}

.james_content_1
{
	padding-left: 20px;
	padding-top: 0px;
	width: 150px;
	height: 93px;
	text-align: center;
}
/* Game */

#games
{
	font-size: 0px;
}

.game, .game:visited, .game:active, .game:hover
{
	display: inline-block;
	
	padding: 20px;
	padding-left: 220px;
	margin-right: 20px;
	margin-bottom: 40px;
	
	width: 220px;
	height: 320px;
	
	text-decoration: none;
	font-size: 18px;
	color: #000000;
	
	transition: background-image 250ms ease-in-out;
}

.game:active, .game:hover
{
	background-image: url('../images/layout/bg_light.png');
}

.game:nth-child(even)
{
	margin-right: 0px;

	padding-left: 20px;
	padding-right: 220px;	
}

.game:active .game_screenshot, .game:hover .game_screenshot,
.game:nth-child(even):active .game_screenshot, .game:nth-child(even):hover .game_screenshot
{
	margin-top: -50px;

	width: 223px;
	height: 418px;	
}

.game:nth-child(even):active .game_screenshot, .game:nth-child(even):hover .game_screenshot
{
	margin-left: calc(237px);
}

.game .game_screenshot
{
	position: absolute;
	
	width: 200px;
	height: 376px;
	
	margin-left: -240px;
	margin-top: -28px;
	
	transition: margin-top 250ms ease-in-out, margin-left 250ms ease-in-out, width 250ms ease-in-out, height 250ms ease-in-out;
}

.game:nth-child(even) .game_screenshot
{	
	margin-left: calc(237px + 23px);
}


.game_title
{
	display: block;
	width: 210px;
	height: 50px;
}

.game_info
{
	height: 290px;
}

/* /Game */


/* Brede content-kolom en smalle sidebar */
.main_cols
{
	display: table;
}

.main_col_content
{
	display: table-cell;
	max-width: 660px;
}

.main_col_sidebar
{
	display: table-cell;
		
	width: 300px;
	max-width: 300px;
		
	padding-right: 0px;
	padding-top: 0px;
}


.content_table
{
	display: table;
	width: 100%;
}

.content_tr
{
	display: table-row;
}

.content_td
{
	display: table-cell;
}

.content_td:first-child
{
	padding-right: 20px;
	width: calc(50% - 20px);
}

.content_td:last-child
{
	padding-left: 20px;
	border-left: 1px solid #000000;
	width: calc(50% - 21px);
}

/* Full span div (strekt van links naar rechts met achtergrond kleur) */
.full_span
{

}

.full_span_img
{
	margin: 0px auto;
}

.full_span_img img
{
	position: absolute;
	width: 233px;
	height: 350px;
	margin-top: -325px;
}

.full_span_img2
{
	margin: 0px auto;
	text-align: right;
}

.full_span_img2 img
{
	position: absolute;
	width: 167px;
	height: 92px;
	margin-left: -167px;
	margin-top: -80px;
}


/* tweeluik (2 hokjes naast elkaar) */
.tweeluik_table
{
	display: table;
}

.tweeluik
{
	display: table-cell;
	border-width: 1px;
	width: 50%;
}

.tweeluik_marge
{
	display: table-cell;

}

.tweeluik_static_sidebar_left
{
	display: table-cell;
	border-width: 1px;
	width: 678px;
}

.tweeluik_static_sidebar_right
{
	display: table-cell;
	border-width: 0px;
	width: 240px;
}

.static_sidebar, .static_sidebar_fixed
{

	width: 198px;
	border-width: 1px;

}

.static_sidebar_fixed
{
	position: fixed;
	top: 100px;
}


/* drieluik (3 hokjes naast elkaar, te combineren met full_span) */
.drieluik
{
	text-align: center;
}

.drieluik_bg_color
{
	padding-top: 0px; 
	padding-bottom: 0px;
}

.drieluik_1, .drieluik_2, .drieluik_3
{
	display: table-cell;
	width: 300px;
	text-align: center;
}

.drieluik_1 img, .drieluik_2 img, .drieluik_3 img
{
	display: block;
	width: 300px;
}

/* Horizontal scroller */
.horizontal_scroller
{
	width: 100%;
	overflow: auto;
}

.horizontal_scroller_left, .horizontal_scroller_left:visited,
.horizontal_scroller_right, .horizontal_scroller_right:visited
{
	position: absolute;
	z-index: 100;
	display: inline-block;

	width: 40px;
	margin-top: 160px;

	line-height: 40px;
	
	text-decoration: none;	
	text-align: center;
	
}

.horizontal_scroller_left
{
	
}

.horizontal_scroller_right
{
	margin-left: 940px;
}

/* *** Extra grote schermen: left/right buiten de 980px breedte plaatsen: cool! *** */
@media only screen and (min-width:1100px) 
{
	.horizontal_scroller_left
	{
		margin-left: -50px;
	}
		
	.horizontal_scroller_right
	{
		margin-left: 990px;
	}
}
	
	
/* Prev/Next links */
.prev_next_links
{
	text-align: center;
}

.prev_next_links a
{
	text-decoration: none;
}

.prev_next_links_terug
{
	display: inline-block;
	background-image: url('../images/icons/catview_col.png'); background-repeat: no-repeat; background-position: 13px center;
	background-size: 13px 13px;
	
	padding-left: 30px;
	padding-right: 13px;
}


/* *** Sidebar *** */
.sidebar_movie
{
		
}

.sidebar_movie video
{
	max-width: 100%;
}

.sidebar_news_a, .sidebar_news_a:visited, .sidebar_news_a:active
{
	display: block;
		
	text-decoration: none;
}

.sidebar_news_a b
{
	display: block;
	text-decoration: underline;	
}

.sidebar_news_a:hover b
{

}
	
.sidebar_images
{
		
}

.sidebar_images a, .sidebar_images a:visited, .sidebar_images a:active
{
	display: inline-block;
	
	margin-bottom: 5px;	
	border-width: 4px;
}

.sidebar_images a:hover
{

}

.sidebar_images a, .sidebar_images img
{
	width: 85px;
	height: 85px;
}

.sidebar_a, .sidebar_a:visited, .sidebar_a:active
{

}


/* *** Productoverzicht *** */

/* Product home */
.product_home_table
{
	display: table;
}

.product_home_tr
{
	display: table-row;
}

.product_home_td, .product_home_td:visited, .product_home_td:active, .product_home_td:hover
{
	display: table-cell;
	vertical-align: top;
	width: 468px;
	border-width: 1px;
	text-decoration: none;
	text-align: center;
}

.product_home_td:hover
{

}

.product_home_td img
{
	width: 470px;
	height: 350px;
}

.product_home_margin
{
	display: table-cell;
	width: 40px;
}


/* Cols */
.product_col_view
{
	display: table;
	
	margin-bottom: 37px;
}

.product_col
{
	display: table-cell;
	
	width: 260px;
	min-width: 260px;

	border-width: 1px;

	text-decoration: none;
}

.product_col .product_button_meer_info
{
	float: right;
}

.product_col_view .product_margin
{
	display: table-cell;
	width: 37px;
	min-width: 37px;
}

.product_col .product_img
{
	display: table-cell;
	
	vertical-align: middle;
	text-align: center;
	width: 260px;
	height: 190px;
}

.product_col .product_img img
{
	max-width: 260px;
	max-height: 190px;
}

.product_col  .product_beschrijving
{
	height: 110px;
	overflow: hidden;
}

.product_col .product_info
{
	display: none;
}

.product_col .product_button_meer_info
{

}

.product_col .product_button_cart
{
	
}


/* List (met detailinfo) */
.product_list
{
	display: block;
	margin-bottom: 37px;	
	
	border-width: 1px;

	text-decoration: none;	
}

.product_list .product_img
{
	display: table-cell;
	
	vertical-align: top;
	text-align: center;
	width: 190px;
	max-height: 190px;
}

.product_list .product_img img
{
	max-width: 190px;
	max-height: 190px;
}

.product_list .product_beschrijving
{
	display: table-cell;
}

.product_list .product_tekst
{
	
}

.product_list .product_buttons
{
	margin-left: 210px;
	margin-top: -20px;
}

.product_list .product_button_meer_info
{
	display: inline-block;
	border-left-width: 1px;
}

.product_list .product_button_cart
{
	display: inline-block;
	float: left;	
}


/* Large (met grote foto) */
.product_large
{
	display: block;
	margin-bottom: 37px;	
	
	border-width: 0px;

	text-decoration: none;	
}

.product_large .product_img
{
	display: block;
	width: 980px;
	text-align: center;
}

.product_large .product_img img
{
	height: auto;
}

.product_large .product_beschrijving
{
	display: block;
}

.product_large .product_titel
{
	font-size: 40px;
	width: 980px;
	text-align: center;
}

.product_large .product_tekst
{
	width: 980px;
	text-align: center;
}

.product_large .product_info
{
	display: none;
}

.product_large .product_buttons
{
	text-align: center;
	margin-bottom: 120px;
}

.product_large .product_button_meer_info
{
	display: inline-block;
	border-right-width: 1px;
}

.product_large .product_button_cart
{
	display: inline-block;
}


/* Overige */
.product_titel
{
	
}

.product_tekst
{

}

.product_doorgestreept
{
	text-decoration: line-through;
}

.product_button_meer_info
{
	line-height: 30px;	
}

.product_button_cart, .product_button_cart:visited
{
	background-image: url('../images/icons/cart_empty_hover.png'); background-repeat: no-repeat; background-position: -10px 3px;
	padding-left: 23px;
	line-height: 30px;
	
}

.product_button_cart:active, .product_button_cart:hover
{
	background-image: url('../images/icons/cart_empty.png');
}

.catview, .catview_selected
{
	display: inline-block;
}

.catview img, .catview_selected img
{
	width: 26px;
	height: 26px;
}

.catview_div
{
	display: inline-block;
	float: right;
}

.catview, .catview:visited
{
	opacity: 0.4;
}

.catview:active, .catview:hover
{
	opacity: 1;
}

.product_filters
{
	min-height: 26px;
}

.tabs_smart
{
	display: none;
}

.tab, .tab:visited,
.tab_selected, .tab_selected:visited
{
	border-width: 1px;
	
	display: inline-block;
	text-decoration: none;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	text-align: center;
	
	margin-bottom: 10px;	
}


.tab_arrow_down
{
	position: absolute;
	display: inline-block;
	
	background-image: url('../images/layout/tab_arrow_down.png'); background-repeat: no-repeat; background-position: left top;
	
	margin-top: 5px;
	margin-left: -5px;
	width: 10px;
	height: 5px;
}


.areatab, .areatab:visited,
.areatab_selected, .areatab_selected:visited, .areatab_selected:active, .areatab_selected:hover
{
	display: inline-block;
	text-decoration: none;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	text-align: center;
	
}

.green
{
	background-color: #00FF00 !important;
	color: #00FF00 !important;
}

.areatabs
{
	font-size: 0px;
}

.areatab
{
	border-top: 1px solid #FFFFFF;
	border-bottom-width: 1px;
}

.areatab_selected
{

	border-width: 1px;
	border-bottom: 1px solid #FFFFFF;
}

.areatabs_div
{
	margin-top: -1px;
	border-width: 1px;
}

.paginatie
{
	text-align: center;
}

.paginatie a, .paginatie span
{
	text-decoration: none;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.paginatie_prev_disabled, .paginatie_next_disabled
{
	opacity: 0.5;
}

.paginatie_nr_selected, .paginatie_nr_selected:active, .paginatie_nr_selected:visited, .paginatie_nr_selected:hover
{
	font-weight: normal;
}

/* Zoekresultaat */
.search_result
{
	border-width: 1px;
	min-height: 100px;
}

.search_result a
{
	display: block;
}

.search_result img
{
	float: right;
	max-width: 150px;
	max-height: 100px;
}

.search_result_beschrijving
{

}

.search_result_highlight
{
	opacity: 0.5;
}

.account_status_flag
{
	display: inline-block;
	padding: 5px;


	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	
	text-align: center;
	
	float: right;
}

.reseller_account
{

}

.admin_account
{

}

/* Productpage */
.productpage_table
{
	display: table;
}

.productpage_afbeeldingen, .productpage_info, .productpage_extras, .productpage_cart
{
	display: table-cell;
	width: 470px;
}

.productpage_afbeeldingen_table, .productpage_afbeeldingen_thumb_table
{
	display: table;
}

#productpage_afbeeldingen_groot
{
	display: table-cell;
	
	vertical-align: middle;
	text-align: center;
	
	width: 470px;
	height: 350px;
}

#productpage_afbeeldingen_groot img
{
	max-width: 470px;
	max-height: 350px;
}

.productpage_afbeeldingen_thumb, .productpage_afbeeldingen_thumb:visited, .productpage_afbeeldingen_thumb:active, .productpage_afbeeldingen_thumb:hover,
.productpage_afbeeldingen_thumb_selected, .productpage_afbeeldingen_thumb_selected:visited, .productpage_afbeeldingen_thumb_selected:active, .productpage_afbeeldingen_thumb_selected:hover
{
	display: table-cell;
	width: 88px;
	height: 68px;

	vertical-align: middle;	
	text-align: center;
	
	border-width: 1px;	
}

.productpage_afbeeldingen_thumb img, .productpage_afbeeldingen_thumb_selected img
{
	max-width: 88px;
	max-height: 68px;
}

.productpage_afbeeldingen_thumb_table_margin
{
	width: 5px;
}

.link_pdf, .link_pdf:visited, .link_pdf:active, .link_pdf:hover,
.link_youtube, .link_youtube:visited, .link_youtube:active, .link_youtube:hover
{
	display: table-cell;
	vertical-align: middle;
	
	background-image: url('../images/extensies/pdf.png'); background-repeat: no-repeat; background-position: left top;
	
	text-decoration: none;
	padding-left: 60px;
	height: 50px;
}

.link_youtube, .link_youtube:visited, .link_youtube:active, .link_youtube:hover
{
	background-image: url('../images/extensies/youtube.png');
}

.productpagina_prijs
{
	font-size: 65px;
	line-height: 80px;
}

.productpage_specificatie, .productpage_specificatie:visited, .productpage_specificatie:active, .productpage_specificatie:hover,
.productpage_specificatie_selected, .productpage_specificatie_selected:visited, .productpage_specificatie_selected:active, .productpage_specificatie_selected:hover
{
	display: block;
	min-height: 86px;
	
	text-decoration: none;
	border-width: 1px;
	
	margin-bottom: 10px;
}

.productpage_specificatie img, .productpage_specificatie_selected img
{
	float: left;
	margin-right: 10px;
}

.productpage_specificatie b, .productpage_specificatie_selected b
{
	display: block;
	font-weight: normal;
	padding-bottom: 5px;
}

.productpage_cart_aantal, .productpage_cart_button
{
	display: table-cell;
}

.productpage_cart_aantal
{
	padding-right: 5px;
}

.youtube_iframe
{
	background-image: url('../images/icons/youtube_play_button.png'); background-repeat: no-repeat; background-position: center center;
	background-color: #000000;
	
	width: 470px; 
	height: 300px; 	
}

/* *** Winkelwagen *** */
.winkelwagen_table
{
	display: table;
	width: 100%;
}

.winkelwagen_table_margin
{
	margin-top: -55px;
}

.winkelwagen_header_tr
{
	display: table-row;
}

.winkelwagen_header_td
{
	display: table-cell;
	text-align: center;
}

.winkelwagen_header_td_aantal
{
	text-align: left;
	padding-left: 40px;
}

.winkelwagen_tr
{
	display: table-row;
}

.winkelwagen_td:first-child
{
	border-left-width: 1px;
}

.winkelwagen_td:last-child
{
	border-right-width: 1px;
}

.winkelwagen_td
{
	display: table-cell;
	vertical-align: middle;	

	border-top-width: 1px;
}

.winkelwagen_footer_td
{
	padding-right: 105px;
	padding-left: 105px;
	
	border-width: 1px;
	border-top-width: 0px;
	
	text-align: center;
}

.winkelwagen_totaal_titels
{
	margin-left: -90px;
}

.winkelwagen_prijs
{
	text-align: right;
}

.winkelwagen_image
{
	max-width: 100px;
	max-height: 80px;
}

.winkelwagen_delete, .winkelwagen_delete:visited
{
	background-image: url('../images/icons/delete.png'); background-repeat: no-repeat; background-position: center center;
	display: inline-block;
	width: 40px;
	height: 40px;
}

.winkelwagen_delete:active, .winkelwagen_delete:hover
{
	background-image: url('../images/icons/delete_hover.png');
}

.winkelwagen_titel, .winkelwagen_titel_smart
{
	text-decoration: none;
}

.winkelwagen_subtitel
{
	position: absolute;
	margin-top: 5px;
}

.winkelwagen_subtitel img, .winkelwagen_subtitel_smart img
{
	height: 18px;
}

.winkelwagen_button_doorgaan
{
	float: right;
}

.winkelwagen_button_verder
{
	float: left;
}

.winkelwagen_button_coupon
{
	
}

.winkelwagen_div_smart
{
	display: none;
}

.winkelwagen_table_smart
{
	display: table;
	width: 100%;
}

.winkelwagen_tr_smart
{
	display: table-row;
}

.winkelwagen_td_smart
{
	display: table-cell;
	border-top-width: 1px;	
}

.winkelwagen_td_smart:first-child
{
	border-left-width: 1px;
}

.winkelwagen_td_smart:last-child
{
	border-right-width: 1px;
}

.winkelwagen_footer_smart
{
	display: table-cell;
	border-width: 1px;
	border-top-width: 0px;
}				
	
.winkelwagen_image_smart
{
	max-width: 60px;
	max-height: 80px;
}
			
.winkelwagen_titel_smart
{
	display: block;
	margin-bottom: 10px;
}
			
.winkelwagen_subtitel_smart
{
	margin-bottom: 10px;
}

.winkelwagen_aantal_smart, .winkelwagen_aantal_smart:visited
{
	text-decoration: none;
	font-weight: bold;
}

.winkelwagen_delete_smart, .winkelwagen_delete_smart:visited
{
	background-image: url('../images/icons/delete.png'); background-repeat: no-repeat; background-position: center center;
	
	display: inline-block;
	width: 20px;
	
	text-decoration: none;	
}				

.winkelwagen_delete_smart:active, .winkelwagen_delete_smart:hover
{
	background-image: url('../images/icons/delete_hover.png');
}

.icon_question, .icon_question:visited, .icon_question:active, .icon_question:hover
{
	background-image: url('../images/icons/question.png'); background-repeat: no-repeat; background-position: left center;
	display: inline-block;
	text-decoration: none;
	width: 16px;
	
}



/* *** Footer *** */
.footer
{
	background-image: url('../images/layout/bg_motief.png'), url('../images/layout/bg_footer.jpg');
	background-position: left top, center top;
	background-repeat: repeat-x, no-repeat;
	background-size: auto, cover;
	
	background-color: #2b3b4b;
	
	padding-top: 20px;
}

.footer_div
{
	display: table;
}

.footer_td1, .footer_td1_hide, .footer_td2
{
	display: table-cell;
}

.footer_td2
{
	text-align: right;
}

.copyright
{
	padding-top: 5px;
	font-size: 18px;
	font-weight: bold;
}

.copyright a, .copyright a:visited
{
	text-decoration: none;
}

.copyright a:active, .copyright a:hover
{
	text-decoration: underline;
}

.footer a, .footer a:visited, .footer a:active
{

}

.footer a:hover
{
	opacity: 1;
}

.share_images
{
	margin-top: 0px;
}

.share_images img
{
	margin-bottom: 3px;
	border-radius: 32px;
}

.sitemap, .landingspages
{
	display: table;
}


.sitemap_sub, .landingspages_sub
{
	display: table-cell;
	padding-left: 40px;
}

.sitemap_sub:first-child, .landingspages_sub:first-child
{
	padding-left: 0px;
}

.landingspages
{
	font-size: 14px;
}

.landingspages a, .landingspages a:visited, .landingspages b
{
	opacity: 0.7;
}

.landingspages a:active, .landingspages a:hover
{
	opacity: 1;
}

#gamedesign
{
	padding-top: 20px;
	text-align: center;
}

/* *** /Footer *** */
.youtube
{

}

.youtube_iframe
{
	width: 100%;
	height: 325px;
}


/* *** YouTube filmpje *** */







/* *** /YouTube filmpje *** */



/* *** Form *** */
.captcha
{
	background-image: url('../images/layout/bg_dark.png'); 
	
	display: inline-block;
	
	width: 377px;
	
	padding: 10px;
	padding-right: 0px;
}

.area .captcha
{
	background-image: url('../images/layout/bg_light.png'); 
}

.captcha_div
{
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}

.form_label
{
	padding-bottom: 10px;
}

.form_input_captcha
{
	width: 55px;
	text-align: center;
	
	line-height: 25px;
	
	border: 2px solid #00aca9;
}

.form_input, .form_textarea, .form_select
{
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
	
	border: 2px solid #00aca9;
	
	background-color: #f4f4f4;
	color: #00aca9;
	
	font-weight: bold;
	font-size: 18px;
}

.form_input, .form_textarea
{
	width: 375px;
}

.form_textarea
{
	height: 100px;
}

.form_input_medium
{
	width: 210px;
}

.form_input_kort
{
	width: 135px;
}

.form_input_mini
{
	width: 65px;
}

.form_select
{
	padding: 4px;	
}

.ster
{
	
}

.button, .button:visited, 
.button_alt, .button_alt:visited,
.button_disabled
{
	display: inline-block;

	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	
	margin-bottom: 5px;

	font-size: 22px;
	text-align: center;
	text-decoration: none;
	
	font-weight: bold;
}

.button:hover, .button:active,
.button_alt:hover, .button_alt:active,
.area .button_alt, .area .button_disabled
{
	background-image: url('../images/layout/bg_light.png'); 
}

.button_alt, .button_alt:visited
{
	
}

.button_disabled
{
	opacity: 0.5;
}

.button_winkelwagen, .button_winkelwagen:hover
{
	background-image: url('../images/icons/cart_hamburger.png'); background-repeat: no-repeat; background-position: 5px 15px !important;
	padding-left: 35px !important;
}

.x_button, .x_button:visited
{
	display: inline-block;
	
	width: 30px;
	height: 30px;
	
	line-height: 26px;
	text-align: center;

	text-decoration: none;
	font-weight: bold;
	float: right; 
	
	margin-left: 20px;
}

.x_button:hover, .x_button:active
{
	background-image: url('../images/layout/bg_light.png'); 
}

.input_aantal
{
	display: table;
}

.input_aantal_minus, .input_aantal_plus
{
	display: table-cell;
	background-repeat: no-repeat; background-position: center center;
	background-color: #ffcccc;

	border-width: 1px;

	min-width: 24px;	
}

.input_aantal_minus
{
	background-image: url('../images/icons/input_aantal_minus.png');
	
	border-right-width: 0px;
		
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	
}

.input_aantal_plus
{
	background-image: url('../images/icons/input_aantal_plus.png');
	
	border-left-width: 0px;	
		
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.input_aantal_aantal
{
	display: table-cell;

	border-width: 1px;
}

.input_aantal_aantal input
{
	width: 35px;
	height: 44px;
	
	text-align: center;
	line-height: 44px;
	
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* *** /Form *** */


/* *** Div Popup *** */
#page_screen
{
	background-color:#000000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	display:none;
	cursor: default;
	z-index: 1000;
}

#popup_div
{
	position: fixed;
	display: table;
	
	top:0px;
	left:0px;

	z-index: 1001;

	width: 100%;
	height: 100%;
	
	padding-top: 0px;
}

#popup_div_td
{
	display: table-cell;
	vertical-align: middle;
}

#popup_div_inner
{
	width: 300px;
	height: 200px;
}

#popup_div_titel
{
	padding-top: 4px;
	padding-bottom: 8px;
	font-weight: bold;
}

#popup_div_content
{
	height: 140px;
	overflow: auto;
}

#popup_div_input
{
	margin-top: 10px;
}

#popup_div_input input
{
	width: 200px;
}

/* *** /Div Popup *** */


/* *** Preloader *** */
#preloader
{
	background-image: url('../images/layout/bg_dark.png');

	display: none;
	position: fixed;
	z-index: 10000;		
	cursor: default;
		
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
}

#preloader_td
{
	display: table-cell;
	
	text-align: center;
	vertical-align: middle !important;

	width: 100%;
	height: 100%;
}

#preloader_img
{
	display: inline-block;
	
	width: 64px;
	height: 64px;
}

#preloader_text
{
	margin-top: 10px;
	opacity: 0;
}

#preloader_subtext
{
	display: none;
	opacity: 0;
}
/* *** /Preloader *** */


/* *** Div floating in the far right edge of the screen *** */
#fixed_rightside, #fixed_rightside:visited
{
	position: fixed;
	display: block;
	z-index: 100;
		
	top: 120px;
	right: 0px;

	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	
	opacity: 0.5;
	
	text-decoration: none;
	line-height: 100%;
}
/* *** /Div floating in the far right edge of the screen *** */

/* *** Com iframe *** */ 
#com_iframe
{
	display: none;
	position: fixed;
	z-index: 1000;
	bottom: 0px;
	right: 0px;

	opacity: 0.8;	
	width: 300px;
	height: 100px;

}
/* *** /Com iframe *** */

/* *** Hamburger menu *** */
#hamburger_menu_icon
{
	display: none;
}

.menu_item_hamburger, .menu_item_hamburger:visited, .menu_item_hamburger:active, .menu_item_hamburger:hover
{
	position: absolute;
	display: block;
}	
					
#hamburger_menu
{
	position: fixed;
	z-index: 10000;
	
	display: none; /* verander in block als je het menu wilt stylen */

	width: 100%;
	height: 100%;

	margin-bottom: -70px;
	padding-bottom: 70px;
	
	background-image: url('../images/hamburger_menu/bg_hamburger_menu.png');
				
	overflow: auto;
}

#hamburger_menu_div
{			
	width: 275px;
	
	height: 150%;
	min-height: 150%;
	
	margin-bottom: -70px;
	padding-bottom: 70px;
		
}
		
#hamburger_top_bar
{
	height: 60px;
}

#hamburger_x, #hamburger_x:visited
{
	background-image: url('../images/hamburger_menu/hamburger_x.png'); background-repeat: no-repeat; background-position: left top;

	display: block;
	float: right;

	width: 57px;
	height: 57px;

	opacity: 0.5;	
}

#hamburger_x:active, #hamburger_x:hover
{
	opacity: 1;
}

.hamburger_link, .hamburger_link:visited,
.hamburger_link_selected, .hamburger_link_selected:visited,
.hamburger_link_sub, .hamburger_link_sub:visited,
.hamburger_link_sub_down, .hamburger_link_sub_down:visited
{
	background-repeat: no-repeat; background-position: right top;	
	display: block;

	padding: 10px;
	padding-right: 52px;

	border-top: 1px solid #80d6d4;
	
	font-weight: normal;
	text-decoration: none;
}

.hamburger_link_sub, .hamburger_link_sub:visited { background-image: url('../images/hamburger_menu/link.png'); }
.hamburger_link_sub:active, .hamburger_link_sub:hover { background-image: url('../images/hamburger_menu/link2.png'); }
.hamburger_link_sub_down, .hamburger_link_sub_down:visited { background-image: url('../images/hamburger_menu/link_sub2.png'); }
.hamburger_link_sub_down:active, .hamburger_link_sub_down:hover { background-image: url('../images/hamburger_menu/link_sub2.png'); }

.hamburger_link_end
{
	border-top: 1px solid #80d6d4;
	height: 10px;
}

.hamburger_footer_menu
{
	border-top: 1px solid #80d6d4;
	padding-top: 10px;			
	padding-bottom: 10px;			
}

.hamburger_footer_flags
{	
	padding-left: 10px;
	padding-bottom: 30px;			
}

.hamburger_footer_link, .hamburger_footer_link:visited, .hamburger_footer_link:active, .hamburger_footer_link:hover,
.hamburger_footer_flag, .hamburger_footer_flag:visited, .hamburger_footer_flag:active, .hamburger_footer_flag:hover
{
	background-repeat: no-repeat; background-position: left center;
	
	display: inline-block;
	padding: 10px;
	padding-left: 30px;
	text-decoration: none;
	
	min-width: 10px;
}

.hamburger_footer_link_login { background-image: url('../images/icons/login_hamburger.png'); }
.hamburger_footer_link_personal { background-image: url('../images/icons/personal_hamburger.png'); }
.hamburger_footer_link_telefoon { background-image: url('../images/icons/telefoon_hamburger.png'); }
.hamburger_footer_link_cart { background-image: url('../images/icons/cart_hamburger.png'); }

.hamburger_footer_flag, .hamburger_footer_flag:visited, .hamburger_footer_flag:active, .hamburger_footer_flag:hover
{
	padding-left: 10px;
	padding-right: 0px;
}

.hamburger_footer_flag, .hamburger_footer_flag:visited, .hamburger_footer_flag:active, .hamburger_footer_flag:hover, #mmenu99, #menu99
{
	text-transform: uppercase;
}		

.hamburger_submenu
{
	display: none;

	padding-bottom: 6px;
	padding-left: 0px;
}
	
.hamburger_sublink, .hamburger_sublink:visited,
.hamburger_sublink_selected, .hamburger_sublink_selected:visited
{
	display: block;

	padding: 10px;

	padding-right: 52px;

	font-weight: normal;
	text-decoration: none;
}

.hamburger_sublink, .hamburger_sublink:visited
{

}

.hamburger_sublink_selected, .hamburger_sublink_selected:active, .hamburger_sublink_selected:visited, .hamburger_sublink_selected:hover
{
	padding: 10px;
}

.hamburger_sublink_selected, .hamburger_sublink_selected:visited,
.hamburger_link_selected
{
	background-image: url('../images/hamburger_menu/bg_link.png'); background-repeat: repeat;
}		
/* *** /Hamburger menu *** */


/* *** Docenten deel *** */
.doc_title, .doc_title_2, .doc_assignment, .doc_subscription_header, .doc_subscription_amount, .doc_subscription_amount_footer, .doc_box_icon span, .doc_box_icon_a span
{
	font-family: 'Roboto Condensed', sans-serif;
}

.doc_box, .doc_box_error, .doc_box_correct, .doc_box_icon, .doc_box_icon_a
{
	background-color: #f4f4f4;
	color: #2b3b4b;
	
	padding: 20px;
	margin-bottom: 20px;
	
	border: 2px solid #00aca9;
	border-radius: 20px;
}

.doc_box_a
{
	margin-bottom: 10px;
}

.doc_box_icon_a, .doc_box_icon_a:visited
{
	/*background-color: #ffffff;
	border: 2px solid #ffffff;*/
	
	margin-bottom: 10px;
	text-decoration: none;
	transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
}

.doc_box_icon_a:active, .doc_box_icon_a:hover
{
	background-color: #f4f4f4;
	color: #2b3b4b;
	border: 2px solid #2b3b4b;
	margin-bottom: 0px;
}

.doc_box_icon_table
{
	display: table;
}

.doc_box_icon_table_a
{

}

.doc_box_icon_tr
{
	display: table-row;
}

.doc_box_icon_td
{
	display: table-cell;
	padding-right: 20px;
}

.doc_box_icon_td:nth-child(4)
{
	padding-right: 0px;
}

.doc_box_icon, .doc_box_icon_a
{
	display: inline-block;
	padding: 10px;
	width: 196px !important;
	height: 50px;
	font-size: 14px;
}

.doc_box_icon img, .doc_box_icon_a img
{
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}

.doc_box_icon span, .doc_box_icon_a span
{
	display: block;
	font-size: 36px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0px;
}

#doc_print_div_wrap
{
	overflow: auto; 
	max-width: 100%;
}

#doc_print_div
{
	width: 940px !important;
}

.doc_box_error
{
	background-color: #ffcccc;
	color: #cc0000;
	border: 2px solid #cc0000;	
}

.doc_box_error a, .doc_box_error a:visited
{
	color: #cc0000;
}

.doc_box_correct
{
	background-color: #CCFFCC;
	color: #00AA00;
	border: 2px solid #00AA00;	
}

.doc_box_correct a, .doc_box_correct a:visited
{
	color: #00AA00;
}

.doc_box_info
{
	background-color: #f4f4f4;
	border-radius: 20px;
	padding: 20px;
}

.doc_box_info .button
{
	background-color: #000000 !important;
	padding-top: 7px;
	padding-bottom: 7px;
}

.doc_box_right
{
	display: inline-block;
	float: right;
	margin-left: 20px;
}

.doc_progressbar
{
	float: right;
	
	border: 2px solid #00aca9;
	border-radius: 16px;
	
	width: 200px;
	height: 12px;
	
	padding: 2px;
}

.doc_progressbar_margin
{
	margin-top: 10px;
}

.doc_progressbar div
{
	background-color: #2b3b4b;
	height: 12px;
	border-radius: 16px;
	
	transition: background-color 250ms ease-in-out;
}

.doc_progressbar img
{
	height: 12px;
	border-radius: 16px;
}

.doc_title
{
	font-size: 36px;
	line-height: 36px;
	padding-bottom: 15px;
}

.doc_title_2
{
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 0px;
}

.average_check
{
	color: #00aca9;
}


.doc_assignment
{
	display: block;
	
	margin-top: 20px;
	
	font-size: 24px;
	text-decoration: none;
	
	
}

.doc_assignment:hover .doc_progressbar_bar
{
	background-color: #00aca9;
}

.doc_table
{
	display: none;
	
	margin-top: 10px;
	width: calc(100% + 0px);

	border-radius: 20px;	
}

.doc_table
{
	background-color: #e6e6e6 !important;
}

.doc_td
{
	background-color: transparent !important;
}

.doc_td
{
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.doc_td:last-child
{
	text-align: right;
}

.doc_table_finished, .doc_table_busy
{
	cursor: pointer;
}

.doc_table_finished:hover .doc_td, .doc_table_busy:hover .doc_td
{
	background-color: #FFFFFF !important;
}

.doc_table_not_finished .doc_td, .doc_table_busy .doc_td
{
	color: #00aca9;
}

.doc_table_average .doc_td
{
	border-top: 2px solid #d1d1d1;
	padding-bottom: 10px;
}

.doc_table_header .doc_td
{
	border-bottom: 2px solid #d1d1d1;
	padding-top: 10px;
}

.doc_table_info
{
	display: none;
}

.doc_table_info .doc_td
{
	background-color: #d1d1d1 !important;
}

.doc_inner_table
{
	margin-left: -20px;
}

.doc_inner_table, .doc_inner_table td
{
	background-color: #d1d1d1 !important;
}

.doc_inner_table td
{
	padding-left: 18px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	
	text-align: left;
	font-size: 14px;
}

.doc_correct
{
	color: #00cc00;
}

.doc_wrong
{
	color: #CC0000;
	font-weight: bold;
}

.doc_report_td .doc_correct, .doc_report_td .doc_wrong
{
	font-weight: normal;
	padding-right: 5px;
}

.doc_footer
{
	padding: 20px;
	padding-top: 0px;
}

.doc_footer_totals
{
	float: right;
	text-align: right;
}

#doc_add_participants, #doc_add_assignments
{
	padding-bottom: 10px;
}


.doc_add_button
{
	padding-top: 7px;
	padding-bottom: 7px;
}

.doc_add_form
{
	padding-bottom: 10px;
}

.doc_add_participant, .doc_add_assignment
{
	display: inline-block;
	
	background-color: #00aca9;
	color: #FFFFFF;
	
	padding: 5px;
	padding-left: 15px;
	border-radius: 10px;
	
	margin-bottom: 5px;
	
}

.doc_add_assignment
{
	width: 100%;
	max-width: 690px;
}

.doc_add_x, .doc_add_x:visited,
.doc_add_up, .doc_add_up:visited,
.doc_add_down, .doc_add_down:visited,
.doc_add_view, .doc_add_view:visited,
.doc_add_foldup, .doc_add_foldup:visited
{
	display: inline-block;
	float: right;
	
	background-image: url('../images/icons/participant_x.png'); background-repeat: no-repeat; background-position: center center;
	
	
	width: 28px;
	height: 28px;
	margin-left: 5px;
	
	border-radius: 5px;
	
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	
	line-height: 28px;
}

.doc_add_up, .doc_add_up:visited { background-image: url('../images/icons/participant_up.png'); }
.doc_add_down, .doc_add_down:visited { background-image: url('../images/icons/participant_down.png'); }

.doc_add_foldup, .doc_add_foldup:visited
{
	background-image: url('../images/icons/participant_up.png'); background-position: 5px center;
	
	width: auto;
	
	padding-left: 5px;
	padding-right: 5px;	
	padding-left: 25px;
	margin-left: -5px;
	
	float: none;
}

.doc_add_view, .doc_add_view:visited
{
	background-image: url('../images/pixel.gif');
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
	
}

.doc_add_x:active, .doc_add_x:hover,
.doc_add_up:active, .doc_add_up:hover,
.doc_add_down:active, .doc_add_down:hover,
.doc_add_view:active, .doc_add_view:hover,
.doc_add_foldup:active, .doc_add_foldup:hover
{
	background-color: #2b3b4b;
	color: #FFFFFF;
}

.doc_add_title, .doc_add_title:visited, .doc_add_title:active, .doc_add_title:hover
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.doc_add_title:active, .doc_add_title:hover
{
	text-decoration: underline;
}

.doc_link_csv, .doc_link_csv:visited
{
	display: inline-block;
	
	background-image: url('../images/icons/csv.png'); background-repeat: no-repeat; background-position: 0px 0px;	
	
	padding: 5px;
	padding-left: 40px;
	margin-bottom: 10px;
	
}

.doc_link_csv:active, .doc_link_csv:hover
{
	background-image: url('../images/icons/csv_hover.png');
}

.doc_userfile_view
{
	float: left;
	margin-right: 15px;
	max-width: 250px;
	max-height: 90px;
}

.form_background_image, .form_background_image_selected
{
	border: 5px solid #f4f4f4;
	
	width: 142px;
	height: 92px;
	
	margin-right: 10px;
	margin-bottom: 10px;
}

.form_background_image_selected
{
	border: 5px solid #00aca9;
}

.form_select option:disabled
{
	font-weight: bold;
}

.doc_add_question
{
	display: none;
}

.doc_add_question_flags
{
	padding-bottom: 10px;
	margin-left: -10px;
}

.doc_flag_pointer, .doc_flag_pointer_selected
{
	display: inline-block;
	
	background-image: url('../images/icons/flag_pointer.png'); background-repeat: no-repeat; background-position: 0px 0px;	
	
	width: 27px;
	height: 46px;
	
	padding: 2px;
	margin-right: 5px;
}

.doc_flag_pointer
{
	background-image: url('../images/pixel.gif');
	opacity: 0.7;
}

.doc_flag_pointer:active, .doc_flag_pointer:hover
{
	background-image: url('../images/icons/flag_pointer.png');
	opacity: 1.0;
}


.doc_input_flags .doc_flag_pointer_selected
{
	background-image: url('../images/icons/flag_pointer_dark.png');
}


.doc_input_flags .doc_flag_pointer:active, .doc_input_flags .doc_flag_pointer:hover
{
	background-image: url('../images/icons/flag_pointer_dark.png');
	opacity: 1.0;
}



.doc_input_neutral, .doc_input_correct, .doc_input_wrong
{
	
}

.doc_input_correct
{
	background-color: #66FF66;
	color: #009900;

}

.doc_input_wrong
{
	background-color: #FF9999;
	color: #990000;

}

.doc_subscriptions
{
	margin-bottom: 40px;
	font-size: 0px;
}

.doc_subscriptions_premade_page
{
	margin-bottom: 20px;
}

.doc_subscription, .doc_subscription:visited, .doc_subscription:active, .doc_subscription:hover
{
	display: inline-block;
	
	background-color: #f4f4f4;
	color: #2b3b4b;
	
	width: 256px;
	height: 378px;
	
	padding: 20px;
	padding-bottom: 0px;
	
	border: 2px solid #00aca9;
	border-radius: 20px;
	
	text-decoration: none;
	text-align: center;
	
	margin-left: 20px;
}

.doc_subscription_premade_page, .doc_subscription_premade_page:visited, .doc_subscription_premade_page:active, .doc_subscription_premade_page:hover
{
	height: 220px;
}

.doc_subscription:first-child
{
	margin-left: 0px;
}

.doc_subscription_text
{
	height: 310px;
}

.doc_subscription_header
{
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	padding-bottom: 5px;
}

.doc_subscription_amount
{

	font-size: 52px;
	line-height: 52px;
	font-weight: bold;
		
	margin-bottom: 20px;	
	
	height: 100px;
}

.doc_subscription_amount_footer
{

	font-size: 36px;
	line-height: 36px;
	padding-bottom: 20px;
}

.doc_subscription_amount_info
{
	font-size: 18px;
	line-height: 20px;	
	padding-bottom: 10px;
}

#doc_subscription_participants
{
	font-size: 0px;
	margin-bottom: 20px;
}

#doc_subscription_participants_title
{
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
	width: 200px;
	
	padding-top: 5px;	
	padding-bottom: 5px;	
}

#doc_subscription_participants_amounts
{
	display: inline-block;
	font-size: 0px;

	width: calc(940px - 400px);	
	
	text-align: center;
}

#doc_subscription_participants_promo
{
	display: inline-block;
	width: 200px;
	font-size: 18px;
	
	text-align: right;
}

#doc_subscription_participants_promo .button_alt
{
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.doc_subscription_participant, .doc_subscription_participant_selected
{
	display: inline-block;
	background-color: #f4f4f4;

	text-decoration: none;
	font-weight: bold;
	font-size: 18px;

	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 1px;
}

.doc_subscription_participant_selected, .doc_subscription_participant_selected:visited, .doc_subscription_participant_selected:active, .doc_subscription_participant_selected:hover
{
	background-color: #00aca9;
	color: #FFFFFF;
}

.doc_subscription_participant:active, .doc_subscription_participant:hover
{
	background-color: #00aca9;
	color: #FFFFFF;
}

.doc_subscription_participant:first-child, .doc_subscription_participant_selected:first-child
{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding-left: 15px;	
}

.doc_subscription_participant:last-child, .doc_subscription_participant_selected:last-child
{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	padding-right: 15px;	
}

.doc_add_form .form_select
{
	max-width: calc(100%);
}

.doc_report_table
{
	display: table;
	width: 100%;
}

.doc_title_page_break_before
{
	margin-top: 50px;
}

@media print
{
	.doc_title_page_break_before
	{
		page-break-before: always;
		margin-top: 0px;
	}
}


.doc_report_tr
{
	display: table-row;
}

.doc_report_td, .doc_report_td_footer, .doc_report_td_inactive
{
	display: table-cell;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	border-bottom: 1px solid #f4f4f4;
}

.doc_report_td_footer
{
	border-top: 1px solid #2b3b4b;
	
	color: #2b3b4b;
	border-bottom: 0px;
	font-weight: bold;
}	

.doc_report_td_inactive
{
	color: #00aca9;
}

.doc_bg_dark_table
{
	background-image: url('../images/layout/bg_dark.png'); 
	display: table;	
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	
	z-index: 100;
}

.doc_bg_dark_tr
{
	display: table-row;	
}

.doc_bg_dark_td
{
	display: table-cell;

	
	text-align: center;
	vertical-align: middle;
	
}

.doc_bg_dark_inner
{
	display: inline-block;
	
	background-color: #FFFFFF;
	
	padding: 20px;
	border-radius: 20px;
	
	max-width: 400px;
	min-width: 260px;
	max-height: 600px;
	
	overflow: auto;
	
	text-align: left;
}

.doc_bg_dark_inner_x, .doc_bg_dark_inner_x:visited
{
	background-image: url('../images/icons/x.png'); background-repeat: no-repeat; background-position: left top;

	display: block;
	float: right;

	width: 40px;
	height: 40px;

	opacity: 0.5;	
	
	margin-top: -5px;
	margin-right: -5px;
}

.doc_bg_dark_inner_x:active, .doc_bg_dark_inner_x:hover
{
	opacity: 1;
}

.doc_bg_dark_inner .doc_report_td:first-child
{
	padding-right: 10px;
}

.doc_james_subscriptions
{
	float: right;
	position: absolute;

}

/* *** /Docenten deel *** */