/*
Theme Name: zZmogh - kunsteducatie met een angel
Theme URI: http://www.vliegwerk.be/
Description: Het wordpress theme voor de vernieuwde huisstijl anno 2009 voor zZmogh vzw.
Version: 1.0
Author: vliegwerk cvba
Author URI: http://www.vliegwerk.be
*/
 
@import url("reset.css");

body {
	/*background: #f7f7f7 url(images/25original.gif);*/
	background:#FFF url(images/wolkjes.jpg) repeat-x;
	color: #362f2d;
	font: 10pt/14pt Arial;
	letter-spacing: -0.5px;
	text-align: center;
}

a, a:visited {
	text-decoration: none;
}

a:hover, a:focus {
	color: #70c2e1;
	text-decoration: underline;
}

.frame {
	margin: 0px auto;
	text-align: left;
	width: 970px;
}

/*
 * main
 * 
 */

#logo_main a {
	float: left;
	width: 241px;
	height: 163px;
	
}
#wedstrijd{
	float:left;
	margin-left:150px;
	
}
#topmenu {
	float:left;
height:80px;
/*padding-right:190px;*/
text-align:right;
/*width:353px;*/
padding-top:12px;
	
}

#topmenu ul {
	margin-top: 10px;
}

#topmenu ul li {
	display: inline;
	margin: 0px 10px;
}

#topmenu a {
	display: inline-block;
	color: #fff;
	letter-spacing: -0.8px;
	font-weight: bold;
	line-height: 27px;
}

#topmenu a:hover, #topmenu a:focus {
	color: #000;
	text-decoration: none;
}

li.menuoverzzmogh a {
	background: url(images/huisstijl/icobij_2.png) no-repeat 0 0;
	padding-left: 25px;
}

li.menuoverzzmogh a:hover {
	background: url(images/huisstijl/icobij_2.png) no-repeat 0 -27px;
}

li.menuaanvragen a {
	background: url(images/huisstijl/icovraag_2.png) no-repeat 0 0;
	padding-left: 30px;
}

li.menuaanvragen a:hover {
	background: url(images/huisstijl/icovraag_2.png) no-repeat 0 -27px;
}

li.menucontact a {
	background: url(images/huisstijl/icogsm_2.png) no-repeat 0 0;
	padding-left: 17px;
}

li.menucontact a:hover {
	background: url(images/huisstijl/icogsm_2.png) no-repeat 0 -27px;
}

li.menuzzmoghalarm a {
	background: url(images/huisstijl/icoza_2.png) no-repeat 0 0;
	padding-left: 23px;
}

li.menuzzmoghalarm a:hover {
	background: url(images/huisstijl/icoza_2.png) no-repeat 0 -27px;
}

li.menurss a {
	background: url(images/huisstijl/icorss_2.png) no-repeat 0 0;
	padding-left: 27px;
}

li.menurss a:hover {
	background: url(images/huisstijl/icorss_2.png) no-repeat 0 -27px;
}

#mainmenu {
	float:left;
height:59px;
margin-top:34px;
/*margin-right:15px;
width:710px;*/
}

#mainmenu ul li {
	display: inline;
	margin: 0px 8px;
}

#mainmenu a {
	color: #262626;
	font-size: 20pt;
	line-height: 30pt;
	letter-spacing: -1.3px;
	font-weight: bold;
}

#mainmenu a:hover, #mainmenu a:focus {
	color: #70C2E1;
	text-decoration: none;
}

#content {
	clear: both;
}

#content_left {
	float: left;
	width: 512px;
}

#content_right {
	float: left;
	width: 457px;
}

#content_bottom {
	clear: both;
	height: 55px;	
}

#content .text ul {
	margin: 5px;
}

#content .entry .content_aanbod .text li {
	margin-left: 15px;
	padding-left: 10px;
	list-style-type: disc;
	list-style-position: outside;
	
}

ol{
	list-style-type:decimal;
}

#content .entry .content_aanbod .text p {
	margin: 5px 0px;
}

#baseline_main {
	height: 134px;
	background: url(images/baseline_main.png);	
}

#logo_main span, #baseline_main span, #logo_inner span {
	display: none;
	
}

#description_main {
	font: 22px Arial;
	color: #5e5e5e;
	padding: 11px;
	letter-spacing: 0px;
	font-weight:bold;
	width:540px;
}

