@charset "utf-8";
/* CSS Document */

h1{
	padding-top: 7px;
}

h2{
	padding: 15px 0 0 0;
}

.go_image{
	float: right;
	padding: 0 0 22px 22px;
}

#mainmenuHolder{
	width: 770px;
	height: 149px;
	margin: 0 15px 0 0;
	clear: right;
}

#rightHolder{
	padding: 0px;
	margin: 0px;
}

#rightHolder #right{
	background-color: #E5322C;
}

#rightHolder #right .content{
	padding: 14px;
	margin: 0px;
}

#rightHolder #right p{
	margin: 0px;
}

#rightHolder #right{
	padding: 0px;
	margin: 4px;	
	font-size: 12px;
	color: #FFFFFF;
}

#rightHolder #right .go_image{
	float: right;
	margin: 0px 0px 0px 5px;
	padding: 2px;
	border: 1px solid #FFFFFF;
}

#rightHolder #right .go_link{
	background: url(/img/arrow.gif) 0px 4px no-repeat;
	padding: 0 0 0 14px;
	font-size: 12px;
	color: #FFFFFF;
}

#rightHolder #themaflashHolder{
	border: 1px solid red;
	padding: 0 0 10px 5px;
}
#rightHolder #themaflash{
	width: 188px;
	height: 265px;
	float: none !important;
}
#rightHolder .themamaandContent{
	font-size: 12px;
	color: #333333;
	line-height: 160%;
}
#rightHolder .themamaandContent a{
	color: #E5322C;
}
#rightHolder h1{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#rightHolder #right .divider{
	border: none;
	border-top: 1px dotted #FFFFFF;
	margin: 0px !important;
	height: 1px;
}

#leftHolder #left .go_link{
	display: block;
	background: url(/img/arrow_2.gif) 0px 6px no-repeat;
	padding: 0 0 0 14px;
	font-size: 12px;
	color: #333333;
	float: right;
}

/* Submenu */

#submenu{
	padding: 0px;
	margin: 18px 0;
	list-style: none;
	border-bottom: 1px solid #CCCCCC;
}

#submenu li{
	text-align: right;
	padding: 16px 12px 10px 12px;
	margin: 0px;
	border-top: 1px solid #CCCCCC;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

#submenu li a{
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	
}

#submenu li.active a{
	color: red !important;
}

/* Search image */
#submenu .search{
	background: url(/img/search.gif) left center no-repeat;
}

#submenu .searchRed{
	background: url(/img/searchRed.gif) left center no-repeat;
}

/* Message image */
#submenu .message{
	background: url(/img/message.gif) 14px center no-repeat;
}

#submenu .messageRed{
	background: url(/img/messageRed.gif) 14px center no-repeat;
}

/* Content menu (tabs) */

#contentmenu{
	display: block;
	padding: 0px;
	margin: 16px 0;
	list-style: none;
	border-bottom: 3px solid #E5322C;
	height: 35px;
}

#contentmenu li{
	padding: 0px;
	margin: 0 1px 0 0;
	float: left;
	background: url(/img/contentmenu_left_out.gif) top left no-repeat #CCCCCC;
	font-size: 12px;
	color: #FFFFFF;
	height: 34px;
	overflow: hidden;
}

#contentmenu li a{
	display: block;
	background: url(/img/contentmenu_right_out.gif) top right no-repeat;
	color: #FFFFFF !important;
	text-decoration: none;
	padding: 10px 20px;
	overflow: hidden;
}

#contentmenu .active{
	height: 35px;
	background: url(/img/contentmenu_left_over.gif) top left no-repeat #E5322C;
}

#contentmenu .active a{
	background: url(/img/contentmenu_right_over.gif) top right no-repeat;
}

/* Page numbers */

.pages{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
}

.pages li{
	padding: 0px !important;
	margin: 0 0 0 4px !important;
	float: left;
	list-style-type: none !important;
}

.referenties li ul {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
.referenties li ul li {
	margin-left: 15px !important;
	list-style: disc !important;
	list-style-image: none !important;
	background-image: none !important;
	border: none !important;
	background-color: transparent;
	display: list-item !important;
	padding: 0 !important;
}

#content .top{
	margin-bottom: 13px;
}

#content .bottom{
	margin-top: 13px;
}

.pages li a{
	display: block;
	font-size: 12px;
	color: #E5322C;
	font-weight: bold;
	background:url(/img/pagenumber.gif) 0px 2px no-repeat;
	width: 15px;
	height: 17px;
	text-decoration: none;
	text-align: center;
}

.pages li .active{
	background: none;
	color: #333333 !important; 
}

/* Google maps */

#map{
	margin: 13px 0;
	width: 325px;
	height: 400px;
	border: 1px solid #E5332D;
	float: right;
	padding: 0px;
}

/* Installateurs list */

.installateur{
	padding: 0px;
	margin: 0 0 16px 0;
	list-style: none;
	width: 375px;
}

.installateur li{
	padding: 0 0 0 21px;
	margin: 16px 0 0 0;
	background: url(/img/installateurs_listitem.gif) 0px 4px no-repeat;
	color: #333333;
}

