/*
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://static.beachcompetitie.nl/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://static.beachcompetitie.nl/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://static.beachcompetitie.nl/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://static.beachcompetitie.nl/beach/navpath-midden.gif");
}

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

#container {
/*width:1023px;*/
width:1190px;
background-image: url("http://static.beachcompetitie.nl/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://static.beachcompetitie.nl/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://static.beachcompetitie.nl/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;
}
#headlines{
margin-left: 4px;
margin-top: 5px;
padding: 5px;
padding-top: 10px;
width: 170px;
background: #ffffff;
border: none;
}
#headlines dl{
margin-top: 0px;
}
#headlines dt{
float:left;
}
#headlines h1{
background-color: #fac200;
border-top: 1px solid black;
font-size: 10px;
font-weight: bold;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 3px;
text-align: left;
color: #840718;
}

#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://static.beachcompetitie.nl/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://static.beachcompetitie.nl/asc.gif");
}
table.tablesorter thead tr .headerSortDown {
background-image: url("http://static.beachcompetitie.nl/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;
}

.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://static.beachcompetitie.nl/dragHandle.gif");
background-repeat: no-repeat;
}

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

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://static.beachcompetitie.nl/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('http://static.beachcompetitie.nl/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('http://static.beachcompetitie.nl/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('http://static.beachcompetitie.nl/menu/plus.gif');
}
.treed .open {
	background-image: url('http://static.beachcompetitie.nl/menu/minus.gif');
}
.treed .collapsed ul, .treed .lastcollapsed ul {
	display: none;
}
.treed .last, .treed .lastfile {
	background-image: url('http://static.beachcompetitie.nl/menu/corner.gif');
	background-position: 8px 2px;
	background-color: #fff;
}
.treed .lastcollapsed {
	background-image: url('http://static.beachcompetitie.nl/menu/plus.gif');
}
.treed .lastopen {
	background-image: url('http://static.beachcompetitie.nl/menu/minus.gif');
}
.treed .lastopen, .treed .lastcollapsed {
	background-repeat: no-repeat;
	background-position: 4px 2px;
	cursor: pointer;
  background-color: #fff;
}

#browserwarning { 
 background : #feffcf url('http://static.beachcompetitie.nl/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('http://static.beachcompetitie.nl/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;
}


