/*************************************************/
/*												 */											 
/*			Designed by Thinos.nl				 */
/*												 */											 
/*************************************************/


html, body
{
	top: 0px;
	margin: 0px;
	padding: 0px;
	font-family: Century Gothic, Trebuchet MS;
	font-size: 13px;
	color: White;
}


/************************************************/
/*************** MAIN DIV ELEMENTS **************/

/* Main */
#container
{
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	height: 560px;
}

/* Left vertical bar */
.leftBar
{
	width: 60px;
	height: 400px;
	float: left;
}

/* Place for pictures and the text. */
.content
{
	background-color: #133411;
	width: 876px;
	height: 400px;
	margin-left: 4px;
	float: right;
	position: relative;
}

/* Header for menu and logos */
#divHeader
{
	height: 76px;
	width: 874px;
	margin-left: 64px;
	margin-bottom: 4px;
	padding-bottom: 0px;
	position: relative;	
}

/* The bar in the bottom of the container */
.bottomBar
{
	height: 56px;
	width: 876px;
	margin-top: 4px;
	position: relative;
	float: right;
	display: inline;
}

/* Menu upstairs */
.topMenu
{
	float: left;
	position: absolute;
	vertical-align: bottom;
	bottom: 0px;
	color: #1c2d1b;
}

/* Picture logo */
.mainLogo
{
	position: absolute;
	vertical-align: bottom;
	margin-bottom: 0px;
	bottom: 0px;
	right: 0px;
	font-size: 13px;
}

/* Right picture in the container */
#mainPicture, #slideShow
{
	position: absolute;
	height: 400px;
	right: 0px;
	top:0px;  
	max-width:601px;
}


/*************** END DIV ELEMENTS **************/
/************************************************/

/************************************************/
/****************Hyperlinks**********************/

a, a.bottomMenu
{
	font-size:12px;
	color: #2b2b2b;
	text-decoration: none;
}

a.bottomMenu
{
	color: #1e1e1e;
}

a:hover
{
	color:#193f17;
	text-decoration:underline;
}

a.links
{
	font-size:13px;
	color:White;
	font-weight:bold;
	text-align:left;
	
}

a.tuinen
{
	font-size:11px;
	color:White;
}

a.subMenu
{
	color: #fbfbd7;
	font-size:12px;
	text-decoration:none;
}

a.subMenu:hover
{
	color: #fbfbd7;
	font-size:12px;
	text-decoration:underline;
}

a.subMenuCurrent
{
    color: #fbfbd7;
	font-size:12px;
	text-decoration:underline;
}

a.subMenuCurrent:hover
{
	color: #fbfbd7;
	font-size:12px;
	text-decoration:underline;
}


/****************END HYPERLINKS******************/
/************************************************/

/* For the contact page*/
#adresList
{
	margin-left: 0px;
	font-size: 13px;
	margin-top: 20px;
	margin-left: 7px;
	width: 500px;
}

#adresList li
{
	display: inline;
	background-image: url(images/block.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
	padding-right: 7px;
}

h1
{
	font-size: 14px;
	color: #d8d964;
	margin-bottom: 0px;
	margin-top:17px;
}

p
{
	margin-top:10px;
	margin-bottom:10px;
}

p.contact
{
	line-height:19px;
}

td.contactTable
{
	 padding-left:26px;
	 padding-top:0px;
	 margin-top:0px;
}

/* For all txtboxes with this class (contact)*/
.textBox
{
	background-image: url(images/bgTB.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#f0e8e3;
	border:solid 1px #5e4d43;
	font-family: Century Gothic, Trebuchet MS;
	font-size:11px;
	color:#333333;	
	padding:3px;
	width:260px;
}

.dropDownList
{
	margin-top:2px; 
	background-color:#f0e8e3; 
	font-family:Century Gothic, Trebuchet MS;
	Width:267px;
}

.textBox:hover, .dropDownList:hover
{
	 border:solid 1px #0c0c0c;
}

.button
{
	background-color:#986543;
	color: #fbfbd7;
	border-style:none;
	font-family: Century Gothic, Trebuchet MS;
	font-weight:bold;
}

.button:hover
{
   border:solid 1px #fbfbd7;
   cursor:hand;
   padding:0;
   margin:0;		
}	

.tuinen td
{
	border:solid 3px White;
	padding:0px;
	margin:0px;	
}

/*************************************************/
/**************** MESSAGEPOPUP ******************/

.modalBackground 
{
  background-color:Black;
  filter:alpha(opacity=87);
  opacity:0.87;
  z-index:50;
}

.panelPopup
{
    background-color:White;
    padding-top:8px;
    padding-bottom:8px;
    border:solid 2px Black;
    font-size:13px;
    font-family:Tahoma;
    text-align:left; 
    color:Black;
    position:relative;
}

.panelPopupOuter
{
  padding:12px;
}

.closeIcon
{
    position:absolute;
    z-index:1006;
    top:0px;
    right:0px;
    width:32px;
    height:32px;
}

.panelPopupCloseButton
{    
    background-color:#133411;
    font-family:Tahoma;
    Color:White;    
    font-size:12px;
    width:100px;
    position:absolute;
    bottom:15px;  
    right:15px;  
}

.panelPopupCloseButton:hover
{
    background-color:#42743e;
}

.playerButtons
{
    font-family:Tahoma;
    font-size:12px;
    width: 48px;
    text-align:center;
    height: 22px;
    background-color:#d4d4d4;
    border:solid 1px #1d501a;
}

.playerButtons:hover
{
     border:solid 2px #1d501a;    
}

/************** EINDE MESSAGEPOPUP ****************/
/*************************************************/


#slideShow img {
    position:absolute;
    top:0;
    right:0;
    z-index:8;
    opacity:0.0;
    display:none;
    border-left:4px solid white;
}

#slideShow img.active {
    z-index:10;
    opacity:1.0;
    display:block;
}

#slideShow img.last-active {
    z-index:9;
}