/*
Theme Name: YTB
Description: Ideal for small company. Valid XHTML 1.0 Strict and CSS.
Version: 1.0
Author: dazz
Author URI: http://www.dazzonline.com
Tags: 2 columns, white, fixed width, 860px, company website, valid XHTML
*/

html, body{ margin:10px 0px 20px 0px; padding:0; text-align:center; background: url(img/background.jpg) top center repeat-x #C8E0F2; font-family:verdana,arial;} 
 
#pagewidth{ width:860px; text-align:left; margin-left:auto; margin-right:auto; background: url(img/page_bg.gif) top center repeat-y;} 

#page{ width:860px; background: url(img/page_header.jpg) top center no-repeat; padding:72px 0px 0px 0px;} 

#header{ position:relative; height:146px; width:796px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;background: url(img/header.jpg) top center no-repeat; overflow:hidden;} 
#header h1{margin:0px 0px 0px 0px;padding:72px 0px 0px 12px; font-weight: bold; font-family:arial; font-size:38px; color:#0061C1;}
#header h1 a{color:#0061C1; text-decoration:none;}
#header h1 a:hover{color:#53A9FF; text-decoration:none;}
#header h2{margin:0px 0px 0px 0px;padding:0px 0px 0px 12px; font-weight: bold; font-family:arial; font-size:18px; color:#000000; font-style:italic;}


#sidebar{ width:182px; float:left; position:relative; padding: 2px 2px 0px 32px;}
#sidebar h2{ width:163px; float:left; position:relative; margin: 0px 0px 2px 0px; padding: 8px 5px 8px 14px; height: 25px; display: block; font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:bold; color:#FFFFFF; background:url(img/menu_header.jpg) top left no-repeat;}

/* Navigatie Sidebar */

#menu {list-style: none; clear:left; }
ul#menu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:182px;}
ul#menu li{margin: 0px 0px 2px 0px; display: block; font-family: verdana,arial; font-size: 11px; text-decoration:none; font-weight:bold;}
ul#menu li a{ width: 154px; display: block; background:url(img/menu.jpg) top left no-repeat; padding: 8px 5px 8px 23px; text-decoration:none; color:#004488;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#menu li a:hover{ background-repeat: no-repeat; background-position: -182px 0px; background-image:url(img/menu.jpg); text-decoration:none; color:#FFFFFF; }


#newsmenu {list-style: none; clear:left; }
ul#newsmenu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:182px;}
ul#newsmenu li{margin: 0px 0px 2px 0px; display: block; font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#newsmenu li a{ width: 154px; display: block; background:url(img/menu.jpg) top left no-repeat; padding: 8px 5px 8px 23px; text-decoration:none; color:#004488;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#newsmenu li a:hover{ background-repeat: no-repeat; background-position: -182px 0px; background-image:url(img/menu.jpg); text-decoration:none; color:#FFFFFF; }

#archives {list-style: none; clear:left; }
ul#archives {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:182px;}
ul#archives li{margin: 0px 0px 2px 0px; display: block; font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#archives li a{ width: 154px; display: block; background:url(img/menu.jpg) top left no-repeat; padding: 8px 5px 8px 23px; text-decoration:none; color:#004488;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#archives li a:hover{ background-repeat: no-repeat; background-position: -182px 0px; background-image:url(img/menu.jpg); text-decoration:none; color:#FFFFFF; }

#linksmenu {list-style: none; clear:left; }
ul#linksmenu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:182px;}
ul#linksmenu li{margin: 0px 0px 2px 0px; display: block; font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#linksmenu li a{ width: 154px; display: block; background:url(img/menu.jpg) top left no-repeat; padding: 8px 5px 8px 23px; text-decoration:none; color:#444444;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#linksmenu li a:hover{ background-repeat: no-repeat; background-position: -182px 0px; background-image:url(img/menu.jpg); text-decoration:none; color:#FFFFFF; }

/* Einde Navigatie Sidebar */


#content{ float: right; display:inline; position: relative; width:564px; padding: 30px 50px 30px 30px;}
#content h1{ color:#0000FF; font-family:verdana; font-size: 18px; padding: 0px 0px 0px 0px; margin: 0px; clear:left;}
#content h1 a{ color:#0000FF; font-family:verdana; font-size: 18px; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#content h1 a:hover{ color:#0000FF; font-family:verdana; font-size: 18px; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#content p{ color:#333333; font-size: 13px; line-height:1.7em;}
#content a{ color:#0000FF; text-decoration:none;}
#content a:hover{ color:#FD942D; text-decoration:none;}
#content ul{ color:#333333; font-size: 13px; line-height:1.7em;}
#content ol{ color:#333333; font-size: 13px; line-height:1.7em;}



#submenu {list-style: none; margin: 0px; padding: 0px; width: 224px; background: url(img/submenu_bg.gif) top center repeat-y; float:right;}

.submenuheader{ width:160px; display:block; margin: 0px 2px 2px 22px; background: url(img/submenu_header.gif) top left no-repeat; color:#FFFFFF; font-family: verdana; font-size: 12px; text-decoration:none; font-weight:bold; padding:10px 5px 8px 15px;}
.submenutop {margin: 0px; padding: 0px; width: 224px; height:22px;background: url(img/submenu_top.gif) top left no-repeat; display: block;}
.submenubase {margin: -2px 0px 0px 0px; padding: 0px; width: 224px; height:22px;background: url(img/submenu_base.gif) top left no-repeat; display: block;}

#submenunav {list-style: none; margin: 2px 2px 0px 22px; padding: 0px;}
ul#submenunav {padding: 0px;}
ul#submenunav li{margin: 0px 0px 2px 0px; padding: 0px; display: block; font-family: verdana; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#submenunav li a{ width: 160px; display: block; background: url(img/submenu.gif) top left no-repeat; padding: 5px 5px 5px 15px; text-decoration:none; color:#0054BF; margin: 0px;}
ul#submenunav li a:hover{ display: block; background-repeat: no-repeat; background-position: -180px 0px; background-image: url(img/submenu.gif); color:#FFFFFF; }
ul#submenunav li ul{padding: 2px 0px 0px 0px; list-style: none; margin:0px 0px 0px 0px;}
ul#submenunav li ul li{margin: 0px 0px 2px 0px; padding: 0px; display: block; font-family: verdana; font-size: 12px; text-decoration:none; font-weight:bold; }
ul#submenunav li ul li a{ width: 160px; display: block; background: url(img/submenu.gif) top left no-repeat; padding: 5px 5px 5px 15px; text-decoration:none; color:#0054BF; margin: 0px;}
ul#submenunav li ul li a:hover{ display: block; background-repeat: no-repeat; background-position: -180px 0px; background-image: url(img/submenu.gif); color:#FFFFFF; }


blockquote { margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}

#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}



img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

.divider{height: 20px; width:540px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 20px auto;}
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}
.postinfo { color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:0px; padding:8px 0px 8px 0px;}
.posttime { color:#333333; font-family:Verdana; font-size:7px; }
.comment { color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}




/* Navigatie Top */

#info {height:0; float:right}


#outer {display:block; position:relative; background:transparent; padding:2em; text-align:center; margin:0;}
#outer h2 {margin-bottom:1em;}

#navigation {background:transparent; margin:0 auto; height:3em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation li {display:block; float:left; margin:0 1px;}
.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#fff; margin:0; font-weight:bold;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff;}

a.menu, a.menu:visited {display:block; text-decoration:none; width:5.5em;}
a.menu:hover {background:transparent; cursor:pointer;}
a.menu:hover span {padding-top:10px; background:#888;}
a:menu:hover b {background:#888;} 

.red {background:#c00;}
.orange {background:#f90;}
.yellow {background:#b8b800;}
.green {background:#090;}
.blue {background:#65A7EB;}
.indigo {background:#309;}
.violet {background:#c6c;}
.grey {background:#888;}

a:hover b.red {background:#888;}
a:hover b.orange {background:#888;}
a:hover b.yellow {background:#888;}
a:hover b.green {background:#888;}
a:hover b.blue {background:#699ED5;}
a:hover b.indigo {background:#888;}
a:hover b.violet {background:#888;}

.active {padding-top:10px; background:#699ED5; cursor:default;}


#navigation2 {clear:both; background:transparent; margin:0 auto; height:3em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation2 ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation2 li {display:block; float:left; margin:0 1px;}

.pad {display:block; height:1em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

a.menu2, a.menu2:visited {display:block; text-decoration:none; width:9.9em;}
a.menu2:hover {background:transparent; cursor:pointer;}
a.menu2:hover .boxcontent {padding-bottom:0.8em; background:#699ED5;}
a.menu2:hover .pad {height:0.2em;}

/* Einde Navigatie Top */


.alignleft {
 float: left;
}

.alignright {
 float: right;
}


/* Begin Tables */

table.one
{
table-layout: automatic
}
table.two
{
font-family: verdana;
table-layout: fixed;
border:none;
border-collapse: collapse;
border-color: #ffffff;
color: #000000
}

th
{
font-size: 12px;
color: #ffffff;
text-align: left;
background: #ffffff;
border-width: 0px;
padding: 5px;
border-color: #ffffff;
}

td.one
{
font-size: 12px;
text-align: left;
background: #ffffff;
border-width: 0px;
padding: 5px;
border-color: #ffffff;
}

td.two
{
font-size: 12px;
text-align: left;
background: #ffffff;
border-width: 0px;
padding: 5px;
border-color: #ffffff;
}

td.three
{
font-size: 12px;
text-align: left;
background: #ffffff;
border-width: 0px;
padding: 5px;
border-color: #ffffff;
}

td.four
{
font-size: 12px;
text-align: left;
background: #ffffff;
border-width: 0px;
padding: 5px;
border-color: #ffffff;
}

/* End Tables */



#footer{ height:55px; background:url(img/footer.gif) top center no-repeat; margin: 0px auto 0px auto; clear:both; text-align:left; padding: 39px 44px 0px 44px;width: 772px; } 
#footertext { font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:bold; color:#FFFFFF; float:left;} 
#footertext a{ font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:bold; color:#FFFFFF;} 
#footertext a:hover{ font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:bold; color:#97CBFF;} 


#credits { font-family: verdana,arial; font-size: 11px; text-decoration:none; color:#C5E3FE; float:right;} 
#credits a{ font-family: verdana,arial; font-size: 11px; text-decoration:none; color:#C5E3FE;} 
#credits a:hover{ font-family: verdana,arial; font-size: 11px; text-decoration:none; color:#FFFFFF;} 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #content{width:100%; float:none;}
}