/*
Theme Name: Jeroen Smits
Theme URI: http://www.jeroensmits.nl
Version: 2008
Author: Inline media
Author URI: http://www.inlinemedia.nl
*/
#introContainer{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background-color: #B5B4BA; 
 display: none;
}

#introContent{
 width: 400px;
margin:auto;
}
#introContent .content{
float:left;
width:100%;
}
#closelink{
float:right;
margin-bottom:10px;
margin-top:5px;
}

/*** Foto's ***/
.fotos #colcenter, .album-test #colcenter{
width:80% !important;
margin-left:132px !important;
}

.recentdate
{
color:#b2ca17;
font-size:95%;
float:left;
}

ul.nieuws li
{
display: block; 
float: left; 
margin-bottom: 10px;
width:100%
}
ul.nieuws li a
{

float:left;
}

/*** Algemeen ***/

#twitter_update_list li
{
	display:none;
}
#twitter_update_list li:first-child
{
	display:block;
}


* {
	margin: 0;
	padding: 0;
}

html, body {
	height:100%;
	margin:0;
	padding:0;
}

body {
	background: #b5b4ba url(images/body_bg.png) no-repeat top center;
	font-family: "trebuchet ms", Arial, Verdana, Sans-serif;
	font-size: 70%; 
	color: #fff;	
	text-align: left;
}

/*** Standaard ***/
a:link, a:visited, a:active  { color: #b2ca17; text-decoration: none; }
a:hover { text-decoration: underline; }
p { text-align: left; line-height: 16px; font-size: 1em; }
img { border: none; }
h1 	{ margin-bottom: 22px; height: 13px; font-size: 1.3em; }
h2 	{ margin-bottom: 22px; line-height: 16px; font-size: 1em; }


/*** Wrapper ***/
#wrapper {    
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
    width: 999px;	
	margin:0 auto;
	background: #000 url(images/content_bg.png) no-repeat bottom left;

}

/*** Header ***/
#header {
	width: 999px;
	height: 250px;
	background: #707070;
}


/*** Navigation ***/
#navigation {
    width: 999px;	
	height:	23px;
	background: #b2ca17 url(images/navi_bg.png) repeat-x;
}

	#navigation li 						{ float:left; list-style:none; }
	#navigation li a					{ position:absolute; background:url(images/navigation.png) no-repeat 0 0; display:block; height: 23px; text-indent: -1999px; overflow:hidden; }	
	
	#navigation li.page-item-5 a 			{ background-position: -47px 0; width: 91px; left: 47px;}	
	#navigation li.page-item-5.current a, 
	#navigation li.page-item-5  a:hover 	{ background-position: -47px -23px; }	
	
	#navigation li.page-item-2 a			{ background-position: -138px 0; width: 72px; left: 138px; }
	#navigation li.page-item-2.current a,
	#navigation li.page-item-2 a:hover		{ background-position: -138px -23px; }

	#navigation li.page-item-12 a			{ background-position: -210px 0; width: 104px; left: 210px; }
	#navigation li.page-item-12.current a,
	#navigation li.page-item-12 a:hover	{ background-position: -210px -23px; }

	#navigation li.page-item-36 a			{ background-position: -314px 0; width: 83px; left: 314px; }
	#navigation li.page-item-36.current a,
	#navigation li.page-item-36 a:hover	{ background-position: -314px -23px; }
		
	#navigation li.page-item-34 a			{ background-position: -397px 0; width: 92px; left: 397px; }
	#navigation li.page-item-34.current a,
	#navigation li.page-item-34 a:hover		{ background-position: -397px -23px; }

	#navigation li.page-item-979 a				{ background-position: -488px 0; width: 66px; left: 488px; }
	#navigation li.page-item-979.current a,
	#navigation li.page-item-979 a:hover		{ background-position: -488px -23px; }

	#navigation li.page-item-35 a				{ background-position: -651px 0; width: 74px; left: 651px; }
	#navigation li.page-item-35.current a,
	#navigation li.page-item-35 a:hover		{ background-position: -651px -23px;  }
		
	#navigation li.page-item-20 a		{ background-position: -724px 0; width: 104px; left: 724px; }
	#navigation li.page-item-20.current a,
	#navigation li.page-item-20 a:hover	{ background-position: -724px -23px; }

	
	#navigation li.page-item-443 a		{ background-position: -828px 0; width: 84px; left: 828px; }
	#navigation li.page-item-443.current a,
	#navigation li.page-item-443 a:hover	{ background-position: -828px -23px; }	
	
	#navigation li.page-item-37 a				{ background-position: -912px 0; width: 72px; left: 912px; }
	#navigation li.page-item-37 a:hover,
	#navigation li.page-item-37.current a		{ background-position: -912px -23px; }	
	
	
