/* CSS Document */


/* Main  */

* {
	margin:0;
	padding:0;
	
}




body {
	text-align: center;
	margin: 0;
	padding: 0;
	font: 13px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
	line-height: 1.7;
	background: #A89166 url('images/bg_header.jpg') repeat-x center 0px;
	
}

a { color: #ff0000; text-decoration: none; }
a img { border: none; }
a:hover { color: #000; text-decoration: none; }




.clear {
	clear:both;
}

DIV#logo{
	float: left;
	height: 32px;
	width: 207px;
	margin-right:20px;
	margin-left:-1px;
	margin-top:30px;
	background-image: url(images/logo_coffeestar.gif);
}

#menu_top{
	float: right;
	height: 20px;
	width: 307px;
	margin-right:40px;
	margin-top:5px;
	text-align: right;
	font: 10px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
}


/* Main Nav */

#lijn {
margin-top: 10px;
float: left;
	height: 10px;
	width: 862px;
		display: block;
	background-image: url(images/lijn_03.png);
	background-repeat: repeat-x;

}

#navholder {
	float: left;
	height: 15px;
	overflow: hidden;
	width: 100%;
	
}
#tablist {
	float: left;
}
#tablist li {
	float: left;
	display: block;
}
#tablist li a {
	display: block;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	height: 22px;
}

#tablist li a span { display: none;}
#mn_over		{ width: 150px; background-position: 0px 0px; margin: 0 0px 0 0; }
#mn_warm		{ width: 152px; background-position: -150px 0px; margin: 0 0px 0 0; }
#mn_koud		{ width: 152px; background-position: -300px 0px; margin: 0 0px 0 0; }
#mn_sandwiches 	{ width: 122px; background-position: -450px 0px; margin: 0 0px 0 0; }
#mn_gebak 		{ width: 122px; background-position: -570px 0px; margin: 0 0px 0 0; }
#mn_winkels 	{ width: 83px; background-position: -690px 0px; margin: 0 0px 0 0; }
#mn_partners 	{ width: 102px; background-position: -770px 0px; margin: 0 0px 0 0; }



#mn_over:hover			{ background-position: 0px -22px; }
#mn_warm:hover			{ background-position: -150px -22px; }
#mn_koud:hover			{ background-position: -300px -22px; }
#mn_sandwiches:hover	{ background-position: -450px -22px; }
#mn_gebak:hover			{ background-position: -570px -22px; }
#mn_winkels:hover		{ background-position: -690px -22px; }
#mn_partners:hover		{ background-position: -770px -22px; }



/* ---- NAVIGATION ---- */
	#tabcontentcontainer { width:650px; height: 20px; clear: left; margin-bottom: 5px  }
	
	.tabcontent { display:none; margin: 0px 0px 0 0px; } 
	html>body .tabcontent { margin: 0px 0 0 0px; } 
	
	#sc1 { margin-left:-3px; }
	#sc2 { margin-left:173px; }
	#sc3 { margin-left:180px; }
	#sc4 { margin-left:270px; }
	
	a.tabnavlink:link, a.tabnavlink:visited, a.tabnavlink:active  { color: #999999; padding: 0px 5px 0 5px; }
	a.tabnavlink:hover { color: #e1131a; padding: 0px 5px 0 5px; }
	/* ---- /NAVIGATION ---- */	


/* Sfeerbeeld */

#sfeerbeeld {
float: left;
	width: 861px;
	height: 196px;
}





/* midden stuk */
#content {
	overflow: hidden;
	padding-top:0px;
	
}



#content-links {
	width: 440px;
	padding-left: 46px;	
    float: left;
	display: block;
	margin-bottom: 20px;
}


#content-rechts {
width: 400px;
padding-right: 49px;
	float: right;
	display: block;
	
}


#titel h1 {
	font-size: 21px;
	height: 40px;
	color: #f99f1b;
	
	padding-top:2px;
	
	margin-top:5px;
}



#tekst {
	line-height: 1.9;
	
}


#tekst h2 {

	font-size: 14px;
	color: #666666;
	padding-bottom:0px;
}

#balk_top {
	
	
	height:10px;
	background: url(images/recht_top.jpg) no-repeat;	
	
}
#item {
	
	background: #f6f1e6;
	padding:15px;
	height:108px;
	
}

#item h2 {
	font-size: 16px;
	color: #000000;
}
#item h3 {
	font-size: 10px;
	color: #666666;
}


