/* DEFAULT TEMPLATE STYLES */
body, html {
	width: 100%;
	height: 100%;
}


/* DEFAULT TABLE STYLES */
table, table td, table th {
	border-collapse: collapse;
	border: 0px solid #dddddd;
	vertical-align: top;
	text-align: left;
}


/* TEMPLATE ELEMENTS */
#tpl_body {
	position: relative;
	min-width: 1000px;
	min-height: 100%;
}
.tpl_item {
	margin-bottom: 20px;
}
.tpl_wrapper {
	position: relative;
	width: 900px;
	margin: 0px auto;
}
.tpl_col_fp1 {
	width: 390px;
	margin-right: 60px;
	float: left;
}
.tpl_col_fp2 {
	width: 450px;
	float: left;
}
.tpl_col {
	width: 210px;
	margin-right: 30px;
	margin-bottom: 22px;
	float: left;
	position: relative;
	z-index: 1000;
	zoom: 1;
}
.tpl_col.naw {
	width: 195px;
}
.tpl_col.last {
	margin-right: 0px;
}
.tpl_col_wide {
	width: 450px;
	margin-right: 30px;
	margin-bottom: 25px;
	float: left;
}
.tpl_col_wide.last {
	margin-right: 0px;
}
.tpl_box {
	background-color: #eeeeee;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	min-height: 110px;
}
.tpl_box img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}
#tpl_top {
	/*background-image: url(../image/web/top_bg.jpg);
	background-position: 1200px 0px;
	background-color: #fff;*/
	background-image: url(../image/web/top_2_bg.jpg);
	background-position: top;
	background-color: #c30002;
	min-height: 160px;
}
	#tpl_top_line {
		background-image: url(../image/web/top_line_bg.png);
		background-position: top;
		background-repeat: repeat-x;
		height: 65px;
	}
		#tpl_logo {
			position: absolute;
			z-index: 100;
			top: 0px;
			right: 0px;
		}
		#tpl_menu {
			position: absolute;
			z-index: 600;
			top: 20px;
			left: -10px;
		}
			#tpl_menu > ul, #tpl_menu li {
				display: block;
				margin: 0px;
				padding: 0px;
				list-style-type: none;
				float: left;
				position: relative; 
			}
			#tpl_menu > ul {
				float: none;
			}
				/* DROP DOWN MENU */
				#tpl_menu > ul > li > ul {
					display: none;
					margin: 0px;
					padding: 0px;
					list-style-type: none;
					position: absolute;
					z-index: 100;
					top: 30px;
					left: 0px;
					width: 180px;
					padding: 10px;
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					-o-border-radius: 5px;
					border-top-left-radius: 0px;
					-webkit-border-top-left-radius: 0px;
					-moz-border-radius-topleft: 5px;
					-o-border-top-left-radius: 5px;
				}
				#tpl_menu > ul > li:hover > ul {
					display: block;
					background-color: #332e2e;
				}
				#tpl_menu > ul > li:hover > a.dropdown {
					color: #ffffff;
					background-color: #332e2e;
					line-height: 35px !important;
					margin-top: -5px !important;
					height: 40px !important;
				}
				#tpl_menu > ul > li > ul > li {
					float: none;
				}
					/* MENU 2 ADJUSTMENTS */
					#tpl_menu > ul > li > ul > li > a {
						display: block;
						margin: 0px !important;
						line-height: 20px !important;
						font-size: 11px !important;
						padding: 0px 0px 0px 0px !important;
						text-decoration: none !important;
						color: #fff !important;
						padding-left: 10px !important;
					}
					#tpl_menu > ul > li > ul > li > a.menu2selected,
					#tpl_menu > ul > li > ul > li > a:hover {
						border-radius: 5px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						-o-border-radius: 5px;
						background-color: #444 !important;
					}
		#tpl_lang {
			position: absolute;
			z-index: 700;
			top: 27px;
			right: 220px;
		}
		#tpl_lang a {
			display: inline-block;
			margin-left: 5px;
		}
	#tpl_intro {
		position: relative;
		z-index: 300;
		padding: 45px 0px;
		/*width: 430px;*/
		width: 350px;
		height: 145px;
	}
	#tpl_intro_wide {
		position: relative;
		z-index: 300;
		padding: 35px 0px 25px 0px;
	}
		#tpl_intro, #tpl_intro *, #tpl_intro_wide, #tpl_intro_wide * {
			color: #fff;
		}
	#tpl_header_1 {
		position: absolute;
		z-index: 400;
		top: 40px;
		right: 250px;
	}
	#tpl_header_2 {
		position: absolute;
		z-index: 400;
		bottom: -48px;
		right: -23px;
	}
#tpl_topmiddle {
	background-color: #990007;
}
	#tpl_submenu_tabs {
		width: 900px;
		margin-top: 10px;
		margin-bottom: 10px;
		float: left;
	}
		#tpl_submenu_tabs ul, #tpl_submenu_tabs li {
			display: block;
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}
		#tpl_submenu_tabs ul {
			margin-left: -10px;
		}
		#tpl_submenu_tabs li {
			float: left;
			z-index: 200;
		}
