/*
Theme Name: VeldingBasic
Theme URI: http://velding.nl nog in te vullen
Description: BasisTemplate 3 colums
Version: 1 (WP2.9.1)
Author: Harry Velding
Author URI: http://velding.nl
Tags: velding, three, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* ++++++++++++++CSS VOOR DE ALGEMENE STYLING +++++++++++++ */
* {
    margin: 0; /* STICKY FOOTER */
}
html, body {
    height: 100%;/* STICKY FOOTER */
}

.clearfloat { clear: both;
}

/* ++++++++++++++CSS VOOR DE BASISONDERDELEN VAN DE PAGINA+++++++++++++ */

body {
    background: #634156 url(style/template-images/bodyBG.jpg) repeat-x left top;
}
#wrapper {
    background: #fcfcfc;
    width:960px;
    margin: 0 auto;
    border-bottom: 4px solid #ffffff;
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}
#header {
    height: 270px;
    color: #000000;
    margin: 0 auto;
    width:960px;
    margin: 0 0px 0 0px;
    border-bottom: 4px solid #ffffff;
    background: url("style/template-images/HeaderIMG/rotate.php") no-repeat bottom center;
}
#sidebar {
    padding: 35px 50px 20px 25px;
    float: right;
    width: 210px;
}
#contentBar {
    padding: 0px 25px 20px 50px;
    float: left;
    width: 580px;
    text-align:justify;
    margin-top: 50px;
}
#sidebarRight {
    padding: 35px 0 20px 25px;
    float: right;
    width: 240px;
}
.push {
    height: 100px; /* .push MOET DE ZELFDE HEIGHT WAARDE HEBBEN ALS HEIGHT #footer */
}
#footer{
    height: 100px;
    background:#634156;
    margin: 0px auto;
    width:960px;
}
.footerlogo {
    padding-top: 0px;
    vertical-align: text-bottom;
    border-style: none;
}
#single {
    padding: 0px 25px 20px 50px;
    float: left;
    width: 550px;
    margin-top: 50px
}

/* ++++++++++++++CSS VOOR SUB-DIVS BASIS PAGINA +++++++++++++ */

#headerleft {
    padding: 0px 25px 20px 50px;
    float: left;
    width: 400px;
    height:200px;
}
#headerMiddle {
    padding: 50px 25px 20px 25px;
    float: left;

}
#headerRight {
    padding: 230px 0 20px 25px;
    float: right;
    width: 240px;
}
#headerHorizonSubMenu {
    padding: 2px 0 0 0;
    height:20px;
    vertical-align: bottom;
    position: relative;
    top: 0px;
    width: 900px;
    margin-left:45px;
}
#headerHorizonSubMenu li {
    display:inline;
    padding: 0px;
}

#footer p{
    padding:3px 50px 3px 50px
}
.button {
    background: #999999;
    color: #FFF;
    font: 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 3px 8px;
    margin-top: 3px;
    border-style: none;
    -moz-border-radius: 3px;
    -webkit-borderradius: 3px;
}
.button:hover {
    background: #CCCCCC;
    color: #fff !important;
    text-decoration: none;
}
/* ++++++++++++++CSS VOOR Text +++++++++++++ */
body {
    color:#4E4E4E;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    font-style:normal;
    line-height:22px;
} 
a {
    color:#634156;
    text-decoration: none;
}
a:hover {
    color:#999;
    text-decoration: none;
}
a:focus {
    outline: 0;
}
a:active {
    outline: 0;
}
p {
    line-height:22px;
    padding-bottom: 20px;
}
h1{
    font-size:140%;
    padding:3px 0;
    color:#634156;
}
h1.logo{
    text-indent:-9999px;
}
h2{
    font-size:125%;
    padding:3px 0 5px 0;
    color:#634156;
}
/* ++++++++++++++CSS VOOR Nested Listst Sidebar +++++++++++++ */
#sidebar ul {}

#sidebar li {
    list-style: none;
}
#sidebar ul li  {
    list-style: url(style/template-images/bullit.png) inside;
}
#sidebar ul ul li,#sidebarRight ul ul li{
    list-style: url(style/template-images/bullit.png);
}
#sidebar ul ul ul li,#sidebarRight ul ul ul li {
    list-style: url(style/template-images/bullit.png);
}
#sidebar ul ul li {
    list-style: url(style/template-images/bullit.png);
}
#sidebarRight ul li{
    list-style: url(style/template-images/bullit.png)inside;
}
ul.horSubMenu li a{
    color:#ffffff;
    list-style: none inside!important;
    background: #A05599!important;
    padding: 3px 5px;
    
}
ul.horSubMenu li a:hover{
    color:#fDC600;
    list-style: none inside!important;
    background: #A05599!important;
    padding: 3px 5px;
   
}
.post ul li  {
    list-style: url(style/template-images/bullit.png) inside;
}
.post img  {
    border: 4px solid #ffffff;
}
.footerpadding {

    padding-top: 15px;
    color:#ffffff!important;
    font-size: 75%

}
.breadcrumb {
    font-size:75%;
    font-style:italic;
}
li.current_page_item a {
    color:#fdc600!important;
    background: #634156!important;
    padding: 2px 3px;
}
/*--------------------------*/

.input {
    border: 1px solid #99a9cd;
    width: 170px;
}
textarea {
    border: 1px solid #99a9cd;
    width: 170px;
    height:80px;
}
.input {
    height:18px;
    padding: 3px 1px 0 1px;
}
form p {
    padding: 0px 0px 3px 0px;
}
.textIndent { text-indent: -9999px}

#logo{background: url(style/template-images/HeaderLogo.png)no-repeat; left: 45px; top: 0px ; width: 300px;height: 150px;z-index: 1000}