@charset "utf-8";


/*
	-----------------------------------------
	Reset Stylesheet - Based on Eric Meyer's.
	-----------------------------------------
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, font, img, dl, dt, dd, ol, ul, li,form, label, tr, th, td {
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
}

a img{
	border: none;
}

table {
	border-collapse:separate;
	border-spacing:0;
	empty-cells: show;
}
caption, th, td {
	font-weight:normal;
	text-align:left;
}
table, td, th {
	vertical-align:middle;
}

:focus {
	outline: 0;
}



/*
	-----------------------------------------
	General styles
	-----------------------------------------
*/

body{
	background-color: #fff;
	font-size: 70%;
	line-height:180%;
	color: #444;
	font-family: Verdana, arial, Tahoma, sans-serif;
}
p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}





/*
	-----------------------------------------
	Header
	-----------------------------------------
*/

#header-wrapper{
	border-top: 7px solid #000;
	background: url(../media/images/bg_header_wrapper.gif) center bottom no-repeat;
	_background: url(../media/images/bg_header_wrapper.gif) center 56px no-repeat;
}

#header{
	margin: 0px auto;
	width: 980px;
	height: 229px;
}

.header1{
	background: url(../media/images/header1.jpg) left top no-repeat;
}

.header2{
	background: url(../media/images/header2.jpg) left top no-repeat;
}

.header3{
	background: url(../media/images/header3.jpg) left top no-repeat;
}

.header4{
	background: url(../media/images/header4.jpg) left top no-repeat;
}

.header5{
	background: url(../media/images/header5.jpg) left top no-repeat;
}

.header6{
	background: url(../media/images/header6.jpg) left top no-repeat;
}

.header7{
	background: url(../media/images/header7.jpg) left top no-repeat;
}

.header8{
	background: url(../media/images/header8.jpg) left top no-repeat;
}


.header9{
	background: url(../media/images/header9.jpg) left top no-repeat;
}



/*
	-----------------------------------------
	Navigation
	-----------------------------------------
*/


#navigation{
	height: 38px;
	line-height: 48px;
	overflow:hidden;
	text-align: center;
	padding-top: 11px;
}

#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active{
	text-decoration: none;
	padding: 0px 35px 0px 0px;
	float: left;
	height: 23px;
	background: url(../media/images/navig.gif) right top no-repeat;
	border: none;
	cursor: pointer;
}

#navigation a:hover{
	background: url(../media/images/navig_right.gif) right top no-repeat;
}

#navigation a.selected, #navigation a.selected:link, #navigation a.selected:visited, #navigation a.selected:hover, #navigation a.selected:active{
	background: url(../media/images/navig_right_selected.gif) right top no-repeat;
}

#navigation a.selected:hover{
	background: url(../media/images/navig_right_selected.gif) right top no-repeat;
	color: #fff;
}

#navigation a.last, #navigation a.last:link, #navigation a.last:visited, #navigation a.last:hover, #navigation a.last:active{
	background-image: none;
	padding-right: 10px;
}


#navigation a.last span{
	background-image: none;
	color: #293e5a;
}

#navigation a.last:hover{
	background: url(../media/images/navig_right_last.gif) right top no-repeat;
}



#navigation a span{
	display: block;
	color: #293e5a;
	font-size: 1em;
	height: 23px;
	line-height: 21px;
	float: left;
	padding: 0px 0px 0px 10px;
}

#navigation a:hover span, #navigation a.last:hover span{
	background: url(../media/images/navig_left.gif) left top no-repeat;
	color: #293e5a;
}

#navigation a.selected span, #navigation a.last_selected span{
	background: url(../media/images/navig_left_selected.gif) left top no-repeat;
	color: #fff;
}

#navigation a.selected:hover span{
	background: url(../media/images/navig_left_selected.gif) left top no-repeat;
	color: #fff;
}

#navigation a.last_selected, #navigation a.last_selected:link, #navigation a.last_selected:visited, #navigation a.last_selected:hover, #navigation a.last_selected:active{
	background: url(../media/images/navig_right_selected_last.gif) right top no-repeat;
}

