/* Copyright TvTWeb Web & Software development */
/*
	Element namen in HOOFDLETTERES.
	Variabele namen zoals 'leftContainer'.
	Elementnaam altijd voor de klassenaam zoals 'DIV.leftContainer'.
	
*/

@import url("thickbox.css");


/*===ELEMENTS============================================================================================================================*/
BODY        {text-align:center; font-family:Verdana; color:#231f20; font-size:11px;margin:0px; padding:0px; background-color:#cfd0d1;} 
HTML		{width:100%;}
FIELDSET	{padding:0px; margin:0px; border:0px;}
FORM		{padding:0px; margin:0px;}
SELECT		{float:left; font: 11px Tahoma; margin:0px; margin:0px; width:150px;}
LABEL		{float:left; font: 11px Tahoma; padding:0px; margin:0px;}
INPUT		{padding:0px; margin:0px;}
OPTION		{padding:0px; margin:0px;}
RADIO		{padding:0px; margin:0px;}
CHECKBOX	{padding:0px; margin:0px;}	
TEXTAREA	{padding:0px; margin:0px;}	

A:link			{color: #000000; text-decoration:none;}
A:visited		{color: #000000; text-decoration:none;}
A:active		{color: #000000; text-decoration:none;}
A:hover			{color: #000000; text-decoration:none;}

DIV.partContentText P	{color:#231f20; margin:0px; padding:0px 0px 15px 0px; line-height:19px; font-size:11px;}
DIV#pinkBox DIV.partContentText P	{font-size:11px; padding:0px 0px 10px 0px; margin:0px;color:#ffffff; margin:0px; line-height:19px; }
H1						{padding:0px 0px 4px 0px; margin:0px; font-size:11px; color:#231f20; font-weight:bold;}

DIV#pinkBox ol			{padding:0px 0px 15px 20px; margin:0px; line-height:19px; font-style:italic;}
DIV#pinkBox ol li		{padding:0px; margin:0px;}

/*===WEBPAGE============================================================================================================================*/

DIV#greyTopBar {height:65px; background-color:#cfd0d1; width:100%;}
DIV#mainContainer {width:100%; background-color:white;}
	DIV#contentContainer {width:940px; margin:0px auto; background-color:white;padding-right:68px;}
		
		/* Absolute elements */
		DIV#pinkBox					{position:absolute; height:255px; width:210px; background-color:#ee3a84; margin:180px 0px 0px 196px; color:#ffffff; padding:15px 20px 20px 20px; text-align:left; line-height:19px;}
		a#makeAppointment			{position:absolute; height:95px; width:95px; margin:102px 0px 0px 910px; display:block;}
		
		a#previousPortfolioItem		        {height:15px; width:75px; display:block; background: url(../images/style/portfolioSubPrevious.jpg) no-repeat 0px -15px;float:left;margin:4px; text-align:right;}
		a#previousPortfolioItem:hover		{background-position:0px 0px;}
	
		a#nextPortfolioItem			        {height:15px; width:55px; display:block; background: url(../images/style/portfolioSubNext.jpg) no-repeat 65px -15px; float:right;margin:4px; text-align:right; padding-right:25px;}
		a#nextPortfolioItem:hover 			{background-position:65px 0px;}
		
		a#previousPortfolioPage		        {height:66px; width:66px; display:block; background: url(../images/style/portfolioPrev.jpg) no-repeat 0px -66px;}
		a#previousPortfolioPage:hover		{background-position:0px 0px;}
		
		a#nextPortfolioPage			        {height:66px; width:66px; display:block; background: url(../images/style/portfolioNext.jpg) no-repeat 0px -66px;}
		a#nextPortfolioPage:hover 			{background-position:0px 0px;}
		
		
		/* Top part */
		DIV#header		{height:210px; width:940px;}
		DIV#header	a#logo		{display:block; height:120px; width:175px; float:left; background: url(../images/style/appart-studio.gif) no-repeat; margin-top:30px;}
		DIV#headerLine	{width:765px; height:150px; float:left; border-bottom:solid 1px #231f20;}
		
		DIV#navigation	{float:left; width:175px; text-align:left;}
			/* Vertical navigation */
			DIV#verticalNavigation_part						{width:145px; font:11px Verdana; font-weight:bold;}
			DIV#verticalNavigation_part ul					{list-style-type:none; padding:0px; margin:0px; }
			DIV#verticalNavigation_part li                  {display:block; border-bottom:solid 1px #a5a8ac; padding:7px 20px 7px 0px;}
			DIV#verticalNavigation_part ul li a				{color: #231f20; background: url(../images/style/portfolioSubNext.jpg) no-repeat 0px -15px; display: block; text-decoration: none; width:110px; padding:0px 0px 0px 35px; height:15px;}
			DIV#verticalNavigation_part ul li a:active		{color: #231f20;}
			DIV#verticalNavigation_part ul li a:visited		{color: #231f20;}
			DIV#verticalNavigation_part ul li a:hover		{color: #231f20; background: url(../images/style/portfolioSubNext.jpg) no-repeat 0px 0px;}
			DIV#verticalNavigation_part ul li.selected a	{color: #231f20; background: url(../images/style/portfolioSubNext.jpg) no-repeat 0px 0px;}

		DIV#contentHome		{float:left; width:763px; border:solid 1px #d2d5d7; background:#ffffff url(../images/style/citroenen.jpg) no-repeat 5px 210px; text-align:left;}
		DIV#contentVarious	{float:left; width:763px; border:solid 1px #d2d5d7; background:#ffffff; text-align:left;}
			DIV#contentVariousFooter	{clear:both; height:0px; font-size:1px;} 
		
		/* Uitgelicht */
		DIV#contentUitgelicht{float:left; width:762px; border:solid 1px #d2d5d7; border-bottom:none;  text-align:left; background:url(../images/style/containerLine.jpg) repeat-y 381px 0px;}
			DIV.uitgelichtItem	{float:left; width:341px; padding:20px;} 
			DIV.uitgelichtFooter {width:764px; height:1px; background-color:#d2d5d7; clear:both;}
					
		/* Portfolio */
		DIV#contentPortfolioItem {float:left; width:760px; border:solid 1px #d2d5d7; background:#ffffff; text-align:left; margin-bottom:5px;}
			DIV#portfolioItemDescription	{position:absolute;  width:280px; margin:45px 0px 0px 452px;}
			DIV#portfolioItemDescription P A{text-decoration:underline;}
			DIV.portfolioNavigationBar{background-color:#d2d5d7;width:100%;height:23px;}
			DIV#contentPortfolio {float:left; width:390px; padding:20px 0px 0px 10px;}				
				/* Gallery */
				DIV.fileImageGallery	{}
				DIV.fileImageGallery	A		{width:66px; height:66px; float:left; display:block; border:solid 1px #a5a8ac; margin:0px 0px 10px 10px;}
				DIV.fileImageGallery	A img		{border:0px;}	
			DIV#contentText		{float:left; padding:20px; width:323px;}
			
			/* home pagina / nieuws */
			DIV#contentTitle	{width:413px; height:38px; padding:16px 0px 0px 290px; font:15px Verdana; font-weight:bold;}
			DIV.newsItem	{padding:0px 60px 0px 290px;} 
				DIV.newsItemDate	{float:left; width:73px;}
				DIV.newsItemContent	{float:left; width:340px;}
				DIV.newsItemFooter	{clear:both; height:5px; font-size:1px; border-bottom:solid 1px #231f20; margin-bottom:20px;}
			
			/* Gezicht & contact */	
			DIV#contentLeft	{float:left; width:270px; padding:20px 20px 0px 20px;line-height:19px; font-size:11px;}
			DIV#contentRight{float:left; padding:20px 20px 0px 0px; width:433px;}
				
		DIV#contentFooter {clear:both; height:20px; background-color:#ffffff; font-size:1px;}
		DIV#keyWords{width:770px; margin:0px auto; text-align:justify;padding-left:110px;margin-top:15px;}
			DIV#keyWords SPAN.big{font-size:20px;color:#aaaaaa;padding:0px 2px 0px 2px;}
			DIV#keyWords SPAN.middle{font-size:14px;color:#aaaaaa;padding:0px 2px 0px 2px;}
			DIV#keyWords SPAN.small{font-size:10px;color:#aaaaaa;padding:0px 2px 0px 2px;}
		
DIV#greyBottomBar	{height:42px; background-color:#cfd0d1; width:100%;}
	DIV#copyrights		{width:960px; margin:0px auto;font-size:9px;text-align:left; text-indent:195px; padding-top:15px;padding-right:70px;}