#description_main a {
	color: #aaa;
	letter-spacing: -0.8px;
}
#description_main2 {
	font: 20px Arial;
	color: #5e5e5e;
	padding: 11px;
	letter-spacing: 0px;
	font-weight:bold;
	width:490px;
	float:left;
	margin-bottom:20px;
}
.baseline2{
float:left;
}
#description_main2 a {
	color: #70C2E1;
	letter-spacing: -0.8px;
}
#description_main2 a:hover {
	color: #aaa;
	letter-spacing: -0.8px;
}


#shortcuts {
	text-align: center;
}

#shortcuts a {
	margin: 0px 10px;
}

.zowerktzzmogh {
	background: url(images/huisstijl/zowerktzzmogh.png) no-repeat 0 0;
	width: 140px;
	height: 96px;
}

.zowerktzzmogh:hover {
	background: url(images/huisstijl/zowerktzzmogh.png) no-repeat 0px -96px;
}

.ontwerpjeproject {
	background: url(images/huisstijl/ontwerpjeproject.png) no-repeat 0 0;
	width: 163px;
	height: 96px;	
}

.ontwerpjeproject:hover {
	background: url(images/huisstijl/ontwerpjeproject.png) no-repeat 0px -96px;
}

#showcase {
	padding: 11px;
}

#showcase h2 {
	color: #70c2e1;
	font-size: 23pt;
	line-height: 24pt;
	letter-spacing: -1.3px;
}

#showcase h2 a, #showcase h2 a:visited {
	color: #70c2e1;
}

#showcase h2 a:hover, #showcase h2 focus {
	text-decoration: none;
}

#showcase ul {
	margin-top: 10px;
}

#showcase ul li {
	display: block;
	float: left;
	background-color: #ffffff;
	height: 184px;
	margin-bottom: 10px;
}

#showcase ul li a {
	display: block;
	padding: 10px 0px 150px 8px;
	width: 206px;
	color: #5e5e5e;
	font-size: 18pt;
	letter-spacing: -1.3px;
	font-weight: bold;
	text-transform: lowercase;
}

#showcase ul li a:hover, #showcase ul li a:focus {
	text-decoration: none;
	color: #70c2e1;
}
/* voor de nieuwe frontpage*/

#showcase2 {
	padding: 11px;
}

#showcase2 h2 {
	color: #70c2e1;
	font-size: 23pt;
	line-height: 24pt;
	letter-spacing: -1.3px;
}

#showcase2 h2 a, #showcase2 h2 a:visited {
	color: #70c2e1;
}

#showcase2 h2 a:hover, #showcase2 h2 focus {
	text-decoration: none;
}

#showcase2 ul {
	margin-top: 10px;
}

#showcase2 ul li {
	display: block;
	float: left;
	background-color: #ffffff;
	height: 184px;
	margin-bottom: 10px;
	margin-right:22px;
}

#showcase2 ul li a {
	display: block;
	padding: 10px 0px 150px 8px;
	width: 206px;
	color: #5e5e5e;
	font-size: 18pt;
	letter-spacing: -1.3px;
	font-weight: bold;
	text-transform: lowercase;
}

#showcase2 ul li a:hover, #showcase2 ul li a:focus {
	text-decoration: none;
	color: #70c2e1;
}
/* einde voor de nieuwe frontpage */

li.vrijetijd a {
	background: url(images/home_vrijtijd.jpg) no-repeat 8px 40px;
}
li.onderwijs a {
	background: url(images/home_onderwijs.jpg) no-repeat 8px 40px;
}
li.online a {
	background: url(images/home_online.jpg) no-repeat 8px 40px;
}
li.opaanvraag a {
	background: url(images/home_opmaat.jpg) no-repeat 8px 40px;
}
#showcase ul li.left {
	margin-right: 50px;
}

#inthepicture {
	margin: 10px 15px 77px 60px;
	color: #aaaaaa;
	background: #ffffff;
	padding: 10px;
	line-height: 11pt;
	overflow:hidden;
	z-index:1;
	height:310px;

}

#inthepicture h2 {
	margin-top: 3px;
	font-size: 14pt;
	line-height: 18pt;
	color: #362f2d;
}

#inthepicture a {
	color: #70c2e1;
	font-weight: bold;
}