#navigation .homelink, #navigation .homelink:link, #navigation .homelink:visited, #navigation .homelink:hover, #navigation .homelink:active{
	float: left;
	margin: 2px 8px 0px 7px;
	padding: 0px;
	border: none;
	background: none;
}

/* -----------*/

#teaser{
	float: right;
	width: 335px;
	height: 179px;
}

#teaser a, #teaser a:link, #teaser a:visited, #teaser a:hover, #teaser a:active{
	border: none;
}

	.navpanellayer{
		display: none!important;
	}

	.gallerylayer{
	}

#logo{
	float: left;
	display: block;
	width: 256px;
	height: 83px;
	padding: 47px 0px 0px 41px;
	border: none;
}

#language{
	float: left;
	clear: left;
	width: 335px;
	margin: 29px 0px 0px 24px;
	_display: inline;
}

#language a, #language span{
	line-height: 21px;
	float: left;
	display: block;
	padding: 0px 5px;
	color: #293e5a;
	text-transform: uppercase;
	border: none;
	margin: 0px 3px;
}

#language span{
	background-color: #eeeeee;
}



/*
	-----------------------------------------
	Main
	-----------------------------------------
*/

#main-wrapper{
	background: url(../media/images/bg_main_wrapper.gif) 50% bottom no-repeat;
}

