/* 
-------------------------------
	main.css 
-------------------------------
*/

/*
-----------------------------------------------------------------------
--------- BASIC ELEMENTS, FONTS, COLORS ETC (NO-POSITIONING) ----------
-----------------------------------------------------------------------
*/

/* -- Basic elements -- */

body {
	background: #2d6aa1 url(../images/beach_bg.jpg) repeat-y;
	line-height:1.3em;
	color:#333;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	margin-top:0;
	font-size:1.3em;
	line-height:1.8em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	margin-top:10px;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.8em;
}
p, ul, ol {
	margin:0.5em 0 1em;
}
blockquote {
	font-style:italic;
}

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

/* -- Other elements (id, class)-- */

#div_container {

 }
 
#div_contentcontainer {
	background:url(../images/beach_bg.png) repeat-y;
}

#div_header {
	background-image: url(../images/header/beach_home.png);
	background-repeat: no-repeat;
}
/* custom headers */
/*#page_1 #div_header {background-image:url(../images/header/header_home.jpg); }
#page_2 #div_header {background-image:url(../images/header/header_beachstadion.jpg); }
#page_3 #div_header {background-image:url(../images/header/header_nieuws.jpg); }
#page_4 #div_header {background-image:url(../images/header/header_evenementen.jpg); }
#page_5 #div_header {background-image:url(../images/header/header_sponsors.jpg); }
#page_6 #div_header {background-image:url(../images/header/header_foto.jpg); }
#page_7 #div_header {background-image:url(../images/header/header_contact.jpg); }*/

#page_1 #div_header {background-image:url(../images/header/beach_home.png); }
#page_2 #div_header {background-image:url(../images/header/beachstadion_beach.png); }
#page_3 #div_header {background-image:url(../images/header/nieuws_beach.png); }
#page_4 #div_header {background-image:url(../images/header/evenementen_beach.png); }
#page_5 #div_header {background-image:url(../images/header/sponsors_beach.png); }
#page_6 #div_header {background-image:url(../images/header/fotos_beach.png); }
#page_7 #div_header {background-image:url(../images/header/contact_beach.png); }
#page_9 #div_header {background-image:url(../images/header/sponsors_beach.png); }
#page_10 #div_header {background-image:url(../images/header/sponsors_beach.png); }

#div_content {
	background:#fff url(../images/shadow_content_right.jpg) 100% 0 no-repeat;
	font-size: 1.1em;
}

#page_1 #div_content {
	background-image: url(../images/shadow_content_right.jpg);
	background-position: 100% 0%;
}
#div_content_inner h2 {
	color: #f7961d;
	font-size: 1.7em;
	font-weight: bold;
}

#div_right {
	background:#fff;
}

	#div_right h3 {
		color: #2a4f7a;
		font-size: 1.2em;
		line-height: 1.2em;
		padding: 0;
		margin: 0;
		margin-bottom: 14px;
	}
	
	#div_right h5 {
		font-size: 1.0em;
		padding: 0px;
		margin: 0px;
	}
	
	#div_right h5 a {
		color: #2a4f7a;
		text-decoration: none;
	}
	
	#div_right p {
		font-size: 1.0em;
		padding: 0px;
		margin: 0px;
	}
	
/* Menu ----- */

#div_menu {
	background:#ddd;
}
#div_menu li {
	list-style-image: none;
	list-style-type: none;
}
#div_menu ul li a {
	background-image:url(../images/menu_switch.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
}
#div_menu li a span { display:none; }

#mnu_1 a {width:82px; background-position:0 0;}
#mnu_1 a:hover, #mnu_1.selected a {background-position:0 -35px;}
#mnu_2 a {width:132px; background-position:-82px 0;}
#mnu_2 a:hover, #mnu_2.selected a  {background-position:-82px -35px;}
#mnu_3 a {width:92px; background-position:-214px 0;}
#mnu_3 a:hover, #mnu_3.selected a  {background-position:-214px -35px;}
#mnu_4 a {width:134px; background-position:-306px 0;}
#mnu_4 a:hover, #mnu_4.selected a  {background-position:-306px -35px;}
#mnu_5 a {width:108px; background-position:-440px 0;}
#mnu_5 a:hover, #mnu_5.selected a  {background-position:-440px -35px;}
#mnu_6 a {width:82px; background-position:-548px 0;}
#mnu_6 a:hover, #mnu_6.selected a  {background-position:-548px -35px;}
#mnu_7 a {width:95px; background-position:-630px 0;}
#mnu_7 a:hover, #mnu_7.selected a  {background-position:-630px -35px;}

/* //Menu --- */

#div_footer {
	background:url(../images/footer_beach.png) no-repeat;
	text-align:center;
}

	#div_footer p {
		margin-left: 300px;
		margin-top: 70px;
		color: #CCCCCC;
	}


/* Validator class ----- */

.validator_element_highlight {
}
.validator_label_highlight {
	font-weight:bold;
	color:#ff0000;
}

/* //Validator class --- */


/*
-----------------------------------------------------------------------
-------------------------- POSITIONING --------------------------------
-----------------------------------------------------------------------
*/

/* -- Basic elements -- */

body {
	margin: 0;
	padding:0;
}
div {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
img {
	border:0;
	margin:0;
	padding:0;
	display:block; /* to prevent spaces under img in non-IE browsers */
}

h1 {
	display:none;
}

/* -- Other elements (id, class)-- */

#div_skipnav {
	display:none;
}

#div_container {
	width: 991px;
	margin:0 auto;
	z-index: 0;	
}
#div_header {
	width:785px;
	height: 276px;
	display:block;
	margin:0 auto;
	padding:0;
}
#page_1 #div_header {height: 347px;} /* home page*/

#div_header h1 {
	display: none;
}

/* Menu ----- */

#div_menu {
	position: absolute;
	top:0;
	width:725px;
	height: 35px;
	padding: 0;
	margin-left: 133px;
	z-index: 500;
}

#div_menu ul {
	margin:0;
	padding:0;
}
#div_menu ul li {
	float:left;
}
#div_menu ul li a {
	display:block;
	height:35px;
	line-height:35px;
}
#div_menu li {
	height:35px;
}

/* //Menu --- */

#div_content {
	width: 487px;
	min-height: 670px;
	margin-left: 133px;
}
#page_1 #div_content {min-height: 540px;} /* home page*/


#div_content_inner {
	width: 449px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#div_right {
	position: absolute;
	margin-left:633px;
	top:185px;
	width: 220px;
	z-index: 10;
}

#div_footer {
	width:785px;
	height:110px;
	margin-left:103px;
}


/* -- Other -- */

.nodis {
	display:none;
}


/* Extra ----- */

#frm_event {
	width:300px;
	margin:10px auto;
}
.gallery_photos {
	margin:25px 0;
}
.gallery_photos li {
	display:block;
	float:left;
	width:80px;
	height:80px;
	line-height:80px;
	margin:5px;
}
.gallery_photos li img {
	display:inline;
	padding:1px;
}
.gallery_photos li img:hover {
	border:#ff6600 1px solid;
	padding:0;
}

/* //Extra --- */