@charset "utf-8";
/* CSS Document */

body {
padding:0px;
margin:0px;
background:#e6f2ef;
font-size:10px;
font-family:arial;
}

#main_bg {
width:940px;
margin:0px auto;
overflow:hidden;
background:url(../images/background_main.jpg) repeat-y;
}

#main {
width:900px;
margin-left:20px;
height:100%;
}

/* header */

#header {
width:900px;
height:50px;
border-bottom:#000000 1px solid;
}

#header_links {
width: 450px;
height:50px;
float:left;
}

#header_links h1 {
font-size:20px;
color:#484848;
padding-left:50px;
margin-top:0px;
padding-top:15px;
}

#header_rechts {
width:450px;
height:50px;
float:left;
color:#b0b0b0;
}

#header_rechts ul {
list-style:none;
text-align:right;
padding-right:50px;
}

#header_rechts li {
display:inline;
padding-right:7px;
padding-left:7px;
}

#header_rechts li a {
color:#b0b0b0;
text-decoration:none;
}

#header_rechts li a:hover {
text-decoration:none;
color:#0e7c63;
}

#foto_banner {
width:900px;
height:180px;
background:url(../images/background_foto.jpg);
}

#logo {
width:107px;
height:104px;
padding-top:28px;
padding-left:80px;
}

#menu {
width:270px;
overflow:hidden;
position:absolute;
margin-top:-30px;
margin-left:585px;
}

#menu_top {
width:270px;
height:30px;
background:url(../images/menu_top.png);
}

#menu_middle {
width:270px;
overflow:hidden;
background:url(../images/menu_middle.png) repeat-y;
}

#menu_middle ul{
list-style:none;
margin-left:0px;
margin-top:0px;
width:250px;
}

#menu_middle li {
height:25px;
width:250px;
padding-top:5px;
margin-left:10px;
margin-bottom:-5px;
display:block-inline;
}

#menu_middle li a {
text-decoration:none;
color:#000000;
}

#menu_middle li.active a {
color:#0e7c63;
text-decoration:underline;
background:url(../images/icon_li.jpg) no-repeat;
padding-top:5px;
margin-left:-20px;
padding-left:20px;
}

#menu_middle li a:hover {
color:#0e7c63;
text-decoration:underline;
background:url(../images/icon_li.jpg) no-repeat;
padding-top:5px;
margin-left:-20px;
padding-left:20px;
}

#menu_bottom {
width:270px;
height:30px;
background:url(../images/menu_bottom.png);
}

#nieuws {
width:300px;
margin-left:35px;
margin-top:260px;
float:left;
}

#nieuwsbericht {
width:200px;
height:150px;
background:url(../images/background_nieuws.jpg) no-repeat;
margin-bottom:20px;
padding-left:50px;
padding-right:30px;
font-size:10px;
}

#nieuwsbericht a {
color:#000000;
text-decoration:underline;
}

#nieuwsbericht a:hover {
color:#0e7c63;
text-decoration:none;
}

#nieuwsbericht h1{
font-size:12px;
padding-top:28px;
margin:0px;
color:#0e7c63;
}

#nieuwsbericht img{
width:27px;
height:27px;
border:#0e7c63 2px solid;
float:left;
margin-top:30px;
margin-right:10px;
margin-bottom:10px;
}

#nieuwsbericht_archief {
width:300px;
height:150px;
margin-bottom:20px;
padding-right:30px;
font-size:10px;
}

#nieuwsbericht_archief a {
color:#000000;
text-decoration:underline;
}

#nieuwsbericht_archief a:hover {
color:#0e7c63;
text-decoration:none;
}

#nieuwsbericht_archief h1{
font-size:12px;
padding-top:28px;
margin:0px;
color:#0e7c63;
}

#nieuwsbericht_archief img{
width:50px;
height:50px;
border:#0e7c63 2px solid;
float:left;
margin-top:30px;
margin-right:10px;
margin-bottom:10px;
}

