@charset "utf-8";

/*
Theme Name: WINDKR89 v2
Theme URI: http://www.windkr89.nl
Description: Een theme gemaakt voor de website van WINDKR89
Author: Erik Spoelstra
Author URI: http://www.windkr89.nl
Version: 0.1
.
Dit theme mag uitsluitend gebruikt worden door WINDKR89!
.
*/
CSS Document Reset
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, img, blockquote, pre, form, fieldset, table, th, td  {
    margin: 0;
    padding: 0;
    border:0px;
}

body {
    color:#EBEBEB;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;

    margin:0;
    background: url(images/body_bg_03.jpg) repeat-x top left #FFF;
}
h1 {
    color:#444141;
    font-family:Arial,Helvetica,sans-serif;
    font-size:24px;
    font-weight:400;
    letter-spacing:-1px;
}
h2 {
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:400;
    letter-spacing:-1px;
}
h3 {
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
}
a {
    color:#1D6FB2;
    text-decoration:none;
}
#main {
    background: #FFFFFF url(images/body_bg_03.png) repeat-x;
}

#main .container {
    background-image: url(images/bg_main.jpg); /* Toevoegen van schaduw etc */
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 400px;
}

.container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
/*
#container {
margin:0 auto;
text-align:center;
width:960px;
}
*/
#header {
    float:left;
    height:160px;
    margin:0 0 10px;
    padding:0;
    width:960px;
}

.linkedin {
        float: right;
        clear:both;

}

#logo {
    margin: 10px 0 0 0;
    background: url(images/logo_02.png) no-repeat;
    width: 757px;
    height: 150px;
}
#logo h1, #logo small {
    margin: 0px;
    line-height: 150px;
    display: block;
    text-indent: -9999px;
}

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



ul#menu {
    margin: 0px; 
    padding-top: 115px;
    position: absolute;
    right: 0px;
}

ul#menu li {
    display: inline;
    margin-left: 12px;
}

ul#menu li a {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

ul#menu li a:hover {
    color: #81db21;
}

#dropmenu {font-size: 18px; margin:110px 0 0 0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; line-height:1.5em; z-index:300; width:100%;  font-weight:bold;}
#dropmenu ul {font-size: 18px; margin:0; padding:0 ; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%;  background: #f3faff; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em; color:#1D6FB2; border-right:1px solid #c8c8c8; text-decoration:none; text-transform: uppercase }
#dropmenu a:hover {color:#81db21;}
#dropmenu li {float:right; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}



#splash {
    clear:both;
    width:956px;
    background: #eeeeee url(images/splash_bg.png) repeat-x bottom left;
    border: 2px solid #d3d3d3;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    position: relative;
}

.ribbon {
    position: absolute;
    top: -6px;
    right: -6px;
}

a.button {
    background: #32312f url(images/button_bg.jpg) repeat-x ;
    padding: 5px 10px 5px 10px;
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #32312f;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 25px;
    text-align: center;
}

a.button:hover {
    background: #007de2 url(images/button_bg_o.jpg) repeat-x;
    border-color: #007de2;
}

img.banner {
    margin-top: 10px;
    margin-bottom: -10px;
    border: 1px solid #696969;
}
#content_area {
    margin: 10px 0 20px 0;
    width:960px;
    color: #696969;
    display: block;
    font-size: 12px;
    float: left;
    clear: both;
     font-size: 13px;
}

#content_area.home {
    background-color: #000;
}

#content_area p {
    line-height: 22px;
    text-align: left;
    font-family: "Lucida Sans Unicode", Arial, Helvetica;
    font-weight: normal;
}
#content_area img {
    padding: 5px;
    margin: 10px 5px 10px 0px;
    background: #f7f7f7;
    border: 1px solid #CDCDCD;
    /* float: left; */
}

#content_area img.icon {
    float: left;
    margin: 10px 20px 0 10px;
    background-color: transparent;
    border: none;
}

#content_area h2 a {
    font-size: 24px;
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #7f7f7f;
    padding-bottom: 5px;
    display: block;
    clear: both;
}
#content_area h2.page_title {
    font-size: 24px;
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #7f7f7f;
    padding-bottom: 5px;
    display: block;
    clear: both;
}
#content_area li {
    padding: 2px 0 0 10px;
    line-height: 20px;
    margin-left: 20px;
}
#tab1_content {
    float:left;
    min-height:300px;
    margin: 0px 30px 20px 0px;
    text-align:center;
    width:298px;
    /* background: #fff url(images/content_block.png) repeat-x;
    border: 1px solid #d7d7d7;*/
    font-size: 13px;
}

#tab2_content {
    float:left;
    min-height:300px;
    margin: 0px 30px 20px 0;
    text-align:center;
    width:298px;
    /* background: #fff url(images/content_block.png) repeat-x; 
    border: 1px solid #d7d7d7;*/
    font-size: 13px;
}

#tab3_content {
    float:right;
    min-height:300px;
    margin: 0px 0 20px 0;
    width:298px;
    /* background: #fff url(images/content_block.png) repeat-x; 
    border: 1px solid #d7d7d7;*/
    text-align: center;
    font-size: 13px;
}

