/* @override 
	http://vanrenswoude.nl/assets/templates/vrw/css/style.css */
	
	/* @group Algemeen */
	
		* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.mobile-hide {
		display: none;
	}
	
	.mobile-show {
		display: block;
	}
	
	.clearfix {
	    clear: both;
	}
	
	/* @end */
	


a img {
	border-style: none;
	border-width: 0;
}

.B_crumbBox {
	margin-left: 10px;
	font-size: 0.7em;
	float: right;
}

body {
	text-align: center;
	color: #272727;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: black;
}

*{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5 {
	font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, Verdana, sans-serif;
	font-variant: small-caps;
	font-weight: 500;
}

#content h1, #content h2 {
	margin-left: 10px;
}
h1, h2, h3 {
	margin-bottom: 0.3px;
}
p {
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: 1em;
}

#cont {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
#cont h1 {
	margin-left: 0;
}

ul li {
	list-style-type: none;
}

#header, #content, #footer {
	width: 90%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

/* @group header */
#menubtn {
		background: center center no-repeat transparent;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		z-index: 100;
		background-color: black;
		border-radius: 3px;
		top: 10px;
		left: 10px;
	}
	
	#mmenu {
		text-align: left;
	}


#header_container {
	background: black url(../images/header_bg.gif) repeat-x;
}

#header_top {
	height: 88px;
	text-align: left;
}
#logo {
	padding-top: 5px;
	max-width: 460px;
	width: 90%;
	position: relative;
	left: 40px;
}
#logo img {
	width: 100%;
	height: auto;
}
#kartel {
	height: 12px;
	width: 45%;
	background: url(../images/kartel_top.gif) repeat-x;
	position: absolute;
	top: 77px;
	right: 0;
}

#header_main {
	height: 140px;
	width: 100%;
	background: url(../images/header.jpg) no-repeat center top;
	background-size: 100% auto;
	margin-bottom: -10px;
}

/* @group Menubalk */
#header_nav {
	height: 66px;
	width: 100%;
	text-align: left;
	background: url(../images/menu.gif) -1px;
}

#header_nav ul {
	list-style: none;
	padding: 0;
}

#header_nav a {
	display: block;
	color: white;
	text-decoration: none;
	
}
ul.nav {
	display: table;
	width: 100%;
	position: relative;
}
ul.nav > li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
ul.nav li.root.selected {
	background: url(../images/menu_sel.gif) no-repeat center 0;
}

ul.nav .root > a {
	padding-top: 14px;
	padding-bottom: 23px;
	font: small-caps 20px "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, Verdana, sans-serif;
}


@media (min-width: 880px) {
	ul.nav .root > a {
		font-size: 26px;
		padding-top: 9px;
	}
}

ul.nav li.root.selected a:hover {
	background-image: none;
}
ul.nav li.root a:hover {
	background: url(../images/menu_over.gif) no-repeat center 8px;
}
ul.dropdown {
	position: absolute;
	background: #333;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.45);
	z-index: 999;
	width: 250px;
	left: 0;
	top: 80px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	    -webkit-transition: all .25s ease;
	       -moz-transition: all .25s ease;
	        -ms-transition: all .25s ease;
	         -o-transition: all .25s ease;
	            transition: all .25s ease;
}

li:hover ul.dropdown {
	opacity: 1;
	top: 65px;
	visibility: visible;
}

ul.dropdown li {
	border-bottom: 1px solid #5b5a5b;
	text-align: left;
}

li.root.selected ul.dropdown li a, 
ul.dropdown li a {
	font-size: 1em;
	font-weight: 400;
	font-variant: normal;
	padding: 8px 25px 8px 10px;
}

li.root ul.dropdown li:hover {
	background: url(../images/footer_bg.gif) repeat-x 0 -12px;
}
/* @end */
/* @end */


/* @group Content */

#content_container {
	overflow: auto;
	height: 100%;
	background-color: white;
	padding-bottom: 25px;
}

#content {
	text-align: left;

}

#content a {
	color: #e10c07;
}

#content ul {
	margin-bottom: 1em;
}
#content ul li {
	list-style-type: circle;
	font-size: 0.8em;
	line-height: 1.5em;
	margin-left: 15px;
}