#teams {
width:300px;
height:150px;
margin-bottom:20px;
padding-right:30px;
font-size:10px;
}

#teams a {
color:#000000;
text-decoration:underline;
}

#teams a:hover {
color:#0e7c63;
text-decoration:none;
}

#teams h1{
font-size:12px;
padding-top:28px;
margin:0px;
color:#0e7c63;
}

#teams img{
width:100px;
height:100px;
border:#0e7c63 2px solid;
float:left;
margin-top:30px;
margin-right:10px;
margin-bottom:10px;
}

#teams img a {
width:800px;
}

#speler {
width:300px;
overflow:hidden;
padding-right:30px;
font-size:10px;
}

#speler a {
color:#000000;
text-decoration:underline;
}

#speler a:hover {
color:#0e7c63;
text-decoration:none;
}

#speler h1{
font-size:12px;
padding-top:28px;
margin:0px;
color:#0e7c63;
}

#speler img{
width:50px;
height:50px;
border:#0e7c63 2px solid;
float:left;
margin-top:30px;
margin-right:10px;
margin-bottom:10px;
}

#main_content {
width:450px;
overflow:hidden;
padding-left:50px;
padding-right:50px;
padding-bottom:20px;
padding-top:50px;
font-size:11px;
float:left;
font-family:arial;
}

#main_content h1 {
font-size:15px;
margin:0px;
color:#0e7c63;
}

#main_content a {
color:#0e7c63;
text-decoration:none;
}

#main_content a:hover {
color:#0e7c63;
text-decoration:underline;
}

#main_content h2 {
font-size:12px;
margin:0px;
color:#0e7c63;
padding-top:15px;
padding-bottom:10px;
}

/*#main_content img {
width:60px;
height:60px;
float:left;
margin-right:15px;
margin-bottom:15px;
border:#0e7c63 2px solid;
}*/

.sponsor { 
width:200px;
height:200px;
float:left;
margin-bottom:20px;
margin-right:25px;
 }

#main_content img a {
border:none;
}

#main_content a img {
border:none;
}

#sponsoren {
width:900px;
height:160px;
float:left;
margin-bottom:20px;
}

#sponsoren_balk_top {
width:900px;
height:20px;
background:url(../images/sponsor_balk_top.jpg) no-repeat;
}

#sponsoren_balk_content {
width:850px;
height:120px;
padding-left:50px;
}

#sponsor {
width:160px;
height:120px;
float:left;
}

#sponsoren_balk_bottom {
width:900px;
height:20px;
background:url(../images/sponsor_balk_top.jpg) no-repeat;
}

#footer {
width:900px;
height:20px;
}

#footer_links {
width:550px;
height:40px;
float:left;
padding-left:50px;
}

#footer_links a {
color:#0e7c63;
text-decoration:none;
}

#footer_links a:hover {
color:#000000;
text-decoration:none;
}

#footer_rechts {
width:250px;
height:40px;
float:left;
text-align:right;
padding-right:50px;
}

#footer_rechts a {
color:#0e7c63;
text-decoration:none;
}

#footer_rechts a:hover {
color:#000000;
text-decoration:none;
}

.contact fieldset { float:left; clear:left; width:400px; padding:0px; margin: 1em 0 0 0; border:0px;}
.contact legend { color:#000000; font-weight:bold; }
.contact fieldset ul { padding:1em 1em 0 0; list-style:none; }
.contact fieldset li { float:left; clear:left; width:100%; padding-bottom:5px; }
.contact fieldset.submit { float:none; width:150px; height:20px; border: 0 none #fff; padding-left:110px; margin-top:5px; font-size:10px; }
.contact label { float:left; width: 10em; margin-right:1em; text-align:left; font-size:10px; padding-top:5px; font-family:arial;}
.contact input { width:200px; height:20px; }
.contact textarea { width:150px; height:100px; }
.contact .input { width:190px; }
.contact input.input { width:190px!important; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}