#opmaat {
	float: left;
	width: 220px;
	height: 379px;
	margin-left: 60px;	
	background: #70c2e1 url(images/huisstijl/fabriek2.png) no-repeat 109px 257px;
}

#opmaatbox {
	color: #ffffff;
	margin: 15px;
	font-size: 16pt;
	line-height: 22pt;
}

#opmaatbox a {
	color: #ffffff;
}

#opmaatbox span {
/*	display: block;*/
}

#opmaatbox .stijl1 {
	font-size: 20pt;
}

#opmaatbox .stijl2 {
	font-size: 20pt;

	font-style: italic;	
}

#opmaatbox .stijl3 {
	font-size: 18pt;
	line-height: 22pt;
}

#goeieredenen {
	float: left;
	width: 166px;
	font-size: 13pt;
	line-height: 13pt;
}

#goeieredenen ul {
	margin-top: 10px;
	
}

#goeieredenen li {
	padding: 8px 18px;
}

#goeieredenen a {
	color: #5e5e5e;
}

#goeieredenen a:hover {
	color: #000;
	text-decoration: none;
}

#footer {
	clear: both;
	background: #70c2e1 url(images/footergradien.jpg) repeat-x;
}

#footertop {
	padding-top: 30px;
}

#footertop ul li {
	display: block;
	float: left;
	width: 194px;
	height: 30px;
	font-size: 13pt;
}

#footertop ul li a {
	color: #f7f6f3;
	padding: 10px;
}

#footertop ul li a:hover {
	color: #362f2d;
	text-decoration: none;
}

#footerbottom {
	clear: both;
	padding: 80px 5px 10px 11px;
	background: #70c2e1 url(images/huisstijl/zzmogh_banner.png) no-repeat 820px 40px;
}

#footerbottom ul {
	float: left;
}

#footerbottom ul li {
	display: inline;
	font-size: 10pt;
	text-transform: uppercase;
	border-right: 1px solid #343333;
	padding-left: 2px;
	padding-right: 5px;
}

#footerbottom ul li a {
	color: #343333;
}

#footerbottom ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#footerbottomsearch {
	float: left;
	margin-left: 8px;
}

#footerbottomsearch .input {
	border: 1px solid #cabbb5;
}

.button {
	background-color: #383d3f;
	color: #cabbb5;
	border: none;
}

.button:hover, .button:focus {
	background-color: #cabbb5;
	color: #383d3f;
}

#credits {
	clear: both;
	font-style: italic;
	text-transform: uppercase;
	font-size: 8pt;
}

#credits a {
	color: #343333;
}

/*
 * inner pages
 */

#logo_inner a {
	background:transparent url(http://www.zzmogh.be/wp-content/themes/zzmogh/images/logo3.jpg) no-repeat scroll 8px 20px;
float:left;
height:162px;
width:241px;
}

.randomhuisstijl {
	float: right;
	width: 150px;
	height: 144px;
}
.nieuwsbiefinschrijf{
	float: right;
	width: 373px;
	height: 117px;
	padding-top:27px;
}



#header{
	background:transparent url(http://www.zzmogh.be/wp-content/themes/zzmogh/images/ballon3.jpg) no-repeat scroll 197px 13px;
}
#header h2 {
clear:none;
font-weight:normal;
color:#262626;
font-size:40pt;
letter-spacing:-1px;
line-height:30pt;
padding-top:205px;
padding-bottom:30px;
padding-left:15px;
background:url(images/stippelijn.gif) bottom left no-repeat;
text-transform:none;
}

.homeh2{
padding:40px 16px;
}

li.aanbodtag {
	display: inline;
}

li.aanbodtag a {
	display: block;
	float: left;
	width: 194px;
	height: 190px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

li.aanbodtag a:hover {
	background-position: 0 -190px;
}

#content h3 {
	font-size: 18pt;
	line-height: 30pt;
	font-weight: bold;
}

#content h4 {
	padding-top: 5px;
	font-size: 13pt;
	line-height: 25pt;
	font-weight: bold;
}
#content_text ul {
	list-style-type:disc;
	
	}
#content_text .tags ul{
	list-style-type:none !important;
        margin:0 !important
	}
#content_text .text ul{
	list-style-type:none;
	}
#content_text ul li{
	margin-left:5px;
	padding-left:5px;
	
	}
