/********************************************************************************
	         Body
********************************************************************************/
#wrapper {
	width: 960px;
	margin-top: -10px;
	position: relative; 
	top:-17px;
	margin: 0px auto; 
}

body {
   font-size:12px; 
   font-family:Verdana;
   color: #000;
   background: #fff;
}

#main {
   width: 960px;
   height: 450px;
   padding-top: 12px;
}

.alignright { float: right !important; margin:20px 0px 20px 20px !important; }
.alignleft { float: left ; margin:20px 20px 20px 0px; }	


#row{
width: 450px;
padding-left:210px;
margin-left: 50px;
padding-top: 20px;
overflow: hidden;
}

#row a{
color: #000;
outline: none;
}

.tips-tools-home {
	position: relative;
	left: 0px;
	top:230px;
}

.contact-gegevens {
	width: 850px;
	text-align: center;
	position: relative;
	left: -180px;
	margin-top: 55px;
}


#content-archief {
width: 465px;
position: absolute;
left:265px;
top:270px;
}

.social-media {
	position: relative;
	top:410px;
	height: 40px;
	width: 215px;
	text-align: center;
	color: gray;
}

.twitter {
	position: absolute;
	top:26px;
	left: 75px;
}

.linkedin {
	position: absolute;
	top:26px;
	left: 110px;
}

/********************************************************************************
               Typography
********************************************************************************/


h1 {
  font-family:Verdana;
  font-size: 15px;
  color: #f49f11;
  font-style: bold;
}

h2 {
  font-family:Verdana;
  font-size: 16px;
  color: #fff;
}

h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
  font-family:Verdana;
  font-size: 16px;
  color: #f49f11;
  outline: none;
}

h3 {
  font-family:Verdana;
  font-size: 14px;
  color: #f49f11;
}


h3 a:link, h3 a:active, h3 a:visited, h3 a:hover {
  font-family:Verdana;
  font-size: 14px;
  color: #f49f11;
  outline: none;
}


h4 {
  color:gray;
  font-family:Verdana;
  font-size: 14px;
}

h4 a:link {
  color:gray;
  font-family:Verdana;
  font-size: 14px;
  outline: none;
}

h4 a:active, h4 a:hover {
  font-family:Verdana;
  font-size: 14px;
  color: black;
  outline: none;
}

h5 { 
  font-family:Verdana;
  color: gray; 
  font-size: 12px;
}

h6 { 
  font-family:Verdana;
  color: gray; 
  line-height: normal;
  font-size: 11px;
  font-style: normal;
}

a:link {
font-weight:normal;
text-decoration:none;
color: #000;
outline: none;
}

a:hover { 
text-decoration: none;
color: #f49f11;
outline: none;
}

a:active {
font-weight:normal;
text-decoration:none;
color: #f49f11;
outline: none;
}

a:visited {
font-weight:normal;
color: #000;
outline: none;
}


/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}



/********************************************************************************
               Text Elements and Lists
********************************************************************************/



/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, .nolink, .tabbertab a, .icon, a img{
   border: none !important;
   text-decoration:none !important;
   outline: none;
}



/* Removes unwanted hover decoration
***************************************/



.nieuws-list li { 
 list-style:disc;
 list-style-position: inside;
 color: #f49f11;	
 text-decoration: none;
 outline: none;
}

.nieuws-list li a:hover{ 
 list-style:disc inside;
 color: #000;	
 text-decoration: underline;
 outline: none;
}

.nieuws-list li a:active{ 
 text-decoration: underline;
 color: #000;	
 outline: none;
}

.nieuws-list a:visited{ 
 text-decoration: underline;
 color: #000;	
 outline: none;
}



.fancybullet li {
    list-style: none;
	background: url(images/bullet.gif) no-repeat top left;
	padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    outline: none;
}




/********************************************************************************                                            
                            SLIPFIRE CREATED CLASSES                                                   
********************************************************************************/



/********************************************************************************
                Images
********************************************************************************/



/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}

.post_column_1 .h4{background-color: blue;
line-height: 10px;
}



