/*
STANDAARD TAG's
*/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
background: #e56f12;
}
h1 {
margin: 0;
margin-top: -5px;
padding-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #840718;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #840718;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #840718;	
}
a:link {
color: #003399;
}
a:visited {
color: #003399;
}
a:hover {
color: #003399;
}
a:active {
color: #003399;
}

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333
}
img {
border-style: none;
}
input, select, button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border-top:1px solid #888888;
border-left:1px solid #888888;
border-right:2px solid #888888;
border-bottom:2px solid #888888;
}


/*
PAGINA-INDELING (topmenu(top-links,top-midden,top-rechts),header,navpath(navpath-links,navpath-midden,navpath-rechts),container(menu, content(content-main, content-rechts), footer)
*/
#site {
position:absolute;
width:1023px;
left:-1px;
background: #fac200;
} 

#topmenu {
position:relative;
height:20px;
background-image: url("http://www.beachcompetitie.nl/img/beach/topmenu.gif");
background-repeat: no-repeat;
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
padding-top:10px;
}
#topmenu a:link,
#topmenu a:visited,
#topmenu a:active {
color: #FFFFFF;
text-decoration: none;
}
#topmenu a:hover {
color: #FFFFFF;
text-decoration: overline;
}
#top-links {
position:absolute;
left: 0px;
padding-left: 5px;
}
#top-midden {
position:absolute;
left: 260px;
padding-top: 2px;
padding-left: 8px;
}
#top-rechts {
position:absolute;
left:750px;
color:#796c66;
padding-top: 2px;
padding-left: 10px;
}
#top-rechts a:link,
#top-rechts a:visited,
#top-rechts a:active {
color: #796c66;
text-decoration: none
}
#top-rechts a:hover {
color: #796c66;
text-decoration: overline;
}
#header {
position:relative;
margin-left: 1px;
height:168px;
background-image: url("http://www.beachcompetitie.nl/img/beach/header-oud.jpg");
background-repeat: no-repeat;
}
#logo {
margin-left: 70px;
margin-top: -138px;
}
#navpath {
position:relative;
height:19px;
color: #FFFFFF;
}
#navpath-links {
position:absolute;
left:0px;
height:19px;
width:300px;
background-image: url("http://www.beachcompetitie.nl/img/beach/navpath-links.gif");
background-repeat: no-repeat;
}

#navpath-midden a:link,
#navpath-midden a:visited,
#navpath-midden a:hover,
#navpath-midden a:active {
color: #fdce00;
text-decoration: none;
}

#navpath-midden {
position:absolute;
left:275px;
width:587px;
height:19px;
background-image: url("http://www.beachcompetitie.nl/img/beach/navpath-midden.gif");
}

#navpath-rechts {
position:absolute;
left:862px;
height:19px;
width:161px;
background-image: url("http://www.beachcompetitie.nl/img/beach/navpath-rechts.gif");
background-repeat: no-repeat;
}

#container {
/*width:1023px;*/
width:1190px;
background-image: url("http://www.beachcompetitie.nl/img/beach/container.gif");
background-repeat: no-repeat;
}

#container_menu {
position:relative;
float:left;
}

#menu {
position: relative;
left: 70px;
width: 170px;
margin-top:5px;
padding-top:5px;
margin-right:10px;
padding-bottom:10px;
background: #ffffff;
}

#menu .selected {
background-color: #e5e2e0;
}

#menu a:link,
#menu a:visited,
#menu a:hover,
#menu a:active {
color: #333333;
text-decoration: none;
}

