/*
	Author Name	: Nieta
	Author Site	: http://www.nieta.nl
	Style Name	: mixtmedia
	Version		: 1.0
	Colors		: #442A06 - #CB0101 - #E70000 - #E7E7D9
*/

/* Force Vertical Scrollbar */
/* Moz */
html { height: 100%; margin-bottom: 0.01em; }

/* Links */
a { color: #442A06; }
a:hover { color: #CB0101; }

body { font: 62.5% "Trebuchet MS", Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */ color: #442A06; text-align: center; height: 100%; background: #000 url('back.jpg') repeat; background-attachment: fixed; }

#page { background: url('page_bg.png') top center repeat-y; text-align: left; margin: 0 auto; padding: 0; position: relative; border: none; clear: both; min-height:100%; height:auto !important; height:100%; }

/* Afwijkende pagina Tutorial Blog *** LET OP: aanpassingen in HEADER.PHP / INDEX.PHP ***/
body#blog #page { background: url('page_wide_bg2.jpg') top center repeat-y; text-align: left; margin: 0 auto; padding: 0; position: relative; border: none; clear: both; min-height:100%; height:auto !important; height:100%; }

/* Afwijkende pagina Home *** LET OP: aanpassingen in HEADER.PHP / PAGE-HOME.PHP ***/
body#home #page { background: url('page_wide_bg2.jpg') top center repeat-y; text-align: left; margin: 0 auto; padding: 0; position: relative; border: none; clear: both; min-height:100%; height:auto !important; height:100%; }

/* Don't collapse sidebar */
.columns-one #page, .columns-two #page, .columns-three #page { width: 948px !important; }

/* Fixed header en hoofdmenu */ 
#header { padding: 0; margin: 0 auto; position: fixed; top: 0; width: 948px; height: 167px; background: #000; z-index: 2; }

/* Scrolling content (all colums) */ 
.content, .content-portfolio, .content-webdesign { padding: 167px 0 30px 10px; background: url('line.jpg') 415px 167px no-repeat; }

/* Main content */ 
#primary { position: relative; float: left; width: 350px; padding: 0; background: transparent; }

.columns-one #primary, 
.columns-two #primary, 
.columns-three #primary { padding: 6px 28px 0 30px; background: transparent; }

/* Sidebar-main *** middle ***/ 
.columns-one #sidebar-main, 
.columns-two #sidebar-main, 
.columns-three #sidebar-main { width: 263px; padding: 30px 0 0 0; }

/* Sidebar-alt *** right ***/ 
.columns-one #sidebar-alt, 
.columns-two #sidebar-alt, 
.columns-three #sidebar-alt { background: url('sidebar_bg.png') right top repeat-y; width: 267px; padding: 30px 0 0 0; }

/* Round corner bottom sidebar *** LET OP: aanpassingen in SIDEBAR.PHP ***/ 
#sidebar-outside { background: url('sidebar_outside2.jpg')  right bottom no-repeat; min-height:327px; height:auto !important; height:327px; }

/* Sidebar inside */ 
.columns-one .secondary { border-top: 0; }
.secondary { float: left; font-size: 1em; line-height: 1.5em; color: #442A06; position: relative; padding: 0; overflow: hidden; }
.secondary div { margin: 0; padding: 0; position: relative; }
#sidebar-main.secondary { padding-top: 60px; }
#sidebar-main.secondary div { padding: 0 28px 0 28px; }
#sidebar-main.secondary div div { padding: 0; margin: 0px;}

	
/* Main menu in header *** LET OP: aanpassingen in HEADER.PHP / STYLE.CSS ***/
ul.menu { margin: 0; padding: 0; position: absolute; top: 0; right: 12px; width: 600px; }
ul.menu li { display: inline; margin: 0; }

/* Non-Images-menu */ 
ul.menu li a { color: #FFF; margin: 0; padding: 0; font: 15px bold sans-serif; float: right; }
ul.menu li a:hover { background: #D73918; color: #FFF; text-decoration: none; }
ul.menu li.current_page_item a, 
ul.menu li.current_page_item a:hover { color: #FFF; background: none; text-decoration: none; }
	
/* Images-menu >> hide text-link */
ul.menu li a b, ul.menu li a em { display:none; }	

/* Images-menu >> show image-link */
ul.menu li.page_item-webdesign a { background: url('web-design.jpg') left -46px no-repeat; height:46px; width:132px; } 
ul.menu li.page_item-portfolio a { background: url('portfolio.jpg') left -46px no-repeat; height:46px; width:108px; } 
ul.menu li.page_item-projects a { background: url('projects.jpg') left -46px no-repeat; height:46px; width:106px; } 
ul.menu li.page_item-trainingen a { background: url('trainingen.jpg') left -46px no-repeat; height:46px; width:125px; } 
ul.menu li.page_item-blog a { background: url('blog.jpg') left -46px no-repeat; height:46px; width:70px; } 
ul.menu li.page_item-tutorials a { background: url('tutorials.jpg') left -46px no-repeat; height:46px; width:143px; } 
ul.menu li.page_item-about a { background: url('about.jpg') left -46px no-repeat; height:46px; width:117px; } 
ul.menu li.page_item-contact a { background: url('contact.jpg') left -46px no-repeat; height:46px; width:99px; }

/* Images-menu toon image-hover en current */	
ul.menu li.page_item-webdesign a:hover, 
ul.menu li.current_page_item-webdesign a, 
ul.menu li.current_page_item-webdesign a:hover { background: url('web-design.jpg') left 0px no-repeat;height:46px;width:132px; } 

ul.menu li.page_item-portfolio a:hover, 
ul.menu li.current_page_item-portfolio a, 
ul.menu li.current_page_item-portfolio a:hover { background: url('portfolio.jpg') left 0px no-repeat;height:46px;width:108px; } 

ul.menu li.page_item-projects a:hover, 
ul.menu li.current_page_item-projects a, 
ul.menu li.current_page_item-projects a:hover { background: url('projects.jpg') left 0px no-repeat;height:46px;width:106px; } 

ul.menu li.page_item-trainingen a:hover, 
ul.menu li.current_page_item-trainingen a, 
ul.menu li.current_page_item-trainingen a:hover { background: url('trainingen.jpg') left 0px no-repeat;height:46px;width:125px; } 

ul.menu li.page_item-blog a:hover, 
ul.menu li.current_page_item-blog a, 
ul.menu li.current_page_item-blog a:hover { background: url('blog.jpg') left 0px no-repeat;height:46px;width:70px; } 

ul.menu li.page_item-tutorials a:hover, 
ul.menu li.current_page_item-tutorials a, 
ul.menu li.current_page_item-tutorials a:hover { background: url('tutorials.jpg') left 0px no-repeat;height:46px;width:143px; } 

ul.menu li.page_item-about a:hover, 
ul.menu li.current_page_item-about a, 
ul.menu li.current_page_item-about a:hover { background: url('about.jpg') left 0px no-repeat;height:46px;width:117px; } 

ul.menu li.page_item-contact a:hover, 
ul.menu li.current_page_item-contact a, 
ul.menu li.current_page_item-contact a:hover { background: url('contact.jpg') left 0px no-repeat;height:46px;width:99px; }


/* Hide frontend Login */
ul.menu li.admintab a { display: none; }


/* H1 is home-link in header */ 
h1 { margin: 0 0 0 20px; padding: 128px 0 0 0; width: 300px; float:left; }
h1 a { width: 300px; float:left; }
h1 a:hover { text-decoration: none; }

/* h1 hide text-link */ h1 a b, h1 a em { display:none; }
h1 a { background: url('home.gif') 0 0 no-repeat; height:27px; width:300px; outline:0; }
body#home #page h1 a { background: url('home.gif') 0 -27px no-repeat; height:27px; width:300px; outline:0; }

h1 a:hover { background: url('home.gif') 0 -27px no-repeat; }


/* Tagline */
#header .description { font-size: 16px; text-align: right; margin: 0; padding: 0; position:absolute; top: 82px; right: 28px; width:60%; }
#header p.description { font-weight: normal; color: #E60404; letter-spacing: 0.1em; font-style: italic; }
.page-head { margin: 0; }


/* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
h2 { text-align: left; font-size: 18px; font-weight: bold; letter-spacing: 0px; display:none; }

body#about h2 { text-align: left; font-size: 18px; font-weight: bold; margin-bottom: 0; margin-top: 0; color: #CB0101; display: block; }
body#about h2 a { color: #CB0101 !important; }
body#about h2 a:hover { text-decoration: none !important; }
	

/* H3 is entry headlines. H4 is comments and replyform headlines */
#primary h3, #primary h4, 
.single #primary .k2-asides h3 { font-size: 18px; font-weight: bold; letter-spacing: 0; color: #CB0101; }
#primary .entry-content h3 { font-size: 18px; font-weight: bold; margin-bottom: 7px; margin-top: 0; color: #CB0101; line-height: 24px; }
body.page .entry-content h3 { display: block; padding: 0; }
#primary .entry-content h4 { font-size: 14px; font-weight: bold; margin-top: 0; margin-bottom: 5px; }
body.page .entry-content h4 { font-size: 14px; display: block; padding: 0; }

/* Secondary H4 is sidebar headlines */	
.secondary h4 { color: #CB0101; font-size: 14px; font-weight: bold; padding: 0; display: block; margin-bottom: 0px; }
body#about .secondary h4 { display:none !important; }
body#webdesign #sidebar-main.secondary h4 { display:none !important; }
body#contact #sidebar-alt.secondary h4 { display:none !important; }
.sb-pagemenu h4 { width: 242px; padding: 4px 0px 4px 15px; background: url(home-title-bg.jpg) -10px 0px no-repeat; }


/* Hide search */	
.secondary #search { margin-top: 0; display:none; }
	
/*** custom classes sidebar ***/

/* Sidebar-images About - Contact */
div.sidebar-image img { padding: 0 33px 0 24px; margin: 0; }


/* Testimonial */
.testimonial { font-size: 12px; line-height: 1.3em; color: #442A06; text-align: left; letter-spacing: 0.03em; font-weight: bold; }

/* Testimonial name */
.company { font-size: 12px; font-style: italic; line-height: 1.5em; color: #CB0101; display: block; margin-bottom:10px; font-weight:normal; }


/* Sidebar-main (middle) >> Portfolio - Trainingen - Over MM - Contact */
.contact, 
.info { font-size: 1.2em; font-style: normal; display: block; margin-bottom:10px; padding:0; line-height: 1.4em; }

.contact a, 
.info a { color: #442A06 !important; text-decoration: underline; } 

.contact a:hover, 
.info a:hover { color: #CB0101 !important; }


/* Primary Contents */
.entry-content { font-size: 1.2em; line-height: 1.4em; text-align: left; color: #442A06; }
.entry-head { margin-top: 10px; display:block; clear: left; }
.entry-content p, 
.entry-content ul, 
.entry-content ol, 
.entry-content div, 
.entry-content blockquote { margin: 5px 0 15px 0; }
.entry-content img { margin:0; padding:0; border:0; } 


/* Content List style */
.entry-content ol, 
.entry-content ul { padding:0; }
.entry-content ol li, 
.entry-content ul li { margin:0; list-style: none; padding: 0 0 0 14px; background: url('bullet-02.gif') no-repeat left 3px; list-style-position: outside; }


/* Content Links */
.entry-content a:link, 
.entry-content a:visited, 
.entry-content-portfolio a:link, 
.entry-content-portfolio a:visited { color: #442A06 !important; text-decoration: underline; }

.entry-content a:hover, 
.entry-content-portfolio a:hover { text-decoration: underline; color: #CB0101 !important; }


/* Footer *** LET OP: aanpassingen in FOOTER.PHP / STYLE.CSS ***/ 
div#footer { margin:0; padding: 0; height: 18px; background: url('footer.png')  left top no-repeat; position:fixed; bottom: 0px; width: 948px; }
#footer p { visibility:hidden; }
#footer a { visibility:hidden; }


/* Trainingen - Portfolio  submenu */ 
ul.pages-submenu { margin: 0; padding: 0 0 20px 0; }
ul.pages-submenu li { padding: 0; margin: 0; background: url('submenu_li.gif')  1px center no-repeat; }
ul.pages-submenu li:hover { background: url('submenu.gif')  1px center no-repeat; }

ul.pages-submenu li a { color: #CB0101; margin: 0; padding: 0 0 0 30px; font-size: 16px; font-weight: bold; line-height: 30px; font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif; font-style: normal; }
ul.pages-submenu li a:hover { color: #CB0101 !important; text-decoration: underline; }
ul.pages-submenu li.current_page_item, 
ul.pages-submenu li.current_page_item:hover { background: url('submenu.gif')  1px center no-repeat; }
ul.pages-submenu li.current_page_item a, 
ul.pages-submenu li.current_page_item a:hover { color: #CB0101 !important; text-decoration: none !important; }
	

/* Sidebar Portfolio Subpages Menu */
.sb-pagemenu a { display: none; }
.sb-pagemenu ul { margin-top:20px; margin-right: 10px; } 
.sb-pagemenu ul .page_item a { display: block; font-size: 12px; line-height:1.5em; margin: 0; padding: 0 30px; color: #442A06 !important; text-decoration: none !important; font-weight: bold; }
.sb-pagemenu ul .page_item a:hover { background: url(home-title-bg.jpg) -10px 0px no-repeat; /*color: #CB0101 !important;*/ text-decoration: none !important; }
.sb-pagemenu ul ul { margin-top: 2px; }
.sb-pagemenu ul ul .page_item { margin-left: 10px; padding: 0; }
.sb-pagemenu li.current_page_item a { background: url(home-title-bg.jpg) -10px 0px no-repeat; color: #CB0101 !important; font-weight: bold; }
			

/* Custom css Portfolio Subpages */
.content-portfolio { padding: 167px 0 0 10px; }

.content-portfolio #primary { position: relative; float: left; width: 613px; padding: 0; padding: 6px 28px 0 30px; }
.content-portfolio div#sidebar-main { width: 0 !important; padding: 0; }
.content-portfolio div#sidebar-alt { width: 267px; padding: 30px 0 0 0; background: url('sidebar_bg2.jpg') top right repeat-y; }

/* Portfolio Subpages title */
.content-portfolio h2 { text-align: left; font-size: 18px; font-weight: bold; margin-bottom: 0; margin-top: 0; color: #CB0101; display: block; }
.content-portfolio h2 a { color: #CB0101 !important; }
.content-portfolio h2 a:hover { text-decoration: none !important; }

/* Portfolio Subpages content */
.entry-content-portfolio { font-size: 1.2em; line-height: 1.5em; text-align: left; margin: 6px 0 0; }
.entry-content-portfolio p { margin: 8px 0 15px 0; }
.entry-content-portfolio img { margin: 0 50px 0px 0; padding: 0; padding-bottom:50%; border: 0; float:left; width:350px; }

/* Portfolio Subpages 'verder kijken' */
.meer-project { text-align: left; text-indent: 225px; }
.meer-project a:link, 
.meer-project a:visited { font-size: 12px; color: #442A06 !important; padding: 5px 40px 5px 0; text-decoration:none !important; background: url('pijl.jpg') no-repeat 105px center; } 
.meer-project a:hover { color: #CB0101 !important; text-decoration:none !important; background: url('pijl_over.jpg') no-repeat 105px center; }


/* Custom css Home */
.content-home { padding: 167px 0 30px 10px; }

.content-home #primary { position: relative; float: left; width: 569px; padding: 6px 28px 0 30px; }
.content-home div#sidebar-main { width: 0 !important; padding: 0; }
.content-home div#sidebar-alt { width: 311px; padding: 9px 0 30px 0; background: transparent; }

/* Round corner bottom sidebar Home *** LET OP: aanpassingen in SIDEBAR.PHP ***/
.content-home div#sidebar-outside { background: transparent; }

/* Home main content titles */
.content-home h2 { text-align: left; font-size: 18px; font-weight: bold; margin: 3px 0 0; padding: 0 0 0 20px; color: #CB0101; display: block; background: url('home-title-bg.jpg')  left top no-repeat; line-height:31px; }
.content-home h2 a { visibility: hidden; }
.content-home .page-head { padding:0; margin:0; }
	
/* Home 'lees meer' */
.content-home #primary .entry-content h3 { font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
body.page .content-home .entry-content h3 { font-size: 18px; display: block; margin: 0; padding: 0; }

.content-home #primary .entry-content h3 a:link, 
.content-home #primary .entry-content h3 a:visited { color: #CB0101 !important; text-decoration:none !important; line-height:22px; background: #F3F3EC url('leesmeer.gif') no-repeat right 12px; display:block; width: 546px; margin: 0; padding: 10px 0 5px 23px; }
.content-home #primary .entry-content h3 a:hover { color: #CB0101 !important; text-decoration:underline !important; background: #F3F3EC url('leesmeer_o.gif') no-repeat right 12px; }

/* Home 'preamble' */
.content-home .entry-content h5 { font-size: 1em; font-weight: normal; line-height: 1.3em; font-family: "Trebuchet MS", "Helvetica Neue", sans-serif; margin: 0; padding: 0 20px 5px 20px; background: #F3F3EC; }

/* Home Rounded corner bottom 'preamble' */ 
.content-home .entry-content h6 { text-align: left; font-size: 18px; font-weight: bold; margin: 0 0 20px 0; padding: 0 0 0 20px; color: #F3F3EC; display: block; line-height:31px; background: url('home-back-bottom.jpg')  left bottom no-repeat; }

/* Home content */
.content-home .entry-content { font-size: 1.2em; line-height: 1.3em; text-align: left; margin:0; padding:0; }
.content-home .entry-content p { margin: 0; padding: 0; width: 45%; float:right; }
.content-home .entry-content img { margin: 0; padding: 0; border: 0; margin: -15px 0 0 0; }

/* Home main content banner */	
.content-home #primary .entry-content h4 { font-size: 16px; font-weight: bold; margin-top: 0; margin-bottom: 0; background: url('uitgelicht.jpg')  left top no-repeat; }
body.page .content-home .entry-content h4 { font-size: 16px; display: block; width: 272px; margin: 0; padding: 0; float:left; }

.content-home #primary .entry-content h4 a:link, 
.content-home #primary .entry-content h4 a:visited { color: #CB0101 !important; background: url('pijl.jpg') no-repeat center right; text-decoration:none !important; display: block; line-height: 28px; margin: 0 5px 0 0; padding: 0 0 0 23px; }
.content-home #primary .entry-content h4 a:hover { background: url('pijl_over.jpg') no-repeat center right; color: #CB0101 !important; text-decoration:underline !important; }

/* Home main content testimonial */
/*.content-home .testimonial { margin: 0; padding: 0; width: 45%; float:right; font-size: 14px; line-height: 1.4em; color: #CB0101; text-align: left; letter-spacing: 0.03em; font-weight: bold; }
.content-home .company { margin: 0; padding: 0; width: 45%; float:right; color: #442A06; } */


/* Home sidebar titles */
.content-home .secondary h4 { color: #CB0101; margin: 0; padding: 0 0 0 23px; font-size: 16px; font-weight: bold; font-family: "Trebuchet MS", "Helvetica Neue", sans-serif; line-height: 30px; background: url('uitgelicht.jpg')  left top no-repeat; }

.content-home .secondary h4 a:link, 
.content-home .secondary h4 a:visited { background: url('pijl.jpg') no-repeat 96% center; width: 252px; }
.content-home .secondary h4 a:hover { background: url('pijl_over.jpg') no-repeat 96% center; }

/* Home sidebar 'uitgelicht' */
ul.uitgelicht { margin: 0; padding: 0; }
ul.uitgelicht li { padding: 0; margin: 0 39px 0 0; background: #F3F3EC url('uitgelicht.jpg')  left top no-repeat; }
ul.uitgelicht li:hover { }
ul.uitgelicht li a { color: #CB0101; margin: 0 5px 0 0; padding: 0 0 0 23px; font-size: 16px; font-weight: bold; font-family: "Trebuchet MS", "Helvetica Neue", sans-serif; line-height: 30px; background: url('pijl.jpg') no-repeat center right; display:block; width: 244px; }
ul.uitgelicht li a:hover { color: #CB0101 !important; text-decoration: underline; background: url('pijl_over.jpg') no-repeat center right; }
	
/* Home sidebar 'weblog entries' */
.content-home .widget_recent_entries h4 a { color: #CB0101; margin-right:-5px; display:block; }
.content-home .widget_recent_entries { background: #f3f3ec url('home_module_bg.jpg')  bottom center no-repeat; margin:0 0 23px 0; padding: 0 0 30px 0; width:272px; }
.content-home .widget_recent_entries ul { padding:5px 0; margin-left:23px; }
.content-home .widget_recent_entries ul li { margin:0; list-style: none; padding: 0 0 0 14px; background: url('bullet.gif') no-repeat left 3px; list-style-position: outside; }
.content-home .widget_recent_entries ul li a { color: #CB0101; margin: 0; font-size: 12px; font-weight: bold; font-family: "Trebuchet MS", "Helvetica Neue", sans-serif; }
.content-home .widget_recent_entries .feedlink { /* On the sidebar */ display:none; }


/* Home Footer */
div#footer-home { margin:0; padding: 0; height: 56px; background: url('footer_home.gif')  left top no-repeat; position:fixed; bottom: 0px; width:948px; }
#footer-home p { visibility:hidden; }
#footer-home a { visibility:hidden; }


/* Custom css Tutorial blog */
.content-blog { padding: 167px 0 30px 10px; }

.content-blog #primary { position: relative; float: left; width: 613px; padding: 0; padding: 6px 28px 0 30px; }
.content-blog div#sidebar-main { width: 267px; padding: 30px 0 0 0; background: url('sidebar_bg2.jpg') top right repeat-y; }
.content-blog div#sidebar-alt { width: 0 !important; padding: 0; background: transparent; }
.content-blog #sidebar-main.secondary div { padding: 0; }
	
/* Rounded corner sidebar Tutorial Blog */ 
.content-blog div#sidebar-outside { background: transparent; }

/* Tutorial Blog content titles */
.content-blog h2 { text-align: left; font-size: 18px; font-weight: bold; margin-bottom: 0; margin-top: 0; color: #CB0101; display: block; }
.content-blog h2 a { color: #CB0101 !important; }
.content-blog h2 a:hover { text-decoration: none !important; }
	
.content-blog .entry-content { margin: 5px 0 8px 0; display:block;min-height:177px; height:auto !important; height:177px;}

.content-blog h3, 
.content-blog h3 a, 
.content-blog h3 a:visited { font-size: 18px; font-weight: bold; margin-bottom: 5px; margin-top: 0; color: #CB0101 !important; display:block;}

.content-blog h4, 
.content-blog h4 a, 
.content-blog h4 a:visited { font-size: 16px; font-weight: bold; margin-bottom: 5px; margin-top: 0; color: #CB0101 !important; }

.content-blog h5, 
.content-blog h5 a, 
.content-blog h5 a:visited { font-size: 14px; font-weight: normal; margin-bottom: 10px; margin-top: 30px; color: #FFFFFF !important; background: url('tutorial-stap_bg.jpg') top left no-repeat; padding: 2px 10px; line-height: 24px; }

.content-blog h3, .content-blog h3 a, .content-blog h3 a:hover, .content-blog h3 a:visited,
.content-blog h4, .content-blog h4 a, .content-blog h4 a:hover, .content-blog h4 a:visited {
	text-decoration: none;
	}

/* Tutorial Blog content */
body#blog .entry-content p { margin: 5px 0 8px 0; }
.content-blog .entry-content p img { margin: 0 20px 5px 0; padding: 0; border: 0; }
.intro{}

/* Tutorial Blog content 'download werkfiles' */
.download { background: url('pijl_volgende.gif') right top no-repeat; padding-right:20px; }

/* Tutorial Blog content 'lees meer' */ 
.more-link { background: url('pijl_volgende.gif') right top no-repeat; padding-right:20px; clear:right; }


/* Tutorial Blog sidebar titles */
.content-blog .secondary h4 { color: #CB0101; margin: 0; padding: 0 5px 0 23px; font-size: 16px; font-weight: bold; font-family: "Trebuchet MS", "Helvetica Neue", sans-serif; line-height: 30px; background: url('submenu_0.gif')  left top no-repeat; }

/* Tutorial Blog sidebar modules */
.content-blog .sb-latest,
.content-blog .widget_recent_entries, 
.content-blog .widget_archive, 
.content-blog .sb-about, 
.content-blog .widget_categories { background: transparent; width: 257px; margin:0 0 23px 0; }

.content-blog .sb-latest ul, 
.content-blog .widget_recent_entries ul, 
.content-blog .widget_archive ul, 
.content-blog .widget_categories ul { padding:5px 0; margin-left:23px; }

.content-blog .sb-latest ul li, 
.content-blog .widget_recent_entries ul li, 
.content-blog .widget_archive ul li, 
.content-blog .widget_categories ul li { margin:0; list-style: none; padding: 0 0 0 14px; background: url('bullet.gif') no-repeat left 3px; list-style-position: outside; }

.content-blog .sb-latest ul li a, 
.content-blog .widget_recent_entries ul li a, 
.content-blog .widget_archive ul li a, 
.content-blog .widget_categories ul a { color: #CB0101; margin: 0; font-size: 12px; font-weight: bold; font-family: "Trebuchet MS", "Helvetica Neue", sans-serif; }


/* Feedlink - on the sidebar */
.sb-latest .feedlink { border: none; padding: 2px; padding-right: 20px; background: url('feed.png') right center no-repeat; height: 16px; position: absolute; top: 4px; right: 4px; color: #CB0101; }
.feedlink span { visibility: hidden; }
.feedlink:hover span { visibility: visible; }


/* Tutorial Blog sidebar modules - Tag Cloud Module */
.content-blog #tagcloud { background: url('submenu_0.gif')  left top no-repeat; }
.content-blog .secondary .sb-wptagcloud h4 { color: #CB0101; margin: 0; padding: 0 5px 0 23px; font-size: 16px; font-weight: bold; font-family: "Trebuchet MS", "Helvetica Neue", sans-serif; line-height: 30px; background: transparent; display: inline; }

.widget_tag_cloud ul, .widget_tag_cloud div { line-height: 1.5em; text-align: justify; margin:0 23px 23px 23px !important;  }
.widget_tag_cloud li { display: inline; }
.widget_tag_cloud a { padding: 0 2px; white-space: nowrap; text-transform: lowercase; color: #442A06 !important; font-size: 12px !important; font-weight: normal; }
.widget_tag_cloud a:hover { color: #CB0101 !important; }


/* Tutorial Blog Footer */
div#footer-blog { margin:0; padding: 0; height: 55px; background: url('footer_blog.gif')  left top no-repeat; position:fixed; bottom: 0px; width:948px; }
#footer-blog p { visibility:hidden; }
#footer-blog a { visibility:hidden; }


/* Tutorial Blog meta */
.meta-start, 
.entry-meta .meta-prep, 
div.entry-categories, 
.meta-end { display:none; }

.entry-tags { display: block; margin: 2px 0 14px 0; padding: 0; background: transparent; color: #442A06; font-size: 12px; font-weight: normal; }
.entry-tags a { color: #442A06; font-size: 12px; font-weight: normal; }
.entry-meta a, .entry-date abbr { color: #442A06; }

/* Tutorial Blog comments */
.commentslink { padding: 2px 0 2px 20px; background: url('comment.png') left center no-repeat; margin: -20px 10px 0 0; color: #CB0101 !important; float:right; }
.quoter_comment { padding: 2px 0 2px 20px; background: url('comment.png') left center no-repeat; margin-left: 5px; }
#commentlist li .comment-meta { padding: 2px 0 2px 0px; background: transparent; display: block; }
#leavecomment, 
.comments #loading, 
#comments-closed-msg { text-align: left; margin: 30px 0 20px !important; color: #ddd; font-size: 1.2em; letter-spacing: 0; }
.comments a { text-decoration: underline; }
.comments #loading { margin-top: 20px !important; }
#comments-closed-msg { margin-bottom: 40px !important; }
.comments #commenterror { display: none; line-height: 2.0; padding: 5px; color: #FF0000; background-color: #FFFF99; }
.comments #commentload { display: none; padding-top: 3px; float: right; vertical-align: middle; height: 18px; width: 18px; background: url('../../images/spinner.gif') center center no-repeat; }
.comments form { clear: both; padding: 1px 0 10px; margin: 0; }
.comments input[type=text], .comments textarea { font: 1.2em 'Courier New', Courier, Monospace; padding: 3px; color: #777; }
input[type=text]:focus, textarea:focus { background: #fff; color: #333; border-color: #666; }
.comments form input[type=text] { width: 45%; margin: 5px 5px 1px 0; }
.comments textarea { background: #FBFBF5; width: 100%; margin: 10px 0; border: 1px solid #dadad0; }
.comments form #submit { margin: 0; float: left; background: url('submit_btn.jpg') top right no-repeat; width:73px; height:20px; border:none; color:#FFF; }


/* Tutorial Blog content navigation */
.navigation { text-align: center; margin: 10px 0; padding: 0; width: 100%; }
.comments .navigation { margin: 10px 0; }
.navigation .left { float: left; width: 40%; height:24px; line-height:14px; text-align: left; background: url('pijl_vorige.gif') left top no-repeat; padding: 0 0 0 25px; }
.navigation .right { float: right; width: 40%; height:24px; line-height:14px; text-align: right; background: url('pijl_volgende.gif') right top no-repeat; padding: 0 25px 0 0; }
.navigation p { margin: 0; padding: 0; }
.navigation a { color: #442A06; text-decoration:underline; }
.navigation a:hover { color: #CB0101; }


/* Custom css sidebar pages */ 
body#contact #sidebar-main.secondary { padding-top: 66px; }

body#portfolio #sidebar-main.secondary { padding-top: 55px; }

body#trainingen #sidebar-main.secondary { padding-top: 55px; }

/*contact form*/
form.ddfm {
padding:10px;
text-align:left;
width:330px !important;
}
form.ddfm label, form.ddfm .required {color: #CB0101 !important; }
form.ddfm textarea, form.ddfm input.fmfile, form.ddfm input.fmtext { background:none repeat scroll 0 0 #FBFAF5; border:1px solid #E7E7D9 !important;}
form.ddfm .credits {display: none;}