/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: #fff url('../images/bg_container.png') repeat-x left top;
}
#container	  {
	width: 940px;
	text-align: center;
}
#header {height: 236px;}

#header .kolom1{
	float: left;
	margin: 0;
	width: 520px;
	text-align: left;
}
#header .kolom2{ 
	float: left;
	margin: 0;
	width: 420px;
	height: 236px;
	text-align: right;
}
#menu {
	width: 941px;
	height: 37px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contentbox {
	background: #fff url('../images/bg_content.jpg') no-repeat center top;
	min-height: 600px;
}
#contentbox .kolom1{
	float: left;
	margin: 0;
	text-align: left;
}
#contentbox .kolom2{ 
	float: left;
	width: 690px;
	margin: 0;
	text-align: left;
}
#box1 {	
	width: 222px;
	margin-top: 20px;
	margin-left: 20px;
}
#box1 .content {
	padding-left: 20px;
	padding-right: 20px;
	background: url('../images/boxbg.gif') repeat-y left top;
	font-family: Trebuchet MS, Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #282828;
}
#box2 {	
	width: 222px;
	margin-top: 20px;
	margin-left: 0px;
}
#box2 .content {
	height: 70px;
	padding: 0px;
	background: url('../images/boxbg.gif') repeat-y left top;
	font-family: Trebuchet MS, Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #282828;
}
#visual {
	float: left;
	width: 390px;
	height: 100px;
	margin-top: 20px;
	margin-left: 25px;
}
#mandje {
	float: left;
	margin-left: 25px;
}
.popup {
	padding: 15px;
	font-family: Trebuchet MS, Tahoma;
	font-size: 13px;
	color: #282828;
	line-height: 17px;
}

/** TABBLADEN */

ul#tabs li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#tabs li a {
	border: 1px;
	display: block;
	height: 37px;
	background: url(../images/menu.gif) no-repeat left top;
}

ul#tabs li a:hover {
	border: 0;
	display: block;
	background-image: url(../images/menuhover.gif);
}
ul#tabsMain li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#tabsMain li a {
	border: 1px;
	display: block;
	height: 37px;
	background: url(../images/menuMain.gif) no-repeat left top;
}

ul#tabsMain li a:hover {
	border: 0;
	display: block;
	background-image: url(../images/menuhover.gif);
}

li#home a {
	width: 105px;
}

li#home a:link, 
li#home a:visited, 
li#home a:hover {	
	background-position: -0px 0px;
}

li#windspelen a {
	width: 139px;
}

li#windspelen a:link, 
li#windspelen a:visited, 
li#windspelen a:hover {	
	background-position: -105px 0px;
}
li#jollydeco a {
	width: 140px;
}

li#jollydeco a:link, 
li#jollydeco a:visited, 
li#jollydeco a:hover {	
	background-position: -244px 0px;
}

li#beestenboel a {
	width: 140px;
}

li#beestenboel a:link, 
li#beestenboel a:visited, 
li#beestenboel a:hover {	
	background-position: -384px 0px;
}
li#bestelinfo  a {
	width: 140px;
}

li#bestelinfo  a:link, 
li#bestelinfo  a:visited, 
li#bestelinfo  a:hover {	
	background-position: -524px 0px;
}
li#kalender a {
	width: 139px;
}

li#kalender a:link, 
li#kalender a:visited, 
li#kalender a:hover {	
	background-position: -663px 0px;
}
li#contact a {
	width: 137px;
}

li#contact a:link, 
li#contact a:visited, 
li#contact a:hover {	
	background-position: -801px 0px;
}




.breadcrum {
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4F9034;
	text-align:left;
}