#content{
position:relative;
float: right;
/*width: 763px;*/
width: 938px;
/*background-image: url("http://www.beachcompetitie.nl/img/beach/footer-top.gif");
background-repeat: no-repeat;
background-position: right bottom;*/
}
#content-main {
position:relative;
float: left;
/*width: 575px;*/
width: 750px;
margin-top:5px;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
background-color: #ffffff;
}
#content-rechts {
float: right;
width: 170px;
}
#footer-top {
position:relative;
clear: both;
height:217px;
left: 260px;
width: 763px;
background-image: url("http://www.beachcompetitie.nl/img/beach/footer-top.gif");
background-repeat: no-repeat;
background-position: right bottom;
}
#footer {
position:relative;
clear: both;
height: 300px;
margin-top: -1px;
background-image: url("http://www.beachcompetitie.nl/img/beach/footer.gif");
background-repeat: no-repeat;
}
#footerelement {
margin-left: 140px;
padding-top: 150px;
padding-left: 15px;
padding-right: 15px;
}
#breadcrumb {
padding-top: 2px;
padding-left: 5px;
float: left;
z-index: 2;
}
#controls {
padding-top: 2px;
padding-right: 5px;
z-index: 2;
text-align: right;
}
#controls img {
padding-top: 0px;
vertical-align: middle;
}
#ad_right {
padding-left: 40px;
}
#ad_bottom {
padding-top: 47px;
padding-left: 147px;
}
#search {
padding-top: 50px;
padding-left: 20px;
}
#linkbox {
margin-left: 4px;
margin-top: 50px;
padding-top: 5px;
width: 150px;
height: 155px;
background: #ffffff;
border: 1px solid #b0a7a1;
}
#linkbox ul{
padding-left: 15px;
}
#adminlinks{
margin-left: 4px;
margin-top: 50px;
padding-top: 5px;
width: 150px;
height: 155px;
background: #ffffff;
border: 1px solid #b0a7a1;
}
#adminlinks ul{
padding-left: 15px;
}

#ad_menu{
position: relative;
float:left;
margin-top: 0px;
left: 70px;
width: 240px;
}

.ad{
padding-top: 10px;
}

.prop {
height:699px;
float:right;
width:0px;
}
.clear {
clear:both;
height:0px;
overflow:hidden;
}
/*
STYLES BINNEN page
*/
.nav1 {
font-size: 12px;
font-weight: bold;
padding-left: 2px;
background: #0076c0;
color: #ffffff;
}
.nav2 {
font-size: 11px;
font-weight: bold;
padding-left: 10px;
padding-right: 2px;
margin-top: 10px;
background: #0076c0;
color: #ffffff;
}
.nav2sub {
font-size: 10px;
padding-left: 10px;
padding-bottom: 5px;
background: #e5e2e0;
}
.nav3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 10px;
background: #ffffff;
}
.nav3:hover {
background: #e5e2e0;
}
.nav4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 15px;
background: #e5e2e0;
}
.nav5 {
font-familily: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 20px;
background: #ffffff;
}
.nav5:hover {
background: #e5e2e0;
}

/*
STYLES VOOR errors
*/
#error {
background-color: #FFCCCC;
border: #FF0000;
border-style: dotted;
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 3px;
padding: 10px;
}

/*
LOSSE STYLES
*/
.formulier {
width: 100%;
border-collapse: collapse;
padding: 10px;
}
.formulier tr {
height: 27px;
}

.order {
width: 50%;
border-collapse: collapse;
padding: 10px;
}

.order tr {
height: 27px;
}

.rij0, .rij0 TH, .rij0 TD {
background-color: #fac200;
border-top: 1px solid black;
font-size: 10px;
font-weight: bold;
padding-left: 5px;
text-align: left;
color: #840718;
}
.rij1, .rij1 TH, .rij1 TD {
background-color: #F0F0F0;
border-top: 1px solid black;
padding-left: 5px;
padding-right: 5px;
font-size: 10px;
text-align: left;
}
.rij2, .rij2 TH, .rij2 TD {
background-color: #F7F7F7;
border-top: 1px solid black;
padding-left: 5px;
padding-right: 5px;
font-size: 10px;
text-align: left;
}
.rij3, .rij3 TH, .rij3 TD {
border-top: 1px solid black;
padding-left: 5px;
padding-right: 5px;
}
.leeg TD {
border-top: none;
}
.veldnaam {
padding-right: 10px;
padding-left: 10px;
color: #333333;
font-weight: bold;
text-align: right;
white-space: nowrap;
}
.veldwaarde {
color: #333333;
text-align: left;
padding-right: 10px;
padding-left: 10px;
}
.veld {
color: #333333;
padding-right: 10px;
padding-left: 10px;
}
.disabled {
color: #808080;
}

.asterisk {
color: red;
font-size: xx-small;
vertical-align: top;
}

.nieuws {
width: 100%;
border-collapse: collapse;
}
.nieuws tr {
height: 14px;
}
.nieuwskop TH {
background-color: #fac200;
border-top: 1px solid black;
height: 20px;
color: #840718;
}
.nieuwstext TD {
padding-left: 5px;
padding-right: 5px;
text-align: justify;
}
.nieuwstitel {
padding-left: 5px;
text-align: left;
}
.nieuwsdatum {
text-align: right;
padding-right: 5px;
}
div.section {
border-top: 1px solid #ccc;
padding: 10px 5px 5px 5px;
background: #ffffff;
}