/*** Content ***/
#content {
	margin: 0;
	width: 901px;
	padding: 54px 36px 60px 59px;
	overflow: hidden;
}

	/** Columns **/
	/* col3a = 3 kolommen, rechter kolom met afbeeldingen/gallery 			*/
	/* col3b = 3 kolommen, rechter kolom zonder afbeeldingen, met border 	*/
	.col3a #colleft, 
	.col3b #colleft 	{ float: left; width: 132px; padding-top: 14px; }
	.col3a #colcenter 	{ float: left; width: 356px; padding-top: 14px; margin-right: 53px; }
	.col3b #colcenter 	{ float: left; width: 421px; padding-top: 14px; border-right: 1px solid #787878; }
	.col3a #colright  	{ float: left; width: 360px; padding-top: 14px; }
	.col3b #colright 	{ float: left; width: 347px; padding-top: 14px; }
	
	.col3a #colcenter p 		{ margin-bottom: 1em; }
	.col3b #colcenter p 		{ margin-bottom: 1em; padding-right: 53px; }
	
	#colcenter ul { margin-left: 25px; margin-bottom: 1em; }
	
	body.rechts #colcenter ul 	{ list-style: none; margin-left: 0;}
	
		
	/* Iconen naast titel */
	/*body.artiest #colcenter 				{ background: url('images/icons/artiest.gif') no-repeat right top; }*/
	body.columnist #colcenter				{ background: url('images/icons/columnist.gif') no-repeat right top; }
	body.discussieleider #colcenter 		{ background: url('images/icons/discussieleider.gif') no-repeat right top; }
	body.dj #colcenter						{ background: url('images/icons/dj.gif') no-repeat right top; }
	body.presentatie #colcenter				{ background: url('images/icons/presentatie.gif') no-repeat right top; }
	body.stand-up-comedy #colcenter			{ background: url('images/icons/stand-up-comedy.gif') no-repeat right top; }
	body.theater #colcenter					{ background: url('images/icons/theater.gif') no-repeat right top; }
	/*body.produkties #colcenter 			{ background: url('images/icons/produkties.gif') no-repeat right top; }*/
	body.commercials #colcenter				{ background: url('images/icons/commercials.gif') no-repeat right top; }
	body.particuliere-events #colcenter		{ background: url('images/icons/particuliere-events.gif') no-repeat right top; }
	body.zakelijke-events #colcenter		{ background: url('images/icons/zakelijke-events.gif') no-repeat right top; }
	body.live-entertainment #colcenter		{ background: url('images/icons/live-entertainment.gif') no-repeat right top; }
	body.studio-verhuur #colcenter			{ background: url('images/icons/studio-verhuur.gif') no-repeat right top; }
	body.totaal-media-concept #colcenter	{ background: url('images/icons/totaal-media-concept.gif') no-repeat right top; }
	body.tv-formats #colcenter				{ background: url('images/icons/tv-formats.gif') no-repeat right top; }