.installateur table{
	width: 350px;
}

.installateur h3 {
	margin: 0;
	padding: 0;
}

/* Refenenties list */

.referenties{
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
	clear: right;
	display: block;
}

.referenties img {
	float: left;
	display: block;
	padding: 0 15px 5px 0;
}

.referenties h2 {
	margin: 0px;
	padding: 0px;
}
.referenties p{
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

.referenties li{
	display: block;
	padding: 15px 0px 0px 0px !important;
	margin: 0px !important;
	color: #333333;
}


/* FAQ page */

.highlight{
	background-color: #EFEFEF;
	padding: 12px 18px 7px 18px;
	margin: 13px 0;
}

.padded{
	margin: 13px 0;
}

.faq{
	padding: 0px;
	margin: 13px 0;
	list-style: none;
}

.faq li{
	padding: 0px;
	border-bottom: 1px solid #FFFFFF;
	background: url(/img/faq_out.gif) 7px 4px no-repeat #EFEFEF;
	margin: 0 !important;
	list-style-type: none !important;
}

.faq li a.head {
	padding: 0 0 0 18px;
	text-decoration: none;
	font-size: 12px;
	color: #333333 !important;
	display: block;
}

.faq .active{
	background: url(/img/faq_active.gif) 4px 6px no-repeat #E5322C;
	border-bottom: 10px solid #FFF;
}

.faq .active a.head {
	text-decoration: none;
	font-size: 12px;
	color: #FFFFFF !important;
}

.faq li div{
	display: none;
}

.faq .active div{
	background: #EFEFEF;
	padding: 5px 5px 5px 17px;
	margin: 0;
	border-top: 2px solid #FFF;
	display: block;
}

.faq .highlight{
	background-color: #EFEFEF !important;
}

/* Search results */

.searchresults{
	padding: 0px;
	margin: 13px 0;
	list-style: none;
}

.searchresults li{
	padding: 7px 18px 7px 33px;
	margin: 0px;
	background: url(/img/highlight_dot.gif) 18px 13px no-repeat;
}

.searchresults .highlight{
	margin: 7px 0 0 0;
	background-color: #EFEFEF !important;
}

/* SearchForm */

#searchForm{
	margin: 0px;
	padding: 0px;
}

#searchForm input{
	padding: 0px;
	margin: 0px;
}

#searchForm .textfield{
	border: 1px solid #E5322C;
	width: 250px;
	font-size: 11px;
	color: #000000;
	padding: 2px 0 1px 2px;
	margin: 2px 9px 0 0;
}

/* Faq form */

#formStyle table, #getIt table{
	padding: 0px;
	margin: 0px;
}

#formStyle .textfield, #formStyle textarea, #getIt .textfield{
	border: 1px solid #CCCCCC;
	padding: 2px 0 1px 2px;
	margin: 0px;
	font-size: 11px;
}

#formStyle .textfield, #getIt .textfield{
}

#formStyle .textarea{
	height: 234px;
	width: 97%;
	padding: 0px;
	margin: 0px;
	padding: 2px;
}
#formStyle .textfield_error {
	border: 1px solid red;
}

#formStyle .list{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}

#formStyle table tr td, #getIt table tr td{
	padding: 0 0 15px 0;
}

.errorList{
	margin: 13px 0;
	border: 1px solid red;
	padding: 4px;
	list-style: none;
}

/* Tickets */

.ticketItem{
	padding: 10px 5px 5px 5px;
	border-bottom: #CCC solid 1px;
	background-color: #EFEFEF;
}

	.tickets .even{
		background-color :#FFF;
	}

	.ticketItem .datum{
		float: right;
		color: #E5332D;
		font-size: 10px;
	}
	
	.ticketItem .submitter{
		font-weight: bold;
		padding-bottom: 5px;
	}


/* Error handlings */

.errorList li{
	padding: 0 0 0 21px;
	margin: 0px;
	background: url(/img/error_dot.gif) 8px 7px no-repeat;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	list-style-type: none !important;
	margin: 0 !important;
}

.error{
	color: #FF0000;
}

.error .textfield, .error .textarea{
	color: #FF0000;
	border: 1px solid #FF0000 !important;
}

/* Message handlings */

.messageBox .link{
	padding: 0px;
	border-bottom: 1px solid #FFFFFF;
	background: url(/img/faq_out.gif) 7px 4px no-repeat #EFEFEF;
	margin: 0 !important;
}

.messageBox a{
	padding: 0 0 0 18px;
	text-decoration: none;
	font-size: 12px;
	color: #333333 !important;
	display: block;
	
}

.infoBox {
	padding: 10px;
	border-bottom: 1px solid #FFFFFF;
	background: 7px 4px no-repeat #EFEFEF;
	margin: 0 !important;
}


#producten tr td p{
	padding: 0px;
	margin: 0px;
}

table#certificaten td{
	background-color: #EFEFEF;
	padding: 5px 5px;
}
table#certificaten th{
	background-color: #CCC;
	padding: 5px 5px;
	text-align: left;
}