#tpl_middle {
	background-image: url(../image/web/middle_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
	padding: 30px 0px 10px 0px;
	min-height: 110px;
	padding-bottom: 100px; /* FOR FOOTER */
}
#tpl_middle.largepadding {
	padding-bottom: 330px; /* FOR FOOTER */
}
	#tpl_submenu {
		width: 200px;
		margin-right: 30px;
		margin-bottom: 20px;
		float: left;
	}
		#tpl_submenu ul, #tpl_submenu li {
			display: block;
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}
	#tpl_about {
		width: 300px;
		margin-right: 30px;
		margin-bottom: 20px;
		float: left;
	}
	#tpl_content_small {
		width: 570px;
		float: left;
	}
	#tpl_content {
		width: 670px;
		float: left;
	}
	#tpl_content_wide {
		width: 900px;
		float: left;
	}
#tpl_bottom {
	background-color: #e7e7e7;
	padding: 30px 0px;
	position: absolute;
	z-index: 100;
	width: 100%;
	min-height: 20px;
	bottom: 0px;
	left: 0px;
}
	#tpl_bottom, #tpl_bottom * {
		color: #332e2e;
	}
	#tpl_bottom p {
		padding-top: 10px;
	}
	#tpl_footer.lined {
		padding-top: 20px;
		border-top: 1px solid #ccc;
	}
		#tpl_footer,
		#tpl_footer * {
			font-size: 11px;
			color: #999;
		}
	#tpl_netgemak {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
		#tpl_netgemak,
		#tpl_netgemak * {
			font-size: 11px;
			color: #999;
		}


/* SEARCH */
#tpl_search {
	display: inline-block;
	padding: 15px 15px 15px 50px;
	background-color: #EEE;
	background-image: url(../image/web/search_bg.png);
	background-position: 16px 14px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}


/* PIANO'S */
.tpl_piano_weekoffer {
	height: 120px;
	position: relative;
}
	.tpl_piano_weekoffer_description {
		position: absolute;
		z-index: 100;
		left: 15px;
		top: 10px;
		width: 210px;
		height: 65px;
		overflow: hidden;
	}
	.tpl_piano_weekoffer_price {
		position: absolute;
		z-index: 100;
		left: 0px;
		bottom: 0px;
		padding: 5px 15px;
		font-weight: bold;
		background-color: #222;
		color: #fff;
		border-top-right-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		-o-border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		-o-border-bottom-left-radius: 10px;
	}
	.tpl_piano_weekoffer_links {
		position: absolute;
		z-index: 200;
		bottom: 10px;
		right: 225px;
	}
	.tpl_piano_weekoffer_image {
		float: right;
	}
.tpl_piano {
	margin-top: 25px;
	padding-top: 15px;
	position: relative;
	border-top: 1px solid #DDD;
}
	.tpl_piano .name {
		margin-bottom: 15px;
	}
	.tpl_piano .image {
		float: right;
		border: 5px solid #eee;
	}
	.tpl_piano .description {
		width: 620px;
		margin-bottom: 15px;
		height: 60px;
		overflow: hidden;
	}
	.tpl_piano.tpl_accessoires .description {
		width: 390px;
	}
	.tpl_piano .content {
		width: 620px;
		margin-bottom: 15px;
	}
	.tpl_piano.tpl_accessoires .content {
		width: 390px;
	}
	.tpl_piano .colortable tr.pianoaanbieding td.label {
		/*background-color: #dc0a14;*/
		background-color: #332e2e;
		color: #FFF;
	}
	.tpl_piano .colortable tr.pianoaanbieding td {
		font-weight: bold;
	}
	.tpl_piano .colortable tr.pianonotify td.label {
		background-color: #DDD;
	}
	.tpl_piano .colortable tr.pianonotify td {
		font-weight: bold;
	}


