/**********************************************
STANDAARD ELEMENTEN
**********************************************/

body			{ background:#ebf0ee; }
body, td		{ color: #999999; font-size: 11px; font-family: Tahoma; line-height:1.8em; }
img				{ border:0px;}
p				{ margin:10px 0px 0px 0px;}
p:first-child	{ margin:0px 0px 0px 0px; }
img				{ border:0px; padding:0px; }
.clearfix		{ clear:both; height:0px; line-height:0px; font-size:0px;}
h1				{ color:#999999; text-transform:uppercase; font-size:20px; line-height:22px; margin:3px 0px 15px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
h2				{ color:#FFF; font-size:19px; line-height:22px; margin:2px 0px 2px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
h3				{ color:#999999; font-size:19px; line-height:22px; margin:2px 0px 2px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
textarea { resize:vertical; }
#content_overflow { min-height:500px; }

#overlay {
  background:#222;
  cursor:pointer;
  display:none;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:9990;
}
#overlay-content {
  display:none;
  position:absolute;
  z-index:9999;
}
#overlay-content #superbgimage { cursor:pointer; }
#fullscreen-left {
  background:url('../images/fullscreen-arrow-left.png') center no-repeat;
  cursor:pointer;
  left:0;
  position:fixed;
  top:0;
  width:100px;
}
#fullscreen-right {
  background:url('../images/fullscreen-arrow-right.png') center no-repeat;
  cursor:pointer;
  right:0;
  position:fixed;
  top:0;
  width:100px;
}
#albumholder { width:1070px; }
#bigpicture { width:960px; position:relative; float:left; margin:0 0 30px 0; }
#bigpicture > img { position:absolute; left:0; bottom:0; }
#bigpicture a { cursor:pointer; position:absolute; right:15px; top:10px; width:27px; height:22px; }
#bigpicture > span { background:url('../images/black.png'); color:#fff; font-size:11px; line-height:60px; padding:0 15px; position:absolute; left:0; bottom:0; width:930px; }
#bigpicture-left, #bigpicture-right {
  background:url('../images/thumbs-arrow-left.png') left center no-repeat;
  cursor:pointer;
  float:left;
  width:50px;
}
#bigpicture-right {
  background:url('../images/thumbs-arrow-right.png') right center no-repeat;
}
#thumbs-left, #thumbs-right {
  background:url('../images/thumbs-arrow-left.png') left center no-repeat;
  cursor:pointer;
  float:left;
  height:92px;
  width:50px;
}
#thumbs-right {
  background:url('../images/thumbs-arrow-right.png') right center no-repeat;
}
#thumbs-mask {
  float:left;
  height:92px;
  overflow:hidden;
  position:relative;
  width:962px;
}
#thumbs-holder {
  height:92px;
  left:0;
  position:absolute;
  top:0;
  width:9999px;
}
#thumbs-holder img {
  cursor:pointer;
  height:90px;
  margin:1px 19px 1px 1px;
  width:120px;
}
#thumbs-holder img:hover, #thumbs-holder img.active {
  border:#bfbfbf solid 1px;
  margin:0 18px 0 0;
}
#albums .album { width:900px; }

#widgets		{ position:absolute; right:10px; top:10px; height:15px; }
#widgets #rssicon		{ float:left; display:none; margin:2px 2px 0px 0px;}
#widgets #addthis 	{ float:left;  background-position:0px 0px; height:14px; padding:2px 0px 0px 0px;}
#widgets #addthis a { color:#000; font-weight:normal;}

