/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
html { /*height: 101%;*/ background: #000; margin-top: 15px; padding:0;}
body { margin:0; padding:0; background: #000; color: #000;
	/*font : 1em Tahoma, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;*/
	font: 1em Georgia, Times New Roman, "Times", serif;
	background: url(../img/body_bg.jpg) top center no-repeat;
}

h1,h2,h3,h4,h5,h6 { margin: 0; padding:0; color: #5a0103; text-transform: lowercase;  }
h1 { font-size: 2.8em; margin: 0.5em 0 0.3em; }
h2 { font-size: 1.8em; margin: 0.5em 0; }
h3 { font-size: 1.6em; margin: 0.5em 0; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

a:link { color:#f15612}
a:visited { color:#b90c0c}
a:hover { color:#f30a0a}
a:active { color:#f11212}

p { margin-bottom: 1em; letter-spacing:0.4px}
p.center { text-align: center; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right: .5em; }
.alignright { float: right; margin-left: .5em; }
div.post p.wp-caption-text { margin-top: .5em; background: #E1DFD2; padding: 10px; color: #89897C; font-size: 1em; margin-right: 10px;  }
/**************************************/
/*              HEADER                */
/**************************************/
#header { position: relative; width: 950px; margin:0 auto; height: 107px; color: #f00;  }
	#header h1 { margin:0; height: 107px; /*text-indent: -9999px; background:url(../img/logo.jpg) no-repeat; */}
		
	#teaser { display: block; float: left; margin: 0; padding:0; width:314px; height: 602px; background: transparent url(../img/teaser.png) no-repeat; z-index:5; position: absolute; top:25px; left: 36px;}


	

/**************************************/
/*            FEATURED CONTENT            */
/**************************************/
#featured { background: #00f; margin: 0 auto; text-align: center; }


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content { 
	/*background: #000 url(../img/bg.jpg) no-repeat;*/
	height:535px;
	position: relative;
	overflow: hidden; 
}
	#realcontent { z-index: 100; margin-top: 80px; overflow: visible; height: auto; }

	#callto { position: absolute; top:70px; left: 750px; display: block; float: left; margin: 0; padding:0; width:177px; height: 157px; background: transparent url(../img/callto.png) no-repeat; z-index:4; padding: 275px 15px 0 15px; overflow:hidden; color: #fff; font-size: 1.6em; font-weight: bold; text-align: center; line-height: 1.5em;}
	
		#imgmap { position: relative; width:175px; height: 120px; /* background: #f00; border: 1px #0f0; */}
		#imgmap ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		#imgmap a {
			position: absolute;
			width:175px;
			height: 120px;
			text-indent: -1000em;
		}

		#imgmap a:hover {
			/*border: 1px solid #fff;*/
		}

		#imgmap .imagelink a {
			top: 0px;
			left: 0px; }

	
	
	#content h1 { text-align: right; text-transform: lowercase; }

	.holder {
		float: left;
		margin: 80px 0 0 260px;
	}
	.scroll-pane {
		width: 470px;
		height: 375px;
		/*background: #0f0;*/
		float: left;
	}
	
	.orange-bar .jScrollPaneTrack {
		background: /*#f4e296*/ url(../img/bg_wit_25pct.png);
	}
	.orange-bar .jScrollPaneDrag {
		background: #790101 /*url(../img/drag_grab.png) no-repeat 50% 50%*/;
	}
	.orange-bar .scroll-pane {
		/*background: transparent url(../img/bg_wit_25pct.png);*/
	}

	a.jScrollArrowUp {
		background: url(../img/up.png) repeat-x 0 0;
	}
	a.jScrollArrowUp:hover {
		background-position: 0 -16px;
	}
	a.jScrollArrowDown {
		background: url(../img/down.png) repeat-x 0 0;
	}
	a.jScrollArrowDown:hover {
		background-position: 0 -16px;
	}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
		background-position: 0 -30px;
	}

	#pane1 ul.featured {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#pane1 ul.featured li { float: left; margin: 0 12px 0 0;}
	#pane1 ul.featured li.last { float: left; margin: 0;}
		
/**************************************/
/*               SIDEBAR               */
/**************************************/
	
#sidebar { padding-top: 10px;}

#sidebar ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#sidebar ul li {
	font-size: 0.9em;
	padding-left: 20px;
	padding-top: 4px; 
	background-image: url(../img/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}


/**************************************/
/*               FOOTER               */
/**************************************/
#footer { height: 100px; margin: 10px 0 0 0; font-size: 0.9em; color: #ba9c35; text-align: center; font-family: tahoma, arial, sans-serif; }

	#footer #imagomedia { font-size: 9px; background: url(http://www.imagomedia.be/favicon.png) no-repeat 0 0; }
	#footer #imagomedia a { padding-left: 16px; color: #333; text-decoration: none; }
	#footer #imagomedia a:hover { padding-left: 16px; color: #aaa; text-decoration: none; }

	#footer a { color: #d15e00; }
	#footer a:hover { color: #c60000; }
	#footer li {
		display: inline;
		list-style-type: none;
		padding-right: 20px;
	}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#navigation { margin-top:10px; position: absolute; left: 240px; height: 55px; z-index: 20; overflow: hidden;}


	/* NAVIGATION */
	#navlist { height: 55px; margin:0; padding:0;}
	#navlist { list-style: none;}
	#navlist li { float: left; padding: 0; margin: 0;}
	#navlist a * { display: none; }

	#navlist a,
	#navlist a .hover {
		height: 55px;
		position: relative;
		display: block;
		background: transparent url(../img/nav3.png) 0 0 no-repeat;
	}

	/* individual navigation items */
	#navlist a.home {
		background-position: 0 -55px;
		width: 57px;
	}
	#navlist .highlighted a.home:hover,
	#navlist a.home .hover,
	#navlist .current_page_item a.home 	{
		background-position: 0 0px;
	}
/**/
	#navlist a.thuis {
	  background-position: -57px -55px;
	  width: 75px;
	}
	#navlist .highlighted a.thuis:hover,
	#navlist a.thuis .hover,
	#navlist .current_page_item a.thuis {
	  background-position: -57px 0px;
	}
/**/
	#navlist a.evenement{
	  background-position: -132px -55px;
	  width: 118px;
	}
	#navlist .highlighted a.evenement:hover,
	#navlist a.evenement.hover,
	#navlist .current_page_item a.evenement {
	  background-position: -132px 0px;
	}
/**/
	#navlist a.versgebakkenpizzas {
	  background-position: -250px -55px;
	  width: 143px;
	}
	#navlist .highlighted a.versgebakkenpizzas:hover,
	#navlist a.versgebakkenpizzas .hover,
	#navlist .current_page_item a.versgebakkenpizzas {
	  background-position: -250px 0px;
	}
/**/
	#navlist a.contact {
	  background-position: -393px -55px;
	  width: 61px;
	}
	#navlist .highlighted a.contact:hover,
	#navlist a.contact .hover,
	#navlist .current_page_item a.contact {
	  background-position: -393px 0px;
	}
/**/
	#navlist a.referenties {
	  background-position: -454px -55px;
	  width: 81px;
	}
	#navlist .highlighted a.referenties:hover,
	#navlist a.referenties .hover,
	#navlist .current_page_item a.referenties {
	  background-position: -454px 0px;
	}
/**/
	#navlist a.foto {
	  background-position: -535px -55px;
	  width: 62px;
	}
	#navlist .highlighted a.foto:hover,
	#navlist a.foto .hover,
	#navlist .current_page_item a.foto {
	  background-position: -535px 0px;
	}
/**/