/** Menu **/
.menu li { list-style:none; }
.menu li a { color: #fff; line-height: 16px; }
.menu li a:hover { color: #b2ca17; }
.menu li.current_page_item a { color: #b2ca17; }

	/* Logo Smits Produkties tonen onder menu */
	body.produkties .menu { padding-bottom: 310px; background: url('images/logo_produkties.gif') no-repeat bottom left; } 
	body.fotos img { margin: 0 16px 16px 0; }

/** Pagina Titels **/
h1.home 					{ background: url('images/titles/home.png') no-repeat 0 0; text-indent: -999px;}
h1.laatste-nieuws 			{ background: url('images/titles/laatste-nieuws.png') no-repeat 0 0; text-indent: -999px;}
h1.biografie 				{ background: url('images/titles/biografie.png') no-repeat 0 0; text-indent: -999px;}
h1.artiest 					{ background: url('images/titles/artiest.png') no-repeat 0 0; text-indent: -999px;}
h1.columnist 				{ background: url('images/titles/columnist.png') no-repeat 0 0; text-indent: -999px;}
h1.discussieleider 			{ background: url('images/titles/discussieleider.png') no-repeat 0 0; text-indent: -999px;}
h1.dj 						{ background: url('images/titles/dj.png') no-repeat 0 0; text-indent: -999px;}
h1.presentatie				{ background: url('images/titles/presentatie.png') no-repeat 0 0; text-indent: -999px;}
h1.stand-up-comedy 			{ background: url('images/titles/stand-up-comedy.png') no-repeat 0 0; text-indent: -999px;}
h1.theater 					{ background: url('images/titles/theater.png') no-repeat 0 0; text-indent: -999px;}
h1.produkties 				{ background: url('images/titles/produkties.png') no-repeat 0 0; text-indent: -999px;}
h1.commercials 				{ background: url('images/titles/commercials.png') no-repeat 0 0; text-indent: -999px;}
h1.particuliere-events 		{ background: url('images/titles/particuliere-events.png') no-repeat 0 0; text-indent: -999px;}
h1.zakelijke-events 		{ background: url('images/titles/zakelijke-events.png') no-repeat 0 0; text-indent: -999px;}
h1.live-entertainment 		{ background: url('images/titles/live-entertainment.png') no-repeat 0 0; text-indent: -999px;}
h1.studio-verhuur 			{ background: url('images/titles/studio-verhuur.png') no-repeat 0 0; text-indent: -999px;}
h1.totaal-media-concept		{ background: url('images/titles/totaal-media-concept.png') no-repeat 0 0; text-indent: -999px;}
h1.tv-formats 				{ background: url('images/titles/tv-formats.png') no-repeat 0 0; text-indent: -999px;}
h1.bedrijfsfilms 			{ background: url('images/titles/bedrijfsfilms.png') no-repeat 0 0; text-indent: -999px;}
h1.event-support 			{ background: url('images/titles/eventsupport.png') no-repeat 0 0; text-indent: -999px;}
h1.televisie 				{ background: url('images/titles/tv-formats.png') no-repeat 0 0; text-indent: -999px;}
h1.referenties 				{ background: url('images/titles/referenties.png') no-repeat 0 0; text-indent: -999px;}
h1.aanvraag 				{ background: url('images/titles/aanvraag-offerte.png') no-repeat 0 0; text-indent: -999px;}
h1.fotos 					{ background: url('images/titles/fotos.png') no-repeat 0 0; text-indent: -999px;}
h1.nieuws 					{ background: url('images/titles/nieuws.png') no-repeat 0 0; text-indent: -999px;}
h1.archief 					{ background: url('images/titles/archief.png') no-repeat 0 0; text-indent: -999px;}
h1.in-de-media 				{ background: url('images/titles/in-de-media.png') no-repeat 0 0; text-indent: -999px;}
h1.rechts 					{ background: url('images/titles/rechts.png') no-repeat 0 0; text-indent: -999px;}
h1.contact 					{ background: url('images/titles/contact.png') no-repeat 0 0; text-indent: -999px;}
h1.laatstetweet				{ background: url('images/titles/laatstetweet.png') no-repeat 0 0; text-indent: -999px;height:40px;}
h1.coca-cola-coke-360-streetsoccer-tournament-presentatie-en-productie{ background: url('images/titles/cola.png') no-repeat 0 0; text-indent: -999px;height:40px;}
h1.theater-2010-zo-was-2010{background:url('images/titles/2010.png') no-repeat 0 0 ; text-indent:-999px;height:40px;}

h1.city-beach-tour-presentatie						{ background: url('images/titles/beach.png') no-repeat 0 0; text-indent: -999px;height:40px;}
h1.persfotos-2				{ background: url('images/titles/persfotos.png') no-repeat 0 0; text-indent: -999px;height:40px;}
h1.rabo-tour-event-presentatie						{ background: url('images/titles/rabo.png') no-repeat 0 0; text-indent: -999px;height:40px;}
h1.tennet-presentatie { background: url('images/titles/tennet.png') no-repeat 0 0; text-indent: -999px;height:40px;}
/**h1.projectmanagement

/** Referenties kolommen **/
ul.referenties li { margin-left: 12px; line-height: 16px; }
ul.referenties.left { width: 170px; float: left; }
ul.referenties.right { width: 170px; float: right; }


/** Nieuws module **/
#colcenter ul.nieuws { margin-left: 0; list-style: none;}
ul.nieuws li { list-style:none; line-height: 16px; }
ul.nieuws li a:link, ul.nieuws li a:visited, ul.nieuws li a:active { color: #fff; text-decoration: none; }
ul.nieuws li a:hover { text-decoration: underline; }
ul.nieuws li span { display: block; width: 108px; float: left; }
ul.nieuws li span.datepost { color: #b2ca17; }
ul.nieuws li p { width: 258px; float: left; }

	/* Nieuws block  */
	#block.nieuws, #twitter.nieuws , #twitterlogo.nieuws{ /*margin-left: 118px;*/ float:right; width: 229px;}

	#block.nieuws li { list-style:none; line-height: 16px; margin-left: 0; }
	#block.nieuws li a:link, #block.nieuws li a:visited, #block.nieuws li a:active { color: #fff; text-decoration: underline; }
	#block.nieuws li a:hover { text-decoration: underline; }
	#block.nieuws li span { display: block; clear: both; float: none;}
	#block.nieuws li span.datepost { color: #b2ca17; }
	#block.nieuws li span.meer { margin-bottom: 35px; padding-left: 17px; background: url('images/arrow.png') no-repeat 0px 5px; }
	#block.nieuws li p { width: auto; float: left; }

	ul.nieuws_toplist li { margin-left: 12px;  list-style: disc; }

	/* Afbeelding 1x1 tabel */
	#block.images1x1 li { list-style: none; float: left; padding: 0; }
	
	/* Afbeeldingen 3x3 tabel */
	#block.images3x3 li { list-style: none; float: left; padding: 0; overflow:hidden; }
	#block.images3x3 li.img2,
	#block.images3x3 li.img8 { padding: 0 15px 0 15px; }		
	#block.images3x3 li.img4,
	#block.images3x3 li.img6 { padding: 15px 0 15px 0; }
	#block.images3x3 li.img5 { padding: 15px; }

	/* Afbeeldingen 1x3 tabel */
	#block.images1x3 { }
	#block.images1x3 li { list-style: none; float: left; padding: 0; }
	#block.images1x3 li.img2 { padding: 0 15px 0 15px; }		
	
	#block.images3x1 { float:left; width: 100px; height: 280px; margin-top:24px; overflow: hidden;}
	#block.images3x1 ul { width:100px; list-style: none; }
	#block.images3x1 ul li { float:left; list-style: none; }	
	#block.images3x1 img { padding-bottom: 13px; }	
	
	/* Afbeeldingen 3x1 gallery */
	#block.gallery3x1 { width: 360px; height: 274px; }
	#block.gallery3x1 #gallery_thumbs { float: left; height: 274px; width: 106px;  }
	#block.gallery3x1 #gallery_thumbs ul{ height:3900px; }
	#block.gallery3x1 #gallery_thumbs li{ float:left; list-style:none; }	
	#block.gallery3x1 #gallery_thumbs img { padding-bottom: 13px; }
	
	#block.gallery3x1 #gallery_content { float: right; width: 242px; height: 274px; background: url('images/gallery_text_bg.png') no-repeat 0 0; }
	/*#block.gallery3x1 #gallery_text { height: 177px; padding: 24px; overflow: hidden; }*/
	#block.gallery3x1 #gallery_text { height: 177px; padding: 24px; overflow: auto; margin-top: 10px; margin-bottom: 10px; }
	#block.gallery3x1 #gallery_text p { margin-top: 0; padding-top: 0;}
	#block.gallery3x1 #gallery_text h3 { color: #b2ca17; line-height: 16px; font-size: 1em; }

	#block.gallery3x1 #gallery_navigation { height: 16px; padding: 0 24px 33px 24px; }
	#block.gallery3x1 #gallery_navigation a, 
	#block.gallery3x1 #gallery_navigation span { color: #b2ca17; padding: 0 5px 0 5px;  color: #b2ca17; }
	#block.gallery3x1 #gallery_navigation a.current, 
	#block.gallery3x1 #gallery_navigation span.current { color: #fff;  }
	
	
	
/*** Footer ***/
#footer {
	height: 35px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: #9b939c url(images/footer_bg.jpg) no-repeat 0 0;
	overflow: hidden;	
}

	#footer p { padding: 12px 0 0 24px; color: #505050; font-size: 11px; font-family: Arial; }
	#footer a { text-decoration: none; color: #505050;  }

	/*** twitter ***/
	#twitter_update_list
	{
		list-style:none;
		width: 190px; 
		margin-bottom: 20px;
		}