﻿/* General Styles */
 
body
{
	margin:0px;
	padding:0px;
	background:white;
	text-align:center;	
}

body, td
{
	font-family:Arial,helvetica,sans-serif;
	font-size:11px;
	color:#3f3f3f;
	line-height:16px;
}

a:link, a:visited {color:Black}

h1 {font-size:11px;color:#E70C20}
h2 {font-size:11px;color:#E70C20}
h3 {font-size:11px;color:#E70C20}
h2.Head a 
{
    font-size:13px;color:#E70C20;
    font-family:Arial,helvetica,sans-serif;
    text-decoration:none}
    
/* Structure */

.kp_wrapper
{
	width:955px;
	margin:20px auto 0px auto;
	text-align:left;
	position:relative;	
}

.kp_taal 
{
	position:absolute;
	top:0px;
	left:25px;
}

ul.social
{
	display: block;
	left: 90px;
    position: absolute;
    top: 8px;
    padding: 0;
    margin: 0;
}

	ul.social li{ list-style: none; display: block; width: 16px; height: 16px; float: left; margin: 0 4px 0 0; }

	ul.social li a
	{
		display: block;
		width: 16px;
		height: 16px;
		margin: 0 5px 0 0;
		background: transparent url('img/social-icons-16.gif') 0px 0px no-repeat;
		text-indent: -3000px;  
	}

		ul.social li a.facebook{ background-position: 0px 0px; }
		ul.social li a.twitter{ background-position: -20px 0px; }
		ul.social li a.youtube{ background-position: -40px 0px; }


.kp_logo
{
	position:absolute;
	top:0px;
	right:0px;	
}


/* show reservations frame*/
.reservationContainer a.showReservationframe
{
	display: block;
	width: 147px;
	height: 26px;
	background: transparent url('img/btn-reserveren.gif') 0px 0px no-repeat;
	text-indent: -3000px;  
	text-transform: capitalize;
	position: absolute;
	left: 712px;
   top: -40px;
   
   display: none;
}
	.reservationContainer a.dutch{background: transparent url('img/btn-reserveren.gif') 0px 0px no-repeat;}
	.reservationContainer a.english{background: transparent url('img/btn-reserveren-uk.gif') 0px 0px no-repeat;}

	
.reservationIframeContainer
{
	background-color: #ccc;
	width: 217px;
	margin: 0 0 0 10px;
	
	display: none;
}

.slidingPanel
{
	display: block;
	width: 217px;
	height: 332px;
	z-index: 1000;
	
	
	position: relative;
	left: 660px;
    top: -487px;
    background-color: #ccc;
    
    display: none;
}




.kp_taal img, .kp_logo img {border:none}

.kp_splash_bg
{
	position:absolute;
	top:-12px;
	left:0px;
	width: 955px;
	height: 600px;	
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


.kp_splash
{
	position:absolute;
	top:-12px;
	left:0px;
}

.kp_menu
{
	background: url(img/menu_background.gif) no-repeat;	
	position:absolute;
	top:133px;
	right:-10px;
	*right:-25px;
	width:810px;
	height:30px;
	padding:8px 0 0 15px;
	z-index:100;
}

.kp_content
{
	position:absolute;
	top: 340px;
	left:0px;
	width:351px;
}

.kp_content_inner
{
    min-height:335px;
    *height:335px
}

.kp_content_popup
{
	position:absolute;
	top: 340px;
	left:0px;
	width:270px;		
}

.kp_content_popup_inner
{
    min-height:425px;
    *height:425px
}

.kp_popup
{
	position:absolute;
	top:235px;
	right:0px;
	background: url(img/popup_bg.png);
	width:660px;
	height:398px;
	border:1px solid #cccccc;
	overflow:auto;
}

.kp_popupcontent
{
   
   width:625px;  
    margin:10px 0px 10px 10px;
}

.kp_footer
{
   width:955px; 
   border-top:1px solid #DAD95B;
   text-align:right;
   color:#a3a3a3;
   position: relative;
}

.kp_footer_top
{
   width:955px; 
   text-align:right;
   color:#a3a3a3;
}


.kp_footer_popup
{
    width:955px; 
    border-top:1px solid #DAD95B;
    text-align:center;
    color:#a3a3a3;
    text-align:right;
    position: relative;
    clear:both;
}

.kp_footer_top_popup
{
    width:955px; 
    text-align:center;
    color:#a3a3a3;
    text-align:right;
    clear:both;
}


.kp_popupimage {padding-right:10px}

.kp_content p, .kp_content h1, .kp_content h2, .kp_content h3 {margin-left:10px;}

.kp_content_popup p, .kp_content_popup h1, .kp_content_popup h2, .kp_content_popup h3 {margin-left:10px;}

/* solparts menu */
.ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon {
	display: none;
}
label {
	margin-right: 4px;
}

.ModuleTitle_SubMenu
{
	background: #fff;
	border: 1px solid #006633;
	cursor: hand;
	cursor: pointer;
	filter: none;
	font-weight: normal;
	margin: 0 0 0 1px;
	padding: 0px;
	z-index: 1000;
}

.ModuleTitle_MenuItem {
	border: 0;
	color: #666666;
	font-style: normal;
	height: 22px;
	padding: 0px 15px 0px 16px;
}

/* module menu padding */ 
.ModuleTitle_MenuItemSel {
	color: #fff;
	background-color: #006633;
	border: 0;
	cursor: hand;
	height: 22px;
	padding: 0px; /* 15px 0px 16px;*/
	margin: 0 0 0 1px;
}

.ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel {
	padding: 0 5px 0 0;
}

/* Contactform styling */

.su_contactform {border-collapse:collapse}
.su_contactform td {padding:4px;padding-right:15px}

.su_contactform .CommandButton {border:1px solid #CCCCCC;background:#f6f6f6;padding:4px;font-weight:bold}

.NormalRed {color:Red; font-weight:bold}

.kp_reserveren {border-collapse:collapse;}
.kp_reserveren td {padding:5px 0px 2px 5px;background:#E6EEF5;}

.kp_reserveren .SubHead {font-weight:bold;}

.kp_reserveren .NormalTextBox {margin-right:10px}

/* Lightbox styles */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	/*padding: 0 10px 0;*/
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.kb_content .kb_content_inner
{
	height: 100%;
}


/* specific module styling */
a.htmlImpressionLink
{
	display: block;
	position: absolute;
	color: #fff;
	font-weight: bold; 
	background: transparent url('img/html-gallery-link.jpg') 0px 0px no-repeat; 
	width: 955px;
	height: 600px;
	
	text-indent: -3000px;
}
	a.htmlImpressionLink:link,a.htmlImpressionLink:visited,a.htmlImpressionLink:active{ text-decoration: none; }
	a.htmlImpressionLink:hover,a.htmlImpressionLink:focus{ text-decoration: underline; }


.SimpleGalleryContent
{
	margin: 185px 0 0 0;
}


