/* Sticky Footer Solution by Steve Hatcher*/

div.nav div.menu_container ul#pmenu {
	text-align: left;
}

/* =========== NIGHTMONKEY & DAYMONKEY ===============*/
.container {
	width: 898px;
	height: 130px;
}
.buttons {
	float:left;
	position:relative;
	margin-left:-5px;
	padding-right:5px;
}
.rollover-windguru a { 
	display:block; 
	width: 216px; 
	background-image: url(http://www.hartbeach.nl/events/images/bt-windguru.png);
}
.rollover-windguru a:hover { 
	background-image: url(http://www.hartbeach.nl/events/images/bt-windguru-over.png);
}
.rollover-surfweer a { 
	display:block; 
	width: 216px; 
	background-image: url(http://www.hartbeach.nl/events/images/bt-surfweer.png);
}
.rollover-surfweer a:hover { 
	background-image: url(http://www.hartbeach.nl/events/images/bt-surfweer-over.png);
}

/* ========== ROLLOVER =============*/


* {
	margin: 0; 
	padding: 0;
}
body {
	background:url("../../images/bg.jpg") repeat-x scroll 0 68px transparent;
}
html, body, #wrap {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 11px;
	color:#333333;
	line-height:18px;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
p {
	padding: 5px 0;
}

body > #wrap {
	height: auto; 
	min-height: 100%;
}

a, a:link, a:visited, a:active, a:focus {
	color: #000;
	text-decoration: underline;
}

h3	{
	color: #555555;
    font-family: times New Roman;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 38px;
    text-align: left;
}

h4	{
	color: #B86729;
    font-family: Times New Roman;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
}

hr {
	border-color: #233751;
    border-style: dotted none none;
    border-width: 1px medium medium;
}

.horizontal_dotted_line {
	border-bottom: 1px dotted #919BA8;
	width: 520px;
}

.horizontal_dotted_right {
	border-bottom: 1px dotted #919BA8;
	width: 300px;
}

div#wrap {
	margin:68px auto;
}

div#header {
	background:url("../../images/bg_header.jpg") repeat-x scroll -45px top transparent;
	height: 68px;
	position: absolute;
	width:100%;
	top: 0;
}
/*must be the same height as the footer */
div#main { 
	background:url("../../images/content_left_right.png") repeat-y scroll left top transparent;
	margin:0 auto;
	overflow:auto;
	padding-bottom:28px;
	padding-left:63px;
	position:relative;
	width:961px;
}
/*end must be the same height as the footer */
div.nav {
	background:url("../../images/header.png") no-repeat scroll left top transparent;
	height: 68px; 
	width: 898px; 
	margin:0 auto;
}

div.wrapper1 {
	float: right;
	margin: 0;	
}

div#main div.crumbs {
	height: 40px; 
	background:url("../../images/breadcrumbs.jpg") no-repeat scroll left top transparent;
	padding: 0 0 0 5px;
}
div#main div.header_content {
	height: 218px; 
	width: 898px; 
	/*background:url("/surfschool/images/surfschool3.png") no-repeat scroll left top transparent;*/
	background: black;
}
div#main div.main_content {
	/*background:url("/surfschool/images/bg_content.jpg") no-repeat scroll left top transparent;*/
	background-image: url("../../images/bg_content.jpg") no-repeat;
	width:868px;
	background-repeat:no-repeat;
	background-position:top;
	height: 100%;
	position: relative;
	padding: 15px 15px 15px 15px;
}

div#main div.content_left {
	position:relative;
	float:left;
	width: 520px;
	clear:both;

}

div#main div.content_right {
	background-color: #FFF9E7;
    border: thin solid #919BA8;
    float: left;
    margin: 30px 0 5px 18px;
    padding: 5px;
    text-align: left;
    width: 310px;
}
div#main div.main_content div.multimedia {
	margin: 10px 0;
}

div#main div.push {
	height: 28px;
	clear: both;
}

div#footer {
	position: relative; 
	/*margin-top: -28px;*/ /*negative value of footer height*/
	height: 27px; 
	border-width: 1px 0px 0px 0px;
	border-color: #CACACA;
	border-style: solid;
	width: 100%
	clear: both;
	margin-top:-96px;
}
div#footer div.footer_line {
	border-top:1px solid #94CBE7;
}
div#footer_content {
	height: 10px;
	width: 898px; 
	margin: 0 auto;
}

/* CLEAR FIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;} /*Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/*------------------------ PIPED -------------------------*/

.piped { display: block; zoom: 1; }
/*.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }


/*--- Global Footer (legacy) ---*/

#footer_content .lf-CR { float: left; margin: 0px 0px 0px 60px; }
#footer_content .lf-links { float: right; margin: 0px 60px 0px 0px; }
#footer_content .lf-links a.last { padding-right: 0; _float: none !important; width: auto !important; }

/*--- Global Footer ---*/

#footer_content { width: 1000px; color: #888; font-size: 9px; margin: 0px auto 0; text-align: left !important; }
#footer_content a {color: #314F74;}
#footer_content a:hover {color: #233751;}
#footer_content p {color: #666666; font-size: 9px;}
#footer_content p.lf-CR { float: left; margin: 0px 0px 0px 65px; }
#footer_content ul.piped a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #d0d0d0; }
#footer_content .lf-links {
	float: right;
	margin: 0px 65px 0px 0px;
	width: 300px;
}

/* ========== FORM =============*/

form tr {
	height: 30px;
}
form tr td input {
	margin: 5px;
}