/*
* START OF DEFAULT CSS
*/
	
	body {
		padding:0;
		margin:0;
		font-size: 14px;
		line-height: 24px;
		color: #494949;
		background-color:#f2f2f3;
		font-family: 'Open Sans', sans-serif;
	}
	#devicegrade{position: relative; }
	
	img {
  		height: auto;
  		max-width: 100%;
	}
	
	input,
	textarea,
	select {
		border: solid 1px #d5d5d5;	
	}
	
	select {
		padding:10px;
		color:#959595;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	table th,
	table td {
		white-space: nowrap;
		padding:5px 5px 5px 5px;
	}
	
	table th {
		text-align:left;
		background-color:#D6D6D6;
	}

	table tr:nth-child(even) {
		background-color:#F5F5F5;	
	}
	
	table tr:nth-child(odd) {
		background-color:#EEE;	
	}
	
	table tr:hover,
	table tr:active,
	table tr:focus {
		background-color:#FFF;		
	}
	
	table td {
		vertical-align:top;	
	}
	
	input[name="controle_tegen_niet_mensen"] {
    	display: none;
	}
	
	input.warning, textarea.warning, select.warning {
		border-bottom:solid 2px #F20006;	
	}
	
	.clear {
		clear:both;	
	}	
	
	iframe[src^="https://maps.google.nl/"] {
		max-width:100%;
		min-width:100%;
		width-width:100%;
		margin-left:30px;
		float:right;
	}

	div.span100,
	div.span90,
	div.span80,
	div.span75,
	div.span70,
	div.span60,
	div.span50,
	div.span40,
	div.span33,
	div.span30,
	div.span25,
	div.span20,
	div.span15,
	div.span10,
	div.span5	{
		margin:5px 0 5px 0;
	}
	
	div.padding {
		margin:0 5px 5px 5px;
		padding:0 15px 5px 15px;
	}
	
	div.span100 {
		min-width:100%;	
		max-width:100%;	
		float:left;
	}
	
	div.span90 {
		min-width:90%;
		max-width:90%;
		width:90%;
		float:left;
	}
	
	div.span85 {
		min-width:85%;
		max-width:85%;
		width:85%;
		float:left;
	}
	
	div.span80 {
		min-width:80%;
		max-width:80%;
		width:80%;
		float:left;
	}
	
	div.span75 {
		min-width:75%;
		max-width:75%;
		width:75%;
		float:left;
	}
	
	div.span70 {
		min-width:70%;
		max-width:70%;
		width:70%;
		float:left;
	}
	
	div.span60 {
		width:60%;
		max-width:60%;
		max-width:60%;
		float:left;
	}
	
	div.span50 {
		min-width:50%;
		max-width:50%;
		width:50%;
		float:left;
	}
	
	div.span40 {
		max-width:40%;
		max-width:40%;
		width:40%;
		float:left;
	}
	
	div.span33 {
		min-width:33.3%;
		max-width:33.3%;
		width:33.3%;
		float:left;
	}
	
	div.span30 {
		min-width:30%;
		max-width:30%;
		width:30%;
		float:left;
	}
	
	div.span25 {
		min-width:25%;
		max-width:25%;
		width:25%;
		float:left;
	}
	
	div.span20 {
		min-width:20%;
		max-width:20%;
		width:20%;
		float:left;
	}
	
	div.span15 {
		min-width:15%;
		max-width:15%;
		width:15%;
		float:left;
	}
	
	div.span10 {
		min-width:10%;
		max-width:10%;
		width:10%;
		float:left;
	}
	
	div.span5 {
		min-width:5%;
		max-width:5%;
		width:5%;
		float:left;
	}
	
	img.img_normal {
		display: inline-block!important;
	}
	
	.errormessage {
		display:none;	
	}	
	
	.left {
		float: left;	
	}

/*
* END OF DEFAULT CSS
*/

/* CUSTOM CSS */
	
	/* show the grade */
	#logo a:after{content: "- Dsk"} 
	
	#devicegrade {
		display:none;
		z-index:0;
		/* position relative is neccecary for chrome
		* and opera, otherwise they are unable to read
		* the z-index and will return 'auto';
		*/
		position: relative;
	}
	
	.collapse {
		z-index: 9999;
		display:none;
		cursor: pointer;
		position: absolute;
		width: 30px;
		float:left;
		margin-left:10px;
		margin-top:25px;
		position:fixed;
	}
	
	.collapse:hover {
		cursor:pointer;
	}
	
	.collapse div {
		background-color: #4fb99f;
		height: 4px;
		margin-top: 4px;
		width: 100%;
	}
	
	#sidebar_menu {
		float:left;
		display:none;
		background-color:#222222;
		left:0;
		bottom: 0;
		top: 0;
		overflow-y: auto;
		position: fixed;
		width: 200px;
    	z-index: 1000;
		margin-right:0;
	}
	
	#sidebar_menu .title{ 
		font-size:14px;
		color:#CCC;
		width:40%;
		float:left;
		padding:5px;
		margin-top:10px;
		text-align:center;
		background-color:#4569B2;
		background: linear-gradient(to bottom, #4569B2 0%, #4062A5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    	border-radius: 3px;
		color:#FFF;
	}
	
	#sidebar_menu .title:hover,
	#sidebar_menu .title.active {
		cursor:pointer;
		background-color:#5875b0;
		background: linear-gradient(to bottom, #5875b0 100%, #507acc 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	
	#sidebar_menu .title.first-child {
		margin-left:20px;
		margin-right:10px;
	}
	
	#sidebar_menu .tab {
		margin-top:50px;
		display:none;
	}
	
	#sidebar_menu .tab.first-child {
		display:block;
	}
	
	#sidebar_menu li {
		list-style:none;
		margin-left:-40px;
	}
	
	#sidebar_menu li a{
		display:block;
		width:100%;	
		padding:15px 0 15px 30px;
		color:#FFF;
	}
	
	#sidebar_menu ul li a:hover,
	#sidebar_menu ul li a:active,
	#sidebar_menu ul li a:focus {
		background-color:#333;
		text-decoration:none;
	}
	
	#sidebar_menu li a.current,
	.row .menu_top ul li a.current {
		background-color:#333;	
	}

	.row {
		float:left;
		width: 100%;
	}
	
	.row > div {
        margin: 0 auto;
		max-width: 1200px; 
		padding: 0px;  
		position:relative;
	}
	
	.row_top {
		padding:0 0 0;	
		min-height: 110px;
		position: relative;
		background-color:#fff;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		position:fixed;
		z-index:10;
	}
	
	.row.row_top .sa_site_search {
		float:right;
	}

	.row.row_top .stats {
		line-height:50px;
	}
	
	.row.row_top .span80 {
		padding-left:0px;
	}
	
	.row.row_top .span80 ul {
		float:left;
		list-style: none;
		padding:0px;
		margin:0px;
	}
	
	.row.row_top .span80 ul li {
		float:left;
		padding-right:40px;
	}
	
	.row.row_top .span80 ul li a {
		font-family: 'Oswald', sans-serif;
		color:#959595;
		font-size:20px;
		font-weight:400;
		line-height:40px;
	}
	
	.row.row_top .span80 ul li.currentpath a,
	.row.row_top .span80 ul li a:hover {
		text-decoration:none;
		color:#494949;
	}
	
	.row.row_top .span20 {
		padding-right:0px;
	}
	
	.row.row_top .span20 a {
		display:block;
		float:right;
		background-color:#4fb99f;
		color:#fff;
		line-height:40px;
		font-family: 'Oswald', sans-serif;
		padding-left:20px;
		padding-right:20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.row.row_top .sa_site_search form {
		margin: 8px 0px 0 0;
		padding: 0;
		display:block;
		float: right;
		position: relative;
	}
	
	.row.row_top .sa_site_search form input {
		width:250px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		/*border:1px;*/
		padding-left:5px;
		padding-right:30px;
		/*-webkit-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
		-moz-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);
		box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.75);*/
		background: #fff url(/site/images/search.png) no-repeat right 5px center;
	}
	
	.row > div.main {
		padding: 20px 0px;	
	}
	
	.row.row_content {
		margin-top:110px;
	}
	
	
	.row.row_content .inloggen_container {
		padding:20px;
	}
	
	.row.row_content .inloggen_container .form_field,
	.row.row_content .inloggen_container .form_input {
		float:left;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.row.row_content .inloggen_container .form_input input {
		max-width:300px;
		width:100%;
	}
	
	
	
	.coin-view > .header {
		font-weight: bold;
	}
	
	.coin-view > .footer {
		font-weight: bold;
	}
	
	.coin-view .red {
		color: red;
	}
	
	.coin-view span.label {
		display: none;
	}
	
	
	
	.row.row_content .scrollableTable {
		border-right:dotted 2px #666;
		max-width:980px;
		width:auto;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom:5px;
	}

	.row.row_content .scrollableTable td {
		min-width:100px;
		width:auto;
		white-space: nowrap;
		table-layout:fixed;
		padding:5px;
	}

	.row.row_content label {
		width:100%;
		display:inline-block;
		font-weight:bold;
		margin-bottom:25px;
		color:#204;
		line-height:30px;
	}
	
	.row.row_content label input,
	.row.row_content label select,
	.row.row_content label textarea {
		float:right;
		min-width:80%;
		color:#666;
		border-radius:0px;
		-webkit-appearance: none;
	}
	
	.row.row_content label select {
		-webkit-appearance: listbox;
	}
	
	.row.row_content label input[type="submit"] {
		min-width:200px;
		margin-top:15px;
		padding:5px;
	}
	
	.row_footer {
		background-color:#1a1a1a;
		background-image:none;
	}
	
	.row.row_footer > div {
		background: inherit;
		padding: 25px 20px;
	}
	
	.row.row_footer h2 {
		color:#fff;
		font-size:20px;
	}
	
	.row.row_footer ul li {
		list-style:none;
	}
	
	.row.row_footer ul {
		padding-left:0;	
	}
	
	.row.row_footer .copyright {
		margin:0 auto;
		max-width:1200px;
		clear:both;	
		text-align:right;
	}
	
	.row.row_footer .copyright a {
		font-size: 10px;
	}

	.scrollTo {
		background: url("/site/images/scroll_arrow_down.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-position:center center;
		bottom: 10px;
		background-color:#C9C9C9;
		cursor: pointer;
		display: none;
		padding:3px;
		height: 35px;
		border-radius:5px;
		opacity: 0.5;
		position: fixed;
		right: 10px;
		width: 35px;
	}
	
	.clear {
		height:0px !important;
		padding: 0px !important;
		margin: 0px !important;
	}
	
	
/*
* START OF RESPONSIVE CSS
*/


@media (max-device-width:1023px) and (orientation:landscape)
{
	/*Tablet landscape*/
	#devicegrade{z-index:10}
	/*.row_top .span50 > div:after{content:"- A"}*/

	.collapse {
		/*display:block;*/
	}
	
	#sidebar_menu {
		display:block;
		margin-left:-200px;
	}
	
	.row.row_content label input,
	.row.row_content #content label select,
	.row.row_content #content label textarea {
		min-width:100%;
	}
	.row_content.blokken div{
		/*padding: 0 20px;	*/
	}

	/*
	* First row of the subs for the menu
	*/
	#sidebar_menu li > ul {
		display:block;
	}

	#sidebar_menu li > ul > li a:before {
		content: " ";
		width:0;
		height:0;
		top:21px;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #FFF;
		position:absolute;
		left:40px;
	}

	#sidebar_menu li > ul > li {
		height:auto;
		position:relative;
	}
	
	#sidebar_menu li > ul > li a {
		padding-left:50px;
	}
	/*
	* end of first row of the subs for the menu
	*/
	
	.row.row_content .container_movies,
	.row.row_content .container_acteurs,
	.row.row_top > div {
		padding-left:15px;
		padding-right:15px;
	}
	
	.row.row_content .catalogus_items .item_container .item .span80 {
		padding-left:10px;
	}
	
	.row.row_content .artikel_detail_pagina .span70 {
		padding-left:15px;
	}
	
}

  
@media (max-device-width:1023px) and (orientation:portrait),(max-device-width:767px) and (orientation:landscape)
{
	/*Tablet portrait*/
	#devicegrade{z-index:20}
	/*.row_top .span50 > div:after{content:"- B"}*/ 
	
	#call {
		right: 0px;	
	}
	.collapse {
		/*display:block;*/
	}
	
	#sidebar_menu {
		display:block;
		margin-left:-200px;
	}
	
	.row.container #content label input,
	.row.container #content label select,
	.row.container #content label textarea
	{
		min-width:100%;
	}

	
	/*
	* First row of the subs for the menu
	*/
	#sidebar_menu li > ul {
		display:block;
	}

	#sidebar_menu li > ul > li a:before {
		content: " ";
		width:0;
		height:0;
		top:21px;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #FFF;
		position:absolute;
		left:40px;
	}

	#sidebar_menu li > ul > li {
		height:auto;
		position:relative;
	}
	
	#sidebar_menu li > ul > li a {
		padding-left:50px;
	}
	/*
	* end of first row of the subs for the menu
	*/
	
	.row.row_top .span80,
	.row.row_top .span20 {
		min-width:100%;
		max-width:100%;
		width:100%;
	}
	
	.home_latest .item_container {
		min-width:33.33%;
		max-width:33.33%;
		width:33.33%;
	}
	
}