#tab1_content p, #tab2_content p, #tab3_content p {
    padding: 8px;
}
#tab1_content h2, #tab2_content h2, #tab3_content h2  {
    padding: 10px;
    color: #696969;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: bold;
    height: 30px;
    margin: 15px 10px 5px 10px;
    /* border-bottom: 1px solid #d7d7d7; */
    text-align: left;
}

#content_area h5 {
    padding: 10px;
    color: #696969;
    font-size: 18px;
    font-weight: normal;
    height: 30px;
    margin: 15px 10px 5px 10px;
    border-bottom: 1px solid #d7d7d7;
    text-align: left;
}

#footer {
    background:#181818 url(images/footer_bg.png) repeat-x;
    clear:both;
    margin:0 auto;
    min-height:220px;
    overflow:visible;
    padding-bottom:10px;
    padding-top:10px;
    text-align:center;
    width:100%;
}

#footer textarea, #footer input.invoer {
    background-color: #696969;
    border: 2px solid #999;
}
#footer form {
    margin-top: 10px;
}

#bottom_nav {
    color: #BDBDBD;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    margin:5px auto 15px;
    text-align:left;
    width:960px;
    min-height: 200px;
}

#bottom_nav p {
    padding: 5px;
}
#bottom_nav h2{
    font-weight: bold;
    font-size:20px;
    color: #c5cc22;
    letter-spacing: 0.05em;
    padding: 5px 0 10px 5px;
    border-bottom: 1px solid #c5cc22;
    text-transform: uppercase;
}
#bottom_nav ul {
    list-style:none;
    padding: 5px;
}
#bottom_nav li a {
    font-size: 14px;
    color: #FFF;
}

#bottom_nav li a:hover {
    font-size: 14px;
    color: #c5cc22;
}
#nav_container1 li {
    line-height: 30px;
    display: block;
    padding: 3px 0 0 0;
    border-bottom: 1px solid #393939;
}

#nav_container2 li {
    padding: 3px 0 0 0;
    line-height: 30px;
    border-bottom: 1px solid #393939;
}
#nav_container3 li {
    font-size: 11px;
    line-height: 18px;
    display: block;
    padding: 3px 0 0 0;
    border-bottom: 1px solid #393939;
}


#bottom_nav img {
    float: left;
    margin: 0 10px 0 10px;
}
#nav_container1 {
    float:left;
    padding-right:20px;
    width:220px;
    min-height: 200px;
}
#nav_container2 {
    float:left;
    padding-right:20px;
    text-align:left;
    width:220px;
    min-height: 200px;
}
#nav_container3 {
    float:left;
    padding-right:20px;
    text-align:left;
    width:220px;
    min-height: 200px;
}
#nav_container4 {
    float:right;
    text-align:left;
    width:240px;
    min-height: 200px;
}
#nav_container4 li, #nav_container4 li a {
    font-size: 20px;
}

.copyright {
    border-top: 1px solid #c5cc22;
    clear: both;
    margin-top: 5px;
    font-size: 11px;
    padding: 5px 0 5px 0;
}
.menu_bottom {
    border-top: 1px solid #c5cc22;
    clear: both;
    font-size: 11px;
    padding-top: 5px;
    margin:5px auto 5px;
    display: block;
}

.menu_bottom li {
    display: inline;
    text-decoration: none;
}

.menu_bottom a {
    padding: 0;
    margin: 0 5px;
    color: #FFF;
}

#separator {
    margin: 20px 0 10px 0;
}

#separator h1 {
    font-size: 30px;
    letter-spacing: 1px;
    color: #1D6FB2;
    text-align: left;
    /* border-bottom: 1px solid #d7d7d7; */
    text-transform: uppercase; 
    padding-bottom: 3px;
}

.block_inside {
    display: block;
    margin-top: 0px;
    padding: 10px;
    overflow: auto;
    width: 665px;
    float: left;
}
#sidebar {
    float: right;
    width: 250px;
    position: relative;
    left: -1px;
    margin-top: 5px;
    /*background-color: #e9e9ff; */
    padding: 5px;
    text-align: left;
}

#sidebar .block_inside {
    background: none;
    background-color: #e2dddc;
}

#sidebar h3 {
    font-size: 20px;
    line-height: 23px;
    padding: 5px;
    padding-left: 10px;
    color: #333333;
    border-bottom: 1px solid #6FC6D5;
}

#sidebar ul {
    margin: 10px 0 20px 0;
    padding: 0;
}
#sidebar li {
    list-style: none;
}

#sidebar ul li {
    list-style: none;
    margin: 0 5px 5px 5px;
    padding: 2px;
    
}

#sidebar ul li a {
    color: #696969;
    font-size: 14px;
    font-weight: bold;
}

#sidebar ul li a:hover {
    color: #c5cc22;
    text-decoration: none;
}

#sidebar img.icon {
    padding: 0 0 5px 0;
    margin: 0 10px 0 0;
    display: block;
}
#sidebar h2.widgettitle {
    font-size:16px;
    color: #696969;
    padding:5px 5px 5px 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 20px;
    border-bottom: 1px solid #cccccc;
}
/* Breadcrumb styles */
.breadcrumb {
    font-size: 11px;
    font-family: Verdana;
    color: #696969;
}

img.nobg {
    background-color: #FFF;
}
/* WORDPRESS Specifiek voor afbeeldingen */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}