/********************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                                   
********************************************************************************/
#content {
width: 765px;
margin-left: 11px;
margin-top: -10px;
}

#content-prikkel {
width: 465px;
position: absolute;
left:265px;
top:275px;
}

#post {
width: 465px;
position: absolute;
left:265px;
top:290px;
}

.content {
width: 475px;
position: absolute;
left:265px;
top:265px;
}

.content a, a:hover, a:active, a:visited{
text-decoration: none;
color: #f49f11;
outline: none;
}

.content-workshop{
padding-top: 25px;
width: 480px;
position: absolute;
left:265px;
top:265px;
}

.content-workshop a{color:#f49f11;outline: none;}

.titel {
width: 214px;
height: 36px;
background-image: url(images/titel.gif);
background-repeat: no-repeat;
position: absolute;
left: 12px;
top:245px;
padding-top: 10px;
padding-left: 60px;
}

/********************************************************************************
                Header
********************************************************************************/

#header {
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Home.jpg);
}

#josee{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Fabriek.jpg);
}

#visie{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Fabriek.jpg);
}

#josee-camfferman{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Fabriek.jpg);
}

#workshops{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Wshops.jpg);
}

#inschrijven{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Wshops.jpg);
}

#proefmonsters{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Wshops.jpg);
}

#tips-tools, #cbdv{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Tips-en-Tools.jpg);
}

#tien-tips{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Home.jpg);
}

#prikkelbord{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Prbord.jpg);
}

#prikkelbord-v2{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Prbord.jpg);
}

#links{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Links.jpg);
}

#contact{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Contact.jpg);
}


#nieuws-archief{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Nieuws.jpg);
}

#single{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Nieuws.jpg);
}

#referenties{
	width: 960px;
	height: 244px;
	background-image: url(images/Header_Nieuws.jpg);
}
/********************************************************************************
                Navbar
********************************************************************************/

#navbar {
   width: 145px;
   position: absolute;
   left: 814px;
   top:37px;
}
	
#navbar li {
   
   list-style-type: disc ;
   list-style-position: inside;
   font-size: 14px;
   font-weight: bold;
   text-align: left;
   margin: 0 0 3px 0;
}

	
#navbar ul {
   margin: 16px 0 0 0;
   padding: 0;
}
	
#navbar li a {
   color: #fff;
   margin: 0px;
   text-decoration: none;
   border-bottom: none;
   outline: none;
}

#navbar li a:hover, a:active {
   text-decoration:none;
   color: #f49f11;
   outline: none;
}
 
.page_item li a:hover {
color:#f49f11; outline: none;
}

.page_item {
color:#f49f11;
}

.current_page_item{
color:#fff;
}

#navbar ul.current_page_item a, {
   color: #f49f11;
   padding: 0px 10px 0px 10px;
   margin: 0px;
   text-decoration: none;
   border-bottom: none;
   outline: none;
}

.MailPress{
height: 85px;
width: 194px;
position: relative;
left: 120px;
border: 3px solid #4d4d4d;
padding-top: 10px;
padding-left: 15px;
position: relative;
left: 0px;
top:230px;
}

.MailPressFormEmail, MailPressFormName{
	margin-bottom: 7px;
}

#mp-formdiv{
	width: 220px;
	position: relative;
	left: -5px;}

.MailPressFormSubmit{
position: relative;
top: 5px;
}

.ontvangen{
	position: relative;
	top:230px;
}
/********************************************************************************
                Sidebar Left
********************************************************************************/
#sidebar-left {
height: 400px;
width: 215px;
position: absolute;
left:11px;
top:310px;
}



#sidebar-left-work {
height: 350px;
width: 723px;
position: absolute;
left:11px;
top:297px;
background-image: url(images/workshop-bg3.gif);
background-repeat: repeat-y;
}

.workshop1{
position: absolute;
top:-1px;
}

.workshop2{
position: absolute;
top:167px;
}

.workshop3{
position: absolute;
top:337px;
}

.side-home{
background: url(images/Zijkant-microfoon.jpg) no-repeat ;
}

