@charset "windows-1251";

/*	tm-studio
 	------------------------------------------------------------------ */

/*	Table of contents
	=RESETS
	=WRAPPERS
	=BRAND
	=NAVIGATION
	=HEADER
	=FOOTER
	=CANVAS
	=HOME
	=CONTENT
	=TYPOGRAPHY
	=CONTACT
	=NEW STYLES

/* =RESETS
 	------------------------------------------------------------------ */
	* { padding: 0; margin: 0; font-family: Verdana, Arial, sans-serif; }
	img { border: 0; vertical-align: bottom; }
	.clr { overflow: hidden; height: 100%; }
	
/* =WRAPPERS
 	------------------------------------------------------------------ */
	body {  text-align: center; padding: 0 0 20px 0; }
	
	body.a { background: #383838 url(../img/body_bg_a.gif) repeat-x; }
	body.b { background: #383838 url(../img/body_bg_b.gif) repeat-x; }
	
	#wrapper_page { margin: 0 auto; text-align: left; width: 960px; }

	.wrapper_content-a { background: url(../img/wrapper_content-a_bg.gif) repeat-y; }
	.wrapper_content-b { background: url(../img/wrapper_content-b_bg.gif) repeat-y; }
	.wrapper_content-a .col-a, .wrapper_content-b .col-a { width: 644px; float: left; }
	.wrapper_content-a .col-b, .wrapper_content-b .col-b { width: 316px; float: right; }
	
	.fl { float: left; }
	.fr { float: right; }
	
/* =BRAND
 	------------------------------------------------------------------ */
	#brand { background: #000; height: 150px; }
	
/* =NAVIGATION
 	------------------------------------------------------------------ */
	#nav-main ul { height: 42px; list-style: none; background: url(../img/nav-main_bg.gif) repeat-x; }
	#nav-main ul li { height: 42px; float: left; }
	#nav-main ul li a { display: block; height: 100%; text-indent: -2000px; }
	
	#nav-main ul li a.main { width: 74px; background: url(../img/navigation/main.png) no-repeat; }
	#nav-main ul li a.plenair { width: 135px; background: url(../img/navigation/plenair.png) no-repeat; }
	#nav-main ul li a.about { width: 57px; background: url(../img/navigation/about.png) no-repeat; }
	#nav-main ul li a.gallery { width: 74px; background: url(../img/navigation/gallery.png) no-repeat; }
	#nav-main ul li a.photogallery { width: 104px; background: url(../img/navigation/photogallery.png) no-repeat; }
	#nav-main ul li a.texts { width: 69px; background: url(../img/navigation/texts.png) no-repeat; }
	#nav-main ul li a.projects { width: 106px; background: url(../img/navigation/projects.png) no-repeat; }
	#nav-main ul li a.films { width: 118px; background: url(../img/navigation/films.png) no-repeat; }
	#nav-main ul li a.archive { width: 62px; background: url(../img/navigation/archive.png) no-repeat; }
	#nav-main ul li a.links { width: 74px; background: url(../img/navigation/links.png) no-repeat; }
	#nav-main ul li a.contacts { width: 84px; background: url(../img/navigation/contacts.png) no-repeat; }
	
	#nav-main ul li a.main_en { width: 57px; background: url(../img/navigation/main_en.png) no-repeat; }
	#nav-main ul li a.about_en { width: 84px; background: url(../img/navigation/about_en.png) no-repeat; }
	#nav-main ul li a.plenair_en { width: 113px; background: url(../img/navigation/plenair_en.png) no-repeat; }
	#nav-main ul li a.gallery_en { width: 76px; background: url(../img/navigation/gallery_en.png) no-repeat; }
	#nav-main ul li a.photogallery_en { width: 109px; background: url(../img/navigation/photogallery_en.png) no-repeat; }
	#nav-main ul li a.texts_en { width: 58px; background: url(../img/navigation/texts_en.png) no-repeat; }
	#nav-main ul li a.projects_en { width: 108px; background: url(../img/navigation/projects_en.png) no-repeat; }
	#nav-main ul li a.films_en { width: 87px; background: url(../img/navigation/films_en.png) no-repeat; }
	#nav-main ul li a.archive_en { width: 79px; background: url(../img/navigation/archive_en.png) no-repeat; }
	#nav-main ul li a.links_en { width: 58px; background: url(../img/navigation/links_en.png) no-repeat; }
	#nav-main ul li a.contacts_en { width: 81px; background: url(../img/navigation/contacts_en.png) no-repeat; }
	
	#nav-main ul li a:hover { background-position: 0 -42px; }
	
/* =HEADER
 	------------------------------------------------------------------ */
	#header { height: 438px; position: relative; }
	#header img.header { position: absolute; top: 0; left: 0; }
	#header img.wallcovering { position: absolute; top: 0; right: 0; }
	
	#header_canvas { height: 252px; background: #000; }
	#header_canvas .prijzen { width: 275px; height: 210px; float: left; padding: 0; border-bottom: 1px solid #8d8c8c; }
	#header_canvas .header { float: left; }
	#header_canvas .prijzen td { font-size: 12px; color: #999898; }
	#header_canvas .prijzen td.col { border-left: 1px solid #999898; padding: 0 0 0 15px; }
	#header_canvas .prijzen p { font-size: 10px; color: #999898; line-height: 12px; margin: 15px 0 0 0; }

/* =FOOTER
 	------------------------------------------------------------------ */
	#footer { background: url(../img/footer_bg.gif) repeat-x; position: relative; height: 22px; padding: 10px 20px 20px 20px; }
	#footer p { font-family: Arial; font-size: 11px; color: #787777; }
	#footer .letterfreak { position: absolute; left: 400px; top: 0; }
	
/* =CANVAS
 	------------------------------------------------------------------ */
	#canvas .intro { background: #000; }
	.intro { padding: 20px; }
	.intro p span { font-weight: bold; color: #ffdc00; }
	
	#canvas .nav {  padding: 0 20px 0 20px; }
	#canvas .nav ul { list-style: none; }
	#canvas .nav ul li { float: left; color: #fff; font-size: 12px; padding: 15px 3px 15px 0; }
	#canvas .nav ul li a { color: #fff; text-decoration: none; }
	
	#canvas .content { background: #333333; padding: 0 20px 0 20px; }
	#canvas .content .item { width: 577px; border-top: 1px solid #ffffff; padding: 15px 0 15px 0; }
	#canvas .content .item h2 { margin: 0 0 5px 0; }
	#canvas .content .item p { margin: 0 0 5px 0; }
	#canvas .content .item.first { border: 0; }
	#canvas .content .item .thumbs { margin: 15px 0 0 0; }
	#canvas .content .item .thumbs img { float: right; margin: 0 0 0 15px; }
	#canvas .content .item .thumbs .example { float: left; margin-left: 0; }
	#canvas .content ul { list-style: none; color: #fff; font-size: 12px; padding-left:15px; line-height:20px; padding-top:10px;}
	#canvas .meer-weten { background: #141414; border-bottom: 1px solid #8d8c8c; padding: 20px; }

/* =HOME
 	------------------------------------------------------------------ */
	#home .news { padding: 20px 20px 0px 20px; background: #333333; text-align:justify; }
	#home .news .item { border-top: 1px solid #8d8c8c; padding: 7px 0 15px 0; }
	#home .news .item.first { border: 0; padding-top: 0; }
	#home .news .item h2 { color: #fff; font-size: 14px; font-weight: normal; }
	#home .news .item p { color: #fff; font-size: 12px; }
	#home .news .item p.dt { color: #bcbbbb; font-size: 10px; }
	#home .news .item .vsl { margin: 5px 10px 10px 0; float: left; border: 2px solid #6a6a6a;}
	#home .news .item .more { display:  block; margin: 7px 0 0 0; }
	
/* =CONTENT
 	------------------------------------------------------------------ */
	#content .hdr { background: #000; padding: 20px; }
	#content .txt { padding: 20px; background: #333333; }
	#content .txt h2 { color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 15px 0; }
	#content .txt h2 a { color: #fff; text-decoration: none; }
	#content .txt p { color: #fff; font-size: 12px; }
	#content .txt p.dt { color: #bcbbbb; font-size: 10px; }
	#content .txt p img { margin: 0 0 15px 0; }
	
	
	.news-archive { background: #121212; }
	.news-archive a { display: block; padding: 20px; }
	.news-archive a img { vertical-align: middle; }
	
	.projectvdweek { padding: 20px; background: #1c1c1c; }
	.projectvdweek .vsl { border: 2px solid #fff; margin: 0 0 10px 0; }
	.projectvdweek .more { margin: 10px 0 0 0; }
	
	.recente-projecten { padding: 20px; border-bottom: 1px solid #8d8c8c; }
	.recente-projecten .item { border: 2px solid #6a6a6a; float: left; margin: 0 0 10px 0; }
	.recente-projecten .item.row { margin-right: 10px; }
	.recente-projecten .more { margin-top: 5px; }
	
	.meer-weten {  padding: 20px; }

	.references { padding: 20px; }
	.references .refs { height: 51px; }
	.references .ref { float: left; display: inline; vertical-align: bottom; }
	.references h3 { margin-bottom: 10px; }
	
	.sibon { padding: 20px; }
	.sibon p { color: #838383; font-size: 11px; }
	.sibon p img { float: right; }
	
/* =TYPOGRAPHY
 	------------------------------------------------------------------ */
	h2 { line-height: 18px; }
	h3 { margin: 0 0 15px 0; line-height: 18px; }
	p { color: #fff; font-size: 12px; line-height: 18px; }
	a { color: #edce00; font-size: 12px; line-height: 18px; }

/* =CONTACT
 	------------------------------------------------------------------ */
	#contact .hdr { background: #000; padding: 20px; }

	#contact form { padding: 20px; background: #333333; }
	#contact form input { vertical-align: bottom; }
	#contact ul { list-style: none; margin: 0 0 10px 0; }
	#contact ul li { float: left; color: #fff; font-size: 12px; line-height: 20px; }
	#contact ul li input.text { border: 1px solid #000; width: 200px; font-size: 12px; padding: 2px 0 2px 0; }
	#contact ul li textarea { width: 200px; border: 1px solid #000; vertical-align: bottom; }
	#contact ul li input.send { display: block; margin: 0 0 0 102px; }
	#contact ul li label { width: 120px; display: block; }

	#contact .extra { padding: 20px; }
	#contact .extra img { margin: 0 0 10px 0; }
	#contact .gegevens { float: left; }
	#contact .gegevens .info { float: left; margin: 0 20px 0 0; border-right: 1px solid #fff; padding: 0 20px 0 0; }
	#contact .openingstijden { float: left; }

/* =NEW STYLES
 	------------------------------------------------------------------ */
	.spisok { list-style:square inside;}
	.likelink {cursor:pointer}