.tellafriend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.footer {
	margin: 0 auto;
	clear: both;
	width: 800px;
	padding-top: 30px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #282828;
	text-align: center;
	border: 1px solid #DADADA;
}
.footer a { COLOR: #282828; text-decoration: none; }
.footer a:hover { COLOR: #282828; TEXT-DECORATION: underline; }
.footer a:visited { color: #282828;}

.loginbox {
	font-family: Verdana, Arial;
	font-size: 10px; color: #ffffff
}

/** LINKS */

a { COLOR: #00579A; text-decoration: none; }
a:hover { COLOR: #00579A; TEXT-DECORATION: underline; }
a:visited { color: #00579A;}

.link1 {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

.link1:hover {
	text-decoration: underline;
}

.link2 {
	padding-left: 12px;
	background: url('../images/homepage08.gif') no-repeat left center;
	color: #B1F0FF
}

.link3 {
	display: block;
	height: 18px;
	background: url('../images/homepage13.gif') no-repeat left center;
	text-decoration: none;
	font-size: 10px;
	color: #FFFFFF; padding-left:5px; padding-right:0px; padding-top:2px; padding-bottom:0px
}


/** MENU */

.menulink {font-family: Verdana, Arial; font-size: 11px; font-weight: bold; text-align:left;}
.menulink a { COLOR: #4F9034; text-decoration: none; }
.menulink a:hover { COLOR: #4F9034; TEXT-DECORATION: underline; }
.menulink a:visited { color: #4F9034;}

.menulink2 {font-family: Verdana, Arial; font-size: 11px; font-weight: normal;}
.menulink2 a { COLOR: #4F9034; text-decoration: none; }
.menulink2 a:hover { COLOR: #4F9034; TEXT-DECORATION: underline; }
.menulink2 a:visited { color: #4F9034;}


/** FORMS */

.formulier    {
    border-width: 1px;
    border-style: dashed;
    border-color: #cccccc;
    padding: 15px;
    width: 450px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.formulier label    {
    float: left;
    width: 125px;
    text-align: right;
    margin-right: 15px;
}
.formulier input    {
    background-color: #f5f5f5;
    font-size: x-small;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 10px;
}
.formulier select
    {
    width: 150px;
    font-size: x-small;
    background-color: #f5f5f5;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
}
.formulier textarea
    {
    width: 250px;
    height: 100px;
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin-bottom: 10px;
}

#zoekbox {
	margin-top: 50px;
	margin-right: 10px;
	padding: 0px;
}
#zoekbox input {
	padding: 5px;
	border: 3px solid #95CFDD;
	background: #EFF8FA;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
#zoekbox .button {
	padding: 5px;
	border: 3px solid #95CFDD;
	background: #E62C24;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.clear {
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

/** HEADINGS */

h1 {
	margin-bottom: 10px;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #155B39;
}
h2 {
	margin-bottom: 10px;
	margin-top: 15px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #155B39;
}
h3 {
	margin-bottom: 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #155B39;
}
h4 {
	margin-bottom: 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #155B39;
}
h1, h2, h3, h4, h5, h6 {
	color: #155B39;
	margin-bottom: 10px;
}


/** TEKSTS */

.maintext {
    text-align: left;
	margin-left: 28px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: Trebuchet MS, Tahoma;
	font-size: 13px;
	color: #282828;
	line-height: 17px;
}

.extratext {
    text-align:left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-family: Arial;
	font-size: 12px;
	color: #282828;
	line-height: 13px;
}


td {
	font-family: Tahoma;
	font-size: 12px;
	color: #282828;
	line-height: 16px;
}

.orphan {
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #67BBD0;
}

.orphan a { COLOR: #67BBD0; text-decoration: none; }
.orphan a:hover { COLOR: #67BBD0; TEXT-DECORATION: underline; }
.orphan a:visited { color: #67BBD0;}
.orphan a:onfocus="this.blur()" ;


.header	{
	border-style: none solid none solid;
	border-width: 1px; border-color: #000000
}
.offers
{
	BACKGROUND-POSITION: right top;
	BACKGROUND-REPEAT: repeat-x
}
.foto
{
	BACKGROUND-POSITION: left top;
	BACKGROUND-IMAGE: url('../images/pic01_2.jpg');
	BACKGROUND-REPEAT: no-repeat
}

.adres {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4F9034;
}

/** NIEUWS */

.news_date {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #B0B0B0;
}
.news_title {
    text-align:left;
	font-family: Arial;
	font-size: 12px;
    font-weight: bold;
	color: #00579A;
 }
.news_title a { COLOR: #00579A; text-decoration: none; }
.news_title a:hover { COLOR: #00579A; TEXT-DECORATION: none; }
.news_title a:visited { color: #00579A;}

.news_text {
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #282828;
	font-weight: normal;
	line-height: 16px;
}
.news_details {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #282828;
	line-height: 16px;
}
.title1 {
	FONT-SIZE: 13px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

/** MODULES */
#items {
}
.itemToggler  {
	background: #FEBD63;
	cursor: pointer;
}
.itemToggler:hover {
	background: #EE6963;
	cursor: pointer;
} 
.itemToggler h3 {
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-size: 12px;
	color: #311C08;
}
.itemContent {
	margin: 0 0 3px;
	padding: 5px 5px 20px 5px;
}
.itemActive  {
	background: #01589B;
	color: #ffffff;
}
.itemActive h3 {
	padding-top: 3px;
	padding-bottom: 3px;
	color: white;
}

.bookingterms {
	font-family: Arial;
	font-size: 8px;
	font-weight: normal;
	color: #000000;
	letter-spacing: 1px;
	}
#flags img {
	margin: 3px;

/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#FF270D;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
	padding: 2px;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #E62C24;
	padding: 2px;
}