/* GOOGLE MAPS */
.googlemaps {
	position: relative;
	overflow: hidden;
	height: 150px;
	width: 440px;
	background-color: #fff;
	border: 5px solid #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}
	.googlemaps .link {
		position: absolute;
		z-index: 2000;
		top: 0px;
		left: 0px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
	}
	.googlemaps .link img {
		width: 440px;
		height: 150px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-o-border-radius: 6px;
	}


/* FORM STYLES */
.formbut {
	position: relative;
	display: inline-block;
	color: #ffffff; 
	background-color: #dc0a14;
	border: 1px solid #990007;
	border-top-color: #ff0000;
	border-left-color: #ff0000;
	height: 22px; 
	line-height: 10px;
	cursor: pointer;
	padding: 0px 9px 0px 9px;
	overflow: visible;
	letter-spacing: 0px;
	text-transform: uppercase;
	/*font-family: "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, Palatino, serif;*/
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
.formline {
	position: relative;
	display: inline-block;
	border: 1px solid #CCCCCC;
	height: 16px;
	background-color: #FFFFFF;
	width: 400px;
	line-height: 16px;
	padding: 2px 3px 2px 3px;
}
select.formline {
	height: 22px;
	padding: 0px;
	width: 200px;
}
.formline[disabled] {
	color: #CCCCCC;
}
.formarea {
	position: relative;
	display: inline-block;
	border: 1px solid #CCCCCC;
	padding: 2px 3px 2px 3px;
	background-color: #FFFFFF;
	width: 400px;
	height: 100px;
}
.formline:focus, .formarea:focus,.formline.focus, .formarea.focus {
	border-color: #000;
}
.formbut:hover,.formbut.hover {
	background-color: #332e2e;
	border-color: #000000;
	border-top-color: #666;
	border-left-color: #666;
}
input[type=radio] {
	margin: 0px 4px 0px 4px;
}
.formtable {
}
.formtable td {
	border-bottom: 2px solid #fff;
}
td.formlabel {
	background-color: #eeeeee;
	border-right: 2px solid #fff;
	padding: 1px 6px;
	width: 120px;
}
td.formrequired {
	background-color: #cccccc;
}
.formnotify {
	border: 1px dottet #000;
	margin-bottom: 20px;
}
td.formextra {
	padding-top: 2px;
}
td.formextra .formbut {
	float: right;	
}


/* MENU 1 */
.menu1, .menu1selected, .menu1:hover, .menu1selected:hover {
	display: block;
	line-height: 25px;
	height: 25px;
	white-space: nowrap;
	padding: 0px 10px;
	margin-right: 5px;
	color: #fff;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, Palatino, serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
.menu1:hover, .menu1selected:hover {
	color: #fff;
	background-color: #332e2e;
}
.menu1selected {
	color: #332e2e;
	background-color: #FFF;
}
/* MENU 2 */
#tpl_submenu .menu2,
#tpl_submenu .menu2selected,
#tpl_submenu .menu2:hover,
#tpl_submenu .menu2selected:hover {
	display: block;
	border-bottom: 1px solid #DDD;
	text-decoration: none;
	line-height: 25px;
}
#tpl_submenu .menu2:hover {
	color: #332e2e;
}
#tpl_submenu .menu2selected,
#tpl_submenu .menu2selected:hover {
	color: #332e2e;
}
/* MENU 2 TABS */
#tpl_submenu_tabs .menu2,
#tpl_submenu_tabs .menu2selected,
#tpl_submenu_tabs .menu2:hover,
#tpl_submenu_tabs .menu2selected:hover {
	display: block;
	text-decoration: none;
	line-height: 25px;
	height: 25px;
	padding: 0px 10px;
	margin-right: 5px;
	color: #fff;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, Palatino, serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
#tpl_submenu_tabs .menu2:hover,
#tpl_submenu_tabs .menu2selected,
#tpl_submenu_tabs .menu2selected:hover {
	color: #332e2e;
	background-color: #FFF;
}
/* MENU 3 */
#tpl_submenu .menu3,
#tpl_submenu .menu3selected,
#tpl_submenu .menu3:hover,
#tpl_submenu .menu3selected:hover {
	display: block;
	border-bottom: 1px solid #DDD;
	text-decoration: none;
	line-height: 25px;
	margin-left: 15px;
}
#tpl_submenu .menu3:hover {
	color: #332e2e;
}
#tpl_submenu .menu3selected,
#tpl_submenu .menu3selected:hover {
	color: #332e2e;
}
/* MENU 3 TABS */
#tpl_submenu_tabs .menu3,
#tpl_submenu_tabs .menu3selected,
#tpl_submenu_tabs .menu3:hover,
#tpl_submenu_tabs .menu3selected:hover {
	display: none;
}
/* MENU 3 */
#tpl_menu .menu3,
#tpl_menu .menu3selected,
#tpl_menu .menu3:hover,
#tpl_menu .menu3selected:hover {
	display: none;
}


/* ExtraZake FUNCTION STYLES */
.highlight {
	border-bottom: 1px dashed #333333;
}
.photothumb {
	width: 77px;
	height: 77px;
	border: 1px solid #ddd;
	background-color: #FFFFFF;
	text-align: center;
}
	.photothumb td {
		vertical-align: middle;
	}
	.photothumb td img {
		border: 5px solid #fff;
		width: auto;
		height: auto;
		max-width: 65px;
		max-height: 65px;
	}
.clickable, .clickable * {
	cursor: pointer;	
}
.webitem {
	max-width: 100%;
	clear: both;	
}
.toolbarbutton {
	position: absolute;	
}


@media Print {
	html, body, #tpl_body {
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
		background-image: none;
	}
	body, html, input, textarea, select, form, a, p, span, div, td, th, font, h1, h2, h3, h4, h5, ul, li, ol, sub, sup {
		/*color: #000000;*/
	}
	.menu1, .menu1selected, .menu2, .menu2selected, .menu3, .menu3selected {
		/*color: #000000;*/
	}
	.noprint {
		display: none;
	}
}