#main{
	margin: 0px auto;
	width: 980px;
	background: url(../media/images/bg_main.gif) left top no-repeat;
	min-height: 400px;
}

	#content{
		width: 596px;
		float: left;
		padding: 0px 21px 0px 27px;
	}
		/* IE6 viewport */
		* html #content{
			position: relative;
			padding: 0 15px 0 20px;
		}

	#index_index #content{
		width: 603px;
		padding-right: 12px;
	}
		* html #index_index #content{
			padding-left: 5px;
		}

	.main-title{
		background: url(../media/images/dotted.gif) left bottom repeat-x;
		height: 57px;
		line-height: 57px;
		margin-bottom: 15px;
	}

	#index_index h1.main{
		margin-bottom: 30px;
	}

	.rightcolumn{
		clear: right;
		float: right;
		width: 336px;
		position: relative;
		}

	#teaser-title, #teaser-title-bg{
		width: 290px;
		line-height: 35px;
		height: 30px;
		font-weight: bold;
		color: #8f491a;
		padding: 10px 0px 0px 46px;
	}


	#teaser-title h3 , #teaser-title-bg h3{
		margin: 0px;
	}


	#teaser-title-bg{
			background: url(../media/images/download-bg.gif) left -5px no-repeat;
			height: 45px;
			padding-top: 0px;
	}


	#menu{
		background: url(../media/images/menu_bottom.gif) left bottom no-repeat;
		width: 335px;
		padding-bottom: 8px;
	}

		#menu .wrapper{
			background: url(../media/images/menu_top.gif) left top no-repeat;
			padding: 14px 18px 20px 18px;
			min-height: 150px;
			height: auto;
			_height: 150px;
			border: 0px solid #fff;
		}

		#menu h2{
			margin-left: 26px;
		}

		#menu h2 a:link, #menu h2 a:visited, #menu h2 a:hover, #menu h2 a:active{
			border-bottom: 1px dotted #b1bfd3;
			color: #456694;
		}

		#menu h2 a:hover{
			border-bottom: 1px solid #456694;
		}

		#menu ul{
			padding-left: 0px;
		}

		#menu div{
			border-bottom: 1px solid #d1dae8;
		}

		#menu div.last{
			border-bottom: 0px solid #d1dae8;
		}

		#menu div.selected{
			background: url(../media/images/menu_selected_bottom.gif) left bottom no-repeat;
			padding: 0px;
		}


		#menu div a:link, #menu div a:visited, #menu div a:hover, #menu div a:active{
			display: block;
			border: none;
		}

		#menu div.selected a:link, #menu div.selected a:visited, #menu div.selected a:hover, #menu div.selected a:active{
			background: url(../media/images/menu_selected_top.gif) left top no-repeat;
		}

		#menu div.selected a:link span, #menu div.selected a:visited span, #menu div.selected a:hover span, #menu div.selected a:active span{
			background: url(../media/images/blue_arrow_negative.gif) 10px 9px no-repeat;
			color: #fff;
			font-weight: bold;
		}

		#menu div a:link span, #menu div a:visited span, #menu div a:hover span, #menu div a:active span{
			color: #444444;
			background: url(../media/images/blue_arrow.gif) 10px 9px no-repeat;
			padding: 2px 0px 2px 25px;
			display: block;

		}

			#menu div.sub{
				border-bottom: 0px solid #d1dae8;
			}

			#menu div.sub a:link span, #menu div.sub a:visited span, #menu div.sub a:hover span, #menu div.sub a:active span{
				color: #984d1c;
				background: url(../media/images/brown_arrow.gif) 25px 9px no-repeat;
				padding: 2px 0px 2px 40px;
			}

		#menu div.sub .selected a:link span, #menu div.sub .selected a:visited span, #menu div.sub .selected a:hover span, #menu div.sub .selected a:active span{
			background: url(../media/images/blue_arrow_negative.gif) 25px 9px no-repeat;
			color: #fff;
			font-weight: bold;
		}


		#menu .producten-intro{
			margin-left: 25px;
			width: 200px;
			letter-spacing: 0.03em;
			border: none;
		}

		#menu .menu-kleuren{
			margin-left: 25px;
			width: 200px;
			letter-spacing: 0.03em;
			border: none;
		}


	#newsletter{
		background: url(../media/images/newsletter_bottom.gif) left bottom no-repeat;
		width: 335px;
		padding-bottom: 8px;
		margin-top: 20px;
	}

		#newsletter .wrapper{
			background: url(../media/images/newsletter_top.gif) left top no-repeat;
			padding: 14px 20px 10px 20px;
		}


	#download{
		background: url(../media/images/download-bottom.gif) left bottom no-repeat;
		width: 596px;
		padding-bottom: 8px;
		border-top: 12px solid #
	}

		#download .wrapper{
			background: url(../media/images/download-top.gif) left top no-repeat;
			padding: 14px 20px 10px 20px;
		}

		#content #download ul.errors li{
			color: #900;
			}

		#newsletter h2, #download h2{
			margin-left: 26px;
			color: #98966b;
		}

		#newsletter label.text{
			width: 100px;
			float: left;
			margin: 0px 15px 8px 0px;
			clear: left;
			display: block;
		}

		#download label{
			clear: both;
			float: none;
			font-weight: bold;
			display: block;
			}

		#newsletter input.text, #download input.text, #download select{
			width: 160px;
			float: left;
			padding: 1px;
			border: 1px solid #d5d5d5;
			display: block;
			margin: 0px 15px 8px 0px;
			color: #444;
		}

		#download input, #download input.text{
			float: none;
			}

		input.radio{
			clear: left;
		}

		button.newsletter, #download button{
			border: 0px;
			padding: 0px 5px 0px 25px;
			color: #fff;
			height: 23px;
			line-height: 23px;
			width: 116px;
			font-weight: bold;
			background: url(../media/images/newsletter_button.gif) left top no-repeat;
			cursor: pointer;
			margin-top: 15px;
		}

		#download button{
			clear: both;
			float: left;
			#margin-top: 0px;
			#position: relative;
			#top: -15px;
			#left: -15px;
			}

	#references{
		background: transparent url(../media/images/bg_product.gif) repeat-y 130px 0;
	}
	#references_index #content .list:last-child{
		border:none;
	}
	#references_index #content .list{
		padding-left: 0;
		margin: 10px 0 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;

	}
	#references_index #content .list li{
		display: block;
		margin-right: 15px;
		float: left;
		width: 263px;

	}


	/*
		-----------------------------------------
		Footer
		-----------------------------------------
	*/


	#footer{
		clear: both;
		height: 144px;
		color: #adbed5;
		font-size: 0.95em;
	}
		#footer .wrapper{
			text-align: center;
			padding: 17px 130px 0px 130px;
		}

	#footer span{
		color: #adbed5;
		padding: 0px 8px;
	}