#movietab { background-image:url('../images/movies_tab.jpg'); background-repeat:no-repeat; background-position:0px 0px; display:block; width:39px; height:117px; position:absolute; left:0px; top:150px; z-index:30; overflow:hidden; text-indent:-100px;}
/**********************************************
LINKS
**********************************************/
object 															{ outline: none; }
a:hover, a:visited, a:active, a:link							{ outline: none; color:#FFFFFF; text-decoration:none; font-weight:bold; }
.wit a:hover, .wit a:visited, .wit a:active, .wit a:link		{ color:#FFFFFF; text-decoration:underline;}
.movie, .actieveMovie								{ display:block; background-image:url('../images/bgmovie.gif'); background-repeat:no-repeat; background-position:0px 0px; height:83px; width:338px; 
													  cursor:pointer; margin:0px 0px 10px 0px; position:relative}
.movie:hover, .actieveMovie:hover, .actieveMovie	{ background-position:0px -90px; font-weight:normal; color:#FFF;}
.movie img, .actieveMovie img						{ float:right; margin:3px 6px 0px 0px;}
.movie  span.titel, .actieveMovie span.titel		{ margin:10px 0px 4px 10px; display:block}
.movie  span.duur, .actieveMovie span.duur			{ margin:10px 0px 4px 10px; display:block; position:absolute; bottom:3px;}

#moviehider			{ position:relative; height:370px; width:338px; overflow:hidden;}
#moviescroller		{ position:absolute; top:0px; left:0px; }
#movienav			{ text-align:center; padding:5px 0px 5px 0px;}
#movienav a			{ color:#999999; font-weight:normal;}
#movienav a.actief, #movienav a:hover	{ color:#FFF;}
/**********************************************
RELEASES
**********************************************/
.releaseitem		{ margin: 20px 0px 20px 0px;}
.releaseitem .datum	{ float:right;}
.releaseitem .col_1	{ width: 653px; float:left; margin:0px 40px 0px 0px;}
.releaseitem .col_2	{ width: 227px; float:left;}
.releaseitem .tekst	{ margin:10px 0px 0px 0px;}

.releaseitem .downloads img,
.releaseitem .downloads a { margin:7px 0px 0px 0px;}
.releaseitem .downloads a { display:block; width:227px; color:#a7a3a3; background-color:#1f1f1f; background-image:url(../images/arrow_download.gif); background-repeat:no-repeat; background-position:217px 6px; text-indent:5px;}
.releaseitem .downloads a:hover { color:#FFF;}
/**********************************************
INSPIRATIONS
**********************************************/
#filters { display:block; }
#filters #filterlist { padding:30px 0 10px 0; margin:0; display:block; width:944px; }
#filters h2 { color:#666; font-size:16px; font-weight:normal; margin:0 0 5px 20px; }
#filters h2 div { float:right; cursor:pointer; }
#filters ul { margin:0 0 10px 0; padding:0; float:left; }
#filters ul li { width:150px; margin:0; padding:0 0 0 30px; font-size:12px; list-style:none; color:#999; cursor:pointer; }
#filters ul li:hover { color:#666; }
#filters ul li.active { background:url('../images/filter-bg.png') 10px 3px no-repeat; }
#filters #closer { border-top:#e3e6e5 solid 1px; height:18px; position:relative; }
#filters #closer .btn { color:#ccc; text-align:center; font-size:10px; background:url('../images/closefilter.png') no-repeat; position:absolute; left:882px; top:-1px; cursor:pointer; width:62px; height:18px; }
.fotothumb 				{ width:122px; height:110px; margin:20px 0px 0px 50px; float:left; text-align:center; cursor:pointer; position:relative; }
.fotothumb div { width:122px; height:92px; }
.fotothumb img			{ left:0; top:0; position:absolute; }
.fotothumb .over 			{ z-index:200; display:none;}
.fotothumb:hover .over 			{ display:block;}
.fotothumb .thumb 			{ border:1px solid #d4d4d4; display:block; z-index:100; }
.fotothumb span 				{ color:#666; font-weight:normal; background-image:url('../images/arrow.gif'); background-repeat:no-repeat; background-position:-20px 3px; padding:0px 13px 0px 13px; clear:both; }
.fotothumb:hover span 		{ color:#666; background-position:2px 3px; }
.fotothumb:hover .thumb 	{ border-color:#FFF;}

/**********************************************
GALLERY
**********************************************/
.gallerythumb 				{ margin:20px 0px 0px 50px; float:left; text-align:center; cursor:pointer;}
.gallerythumb:first-child 	{ margin-left:13px;}
.gallerythumb .thumb 			{ border:1px solid #d4d4d4; display:block;}
.gallerythumb .linkarrow 				{ font-weight:normal; background-image:url('../images/arrow.gif'); background-repeat:no-repeat; background-position:-20px 3px; padding:0px 13px 0px 13px;}
.gallerythumb:hover a.linkarrow 		{ color:#FFF; background-position:2px 3px;}
.gallerythumb:hover .thumb 	{ border-color:#FFF;}


.productthumb 						{ margin:10px 25px 20px 20px; float:left; text-align:center; cursor:pointer; }
.productthumb .thumb 				{ border:1px solid #EBF0EE; display:block;}
.productthumb .label 				{ font-weight:normal; padding:7px 0px 0px 0px; background-repeat:repeat-x; background-position:0px 100%; }/* background-image:url('../images/split_bg.jpg');*/

.productthumb .label span				{ font-weight:normal; background-image:url('../images/arrow.gif'); background-repeat:no-repeat; background-position:-20px 3px; padding:0px 13px 0px 13px; color:#666;}
.productthumb:hover .label span 		{ color:#000; background-position:2px 3px;}
.productthumb:hover .thumb  		{ border-color:#000;}

#productzoompic						{ position:relative; overflow:hidden; height:340px; width:530px; }
#productzoomslider					{ position:absolute; left:0px; top:0px; width:9999px; }
#productzoomslider img { float:left; }
.productthumbzoom 					{ display:block; margin:10px 20px 10px 0px; float:left; text-align:center; cursor:pointer;}
.productthumbzoom .thumb 			{ border:1px solid #000000; display:block;}
.productthumbzoom .label			{ background-image:url('../images/arrowup.png'); background-repeat:no-repeat; background-position:50% 200%; height:20px; width:100%;}
.productthumbzoom:hover .thumb, 	.productthumbzoom.actief .thumb  { border-color:#FFF;}
.productthumbzoom:hover .label, 	.productthumbzoom.actief .label 	{ background-position:50% 7px;}


/**********************************************
AANPASSING PRODUCTEN 20-9-2010
**********************************************/
div.productbox h1 { margin:0 0 5px 20px; }
div.productbox .featurelinks		{  }
div.productbox .featurelinks	a	{ font-weight: normal; font-size: 14px; margin-left: 20px; color:#666; }

div.productbox .top,div.productbox .bottom			{height: 2px; background-position: left top; background-repeat: no-repeat; clear: both}
div.productbox .top					{ margin: 0px 0px 10px 0px }
div.productbox .bottom					{ margin: 10px 0px 20px 0px }
div.white							{background: #ffffff;}
div.black							{background: #000000;}

div.white 	.label span			{ color: #999999 }
div.black 	.label span					{ color:#ddd; }
div.black .productthumb:hover	.label span					{ color:#fff; }
div.black .featurelinks a { color:#ddd;}

div.black 	a						{ color: #fff }
div.black 	h1, div.black 	h2, div.black 	h3						{ color:#fff; }
div.black .productthumb .thumb 			{ border:1px solid #222 display:block;}
div.black .productthumb:hover .thumb  		{ border-color:#fff;}
div.black .productthumb:hover a  			{ color: #fff;}

div.white 	a						{ color: #999999 }
div.white 	h2						{ color:#000; font-size:19px; line-height:22px; margin:2px 0px 2px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
div.white 	h3						{ color:#999999; font-size:19px; line-height:22px; margin:2px 0px 2px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
div.white  .productthumb .thumb 			{ border:1px solid #fff; display:block;}
div.white .productthumb:hover .thumb  		{ border-color:#000;}
div.white .productthumb:hover a  			{ color: #000;}

a.acclink {display:block;float:left;width:150px;color:#666666;line-height:normal;padding:4px 0px 0px 0px;cursor:pointer; font-weight:normal;}
a.acclink:hover {color:#000; font-weight:normal;}

.subsubmenu										{ float:right;}
.subsubmenu a									{ font-size:12px; font-weight:normal; color:#5f5c5c; padding:0px 10px 0px 10px; border-left: 1px solid #5f5c5c;}
.subsubmenu a:first-child						{ padding-left:0px; border-left:0px;}
.subsubmenu a:hover, .subsubmenu a.actiefmenu	{ color:#FFF; }

#navbottom							{ margin:0px 0px 0px 0px; padding-bottom:20px;}
#navbottom #breadcrumbs				{ margin:5px 0px 5px 0px;}
#navbottom .column 					{ float:left; padding:0px 10px 0px 0px;}
#navbottom .column a				{ display:block; font-weight:normal; color:#999999; padding:0px 10px 0px 15px; background-image:url('../images/arrowright.jpg'); background-position:-100px 0px; background-repeat:no-repeat; line-height:16px; font-size:11px;}
#navbottom .column a:hover, #navbottom .column a.actiefmenu	{ color:#FFF; background-position:0px 5px;}


div.contentbox { background:#ebf0ee; width:944px; margin:30px 0 50px 40px; }
div.contentbox .lefthalf { float:left; width:225px; padding:20px 0 20px 15px; }
div.contentbox .lefthalf h1 { color:#666; font-size:20px; padding:0 0 20px 15px; margin:0; border-bottom:#bfc3c1 solid 1px; }
div.contentbox .lefthalf a { color:#666; font-size:16px; display:block; font-weight:normal; padding:10px 0 10px 15px; border-bottom:#bfc3c1 solid 1px; background:url('../images/left-arrow.png') right center no-repeat; }
div.contentbox .lefthalf a.actief { background:url('../images/left-arrow-actief.png') right center no-repeat; }
div.contentbox .righthalf { float:left; width:649px; padding:20px 20px 50px 35px; }
div.contentbox .righthalf h1 { color:#666; margin:0 0 15px 0; }
div.contentbox .righthalf p { color:#666; }
div.contentbox .righthalf .feature { border-top:#bfc3c1 solid 1px; padding:15px 0; }
div.contentbox .righthalf .feature .txt { float:left; width:485px; padding:0 14px 0 0; }
div.contentbox .righthalf .feature .txt h1 { font-size:16px; color:#333; margin:0 0 10px 0; }
div.contentbox .righthalf .feature .img { float:left; width:150px; }
.pagination { text-align:center; padding:15px 0 0 0; }
.pagination a { padding:3px 5px; cursor:pointer; font-size:12px; color:#666; }
.pagination a.active, .pagination a:hover { background:#fff; color:#000; font-weight:normal; }

#container			{overflow:hidden; }
#content_overflow	{  }
#content			{ }

#logo				{ display:block; position:absolute; left:30px; top:12px;}
#header				{ position:relative; background:url('../images/menu-bg.png'); height:70px; width:100%; }

#header #menu		{ position:absolute; left:250px; top:40px; }
#header #submenu	{ position:absolute; left:10px; top:52px; overflow:hidden; height:22px; width:100%;}
#header #socialmedia		{ position:absolute; right:40px; top:40px; }
#header #socialmedia a	{ margin:0 0 0 25px; }
.submenu			{ position:absolute; left:0px; top:0px; width:500px;}
#header #left		{ display:block; width:8px; height:61px; position:absolute; left:0px; top:0px; z-index:10; }
#header #right		{ display:block; width:8px; height:61px; position:absolute; right:0px; top:0px; z-index:10; }

#footer				{ background:#ebf0ee; min-height:40px; width:100%; position:relative; border-top:#e3e6e5 solid 1px; }
#footer.home { position:absolute; left:0; bottom:0; background:url('../images/menu-bg.png'); border:0; }
#footer #menu		{ position:absolute; left:40px; top:10px; }
#footer #menu	a	{ font-size:17px; color:#666; margin:0 30px 0 0; }
#footer.home #menu a	{ color:#fff; }
#footer #languagechoice { display:none; position:absolute; z-index:8000; left:212px; top:-165px; height:157px; width:255px; background:url('../images/languagechoice-bg.png') no-repeat; padding:8px 0 0 10px; }
#footer #languagechoice a { display:block; color:#666; font-weight:normal; font-size:10px; margin:0 0 5px 0; padding:0 0 0 30px; background-repeat:no-repeat; }
#footer #languagechoice a:hover { text-decoration:underline;}
#footer #socialmedia		{ position:absolute; right:40px; top:8px; }
#footer #socialmedia div	{ height:25px; overflow:hidden; }
#footer #socialmedia div.fb-like { margin:0 0 -1px 0; width:51px; }
#footer #socialmedia a	{ margin:0 25px; }


#footer .footerlinks { padding:0 0 0 30px; position:relative; margin:60px 0 0 0; }
#footer .footerlinks > div { float:left; padding:0 0 25px 0; }
#footer .footerlinks h2 { color:#666; font-size:14px; margin:0 0 5px 10px; height:14px; }
#footer .footerlinks ul { margin:0 0 20px 0; padding:0; }
#footer .footerlinks ul li { width:240px; margin:0; padding:0; font-size:12px; list-style:none; color:#666; }
#footer .footerlinks ul li strong { color:#666; display:block; padding:0 0 0 10px; }
#footer .footerlinks ul li a { font-weight:normal; color:#666; padding:0 0 0 10px; }
#footer .footerlinks ul li a.active { color:#000; background:url('../images/arrow.gif') 0px 4px no-repeat; }

.clearfix { display:block; clear:both; }

#submenu2							{ margin-left:12px;}
#submenu2 a, #submenu a, #menu a	{ color:#d4d4d4; float:left; display:block; font-weight:normal; font-size:20px; margin:0 15px;}

#header #menu a						{ height:21px;}
#submenu a, #submenu2 a				{ height:18px;}
#submenu2 a:hover, #submenu2 .actief,  
#submenu a:hover, #submenu .actief, 
#menu a:hover, #menu .actief	{ color:#fff;}


a.downloadpdf						{ color:#666; font-weight:normal; display:block; margin:25px 0px; padding:0 0 0 60px; line-height:10px; font-size:10px; background-image:url(../images/icon_pdf.png); background-repeat:no-repeat; background-position:0px 0px; text-decoration:underline; }
a.downloadpdf:hover					{ background-position: 0px -10px; color:#000;}
/***
***/
.download_row				{ clear:both; }
.download_cat				{ border-top:#bfc3c1 solid 1px; width:600px; background:url('../images/downloads_icon.png') 0px 25px no-repeat; padding:50px 0 50px 80px; }
.download_cat:first-child	 { border:0; }
.download_cat h2 { color:#666; font-size:18px; margin:0 0 25px 0;}
a.download_item				{ width:450px; position:relative; display:block; background-repeat:no-repeat; background-position: 0px 0px; line-height:10px; margin:0 0 20px 0; color:#666; font-weight:normal; padding:0 0 0 60px; }
a.download_item:hover		{ color:#000; background-position: 0 -10px;}
/**********************************************
FORM ELEMENTS
**********************************************/

input, textarea, select { font-size: 11px; line-height:13px; font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
input, textarea, select { padding:4px; }
textarea 				{ line-height:18px; }

/**********************************************
HOME
**********************************************/
.klimexcontact input[type=radio]	{vertical-align:top;} 
.klimexcontact input[type=text], 
.klimexcontact textarea 			{ width:490px; padding:3px; color:#666; border:1px solid #ccc; height:16px; background-color:#fff; line-height:normal;}
.klimexcontact td 					{ background-position:100% 7px; background-repeat:no-repeat; vertical-align:top;}
.klimexcontact td:first-child		{ padding:3px 0px 0px 0px; }
.btn 								{ border:0px; background-image:url(../images/btn_bg.gif); color:#FFF; height:21px; cursor:pointer; margin:0px; padding:0px;}
.klimexcontact .radio 				{ position:relative; width:120px; float:left; height:24px;}
.klimexcontact label				{ margin:0px 0px 0px 5px;}
/**********************************************
TBMODULE
**********************************************/
.tbmodule{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; }

/**********************************************
IMAGES VANUIT TOOLBOX
**********************************************/
.img_left_border{ float:left; margin-right:15px; margin-bottom:5px; border:1px solid #3e3e3e;}
.img_left_noborder{ float:left; margin-right:15px; margin-bottom:5px; }
.img_right_border{ float:right; margin-left:15px; margin-right:4px;	margin-bottom:5px;  border:1px solid #3e3e3e;}
.img_right_noborder{ float:right; margin-right:4px;	margin-left:15px; margin-bottom:5px; }
.img_noalign_noborder{ margin:0px; }
.img_noalign_border{ margin:0px; }
.cssbutton{ cursor:pointer; border:1px solid #FFF; background-color:#00457c; color:#FFF; background-image:url('../images/arrow_rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px;	padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px;	font-size: 12px; float:left;}
.cssfield{ padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;}
.boekField{ border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;}


#submenu2 a, #submenu a, #menu a, h2, h1, div.contentbox .lefthalf a { display:none; }