/* tables */
table.tablesorter {
font-family:arial;
background-color: #CDCDCD;
margin:10px 0pt 15px;
font-size: 8pt;
width: 100%;
text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #e6EEEE;
border: 1px solid #FFF;
font-size: 8pt;
padding: 4px;
}
table.tablesorter thead tr .header {
background-image: url("http://www.beachcompetitie.nl/img/bg.gif");
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top;
}
table.tablesorter tbody tr.odd td {
background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
background-image: url("http://www.beachcompetitie.nl/img/asc.gif");
}
table.tablesorter thead tr .headerSortDown {
background-image: url("http://www.beachcompetitie.nl/img/desc.gif");
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.tablesorter .ongepubliceerd {
    background-color: #ff0000;
}

.ongepubliceerd {
    background-color: #ff0000;
}

/* Caution! Ensure accessibility in print and other media types... */
.ui-tabs-hide {
display: none;
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 1px;
min-width: 10px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0 8px;
background: url("http://www.beachcompetitie.nl/img/tab.png") no-repeat;
}
.ui-tabs-nav a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
color: #27537a;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: #000;
}
.ui-tabs-nav a span {
width: 20px; /* IE 6 treats width as min-width */
min-width: 20px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-panel {
border-top: 1px solid #97a5b0;
padding: 1em 8px;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url("http://www.beachcompetitie.nl/img/waiting3.gif") no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}


.pipe {
padding: 5px;
margin: 3px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
background-color: #EFEFEF;
height: 19px;
width: 100%;
}

.pipe td.handle {
width: 11px;
height: 19px;
cursor: move;
border: none;
background-image: url("http://www.beachcompetitie.nl/img/dragHandle.gif");
background-repeat: no-repeat;
}

.pipe td.rechts {
border: none;
text-align: right;
}

.ui-dialog {
background-color:#FFFFFF;
z-index: 10;
border:1px solid #000000;
}
.ui-dialog .ui-dialog-titlebar, .flora.ui-dialog .ui-dialog-titlebar {
background:#FF9900 url(http://www.beachcompetitie.nl/img/dialog-title.gif) repeat-x scroll 0%;
border-bottom:1px solid #D8D2AA;
cursor:move;
height:28px;
padding:0px;
}
.ui-dialog .ui-dialog-titlebar-close, .flora.ui-dialog .ui-dialog-titlebar-close {
background:transparent url(http://www.beachcompetitie.nl/img/dialog-titlebar-close.png) no-repeat scroll 0%;
cursor:default;
height:16px;
position:absolute;
right:7px;
top:6px;
width:16px;
}
.ui-dialog .ui-dialog-titlebar-close-hover, .flora.ui-dialog .ui-dialog-titlebar-close-hover {
background:transparent url(http://www.beachcompetitie.nl/img/dialog-titlebar-close-hover.png) no-repeat scroll 0%;
}
.ui-dialog .ui-dialog-title, .flora.ui-dialog .ui-dialog-title {
color:white;
font-weight:bold;
left:4px;
margin-left:5px;
position:relative;
top:7px;
}
.ui-dialog .ui-dialog-content, .flora.ui-dialog .ui-dialog-content {
margin:1.2em;
}
.ui-dialog .ui-dialog-buttonpane, .flora.ui-dialog .ui-dialog-buttonpane {
bottom:8px;
position:absolute;
right:12px;
text-align:right;
width:100%;
}
.ui-dialog .ui-dialog-buttonpane button, .flora.ui-dialog .ui-dialog-buttonpane button {
margin:6px;
}
.ui-dialog .ui-resizable-n, .flora.ui-dialog .ui-resizable-n {
background:transparent url(http://www.beachcompetitie.nl/img/dialog-n.gif) repeat scroll center top;
cursor:n-resize;
height:6px;
left:0px;
top:0px;
width:100%;
}
.ui-dialog .ui-resizable-s, .flora.ui-dialog .ui-resizable-s {
background:transparent url(http://www.beachcompetitie.nl/img/dialog-s.gif) repeat scroll center top;
bottom:0px;
cursor:s-resize;
height:8px;
left:0px;
width:100%;
}
.ui-dialog .ui-resizable-e, .flora.ui-dialog .ui-resizable-e {
background:transparent url(http://www.beachcompetitie.nl/img/dialog-e.gif) repeat scroll right center;
cursor:e-resize;
height:100%;
right:0px;
top:0px;
width:7px;
}
.ui-dialog .ui-resizable-w, .flora.ui-dialog .ui-resizable-w {
background:transparent url(http://www.beachcompetitie.nl/img/dialog-w.gif) repeat scroll right center;
cursor:w-resize;
height:100%;
left:0px;
top:0px;
width:7px;
}
.ui-dialog .ui-resizable-se, .flora.ui-dialog .ui-resizable-se {
background:transparent url(http://www.beachcompetitie.nl/img/dialog-se.gif) repeat scroll 0%;
bottom:0px;
cursor:se-resize;
height:9px;
right:0px;
width:9px;
}
.ui-dialog .ui-resizable-sw, .flora.ui-dialog .ui-resizable-sw {
background:transparent url(http://www.beachcompetitie.nl/img/dialog-sw.gif) repeat scroll 0%;
bottom:0px;
cursor:sw-resize;
height:9px;
left:0px;
width:9px;
}
.ui-dialog .ui-resizable-nw, .flora.ui-dialog .ui-resizable-nw {
background:transparent url(http://www.beachcompetitie.nl/img/dialog-nw.gif) repeat scroll 0%;
cursor:nw-resize;
height:29px;
left:0px;
top:0px;
width:9px;
}
.ui-dialog .ui-resizable-ne, .flora.ui-dialog .ui-resizable-ne {
background:transparent url(http://www.beachcompetitie.nl/img/dialog-ne.gif) repeat scroll 0%;
cursor:ne-resize;
height:29px;
right:0px;
top:0px;
width:9px;
}

div.pager {
	padding: 0;
}
div.pager span {
	padding: 0 5px 0 5px;
}
div.pager img {
	width: auto;
	vertical-align: bottom;
}
a[href^="mailto:"] {display:inline-block; padding-left:20px; background:transparent url(http://www.beachcompetitie.nl/img/16-email-b.png) center left no-repeat;}

.treed, .treed ul {
	list-style-type: none;
	margin: 0 0 0 4px;
	padding: 0;
	background-image: url('/img/menu/vdot.gif');
	background-repeat: repeat-y;
	background-position: 8px 2px;
}
.treed a {
	text-decoration: none;
	color: #000;
	padding: 2px 0 2px 0px;
}
.treed li {
	padding-top: 4px;
	padding-left: 20px;
	background-image: url('/img/menu/corner.gif');
	background-repeat: no-repeat;
	background-position: 8px 2px;
}
.treed a:hover {
	text-decoration: underline;
	background-color: #e5e2e0;
}
.treed .collapsed, .treed .open {
	background-repeat: no-repeat;
	background-position: 4px 2px;
	cursor: pointer;
}
.treed .collapsed {
	background-image: url('/img/menu/plus.gif');
}
.treed .open {
	background-image: url('/img/menu/minus.gif');
}
.treed .collapsed ul, .treed .lastcollapsed ul {
	display: none;
}
.treed .last, .treed .lastfile {
	background-image: url('/img/menu/corner.gif');
	background-position: 8px 2px;
	background-color: #fff;
}
.treed .lastcollapsed {
	background-image: url('/img/menu/plus.gif');
}
.treed .lastopen {
	background-image: url('/img/menu/minus.gif');
}
.treed .lastopen, .treed .lastcollapsed {
	background-repeat: no-repeat;
	background-position: 4px 2px;
	cursor: pointer;
  background-color: #fff;
}

#browserwarning { 
 background : #feffcf url('/img/browser_warning.gif') 10px 10px no-repeat; 
 text-align : left; 
 position : absolute; 
 top : 0; 
 left : 0; 
 padding : 0 10px 0 50px; 
 background-color : #feffcf; 
 border-bottom : 1px solid #d85d01; 
 z-index: 999;
} 

#browserwarning input { 
 float : right; 
 margin-top : 10px; 
} 

#browserwarning ul { 
 overflow : auto; 
 list-style-type : none; 
 padding : 0; 
 margin-left : 0; 
} 

#browserwarning ul li { 
 background-image: url('/img/browsers.gif'); 
 background-repeat: no-repeat; 
 float : left; 
 padding : 5px 0 0 30px; 
 height : 19px; 
 margin-left : 20px; 
} 

#browserwarning li.firefox {background-position: 0 -24px;} 
#browserwarning li.chrome {background-position: 0 -48px;} 
#browserwarning li.opera {background-position: 0 -72px;} 
#browserwarning li.safari {background-position: 0 -96px;} 

#browserwarning a { 
 color : #d85d01; 
}

#debugdiv {
    background: #fff;
    position: absolute;
    z-index:999;
    width:500px;
    left:900px;
    overflow:auto;
}