#footer ul{
	line-height: 1;
	padding: 20px 0 0 0;
	width: 720px;
}
#footer li{
	list-style: none;
	float: left;
	border-right: 1px dotted #adbed5;
	padding: 0 30px;
	text-align: left;
	line-height: 150%;
	height:65px;
	width: 120px;
}
body #footer li a.facebook  {
	display: block;
	background: url(../media/images/facebook.png) left no-repeat;
	padding-left: 20px;
	border: none;
	margin-top: 4px;
}
#footer li.last{
	border: none;
	padding-right: 0;
}
#footer li a:link,#footer li a:visited,#footer li a:active{
	color: #adbed5;
	border-bottom: 1px dotted #adbed5;
	padding-bottom: 1px;
}

#footer li a:hover{
	border-bottom: 1px solid #fff;
	color: #fff;
}


/*
	-----------------------------------------
	Homepage
	-----------------------------------------
*/

.home{
	background: url(../media/images/bg_home_wrapper.gif) left top repeat-y;
	margin-bottom: 20px;
}

	.home .intro{
		width: 286px;
		float: left;
		margin-right: 33px;
		line-height: 190%;
	}


	#content .home .home-news{
		width: 268px;
		float: left;
		padding-left: 0px;
		margin: 0px;
	}


	#content .home .home-news li{
		background: url(../media/images/grey_arrow_disc.gif) left 4px no-repeat;
		padding: 0px 0px 10px 25px;
	}

	#content .home .home-news li.last{
		background: url(../media/images/grey_arrow_disc.gif) left 4px no-repeat;
		padding: 0px 0px 0px 25px;
	}

	.home .home-news li span{
		width: 60px;
		border-right: 1px solid #ccc;
		margin-right: 5px;
		padding-right: 5px;
		color: #000;
		font-size: 1.05em;
	}

	.description{
		padding-top: 2px;
	}

	.home-button, .home-button:link, .home-button:visited, .home-button:hover, .home-button:active{
		width: 163px;
		height: 157px;
		display: block;
		text-decoration: none;
		border: none;
		float: left;
		margin-right: 12px;
		_margin-right: 10px;
		text-decoration: none;
		padding: 10px 15px;
		font-size: 1.03em;
		cursor: pointer;
		border: none;
	}

		.home-button span{
			border-bottom: 1px dotted #b1bfd3;
			font-weight: bold;
			color: #456694;
			padding-bottom: 1px;
		}

		.home-button:hover span{
			border-bottom: 1px solid #456694;
		}

		.home-advies{
			background: url(../media/images/home_button_kleuradvies.jpg) left top no-repeat;
		}

		.home-schilder{
			background: url(../media/images/home_button_schilder.jpg) left top no-repeat;
		}

		.home-technisch, .home-technisch:link, .home-technisch:visited, .home-technisch:hover, .home-technisch:active{
			background: url(../media/images/home_button_technischadvies.jpg) left top no-repeat;
			margin-right: 0px;
		}


		.home-indekijker{
			background: url(../media/images/bg_indekijker_bottom.gif) left bottom no-repeat;
			margin-top: 20px;
			clear: both;
		}

			.home-indekijker .wrapper{
				background: url(../media/images/bg_indekijker_top.gif) left top no-repeat;
				padding: 10px 15px;
			}

			.home-indekijker h4{
				background: url(../media/images/dotted.gif) left bottom repeat-x;
				padding-bottom: 12px;
				margin-bottom: 12px;
			}

			.home-indekijker .img{
				width: 121px;
				padding-right: 10px;
				text-align: center;
				height: 100px;
				border-right: 1px solid #e3e3e3;
				margin-right: 35px;
				float: left;
			}

			.home-indekijker .img a, .home-indekijker .img a:visited, .home-indekijker .img a:hover, .home-indekijker .img a:active{
				border: none;
			}

			.home-indekijker a.title{
				color: #000;
				font-size: 1.05em;
				border-bottom: 1px dotted #bbb;
				padding-bottom: 1px;
			}

				.home-indekijker a.title:hover{
					border-bottom: 1px solid #000;
				}

			.home-indekijker .text{
				width: 380px;
				float: left;
			}

	#products_index .home-indekijker{
			background: url(../media/images/bg_indekijker_short_bottom.gif) left bottom no-repeat;
			margin-top: 20px;
			clear: both;
		}

			#products_index .home-indekijker .wrapper{
				background: url(../media/images/bg_indekijker_short_top.gif) left top no-repeat;
				padding: 10px 15px;
			}