@media (max-width:767px),(max-device-width:767px) and (orientation:portrait),(max-device-width:499px) and (orientation:landscape)
{	
	/*Mobile landscape*/
	#devicegrade{z-index:30}
	/*#logo a:after{content:"- C"}*/ 
	
	.collapse {
		display:block;
		margin-top:15px;
		width:28px;
	}
	
	.row_top .call { 
		margin-top:15px;
		margin-right:0;
	}
	
	#sidebar_menu {
		display:block;
		margin-left:-200px;
	}
	.row_banner .padding {
		margin: 0px;
	}
	.row_banner div{
		padding: 0px;	
	}
	.row > div.main {
		padding: 0!important;
	}
	.row.row_top .span80 {
		display: none;	
	}
	.row_footer .artikel {
		padding-left: 25px;	
	}
	
	/*
	* First row of the subs for the menu
	*/
	#sidebar_menu li > ul {
		display:block;
	}

	#sidebar_menu li > ul > li a:before {
		content: " ";
		width:0;
		height:0;
		top:21px;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #FFF;
		position:absolute;
		left:40px;
	}

	#sidebar_menu li > ul > li {
		height:auto;
		position:relative;
	}
	
	#sidebar_menu li > ul > li a {
		padding-left:50px;
	}
	/*
	* end of first row of the subs for the menu
	*/
	
	.row.row_content label input,
	.row.row_content label select,
	.row.row_content label textarea {
		min-width:100%;
	}
		
	/*div.span100,
	div.span90,
	div.span80,
	div.span75,
	div.span70,
	div.span60,
	div.span50,
	div.span40 {
		min-width:100%;
		max-width:100%;
		width:100%;
	}
	
	div.span33,
	div.span30,
	div.span25,
	div.span20,
	div.span10 {
		min-width:50%;
		max-width:50%;
		width:50%;
	
	}*/
	
	iframe[src^="https://maps.google.nl/"] {
		max-width:50%;
		width:50%;
		margin-left:0;
	}
	
	iframe[src^="https://maps.google.nl/"] :after {
		content:"";
		display: block;
		clear:both;	
	}
	
	.row.row_content .first-child div.padding {
		margin-left:5px;
	}
	
	.row.row_content div.padding {
		margin-right:0;
	}
	
	.row.row_top .span50 {
		min-width:80%;
		max-width:80%;
		width:80%;
	}
	
	.row.row_top .span20 {
		min-width:20%;
		max-width:20%;
		width:20%;
	}
	
	.home_latest .item_container {
		min-width:33.33%;
		max-width:33.33%;
		width:33.33%;
	}
	
	.row.row_content .catalogus_items .item_container {
		min-width:50%;
		max-width:50%;
		width:50%;
	}
	
	.row.row_top > div {
		padding-left:10px;
		padding-right:10px;
		min-width:100%;
		max-width:100%;
		width:100%;
	}
	
	/*.row.row_top .span50,
	.row.row_top .span20 {
		min-width:50%;
		max-width:50%;
		width:50%;
	}
	
	.row.row_top .span50,
	.row.row_top .span20 {
		min-width:50%;
		max-width:50%;
		width:50%;
	}*/
	
	.row.row_top .stats {
		line-height:normal;
		padding-top:10px;
	}

}