#content_text ol li{
	margin-left:35px;
	padding-left:5px;
	
	}

#content_full {
	float: left;
	margin: 0px;
	width: 970px;
}

#content_text {
	float: left;
	margin: 0px 20px 0px 18px;
	width: 587px;
}

#content_text a {
	color: #70c2e1;
	font-weight: bold;
}

.content_aanbod, .content_portfolio {
	padding: 1px 0px;
	clear: left;
	width: 558px;
	background-color:#FFF;
}

.content_a_portfolio {
	padding: 1px 0px;
	float: left;
	/*width: 530px;*/
	background-color:#FFF;
}
.content_portfolio {
	margin-top: 15px;
	background-color: #5e5e5e;	
}

.content_aanbod .text, .content_portfolio .text {
	margin: 8px 20px;
}

.content_aanbod .text {
	color: #362f2d;
}

.content_portfolio .text, .content_portfolio h4 {
	color: #ffffff;
}

.content_portfolio ul.categorie li {
	width: 245px;
	margin-right: 5px;
	float: left;
}

.entry img {
	border: 3px solid #262626;
	margin: 10px 15px;
}

.entry a img, #sidebar a img {
	border: 3px solid #70c2e1;
}

.entry a:hover img, #sidebar a:hover img {
	border: 3px solid #262626;
}

.entry img.alignleft {
	float: left;
	margin-left: 0px;
}

.entry {
	margin-bottom: 10px;
	clear: both;
}

#sidebar {
	float: left;
	margin-left: 40px;
	width: 300px;
}

#sidebar h3, #sidebar h3 a {
	color: #70c2e1;
	font-size: 22pt;
	line-height: 28pt;

}

.baseline {
	color: #362f2d;
	font-size: 12pt;
	line-height: 14pt;
	font-weight: bold;	
	padding: 4px 0px;
}

#sidebar .beschrijving {
	color: #a59b9b;
}

#sidebar li {
	padding-bottom: 20px;
}

.tags {
	display: block;
	float: right;
	text-align: right;
	margin: 10px 0px 5px 10px;
        width:170px;
}

.tags .valtonder {

	font-weight: bold;
	text-transform: uppercase;
	line-height: 11pt;
	padding-bottom: 5px;
	color: #7f7a7a;
	background: url(images/huisstijl/shoot.png) no-repeat 55px 0;
	width: 170px;
	margin-bottom: 4px;
        text-align:right;
}

#content_text .tags li {
	list-style-type: none !important;	
}

#content_text .tags li a {
	padding: 0px 4px;
	background: #262626;
	color: #cbc0c0;
}

#content_text .tags li a:hover {
	color: #70c2e1;
	text-decoration: none;
}

#content p {
	margin-bottom: 7px;
}

.entry  a.vorige img, .entry a.volgende img, .entry a.vorige:hover img, .entry a.volgende:hover img {
	border: none;
}

.vorige {
	float: left;
	background: url(images/huisstijl/pijlvorig.gif) no-repeat 0 0;
	width: 102px;
	height: 41px;	
}

.vorige:hover {
	background: url(images/huisstijl/pijlvorig.gif) no-repeat 0px -41px;
}

.volgende {
	float: right;
	background: url(images/huisstijl/pijlvolgend.gif) no-repeat 0 0;
	width: 110px;
	height: 41px;	
}

.volgende:hover {
	background: url(images/huisstijl/pijlvolgend.gif) no-repeat 0px -41px;
}

#content_text a.aanvragen {
	margin-top: 5px;
	display: block;
	background: #70c2e1 url(images/huisstijl/pijl_aanbod.gif) no-repeat 10px 0px;
	height: 65px;
	color: #111111;
	padding-left: 90px;
	width: 468px;
	font-size: 21pt;
	line-height: 65px;
	text-decoration: none;
}

#content_text a.aanvragen:hover {
	color: #ffffff;
}
#combo{
	background:#70c2e1;
	padding:10px;
	color:#5e5e5e;
	margin-bottom:10px;
}
#combo .huidigetag{
	color:#000;
}

#combo a{
	color:#fff;
}
/*
 * form
 */

.entry form {
	
}

.linklove {
	display: none;
}
.leeuw{
	margin-bottom:10px;
}
#filmpje{
	/*background:#000;*/
	width:400px;
	float:left;