#news_show iframe {
	margin-top: 20px;
}
/*
	-----------------------------------------
	Pages/show
	-----------------------------------------
*/

	.related-images{
		width: 200px;
		float: right;
		padding-left: 15px;
		border-left: 1px solid #e3e3e3;
		margin-left: 15px;
		text-align: right;
		background-color: #fff;
	}

	.related-images a:link, .related-images a:visited, .related-images a:hover, .related-images a:active{
		border: none;
	}

	.related-images img{
		margin: 0px 0px 10px 0px;
	}

/*
	-----------------------------------------
	News
	-----------------------------------------
*/

	#content ul.news{
		margin: 20px 0px;
	}

	#content ul.news li{
		background: url(../media/images/grey_arrow_disc.gif) 0px 3px no-repeat;
		padding: 0px 0px 10px 25px;
		font-size: 1.05em;
	}

	#content ul.news li span{
		width: 60px;
		border-right: 1px solid #8f491a;
		margin-right: 10px;
		padding-right: 5px;
		color: #8f491a;
		font-size: 1.05em;
	}

/*
	-----------------------------------------
	Faq
	-----------------------------------------
*/

#content .faq ul{
	margin: 20px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../media/images/dotted.gif) left bottom repeat-x;
}

#content .faq ul li{
	background: url(../media/images/grey_arrow_disc.gif) 0px 3px no-repeat;
	padding: 0px 0px 10px 25px;
}

#content .faq a.to-overview, #content .faq a.to-overview:link, #content .faq a.to-overview:visited, #content .faq a.to-overview:hover, #content .faq a.to-overview:active{
	border-top: 1px dotted #ccc;
	margin-top: 25px;
}


/*
	-----------------------------------------
	Products pages
	-----------------------------------------
*/

	h2.products, h3.products{
		display: inline;
		font-size: 1.2em;
	}

	h2.products{
		padding-left:20px;
		background: url(../media/images/blue_arrow.gif) left 5px no-repeat;
	}

	h3.products{
		padding-right: 20px;
	}

	.dotted{
		height: 1px;
		background: url(../media/images/dotted.gif) left top repeat-x;
		margin: 20px 0px;
	}

	.related {
		padding-top: 15px;
		margin-top: 15px;
	}
		#content .related ul{
			padding-left: 0;
		}
		/*
		#content .related ul li:first-child{
			background-position: 0 18px;
			padding-top: 15px;
		}*/
		#content .related ul li{
			background-position: 0 18px;
			padding-top: 15px;
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-top: 1px solid #eee;
		}

	.product{
		/*background: url(../media/images/bg_product.gif) 1px top repeat-y;*/
		margin-bottom: 25px;
	}

		.product-title{
			color: #000;
			font-size: 1.2em;
			font-weight: bold;
		}

		.product .img a.image, .product .img a.image:visited, .product .img a.image:hover, .product .img a.image:active{
			display: block;
			width: 157px;
			height: 158px;
			border: none;
		}

		.product .img{
			width: 157px;
			height: 158px;
			margin-right: 25px;
			text-align: center;
			float: left;
		}

		.product .zoom, .product .zoom:visited, .product .zoom:hover, .product .zoom:active{
			float: right;
			margin: -47px 0px 0px -1px;
			display: block;
			width: 23px;
			height: 23px;
			cursor: pointer;
			border: none;
		}

		.product .text{
			width: 407px;
			float: left;
			overflow: hidden;
		}

		.product .description{
			margin: 10px 0px;
		}

		.product .price{
			color: #90491a;
			font-size: 1.25em;
			padding-left: 15px;
		}

		.product-images{
			padding-bottom: 15px;
		}

		.product-images a, .product-images a:link, .product-images a:visited, .product-images a:hover, .product-images a:active{
			float: left;
			border: 1px solid #e3e3e3;
			width: 91px;
			height: 91px;
			margin: 0px 10px 10px 0px;
			display: block;
			cursor: pointer;
		}

		.product-images img{
			position: relative;
			top:70px;
			left: 68px;
		}

	.product-info{
		background: url(../media/images/product_info_bottom.gif) left bottom no-repeat;
		margin-bottom: 25px;
	}

		.product-info span.zwart{
			color: #000;
		}

		.product-info .wrapper{
			background: url(../media/images/product_info_top.gif) left top no-repeat;
			padding: 15px;
		}

		#content .product-info ul{
			margin: 10px 0px;
			padding: 0px;
		}

		#content .product-info ul li{
			background: url(../media/images/brown_arrow.gif) left 7px no-repeat;
			padding:  0px 0px 0px 15px;
		}

		.product-info .description-long, .product-info .related-files, .product-info .related-items{
			padding-bottom: 10px;
		}

		.product-info .related-files, .product-info .related-items{
			padding-top: 10px;
			border-top: 1px solid #e3e3e3;
		}

			.related-items .item{
				width: 278px;
				margin: 0px 0px 10px 0px;
				float: left;
			}

			.related-items .last{
				margin-right: 0px;
			}

				.related-items .item .img{
					float: left;
					width: 73px;
					height: 73px;
					padding: 10px;
					border: 1px solid #e3e3e3;
					margin-right: 10px;
					background-color: #fff;
				}

				.related-items .item .text{
					float: left;
					width: 165px;
				}

					.related-items .item .img a, .related-items .item .img a:visited, .related-items .item .img a:hover, .related-items .item .img a:active{
						border: none;
					}

				.related-items .item .text a.title{
					font-size: 1em;
				}