@media (max-width:499px),(max-device-width:499px) and (orientation:portrait)
{
	/*Mobiel portrait*/
	#devicegrade{z-index:40}
	/*#logo a:after{content:"- D"} */
	
	.collapse {
		display:block;
		position:absolute;
	}
	
	#sidebar_menu {
		display:block;
		margin-left:-200px;
	}
	
	.row > div {
		padding: 0px;	
	}
	.row_top {
		padding: 0px 0px 10px 0;	
	}
	.row > div.main {
		padding: 0px 0px 25px 0;	
		
	}
	.row_content .padding {
		padding: 20px 20px 10px 20px;	
	}
	.row.row_footer {
		margin-top: 20px;	
	}
	.row.row_footer .copyright {
		padding-right: 20px;	
	}	
	/*
	* First row of the subs for the menu
	*/
	#sidebar_menu li > ul {
		display:block;
	}

	#sidebar_menu li > ul > li a:before {
		content: " ";
		width:0;
		height:0;
		top:21px;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #FFF;
		position:absolute;
		left:40px;
	}

	#sidebar_menu li > ul > li {
		height:auto;
		position:relative;
	}
	
	#sidebar_menu li > ul > li a {
		padding-left:50px;
	}
	
	/*
	* end of first row of the subs for the menu
	*/
	
	.row.container #content label {
		display:block;	
	}
	
	.row.container #content label input,
	.row.container #content label select,
	.row.container #content label textarea {
		width:100%;
	}
	
	iframe[src^="https://maps.google.nl/"] {
		max-width:100%;
		width:100%;
		margin-left:0;
	}
	
	div.span100,
	div.span90,
	div.span80,
	div.span75,
	div.span70,
	div.span60,
	div.span50,
	div.span40,
	div.span33,
	div.span30,
	div.span25,
	div.span20,
	div.span15,
	div.span10,
	div.span5 {
		min-width:100% !important;
		max-width:100% !important;
		width:100% !important;
	}
	
	.row.row_top {
		position:relative;
	}
	
	.row.row_top > div {
		padding-left:10px;
		padding-right:10px;
	}
	
	.row.row_top .stats {
		line-height:normal;
		padding-top:10px;
		line-height:24px;
	}
	
	.row.row_top .login_knop {
		float:right;
	}
	
	.row.row_content {
		margin-top: 0px;
	}
	
	.coin-view {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.coin-view > .header,
	.coin-view > .footer .grid_d{
		display: none;
	}
	
	.coin-view > .content > div {
		border-bottom: solid 1px #000;
	}
	
	.coin-view > .content > div > div:last-child {
		font-weight: bold;
	}
	
	.coin-view span.label {
		display: inline-block;
	}
	
}