/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {h2:first-child {/*color: silver;*/}}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		h2:first-child {/*color: yellow;*/}
		#menu li {width: 88px;}
		#menu a {width: 88px;}
		#header {height: 170px;}
		#main {margin-top: -70px;}
		.container .offset-by-one {padding-left: 20px;}
		.column.wit {padding-left: 20px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {h2:first-child {/*color: green;*/}}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		h2:first-child {/*color: red;*/}
		
		/* Code voor responsive menu. 
		Zie http://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css */
		/*Make dropdown links appear inline*/
		#menu ul {
			background-color: #fff;
			display: none;
			padding: 0 0 10px 0;
			position: static;
		}
		
		#menu a {display: block; margin: 2px 0 0;}
		
		/*Create vertical spacing*/
		#menu li {
			margin-bottom: 1px;
		}
		/*Make all menu links full width*/
		#menu ul li {
			background-color: #feac0d;
			display: block;
			width: 100%;
		}
		#menu ul li span.sup {
			color: #df5a02;
		}
		#menu li a {
			line-height: 10px;
			width: 100%;
		}
		#menu ul ul a {padding: 3px 10px 3px 20px;}
		/*Display 'show menu' link*/
		.show-menu {
			display:block;
		}
		
		ul#menu-hoofdmenu ul {display: block; padding: 0 0 2px; position: relative; width: auto;}
		#menu .current-menu-item a, 
		#menu .current-menu-ancestor a, 
		#menu a:hover {
			background: none;
		}
		
		.container .column {margin-left: 10px;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		h2:first-child {/*color: blue;*/}
				/* Code voor responsive menu. 
		Zie http://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css */
		/*Make dropdown links appear inline*/
		#menu ul {
			background-color: #fff;
			display: none;
			padding: 0 0 10px 0;
			position: static;
		}
		
		#menu a {display: block; margin: 2px 0 0;}
		
		/*Create vertical spacing*/
		#menu li {
			margin-bottom: 1px;
		}
		/*Make all menu links full width*/
		#menu ul li {
			background-color: #feac0d;
			display: block;
			width: 100%;
		}
		#menu ul li span.sup {
			color: #df5a02;
		}
		#menu li a {
			line-height: 10px;
			width: 100%;
		}
		#menu ul ul a {padding: 3px 10px 3px 20px;}
		/*Display 'show menu' link*/
		.show-menu {
			display:block;
		}
		
		ul#menu-hoofdmenu ul {display: block; padding: 0 0 2px; position: relative; width: auto;}
		#menu .current-menu-item a, 
		#menu .current-menu-ancestor a, 
		#menu a:hover {background: none;}
		
		.container .column {margin-left: 10px;}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
    font-family: 'ural_3dregular';
    src: url('../fonts/ural-3d-webfont.eot');
    src: url('../fonts/ural-3d-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ural-3d-webfont.woff2') format('woff2'),
         url('../fonts/ural-3d-webfont.woff') format('woff'),
         url('../fonts/ural-3d-webfont.ttf') format('truetype'),
         url('../fonts/ural-3d-webfont.svg#ural_3dregular') format('svg');
    font-weight: normal;
    font-style: normal;

}