/* START - basis HTML */
html,body							{margin:0; padding:0; font:12px arial,sans-serif;}
html								{background:url(/images/body_bckgrnd.gif) top left repeat-x;}
body								{background:url(/images/dinerjaarkaart_beeldmerk.png) top left no-repeat;}
table								{border:0px; padding:0px; margin:0px; width:100%;}
td									{vertical-align:top; text-align:left;}
table.center tr td					{text-align:center;}
p									{margin:0 0 20px 0; padding-bottom:0;}
a									{color:#E41715;}
a:hover								{text-decoration:none;}
img									{border:none;}
hr									{color:#E41715; background-color:#E41715; height:1px; border:1px; width:100%;}
input								{font-size:12px; margin:0 0 4px 0; padding:0; height:16px; }
textarea							{font-size:12px; margin:0 0 8px 0; padding:0; width:94%; height:50px;}
select								{font-size:12px; margin:0 0 8px 0; padding:0; height:18px;}
.checkbox							{width:14px; height:14px; bottom:-2px;}
form								{margin:0; padding:0;}
small, .small						{font-size:10px;}

/*h1									{font-size:16px; color:#E41715; font-weight:bold;}
h2									{font-size:14px; color:#333333; font-weight:bold;}*/
h1									{font-size:16px; color:#E41715; font-weight:bold; margin:20px 0 10px 0;}
h2									{font-size:14px; color:#333333; font-weight:bold; margin:20px 0 10px 0;}
h4									{font-size:12px; color:#E41715; font-weight:bold; margin:10px 0 0 0; padding:0;}

.bold, .strong						{font-weight:bold;}
/* END - basis HTML */


/* START - framework */
div#container						{text-align:left; background-image:url(/images/content_bckgrnd.gif);}
div#container						{width:900px; margin:0 auto;}
div#header							{float:right; width:600px; height:132px; background:url(/images/body_bckgrnd.gif) top left repeat-x;}
div#logo							{float:left; width:300px; height:255px; margin:-132px 0 0 0; padding:0; }
div#index							{float:left; clear:left; width:260px; margin:0; padding:40px 20px 10px 20px;}
/*div#index							{margin-top:55px;}
* html div#index					{margin-top:0px;}  IE6 HACK */
div#content							{float:right; width:550px; padding:20px 25px 25px; margin-bottom:-120px;} /*plaatsen login blok sitebar - werkt samen met div#inlogform > height:100px;*/
/*div#inlogform						{background:#333; color:#fff; float:left; clear:both; margin:0 auto; width:250px; background-color:#0000CC;}*/
div#inlogform						{padding:10px 0 0 20px; border-top:2px solid #fff; border-bottom:2px solid #fff; background:#ccc url(/images/login_background.gif) bottom left no-repeat;}
div#inlogform						{color:#fff; clear:both; width:280px; height:100px;} /*plaatsen login blok sitebar - werkt samen met div#inlogform > margin-bottom:-120px;*/
div#footer							{background:#333; color:#fff; clear:both; width:100%; height:35px;}
/*==================*/
.root								{position:absolute; width:85px; height:132px; top:0; left:0;}
div#header a h1						{font-size:22px; color:#fff; line-height:normal; padding:0; margin:0; padding:28px 0 0 10px;}
div#content p						{line-height:1.5em;}
div#index h1						{margin:0; text-transform:uppercase;}
div#index ul, div#index ol			{padding:0 0 10px 20px;margin:0 0 0 5px;}	/**/
div#index li						{line-height:1.5em; margin:0; padding:0;}	/*line-height:1.5em; margin:0; padding:0;*/
div#content ul, div#content ol		{margin-left:-20px; *margin-left:15px;}	/**/
div#content li						{line-height:1.5em; margin:0; padding:0;}	/*line-height:1.5em; margin:0; padding:0;*/

/*START - tijdelijke oplossing sitemap opmaak (navigatie)*/
div#content ul ul li{
border:0;
background:none;
}

div#content ul ul li a{
background:none;
}
/*END - tijdelijke oplossing sitemap opmaak (navigatie)*/

div#content h1						{margin:20px 0 10px 0;}
div#content h2						{margin:20px 0 10px 0;}

div#content table 					{ margin: 0; padding: 0; border:0; }

div#footer p						{display:inline; padding:0 0 0 10px; font-size:10px; top:13px; position:relative;}
div#footer a						{display:inline; padding:0; color:#fff;}
div#footer a:hover					{text-decoration: none;}
div#footer img						{float:left;}
/* END - framework */


/* START - basis elementen */
.input_background					{background-color:#FFFF66;}
/*input:focus, textarea:focus		{background-color:yellow;}*/
.vergeten							{border:2px solid #E41715;}
.verplicht							{color:#E41715; font-size:14px; font-weight:bold; display:inline; text-align:center; padding:0 5px 0 5px; height:14px; line-height:10px; vertical-align:middle;}
ul.error							{background:#eee; color:#E41715; font-weight:bold; /*padding:2px; margin:0 0 20px 0;*/ }
.hidden_button						{position:absolute; left:-2000px;}
.small_but_bigger					{font-size:11px;}
.rood, .rood a						{color:#E41715;}
.grijs, .grijs a					{color:#333;}
a.decoration_none					{text-decoration:none}
.capitalize							{text-transform: capitalize; } /*Alleen 1-ste capitaal*/
.uppercase							{text-transform:uppercase;} /*Alles capitalen*/
.pointer 							{cursor:pointer;}
.margin0							{margin:10px 0 0 0;}
.intext_img_r						{margin:0 0 15px 15px;}

a.button							{background:url(/images/button_inloggen.png) no-repeat; width:114px; height:20px; display:block; padding-left:11px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; line-height:1.8em; vertical-align:middle;}
a.volgende							{float:right; background:url(/images/button_volgende.png) no-repeat; width:139px; height:20px; display:block; padding-left:11px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; line-height:20px; vertical-align:middle;}
a.vorige							{float:left; background:url(/images/button_vorige.png) no-repeat; width:139px; height:20px; display:block; padding-right:11px; text-align:right; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; line-height:20px; vertical-align:middle;}
a.volgende_190, a.volgende_290		{float:right; background:url(/images/button_volgende_190.png) no-repeat; width:179px; height:20px; display:block; padding-left:11px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; line-height:20px; vertical-align:middle;}
a.vorige_190						{float:left; background:url(/images/button_vorige_190.png) no-repeat; width:179px; height:20px; display:block; padding-right:11px; text-align:right; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; line-height:20px; vertical-align:middle;}

a.volgende_190_sidebar		{background:url(/images/button_volgende_190.png) no-repeat; width:179px; height:20px; display:block; padding-left:11px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; line-height:20px; vertical-align:middle;}


.form_button						{float:right;}

.col1								{float:left;}
.col2								{float:right;}
.clearboth							{clear:both; padding:0; margin:0; height:0px;}

.korting_badge						{position:absolute; float:left; top:150px; margin-left:-30px; *margin-left:-330px; width:140px; height:1px; display:block;}
.aantal_res							{font-size:30px; font-weight:bold; margin:0px; line-height:normal;}
.button_bestel_groot				{background:url(/images/button_bestel_groot.png) no-repeat; width:539px; height:46px; margin-top:20px; padding-left:11px; font-size:23px; font-weight:bold; color:#fff; text-decoration:none; line-height:46px; vertical-align:middle; display:block;}


	/*START - kruimelpad*/
	.kruimelpad							{border-bottom:1px solid #ccc; padding-bottom:5px;}
	div#content .kruimelpad	h1			{font-size:10px; font-weight:normal; margin:0;}
	div#content .kruimelpad	h1 a		{text-decoration:none; margin:0;}
	div#content .kruimelpad	h1 a:hover	{text-decoration:underline;}
	.functies							{float:right; margin-top:-15px;}
	/*END - kruimelpad*/

	/* START - content home*/	
	h1.koptitel, h1.koptitel a			{font-size:30px; color:#000; text-align:center; margin:0; padding:0; text-decoration:none;}
	h1.titel, h1.titel a				{font-size:30px; color:#000; text-align:center; margin:0; padding:0; text-decoration:none; position:relative; top:-8px; _top:-2px;}
	.neem_1 							{position:relative; float:left; width:242px; padding-right:23px; height:305px; border-right:1px #E41715 solid;}	
	.neem_2 							{position:relative; float:left; margin-left:23px; width:255px; height:305px;}
	.button_bestel						{background:url(/images/button_bestel.png) no-repeat; width:231px; height:37px; padding-left:11px; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; line-height:37px; vertical-align:middle; display:block;}
	.button_bestel_grijs						{background:url(/images/botton_bck_grijs_br255.png) no-repeat; width:255px; height:37px; padding-left:11px; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; line-height:37px; vertical-align:middle; display:block;}
	/* END - content home*/

	/*START - zoekresultaten*/
/*
	.zoekresultaat						{border-bottom:1px solid #ccc; padding:0 0 15px 25px; position:relative;} 
	.res_cijfer							{display:inline; margin-left:-25px; font-weight:bold; display:block;}
	h1.res_titel, h1.res_titel a		{display:inline; margin-left:0; font-size:14px; text-decoration:none;}
	h1.res_titel a:hover	  			{text-decoration:underline;}
	.res_besch							{margin-top:5px;}
	.res_besch p						{margin:0 0 10px 0;}
	.res_besch table					{width:420px;}
	.res_besch_resto					{position:relative; float:right;}
*/
	.zoekresultaat						{border-bottom:1px solid #ccc; padding:0 0 0 25px; position:relative;} 
	.res_cijfer							{position:relative; top:0; left:0; margin:0 0 0 -25px; padding:0; font-weight:bold;}
	h1.res_titel						{position:relative; top:-35px; left:0; padding:0; margin:0; font-size:14px; text-decoration:none;}
	.res_besch p						{position:relative; top:-33px; left:0; padding:0; margin:0; }
	.res_besch_resto					{position:relative; top:-35px; left:0;}
	
	.res_besch table					{position:relative; top:-20px; left:0; width:420px;}
	.res_besch_korting					{position:relative; float:right; top:-50px; margin-right:-42px;}
	/*.lees_meer:hover					{text-decoration:none;}*/
	.ico_txt							{position:relative; top:-5px;}
	/*END - zoekresultaten*/

	/*START - resto detail*/
	.plaats_prov						{font-size:11px; font-weight:normal;}
	.restonawt							{width:240px;}
	.restolegenda						{width:300px;}
	.resto_foto							{position:relative; margin:0 0 10px 0;}
	.resto_foto_vorige					{top:200px; left:0px; position:absolute; z-index:1000;}
	.resto_foto_volgende				{top:200px; right:0px; position:absolute; z-index:1000;}
		/*START - tab container*/
		#tabcontainer						{}
		#tabcontainer select				{width:100%;}
		.kosten_djk							{float:right; width:150px; height:37px; background:url(/images/kosten_djk.png) top left no-repeat; color:#fff; font-size:25px; font-weight:bold; line-height:37px; vertical-align:middle; display:block; text-align:center;}
		.euro								{width:10px; float:left; font-weight:bold; font-size:14px;}
		.prijzen							{width:90px; float:right; font-weight:bold; font-size:14px; text-align:right;}
		/*
		.tabset_tabs						{ margin:0; padding:0; list-style-type:none; position:relative; z-index:2;  }
		.tabset_tabs li						{ width:180px; margin:0; padding:0; display:inline; }
		.tabset_tabs a						{ color:#000 ! important; background-color:#ccc ! important; border:1px solid #fff; text-decoration:none; padding:2px; border-bottom:none; font-weight:bold; }
		.tabset_tabs a:hover				{ color:#000 ! important; background-color:#ccc ! important }
		.tabset_tabs a.active				{ color:#E41715 ! important; background-color:white ! important; border-color:#ccc; border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px }
		
		.tabset_tabs li.firstchild a		{ border-left-width:1px }
		
		.tabset_content						{ border:1px solid #ccc; background-color:white; position:relative; z-index:1; padding:8px; display:none }
		.tabset_label						{ display:none }
		
		.tabset_content_active				{ display:block }
		
		@media aural{
			.tabset_content,
			.tabset_label					{ display:block }
		*/
		/*END - tab container*/
	/*END - resto detail*/

	/*START - sidebar*/
	.bericht 							{margin:0 0 30px 0; padding:0;}
	.bericht p 							{background-color:#fff; line-height:1.4em; width:228px; margin:-3px 0 -3px 0; padding:0 10px 0 20px;}
	#google_map							{margin:0 0 30px -20px;}
/*	.inlogform							{clear:both; background:#ccc; width:280px; margin:-122px 0 0 0; padding:0 0 12px 20px; float:left; border-top:2px solid #fff; background:url(/images/login_background.gif) bottom left no-repeat;} */
	div#inlogform h1					{text-transform:uppercase; margin:0; padding-bottom:4px;} /*Alles capitalen*/
	div#inlogform input					{width:120px; }
	
	
	
	.stappen							{font-size:16px; font-weight:bold; color:#333; margin:0 0 30px -20px; width:300px; }
	.stappen a							{color:#fff; text-decoration:none; cursor:pointer; display:block;}
	.done a 							{padding-left:17px; height:30px; line-height:30px; width:283px; background:#333; border-bottom:1px solid #fff; color:#fff;}
	.active 							{padding-left:70px; height:40px; line-height:40px; width:230px; background:url(/images/bestel_active.png) top left repeat; border-bottom:1px solid #fff; color:#fff;}
	.todo								{padding-left:17px; height:30px; line-height:30px; width:283px; background:#ccc; border-bottom:1px solid #fff; color:#333;}

	.active_highlight					{margin-top:-50px; width:280px;}
	.todo img, .done img				{margin:0 30px -10px 0;}
	a.activeer_djk						{background:url(/images/activeer_djk.jpg) top left no-repeat; width:280px; height:58px; margin:10px 0 30px -20px; padding:12px 0 0 20px; text-decoration:none; display:block; border-top:2px solid #fff; border-bottom:2px solid #fff; font-size:20px; color:#fff;}
	/*END - sidebar*/
	
	/**/
	.bestel_regel_selected				{background:url(/images/djk_bestel_bckgrnd.jpg) top left repeat-x;}
	
	.producten_overzicht td 			{ padding: 2px 0 2px 0; }
	.producten_overzicht_uitgebreid td	{ padding: 3px; }
	/**/

/* END - basis elementen */


		.dakar_tim			{ margin-top:20px; position:relative; display:block; }
		.dakar_tim h1		{ position:absolute; z-index:100; margin:0 0 0 10px; width:260px; font-size:12px; }
		.dakar_tim img		{ position:absolute; z-index:1000; top:5px; left:-12px; width:110px;}
		.dakar_tim_flash	{ position:absolute; z-index:0; top:35px; left:0; }
		
		.clear				{ clear:both; }