padding-right:18px;
padding-bottom:18px;


	/*text-align:center;*/
}
#prijzen{
background:#70c2e1;
padding:15px;
}
#prijzen ul li{
margin-left:35px;
}
#portfoliouitleg{
float:left;
width:250px;

}
#linksblog .author_image{
border:none !important;
margin: 0 10px 10px 0!important;
float: left;
}
#linksblog{
	float:left;
	width:400px;
	}
#middenblog {
float:left;
margin-left:15px;
margin-right:15px;
width:260px;
background:url(images/krullen.gif);
}
#middenblog a{
	color:#FFF;
}
#middenblog h2{
	font-size:20px;
	margin-left:10px;
	margin-bottom:10px;
}
#middenblog ul {
	list-style-position:inside;
	list-style-type:none;
	}
	#rechtsblog{
	float:left;
	width:300px;
	}
#featuredproject a img {
	border: 3px solid #70c2e1;
}

#featuredproject a:hover img {
	border: 3px solid #262626;
}
#featuredproject h3, #featuredproject h3 a {
	color: #70c2e1;
	font-size: 22pt;
	line-height: 28pt;

}
#featuredproject .beschrijving {
	color: #a59b9b;
}

#featuredproject{
	padding-bottom: 20px;
}

#bovenmid{
	width:auto;
	height:20px;
	background:url(images/rb.png) no-repeat right top;
}
#ondermid{
	width:auto;
	height:20px;
	background:url(images/lo.png) no-repeat left bottom;
}
/*#######Reacties#######*/
#respond h3{
	margin-bottom:20px;
	margin-top:20px;
}
#comments{
	margin-bottom:20px;
	margin-top:20px;
}
#respond textarea{
	width:450px;
	border:2px solid #70C2E1;
	font:10pt/14pt Arial;
letter-spacing:-0.5px;
}

.comments{
margin-top:15px;
}
.commentlist{
	list-style-type:none;
	

}
.commentlist li {
 	
	margin-top:15px;
	color:#e4edee;
	font-size:50px;
	padding-left:0px !important;
	margin-left:0px !important;
	}
	
.commentlist .quote{
	background:#dddddd;
padding: 5px 18px 18px 18px;
margin-left:35px;
	}

.commentlist .quote p{
	color:#000;
	font-size:14px;

	}


.commentlist .cite {
	display:block;
	font-style:normal;
	margin-left:83px;
	}

.commentlist .cite a:link, .commentlist cite a:visited {
	color:#88e5f0;
	text-decoration:none;
	}

.commentlist .cite a:hover, .commentlist cite a:active {
	color:#FFF;
	text-decoration:underline;
	}
#nummertje{
	float:right;
	margin-top:15px;
	color:#eee;
	margin-right:10px;
	font-weight:bold;
}
#krul{
width:auto;
height:8px;
background:url(images/commentkrul.jpg) no-repeat 53px 0px;
}
.alignleft{
	float:left;
	margin-right:15px;
	margin-bottom:10px;

}
#lijn1{
margin-top:-30px;
width:auto;
height:119px;
}
#laatste{
float:left;
padding-left:25px;
padding-top:22px;
}
#laatste ul{
margin-top:20px;
}
#laatste ul li a{
color:#70c2e1;
font-weight:bold;
}
#middenblog2 {
float:left;
margin-left:15px;
width:260px;
background:url(images/krullen.gif);
margin-top:29px;
}
#middenblog2 a{
	color:#FFF;
}
#middenblog2 h2{
	font-size:20px;
	margin-left:10px;
	margin-bottom:10px;
	color:#000;
}
#middenblog2 ul {
	list-style-position:inside;
	list-style-type:none;
	padding-left:12px;
	}
#linksblog2{
	float:left;
	width:396px;
	}
#linksblog2 a{
	color:#70C2E1;
	}
	#lijn3{
		padding-top:8px;
		border-top:1px solid #BBB;
}
#lijn2{
height:215px;
margin-bottom:20px;
}
.auteurhp{
	color: #aaa;
	font-size: 10pt;
	line-height: 12pt;
	padding: 4px 0px;
}
#faceboek{
width:179px;
}
#faceboek a{
color:#70C2E1;
}

.flogo{
	float:left;
	margin-right:7px;
	border:0;
	}