/* Template */

html, body
{
    min-width: 1040px;
}

ol
{
    list-style-type: decimal;
    margin-left: 20px;
}

ul
{
    list-style-type: disc;
    margin-left: 20px;
}

#container-wrapper
{
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EAEAF0), to(#FFFFFF));
    background: -webkit-linear-gradient(#EAEAF0, #FFFFFF);
    background: -moz-linear-gradient(#EAEAF0, #FFFFFF);
    background: -ms-linear-gradient(#EAEAF0, #FFFFFF);
    background: -o-linear-gradient(#EAEAF0, #FFFFFF);
    background: linear-gradient(#EAEAF0, #FFFFFF);
    -pie-background: linear-gradient(#EAEAF0, #FFFFFF);
    behavior: url(/PIE.htc);
    padding-top: 20px;
}

#container
{
    width: 1000px;
    margin: auto;
}

header, #logo, #logo a, nav
{
    height: 173px;
}

#logo, #logo a
{
    float: left;
    width: 187px;
}

#logo
{
    background-image: url(../images/logo.png);	
}

nav
{
    float: right;
    width: 800px;
    position: relative;
}

nav #menu
{
    position: absolute;
    bottom: 0;
    right: 0;
}

#middle
{
    overflow: hidden;
    margin-top: 25px;
}

footer
{
    margin-top: 25px;
    color: Gray;
    text-align: center;
    font-size: 11px;
}

footer a
{
    color: Gray;
}

ul#menu
    { margin:0; padding:0; list-style:none; width:100%; height:24px; border-top:2px solid #ADB6C6; border-bottom:2px solid #ADB6C6; }
ul#menu li
    { margin:0; padding:0; display:block; float:left; position:relative; width:160px; }
ul#menu li a,
ul#menu li a:link,
ul#menu li a:visited
    { padding:4px 0 0 0; display:block; width:160px; height:20px;
      color: #000031; font-size: 14px; text-align:center; text-decoration:none; text-transform: uppercase; }
ul#menu li:hover a,
ul#menu li a:hover,
ul#menu li a:active
    { background:#C6DFCE; }

ul#menu li ul.sub-menu
    { margin:0; padding:6px 0 0 0; list-style:none; display:none; background:#4A496B; width:160px; position:absolute; bottom: 24px; border-bottom:2px solid #ADB6C6; }
ul#menu li:hover ul.sub-menu
    { display:block; }
ul#menu li ul.sub-menu li
    { width:146px; clear:left; width:158px; }

ul#menu li ul.sub-menu li a,
ul#menu li ul.sub-menu li a:link,
ul#menu li ul.sub-menu li a:visited
    { clear:left; background:#4A496B; padding:0 0 0 6px; width:154px; border:none; position:relative; z-index:1000;
      color: White; font-size: 12px; text-align:left; text-decoration:none; text-transform: none; }
ul#menu li ul.sub-menu li:hover a,
ul#menu li ul.sub-menu li a:active,
ul#menu li ul.sub-menu li a:hover
    { font-weight: bold; }

ul#menu li.current-menu-item,
ul#menu li.current-menu-ancestor
{
    background-color: #e2f1e7;
}

ul#menu li li.current-menu-item
{
    font-weight: bold;
}



/* Styles */

body
{
    color: #000031;	
	line-height: 1.25;
    font-family: Helvetica;
    font-size: 12px;
}

h1
{
	margin-bottom: 20px;
}

h1
{
	font-size: 24px;
	font-weight: bold;
}

h2
{
	font-size: 12px;
	font-weight: bold;
}

strong
{
    font-weight: bold;
}

p,
ul,
table,
.addthis_toolbox
{
	margin-bottom: 15px;
}

a
{
    color: black;
}

a:hover
{
    color: inherit;
}

ul
{
    list-style: disc;
    margin-left: 17px;
}

.meta-data
{
    margin-top: -20px;
    font-size: 11px;
    color: #708076;
}

.content-wrapper,
iframe,
#featured-image
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#featured-item .info
{
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
    
    
    
    /* Forms */
    
    input, textarea
    {
        border: 1px solid #adb6c6;
    }
    
    input
    {
        width: 180px;
    }
    
    input.wpcf7-submit,
    input.submit
    {
        width: auto;
        background-color: #4A496B;
        color: white;
        border: 1px solid #4A496B;
    }
    
    .wpcf7-list-item input
    {
        width: auto;
    }
    
    textarea
    {
        height: 125px;
        width: 260px;
        max-width: 260px;
    }
    
    
    /* Tables */
        
        
        
        th, td
        {
            text-align: left;
            vertical-align: top;
            padding-bottom: 5px;
        }
        
        
        
        /* Formulier */
        
        form th
        {
            min-width: 120px;
        }
        
        form td
        {
            width: 275px;
        }
        
        .wpcf7-form .wpcf7-validation-errors, 
        .wpcf7-form .wpcf7-mail-sent-ok,
        .wpcf7-form .wpcf7-mail-sent-ng {
            border: none;
            margin: 0;
            padding: 10px;
        	width: 365px;
        	margin-bottom: 20px;
        	border-radius: 10px;
        }
        .wpcf7-form .wpcf7-validation-errors {
            background-color: #fcb3b8;
        }
        .wpcf7-form .wpcf7-mail-sent-ok{
            background-color: #87D565;
        }
        .wpcf7-form .wpcf7-mail-sent-ng{
            background-color: #fcb3b8;
        }
        .wpcf7-form span.wpcf7-not-valid-tip {
            position: static;
            display: block;
            border: none;
            background-color: #fcb3b8;
            margin: 3px 0;
            padding: 4px 5px;
            width: 255px;
        	border-radius: 5px;
        }
        
        
        
        /* Reloaded table */
    
        
        .wp-table-reloaded th, .wp-table-reloaded td
        {
            padding: 5px;
            vertical-align: middle;
        }
        
        .wp-table-reloaded th
        {
            background-color: #4c4a6c;
            border-left: 10px solid #4c4a6c;
            color: white;
            font-weight: bold;
            padding-left: 0;
        }
        
        .wp-table-reloaded tr.odd
        {
            background-color: #d5e8dc;
        }
    
    
    
        /* Bardienst */
        
        .dataTables_filter
        {
            margin-bottom: 15px;
        }
        
        .dataTables_filter input
        {
            margin-left: 10px;
        }
        
        .bardienst
        {
            width: 100%;
        }
        
        .bardienst .column-1
        {
            -width: 75px;
            text-align: center;
        }
        
        .bardienst .column-2,
        .bardienst .column-5,
        .bardienst .column-8
        {
            border-left: 10px solid #d5e8dc;
            width: 60px;
        }
        
        .bardienst th.column-2,
        .bardienst th.column-5,
        .bardienst th.column-8
        {
        
            border-left-color: #8684a4;
            padding-left: 5px;
        }
        
        
        /* Trainingstijden */
        
        .trainingstijden
        {
            width: 500px;
        }
    
    
    
/* Templates */

.content-wrapper
{	
    background-color: #C6DFCE;
}

.content-wrapper.broad
{
    width: 1000px;
}

.content
{
    margin: 15px;
}
    
    
    
    /* Home */
        
    #home #featured-item
    {
        height: 450px;	
        position: relative;
        width: 600px;
        float: left;
    }
    
    #home #featured-image
    {
        height: 450px;
        width: 600px;
    	color: white;
    }
    
    #home #featured-item a
    {
        text-decoration: none;
    }
    
    #home #featured-item .info
    {
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(../images/info-background.png);
        height: 59px;
        color: white;
        text-align: right;
        padding: 30px 10px 0 10px;
    }
    
    #home #featured-item .info-left
    {
        position: absolute;
        top: 0;
        left: -82px;
        background-image: url(../images/info-background-left.png);
        width: 82px;
        height: 89px;
    }
    
    #home #featured-item .info .title
    {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
    }
    
    #home #featured-item .info .metadata
    {
        font-size: 11px;
    }
        
    #home .content .featured-item
    {
        height: 180px;
        margin-bottom: 15px;
        overflow: hidden;
    }
    
    #home .content .news
    {
        height: 224px;
    }
    
    #home .content a
    {
        text-decoration: none;
    }
    
    .news-items
    {
        list-style: none;
        margin-left: 0;
    }
    
    .news-items a
    {
        text-decoration: none;
    }
    
    .created-on
    {
        color: #708076;
        font-size: 11px;
        display: inline-block;
        width: 40px;
    }
    
    
    
    /* Page */
       
    #page img#featured-image, #page iframe
    {
    	height: 255px;
        width: 425px;
        float: right;
    }
    
    .content-wrapper.page
    {
        min-height: 255px;
        float: left;
        width: 550px;
        overflow: auto;
    }
    
    .content-wrapper.broad
    {
        float: left;
    }
    
    
    
    /* News */
        
    #news #featured-image
    {
        position: relative;
        float: left;
        height: 450px;	
        width: 600px;
    }
    
    .content-wrapper.news
    {
        float: right;
        height: 450px;
        width: 375px;
        overflow: auto;
    }
    
    #comments
    {
        margin-top: 20px;
    }
    
    #comments .commentlist .children
    {
        list-style: none;
        margin-left: 20px;
    }
    
    .comment
    {
        margin-bottom: 20px;
    }
    
    .comment h2
    {
        background-color: #4C4A6C;
        padding: 15px;
        color: white;
    }
    
    .comment h2 a
    {
        color: white;
    }
    
    .comment .meta-data
    {
        background-color: #D5E8DC;
        padding: 5px 15px;
        margin: 5px 0;
    }
    
    .comment .comment-content
    {
        background-color: #D5E8DC;
        padding: 15px;
    }

    .yop-poll-container input {
        width: auto;
    }