@media (min-width: 665px) {
	#submenu,
	#left_col,
	#right_col {
		padding: 20px;
	}
	
	#left_col {
		float: left;
		width: 65%;
	}
	
	#right_col,
	#submenu {
		width: 35%;
		float: right;
		border-left: 1px dotted #b9b9b9;
	}
}
#content #mod_gall li {
	float: left;
	list-style-type: none;
}

#submenu {
	text-indent: 25px;
	padding: 0 10px 10px;
}
#content #submenu li {
	list-style-type: none;
	background: url(../images/submenu.png) no-repeat -7px 7px;

}
#submenu ul li a {
	text-decoration: none;
	display: block;
	color: #474747;
	font: small-caps 20px/1.5em "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, Verdana, sans-serif;
	text-indent: 1.2em;
	    -webkit-transition: all .25s ease;
	       -moz-transition: all .25s ease;
	        -ms-transition: all .25s ease;
	         -o-transition: all .25s ease;
	            transition: all .25s ease;
}

#submenu ul li:hover a,
#submenu ul li.active a {
		text-indent: 1.6em;
		color: #222;
}

#submenu ul li.active a {
	font-weight: bold;
	color: #e10c07;
}

ul#mod_gall {
	overflow: auto;
}

.gal-item {
	float: left;
	width: 25%;
	text-align: center;
	margin: 0 !important;
	border: none !important;
	padding: 10px 0 !important;
}

.gal-item a {
	display: block;
	width: 85%;
	padding: 6px;
	-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
	margin-right: auto;
	margin-top: auto;
	margin-left: auto;
}

.gal-item img {
	width: 100%;
	height: auto;
	display: block;
}

 .gal-item .gal-name {
	text-decoration: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#slides {
	position: relative;
	padding-bottom: 67.9%;
	width: 100%;
	height: 0;
	margin-bottom: 1em;
	box-shadow: 2px 3px 8px rgba(0,0,0,0.4);
	overflow: hidden;
}

#slides object {
position: absolute;
	width: 100%;
	height: 100%;

}
#slides div,
#slides div[style] {
	width: auto !important;
	height: auto;
}

#slides img {
	width: 100% !important;
	height: auto !important;
	left: 0 !important;
	top: 0 !important;
	padding-left: 0;
	margin-left: 0;
	position: absolute;
}

/* @end */
/* @group Footer */
#content_footer {
	position: relative;
	bottom: 0;
	width: 100%;
	color: white;
	font-size: 12px;
	background: black url(../images/footer_bg.gif) repeat-x 0 -4px;
	text-align: left;
}
#footer {
	background: url(../images/footer_tand.gif) repeat-x -18px -4px;
	padding-top: 13px;
}

#nav_footer {
	height: 35px;
	line-height: 32px;
}


#address {
	text-align: left;
	margin-top: 45px;
	background: url(../images/metaalunie.gif) no-repeat right 1px;
	padding-bottom: 45px;
	color: #f1f1f1;
}

#copy {
	display: none;
}
#content_footer a {
	color: gray;
	text-decoration: none;
	font-size: 0.9em;
}

#nav_footer li {
	display: inline;
	padding-right: 4px;
	border-right: 2px solid #aaa;
	padding-left: 2px;
}
#nav_footer li.last {
	padding-right: 7px;
	border-right-style: none;
}


/* @end */
#EmailForm fieldset {
	width: 620px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
}

form#EmailForm {
}
#EmailForm fieldset label {
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

input.text, textarea#cfMessage {
	width: 350px;
	padding: 3px;
	float: right;
}
select#cfRegarding, input#cfContact.button {
	float: right;
	clear: left;
	margin-bottom: 5px;
	margin-top: 5px;
}


@media (min-width: 665px) {

	.mobile-hide {
		display: block !important;
	}
	
	.mobile-show {
		display: none;
	}


	#header_main {
		height: 180px;
	}
	
	#logo {
		width: 45%;
	}
	#submenu,
	#left_col,
	#right_col {
		padding: 20px;
	}
	
	#left_col {
		float: left;
		width: 65%;
	}
	
	#right_col,
	#submenu {
		width: 35%;
		float: right;
		border-left: 1px dotted #b9b9b9;
	}
	
	#address {
		float: right;
		padding-right: 150px;
	}
}

@media (min-width: 865px) {
	#header_main {
		height: 220px;
	}
}