/*
	-----------------------------------------
	Search
	-----------------------------------------
*/

#search{
	float: right;
	width: 200px;
	text-align: right;
	_padding-top: 15px;
}

#search input{
	color: #456694;
	padding: 1px;
	width: 150px;
	border: 1px solid #cbcbcb;
}

button.search{
	background: url(../media/images/search_button.gif) left top no-repeat;
	text-indent: -2000px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	border: none;
	margin: 2px 0px 0px 5px;
}


#content ul.search{
		margin: 20px 0px;
	}

	#content ul.search li{
		background: url(../media/images/grey_arrow_disc.gif) 0px 3px no-repeat;
		padding: 0px 0px 20px 25px;
		font-size: 1.05em;
	}

	#content ul.search li .description{
		padding-top: 5px;
		font-size: 0.95em;
	}


/*
	-----------------------------------------
	Pager
	-----------------------------------------
*/


.pager{
	margin-top: 15px;
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 20px;
}
.pager span{
	padding-right: 15px;
	font-weight: bold;
}
.pager a:link,.pager a:visited{
	padding: 3px 6px;
	border: 0;
	color: ;
	text-decoration: underline;
}
.pager a:hover,.pager b{
	padding: 2px 5px;
	border: 1px solid #c1c1c1;
	color: black;
}
.pager b{
	border-color: #6e6e6e;
	color: #2a2a2a;
	text-decoration: none;
}



/*
	-----------------------------------------
	Titles
	-----------------------------------------
*/

h1{
	font-size: 1.22em;
	font-weight: bold;
	color: #456694;
	margin: 0 0 15px 0;
}

h2{
	font-size: 1.22em;
	font-weight: bold;
	color: #456694;
	margin: 0 0 15px 0;
}

h3{
	font-size: 1.22em;
	font-weight: bold;
	color: #8f491a;
	margin: 0 0 15px 0;
}

	h3 a:link, h3  a:visited, h3  a:hover, h3  a:active{
		color: #8F491A;
		border-bottom: 1px dotted #CE9C7A;
	}

	h3  a:hover{
		border-bottom: 1px solid #8F491A;
	}

h4{
	font-size: 1.1em;
	font-weight: bold;
	color: #8f491a;
	margin: 0 0 10px 0;
}


h5{
	color: #000;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	font-size: 1em;
	font-weight: bold;
}

h6{
	font-size: 1.1em;
	font-weight: bold;
	color: #456694;
	margin: 0 0 15px 0;
}

.zwart{
	color: #000;
}


/*
	-----------------------------------------
	Tables
	-----------------------------------------
*/








/*
	-----------------------------------------
	Lists
	-----------------------------------------
*/