#item p {
	font-size: 11px;
	color: #000000;
}

#winkels {
	
		display: block;
		width: 396px;
}

#winkels_top {
	background-image: url(images/top_winkels.jpg);
	background-repeat: no-repeat;
	height:31px;
	line-height: 31px; 
	border-bottom: 1px solid #e8e6df;
	padding: 0px; 
	padding-left: 15px; 
}

#winkels_bg {
	background: #cbc6b8;
	border-bottom: 1px solid #e8e6df;
}
#winkels_bottom {
	
	background-image: url(images/bottom_winkels.jpg);
	background-repeat: no-repeat;
	height:4px;
	padding-bottom:10px;
	
}

#winkels h1 {
	font-size: 21px;
	color: #ffffff;
	padding-left:15px;
}

#winkels h2 {
	font-size: 14px;
	padding-left:25px;
}


#winkels p {
	font-size: 11px;
	color: #000000;
	padding-left:30px;
}



#nieuws {
	display: block;
		width: 396px;
}

#nieuws_top {
	background-image: url(images/top_nieuws.png);
	background-repeat: no-repeat;
	height:31px;
	line-height: 31px; 
	border-bottom: 1px solid #fcedbf;
	padding: 0px; padding-left: 15px;  
}

#nieuws_bg {
	background: #f9d770;
border-bottom: 1px solid #fcedbf;
	
}
#nieuws_bottom {
	
	background-image: url(images/bottom_nieuws.png);
	background-repeat: no-repeat;
	height:4px;
	padding-bottom:10px;
	
}
#nieuws h1 {
	font-size: 21px;
	padding-left:15px;
	padding-bottom: 0px;
	color: #ffffff;
}
#nieuws h2 {
	
	padding-left:25px;
	font-size: 13px;
	color: #000000;
}
#nieuws h3 {
padding-left:30px;
	font-size: 9px;
	color: #ffffff;
}
#nieuws h4 {
padding-left:30px;
padding-top:20px;
	font-size: 10px;
	color: #ffffff;
}

#nieuws p {
padding-left:30px;
padding-right:30px;
	font-size: 11px;
	color: #000000;
	
}



#ad_hyves {
display: block;
padding-bottom:10px;
	width: 398px;
	height:141px;
	background: url(images/ad_hyves2.jpg) no-repeat;	
	
}

#ad_hyves span {
	display: none;
}

#ad_utrecht {
	height:141px;
	background: url(images/ad_utrecht.jpg) no-repeat;	
	
}
#ad_utrecht span {
	display: none;
	width: 398px;
	height: 141px;
}

#ad_denbosch {
	height:278px;
	width: 398px;
	background: url(images/ad_denbosch.jpg) no-repeat;	
}
#ad_denbosch span {
	display: none;
	height: 278px;
}

#ad_locaties {
	height:141px;
	background: url(images/ad_locaties.jpg) no-repeat;	
	
}
#ad_locaties span {
	display: none;
	width: 398px;
	height: 141px;
}



#effect2 {
	
	height:5px;
	background: url(images/effect2.jpg) no-repeat;	
	
}
#effect {
	
	height:31px;
	background: url(images/effect.jpg) no-repeat;	
	
}


#wit {
	
	height:10px;
	
	
}
#underline {
	width: 856px;
    float: left;
	display: block;

}
#underline p {
	font-size: 11px;
	color: #000000;
}


/* 
	SLIDER
*/
.slider-wrap								{ width: 720px; height: 195px; float: left; display: block; }	
.tekst_blok									{ background: url(images/bg_head.gif); width: 247px; height: 195px;  padding: 15px; float: right; }			
.foto_blok									{ width: 443px; float: left; }			
.tekst_blok	h1 {
	font-size: 16px;
	color: #000000;
}
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 0px 0 0px; }
.stripViewer								{ position: relative; overflow: hidden; width: 720px; height: 195px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 300px; position: relative; width: 720px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 0px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(FeaturedContentSlider/images/transpBlack.png); padding: 0px; height: 60px; 
											  margin-top: -100px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }



/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
blockquote									{ padding: 0 20px; margin-left: 0px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; }
.floatRight									{ float: right; }
.clear 										{ clear: both; }

#header_right {
	float: left;
	height: 195px;
	width: 145px; 
	background-image: url(images/head_right.jpg);
}