.swkk_sprits									{ background:url(http://www.smulwebkookcollege.nl/images/swkk_sprites.png) no-repeat; }
.swkk_sprits_form								{ background:url(http://www.smulwebkookcollege.nl/images/swkk_sprites_form.png) no-repeat; }

.swkk_logo										{ width:294px; height:170px; /*182*/ display:block; background-position:top left; position:absolute; left:-20px; top:6px; float:left; z-index:10000; }

/*Navigatie
------------------------------------------------------------------------------------------------------------------------------------------------*/	
.navigatie										{ list-style:none; height:44px; margin-left:265px; display:block; }
.navigatie li									{ float:left; height:46px; }

.navigatie li a									{ display:block; float:left; font-size:13px; padding-left:18px; text-decoration:none; font-size:15px; color:#000; height:44px; line-height:33px; vertical-align:middle; cursor:pointer; }
.navigatie li a span							{ display:block; float:left; padding: 0 18px 0 0; height:44px; }

.navigatie li a:hover,
.navigatie li.selected a						{ background:url(http://www.smulwebkookcollege.nl/images/nav_left.png) no-repeat left top; }
.navigatie li a:hover span,
.navigatie li.selected a span					{ background:url(http://www.smulwebkookcollege.nl/images/nav_right.png) no-repeat right top; }

nav.navigatie li:hover, .navigatie li.selected	{  background:url(http://www.smulwebkookcollege.nl/images/nav_pointer.png) bottom center no-repeat; }

/*Zoeken
------------------------------------------------------------------------------------------------------------------------------------------------*/	
.search											{ height:26px; /*height:46px; padding-top:20px;*/ margin-left:10px; }
/*
	.search	form									{ float:right; width:340px  }	
	.search	form input								{ border:none; background-position:0 0; display:block; width:291px; height:28px; font-size:17px; vertical-align:middle; line-height:28px; padding:0 0 0 5px; margin:0 8px 0 0; float:left }	
	.search	form input.go							{ border:none; background-position:-296px 0; display:block; width:28px; height:28px; float:left; top:0; }	
*/

/*Kruimelpad
------------------------------------------------------------------------------------------------------------------------------------------------*/	
.kruimelpad										{ background:#DBE0D1; height:22px; font-size:11px; color:#292324; margin-bottom:11px; }
.kruimelpad li.first							{ background:url(http://www.smulwebkookcollege.nl/images/arrow.png) no-repeat right center; display:block; padding:0 15px 0 8px; vertical-align:baseline; line-height:22px; height:22px; }							
.kruimelpad li 									{ background:url(http://www.smulwebkookcollege.nl/images/arrow.png) no-repeat right center; display:block; padding:0 15px 0 8px; vertical-align:baseline; line-height:22px; height:22px; }							
.kruimelpad li.before							{ background:url(http://www.smulwebkookcollege.nl/images/arrow_selected_before.png) no-repeat right; display:block; padding:0 15px 0 8px; vertical-align:baseline; line-height:22px; height:22px; }							
.kruimelpad li.selected							{ background:#B7C2A3 url(http://www.smulwebkookcollege.nl/images/arrow_selected_after.png) no-repeat right; display:block; padding:0 15px 0 8px; vertical-align:baseline; line-height:22px; height:22px; }			

/*Impress
------------------------------------------------------------------------------------------------------------------------------------------------*/
.impress_home, .impress_volg					{ position:relative; display:block; width:580px; background-position:top left; background-repeat:no-repeat; padding:0; margin:0 0 0/*11px*/ 0; }
.impress_home									{ height:396px; margin-bottom:11px; }
.impress_volg									{ height:220px; }
.slogan, .slogan_volg							{ color:#fff; font-size:28px; position:absolute; left:-8px; width:57%; line-height:1em; word-spacing:2px; height:auto; font-weight:normal; background:url(http://www.smulwebkookcollege.nl/images/slogan_bck.png) bottom right no-repeat; padding: 10px 0 20px 10px; }
.slogan											{ top:260px; }
.slogan_volg									{ top:110px; }

aside .sfeer									{ margin-left:20px; }
.foto_sidebar									{ margin-left:25px; }
.sfeer_photo									{ margin-left:20px; background:url(http://www.smulwebkookcollege.nl/images/foto_aside_workshops.png) top left no-repeat; width:293px; height:313px; display:block; }
.sfeer_photo img								{ width:272px; height:280px; margin:8px 0 0 10px; }

/*...
------------------------------------------------------------------------------------------------------------------------------------------------*/	
.workshopinfo td.tijd							{ font-size:16px; }
.workshopinfo td.prijs							{ font-size:16px; }
a.meer_workshops								{ float:right; position:relative; margin:-40px 8px 0 0; cursor:pointer; text-decoration:none; z-index:1000; }

/*Button
------------------------------------------------------------------------------------------------------------------------------------------------*/	
 a.button										{ cursor:pointer; background:url(http://www.smulwebkookcollege.nl/images/button_front.png) no-repeat left top; display:block; float:left; font-size:18px; padding-left:36px; margin:0 0 22px 0; /*margin-top:22px;*/ border:0; position:relative; /*top:-4px;*/ text-decoration:none; color:#fff; height:36px; line-height:36px; vertical-align:middle; }
 a.button span									{ cursor:pointer; background:url(http://www.smulwebkookcollege.nl/images/button_end.png) no-repeat right top; display:block; float:left; padding: 0 36px 0 0; height:36px; }
 
 span.button									{ background:url(http://www.smulwebkookcollege.nl/images/button_front.png) no-repeat left top; padding:0 0 0 36px; margin:0 0 22px 0; /*margin:11px 0 11px 0;*/ height:36px; display:inline-block;  }
 span.button input								{ background:url(http://www.smulwebkookcollege.nl/images/button_end.png) no-repeat right top;  padding:0 36px 0 0; margin:20px 0 0 0; border:none; position:relative; top:-20px; width:auto; height:36px; font-size:18px; line-height:36px; vertical-align:middle; color:#fff; cursor:pointer; _overflow:visible; _top:-21px; }

 a.button:hover									{ cursor:pointer; background:url(http://www.smulwebkookcollege.nl/images/button_front.png) no-repeat left top; }
 a.button:hover span							{ cursor:pointer; background:url(http://www.smulwebkookcollege.nl/images/button_end.png) no-repeat right top; }

/*Button new
	------------------------------------------------------------------------------------------------------------------------------------------------*/	
.button_h20, .button_h20:hover				{ 
												margin:0 10px 10px 0;
												padding:0 10px 0 10px;
												cursor:pointer;
												display:inline-block;
												text-align:center;
												color:#fff;
												font-size:12px;
												font-weight:normal;
												height:20px;
												line-height:20px;
												vertical-align:middle;
												border:none;
												text-decoration:none;
												/*filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=6, OffY=4, Color='gray');
												filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2);*/
											}

.button_h30, .button_h30:hover				{ 	margin:0 11px 11px 0;
												padding:0 11px 0 11px;
												cursor:pointer;
												display:inline-block;
												text-align:center;
												color:#fff;
												font-size:18px;
												font-weight:normal;
												height:30px;
												line-height:30px;
												vertical-align:middle;
												border:none;
												text-decoration:none;
												/*filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=6, OffY=4, Color='gray');
												filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2);*/
												}

.textshadow_light								{ text-shadow: 0 1px 1px rgba(0,0,0,.3); }
.textshadow_dark:hover							{ text-shadow: 0 3px 3px rgba(0,0,0,.6); }
	
.gradient_rood									{ background: #FF0000;
												background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#990000));
												background: -moz-linear-gradient(top,  #FF0000,  #990000);
												filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#990000');
												}
.gradient_rood:hover							{ background: #990000;
												background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#FF0000));
												background: -moz-linear-gradient(top,  #990000,  #FF0000);
												filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#FF0000');
												}
a.gradient_rood:hover 							{ color:#FFFFFF; } 
														
.gradient_grijs									{ background: #CCCCCC;
												background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#666666));
												background: -moz-linear-gradient(top,  #cccccc,  #666666);
												filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#666666');
												}
.gradient_grijs:hover							{ background: #666666;
												background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#cccccc));
												background: -moz-linear-gradient(top,  #666666,  #cccccc);
												filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#cccccc');
												}
																
.gradient_rood_pijl								{ background:url(http://www.smulwebkookcollege.nl/images/sprites_buttons.png) 0 0 no-repeat; }
.gradient_rood_pijl:hover						{ background:url(http://www.smulwebkookcollege.nl/images/sprites_buttons.png) 0 -40px no-repeat; }
											
.shadow_light												{ /*http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/*/
															-moz-box-shadow: 1px 1px 5px #666;
															-webkit-box-shadow: 1px 1px 5px #666;
															box-shadow: 1px 1px 5px #666;
															}

.radius_4_1111									{ -moz-border-radius:4px;		/* FF1+ */
													  -webkit-border-radius:4px;	/* Saf3+, Chrome */
													  border-radius:4px; }			/* Opera 10.5, IE 9 */
.radius_4_1001									{ -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; }
.radius_4_0110									{ -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; }
	
.radius_20_1111									{ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.radius_20_1001									{ -moz-border-radius:20px 0 0 20px; -webkit-border-radius:20px 0 0 20px; border-radius:20px 0 0 20px; }
.radius_20_0110									{ -moz-border-radius:0 20px 20px 0; -webkit-border-radius:0 20px 20px 0; border-radius:0 20px 20px 0; }
	
	
/*Workshop resulyten overzicht - http://www.smulwebkookcollege.nl/workshops/
------------------------------------------------------------------------------------------------------------------------------------------------*/		
.result2										{margin:0 0 30px 0; padding:0; clear:both; overflow:hidden;}
.result2 li  									{clear:both; width:100%; list-style:none; overflow:hidden; margin-bottom:22px;}
.result2 li article								{width:100%;}
.result2 li article	h3							{margin-bottom:4px;}
.result2 li article img							{background:#fff; float:left; margin-right:22px; padding: 5px;
												border:1px solid #efefef;
												box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
												-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
												-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}
.result2 li article div							{overflow:hidden;}
.result2 li article p							{line-height:135%; font-size:12px;  margin:0; padding:0; vertical-align: baseline;}
.result2 li article p a							{text-decoration:underline; display:inline-block;}
.result2 li article footer						{font-size:11px; background:none;}
.result2 li article footer .spacer				{margin:0 12px;}


/*Footer
------------------------------------------------------------------------------------------------------------------------------------------------*/	
footer											{ margin:0; padding:0; position:relative; background:#fff url(http://www.smulwebkookcollege.nl/images/servet.png) top left repeat-x; width:100%; height:auto; font-size:12px; color:#666666; }
footer .container								{ padding:0; } 
footer .logos									{ height:120px; padding:0; }
footer .links									{ height:116px; padding:20px 0 0 0; }
footer .nawt li									{ color:#fff; margin:10px 0 20px 0; margin-left:65px; }
footer .nawt li.first							{ margin-left:0; }
footer a										{ color:#666; text-decoration:none; }
footer .footer_visual							{ background:url(http://www.smulwebkookcollege.nl/images/footer_tomaat.png) top left no-repeat; width:180px; height:197px; display:block; z-index:10; top:0; right:0; position:absolute; }

/* Partner logo's
------------------------------------------------------------------------------------------------------------------------------------------------*/
ul.swtv_logos_partners 							{ padding:0; margin:0; }
ul.swtv_logos_partners	li a					{ width:116px; height:50px; display:block; padding:0; margin:0; }
ul.partner_sprites li a							{ background:url(../images/swtv_sprites_partners.png) no-repeat; }
ul.swtv_logos_partners li a.miele				{ background-position:0 0; }
ul.swtv_logos_partners li a.miele:hover			{ background-position:0 -100px; }
ul.swtv_logos_partners li a.vinites				{ background-position:-116px 0; }
ul.swtv_logos_partners li a.vinites:hover		{ background-position:-116px -100px; }
ul.swtv_logos_partners li a.keukendesigner		{ background-position:-232px 0; }
ul.swtv_logos_partners li a.keukendesigner:hover{ background-position:-232px -100px; }
ul.swtv_logos_partners li a.swinckels			{ background-position:-348px 0; }
ul.swtv_logos_partners li a.swinckels:hover		{ background-position:-348px -100px; }
ul.swtv_logos_partners li a.bk					{ background-position:-464px 0; }
ul.swtv_logos_partners li a.bk:hover			{ background-position:-464px -100px; }

ul.swtv_logos_partners li a.daalderop			{ background-position:0 -50px; }
ul.swtv_logos_partners li a.daalderop:hover		{ background-position:0 -150px; }
ul.swtv_logos_partners li a.gero				{ background-position:-116px -50px; }
ul.swtv_logos_partners li a.gero:hover			{ background-position:-116px -150px; }
ul.swtv_logos_partners li a.satelliet			{ background-position:-232px -50px; }
ul.swtv_logos_partners li a.satelliet:hover		{ background-position:-232px -150px; }
ul.swtv_logos_partners li a.nijboer				{ background-position:-348px -50px; }
ul.swtv_logos_partners li a.nijboer:hover		{ background-position:-348px -150px; }
ul.swtv_logos_partners li a.ralph				{ background-position:-464px -50px; }
ul.swtv_logos_partners li a.ralph:hover			{ background-position:-464px -150px; }

/*Foto overview
------------------------------------------------------------------------------------------------------------------------------------------------*/	
.fotothumbs, .fotothumb							{ padding:0; margin:0; }
.fotothumbs a, .fotothumb a 					{ text-decoration:none; }
.fotothumbs li, .fotothumb li					{ font-size:12px; margin:0 0 22px 22px; padding:0; width:128px; text-align:center; }
.fotothumbs li									{ background:url(http://www.smulwebkookcollege.nl/images/fotothumbs_bck.png) top left no-repeat; }
.fotothumb li									{ background:url(http://www.smulwebkookcollege.nl/images/fotothumb_bck.png) top left no-repeat; }
.fotothumbs li img, .fotothumb li img			{ margin:14px 14px 7px 14px; }

/*START - foto
------------------------------------------------------------------------------------------------------------------------------------------------*/	
.foto_hi-res									{ overflow:hidden; padding:0; margin:0 0 -5px 0; /*margin-bottom:22px;*/ width:580px; height:413px; top:-5px; left:50%; margin-left:-200px; position:relative; }
.foto_hi-res ul									{ width:2400px; padding:0; margin:0; }

.polaroid										{ background:url(http://www.smulwebkookcollege.nl/images/foto_aside_workshops.png) top left no-repeat; padding:0; margin:0; display:block;  width:293px; height:313px; }
.foto_hi-res_2									{ overflow:hidden; padding:0; margin:0 0 0 -136px; width:272px; height:300px; left:50%; position:relative; }
.foto_hi-res_2 ul								{ width:2400px; padding:0; margin:3px 0 0 0; }
.foto_hi-res_2 ul li img						{ width:272px; height:288px; }

/*
.foto_hi-res_2									{ background:url(http://www.smulwebkookcollege.nl/images/foto_aside_workshops.png) top left no-repeat; overflow:hidden; padding:0 8px 32px 10px; margin:0 0 22px -186px; width:293px; left:50%; position:relative; }
.foto_hi-res_2 ul								{ width:2400px; padding:0; margin:0; }
.foto_hi-res_2 ul li img						{ margin-top:8px; }
*/

.foto_vorige									{ background:url(http://www.smulwebkookcollege.nl/images/sw_vorige_foto.png) center left no-repeat; width:45px; height:100%; display:block; padding:0; margin:0; top:0; left:0px; position:absolute; z-index:5000; }
.foto_volgende									{ background:url(http://www.smulwebkookcollege.nl/images/sw_volgende_foto.png) center left no-repeat; width:45px; height:100%; display:block; padding:0; margin:0; top:0; right:0px; position:absolute; z-index:5000; }

/*START - alpha
------------------------------------------------------------------------------------------------------------------------------------------------*/
.alpha											{ width:100%; color:#fff; position:relative; float:left; overflow:hidden; }
.alpha img										{ display:block; }
.alpha h1 img									{ display:inline; margin-left:8px; }
.alpha_positie									{ position:absolute; bottom:0; left:0; width:100%; z-index:1; }
.alpha_layer									{ position:absolute; /*top:-5px;*/ width:100%; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; background-color:#000; height:100%; z-index:-1; }
.alpha_layer_content							{ padding:10px; display:block; height:auto; /*position:relative; top:-5px;*/ }
.alpha_layer_content,
.alpha_layer_content h4,
.alpha_layer_content a,
.alpha_layer_content p							{ color:#fff; display:block; }
.alpha_layer_content p							{ margin-bottom:0; }
.alpha_layer_content a:hover					{ color:#fff; text-decoration:none; }
.alpha_layer_content small a					{ color:#fff; text-decoration:underline; }

/*Tab box
------------------------------------------------------------------------------------------------------------------------------------------------*/
.tab_box										{ margin-bottom:22px; width:100%; }
.tab_box h3										{ margin-left:0; }
.tab_box ul										{ display:block; height:22px; padding:0; margin:0; width:100%; z-index:10; }
.tab_box ul li									{ padding:1px 8px 0px 8px; margin:0 0 0px 2px; background:#6D8D3A; /*#003300*/ }
.tab_box ul li:hover							{ background:#003300; }
.tab_box ul li a								{ color:#fff; display:block; }
.tab_box ul li.first							{ margin-left:0; }
.tab_box ul li.selected							{ background:none; padding:1px 8px 1px 8px; bottom:px; position:relative; border-top:1px solid #6D8D3A; border-right:1px solid #6D8D3A; border-left:1px solid #6D8D3A; border-bottom:1px solid #fff; }
.tab_box ul li.selected	a 						{ color:#003333; }
.tab_box menu									{ z-index:0; position:relative; border-top:1px solid #6D8D3A; margin-top:4px; padding:18px 2px 2px 2px; display:block; }
.tab_box menu li span							{ display:inline-block; }

/*Comments
------------------------------------------------------------------------------------------------------------------------------------------------*/
.comment										{ background:url(http://www.smulwebkookcollege.nl/images/comment_line_hor.png) 29px left no-repeat; margin-bottom:22px; }
.comment span									{ float:right; margin-top:-39px; }
.comment h3										{ margin-bottom:15px; }

/*Result
------------------------------------------------------------------------------------------------------------------------------------------------*/
.result h3										{ cursor:pointer; }

/*Procenten
------------------------------------------------------------------------------------------------------------------------------------------------*/
.textalignleft									{ text-align:left; }
.textaligncenter								{ text-align:center; }
.textalignright									{ text-align:right; }

/*agenda / individuele workshops
------------------------------------------------------------------------------------------------------------------------------------------------*/
    .agenda                            { font-size:12px; line-height:22px; }
    .agenda th                        { line-height:30px; }


		.w10														{ width:10%; }
		.w15														{ width:15%; }
		.w20														{ width:20%; }
		.w25														{ width:25%; }
		.w30														{ width:30%; }
		.w35														{ width:35%; }
		.w40														{ width:40%; }
		.w50														{ width:50%; }
		.w60														{ width:60%; }
		.w70														{ width:70%; }
		.w80														{ width:80%; }
		.w90														{ width:90%; }
		.w100														{ width:100%; }
		
		
.programma_kws {font-size:12px;}
.programma_kws a   {font-size:11px; text-decoration:none; line-height:normal; padding-bottom:4px; display:block;}        
.programma_kws a span {display:block; text-decoration:none; font-size:12px; text-decoration:underline; line-height:normal; padding:0; margin:0;}