ul, ol {
	padding-left:30px;
}
ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type: none;
}
ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
}


#content ul{
	padding-left: 15px;
}
#content ul li{
	background:transparent url(../media/images/brown_arrow.gif) no-repeat scroll 0 8px;
	padding-left:15px;
}

#content ul{
	list-style-image:none;
	list-style-position:outside;
	margin: 10px 0;
}


/*
	-----------------------------------------
	Forms
	-----------------------------------------
*/





/*
	-----------------------------------------
	Links
	-----------------------------------------
*/

a, a:link, a:visited, a:hover, a:active{
	border-bottom: 1px dotted #555;
	padding-bottom: 1px;
	color: #555;
}
	a.noBorder{
		border: none;
	}

	a:hover{
		border-bottom: 1px solid #000;
		color: #000;
	}


a.infolink-blue, a.infolink-blue:visited, a.infolink-blue:hover, a.infolink-blue:active{
	background: url(../media/images/plus_blue.gif) 0px 10px no-repeat;
	padding: 3px 0px 8px 18px;
	color: #3e5e87;
	display: block;
	border: none;
	cursor: pointer;
}

a.infolink-brown, a.infolink-brown:visited, a.infolink-brown:hover, a.infolink-brown:active{
	background: url(../media/images/plus_brown.gif) 0px 8px no-repeat;
	padding: 3px 0px 8px 18px;
	color: #9b4f1c;
	display: block;
	border: none;
	cursor: pointer;
}

a.infolink-brown-hide, a.infolink-brown-hide:visited, a.infolink-brown-hide:hover, a.infolink-brown-hide:active{
	background: url(../media/images/min_brown.gif) 0px 8px no-repeat;
	padding: 3px 0px 8px 18px;
	color: #9b4f1c;
	border: none;
	display: block;
	cursor: pointer;
}


a.title{
	color: #000;
	font-size: 1.05em;
	border-bottom: 1px dotted #999;
	padding-bottom: 1px;
}

	a.title:hover{
		border-bottom: 1px solid #000;
	}

a.to-overview, a.to-overview:link, a.to-overview:visited, a.to-overview:hover, a.to-overview:active{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 20px;
	background: url(../media/images/to_overview.gif) 0px 19px no-repeat;
	border: none;
	cursor: pointer;
	clear: both;
}

a.previous, a.previous:link, a.previous:visited, a.previous:hover, a.previous:active{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 20px;
	background: url(../media/images/to_overview.gif) 0px 19px no-repeat;
	border: none;
	cursor: pointer;
	clear: both;
}

a.next, a.next:link, a.next:visited, a.next:hover, a.next:active{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 20px;
	background: url(../media/images/next.gif) 0px 19px no-repeat;
	border: none;
	cursor: pointer;
	clear: both;
}

a.totop, a.totop:link, a.totop:visited, a.totop:hover, a.totop:active{
	display: block;
	margin: 0px 0px 0px 27px;
	padding: 15px 0px 0px 20px;
	background: url(../media/images/totop.gif) 0px 19px no-repeat;
	border: none;
	cursor: pointer;
	clear: both;
}

.totop:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.totop{
#display: inline-block;
}

html[xmlns] .totop{
	display: block;
}

* html .totop{
	height: 1%;
}



/*
	-----------------------------------------
	nyroModal
	-----------------------------------------
*/

	#nyroModalWrapper{
		border: 1px solid #fff!important;
		z-index: 1001!important;
	}

	#nyroModalBg{
		z-index: 1000!important;
	}

	#nyroModalTitle{
		display: none;
	}

	div.wrapperImg div#nyroModalContent div{
		opacity: 0.7!important;
		filter: Alpha(Opacity=70)!important;
		cursor: default!important;
		border: 0px solid #fff!important;
		margin: 0px!important;
	}

	a#closeBut:link, a#closeBut:visited, a#closeBut:hover, a#closeBut:active, a#closeBut{
		border: none;
	}


/*
	-----------------------------------------
	Misc fixes
	-----------------------------------------
*/


.clearImgSpace {
	display:block;
}
.clear {
	clear:both;
	line-height:0;
}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
#display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


/* END CLEARFIX */