.text-left{
color: gray;
width: 225px;
position: relative;
top:215px;
left:0px;
}

.text-left a,  a:active{
color:gray;
text-decoration: none;
outline: none;
}
.side-fabriek{
height: 50px;
width: 215px;
position: absolute;
top:310px;
left:11px;
}

.sub-menu li {
	font-size: 13px;
   list-style-type: none;
   text-align: left;
   line-height: 23px; 
   margin-left: -20px;  
}

.sub-menu {
font-size: 14px;
color: gray;
position: absolute;
top:-20px;
left: 60px;
}

.sub-menu a{
color: gray;
text-decoration: none;
}

.sub-menu a:hover, a:active {
color: #000;
text-decoration: none;
}

.sub-foto {
position: absolute;
top:50px;
}

.sub-foto-josee {
position: absolute;
top:50px;
}

.side-visie{
width: 215px;
position: absolute;
left: 0px;
}

.side-josee{
width: 215px;
position: absolute;
left: 0px;
}

.side-inschrijven{
background: url(images/Zijkant-pennen.jpg) no-repeat ;
}

.side-tips{
background: url(images/Zijkant-boeken.jpg) no-repeat ;
}

.side-prikkelbord{
background: url(images/Zijkant-chocola.jpg) no-repeat ;
}

.side-links{
background: url(images/Zijkant-Shiwa.jpg) no-repeat ;
}

.side-contact{
width: 240px;
}

.text-contact{
position: absolute;
width: 240px;
top:0px;
color: gray;
}

.contact{
position: absolute;
width: 214px;
height:301px;
top:110px;
}
/********************************************************************************
                Sidebar Right
********************************************************************************/
#events-calendar-list {
color: #000;
}


#sidebar h2{
   font-size: 1em;
   font-weight: bold;
   margin-bottom: .2em;
   
}

#sidebar{
	width: 185px;
    position:absolute;
    left:768px;
    top:248px;
    padding-top: 25px;
    color:#fff;
    margin-bottom: 20px;
}

#marge{
	width: 192px;
	height: 20px;
	background-color: #fff;
}

#sidebar2{
	width: 185px;
    position:absolute;
    left:768px;
    top:248px;
    padding-top: 25px;
    color:#4d4d4d;
}

#sidebar a {border-bottom: none;outline: none;}

.balk {
background-image: url(images/nieuwsbalk.gif);
background-repeat: no-repeat;
height: 26px;
width: 192px;
position: absolute;
left: 0px;
padding-left: 37px;
padding-top: 10px;
color: #fff;
}

#nieuws {
margin-bottom: 60px;
}
.nieuws-list {
padding-top: 45px;
margin-left: -12px;
height: auto;
width: 235px;

}

.archief{
height: 15px;
width: 100px;
position: absolute;

}

.archief a{
color: #000;
text-decoration: none;
}

.archief a:hover{
color: #000;
text-decoration: underline;
}



#nieuwsbrief{
width:193px;
height: 36px;
position: absolute;
left:-1px;
}

.marge-nieuws{
margin-bottom: 30px;
}

#cal{
width: 192px;
position: absolute;
left:0px;
margin-top: 32px;
}

.cal-pic{
background-image: url(images/kalender.jpg);
background-repeat: no-repeat;
width: 192px;
height: 128px;
position: absolute;
top:15px;
left: -1px;
}

.cal-list{
position: absolute;
top:150px;
left: -1px;
width: 187px;
background-color: #eae8e8;
padding: 7px 0 0 5px;
color: #000;

}

.no-events-in-list li {
	color: #000;
}

.leeg {
	color:#000;
	font-size: 11px;
	width: 160px;
	position: relative;
	left: 15px;}
/********************************************************************************
                Footer
********************************************************************************/

.colofon {
   text-align: center;
   font-size: 9px;
   width: 960px;
   color: gray;
   position: relative;
   left: -55px;
   margin-top: 5px;
   padding-bottom: 20px;
}


.colofon a {
   color: gray;
   outline: none;
}

.colofon a:hover, a:active {
   color:  #f49f11;
   outline: none;
}