﻿/* 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:#1f1e21; font-size:13px;margin:0px; padding:0px; background-color:#4c4c4e;} 
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#copyright A:link	{color: #ffffff; text-decoration:none;}
DIV#copyright A:visited	{color: #ffffff; text-decoration:none;}
DIV#copyright A:active	{color: #ffffff; text-decoration:none;}
DIV#copyright A:hover	{color: #ffffff; text-decoration:none;}

H1				{color:#421f64; margin:0px; padding:10px 0px 0px 0px; font-family:Century; font-size:28px; font-weight:normal;}


/*===WEBPAGE============================================================================================================================*/

div.partContentText												{}
div.partContentText p											{padding:0px 0px 10px 0px; margin:0px;color:#1f1e21;line-height:19px;}
div.partContentText p a:link									{color: #000000; text-decoration:underline;}
div.partContentText p a:visited									{color: #000000; text-decoration:underline;}
div.partContentText p a:active									{color: #000000; text-decoration:underline;}
div.partContentText p a:hover									{color: #000000; text-decoration:underline;}
div.partContentText ul											{padding:0px 0px 15px 0px;margin:0px 0px 0px 15px;list-style-type:disc;}
div.partContentText ul li										{margin-top:2px;}
div.partContentText ol 											{padding:0px 0px 15px 0px;margin:0px 0px 0px 25px;list-style-type:decimal;}
div.partContentText ol li										{margin-top:2px;}

DIV#topbackground				{width:100%; height: 146px; background:url(../images/style/background_top.jpg) repeat; margin-right:auto; margin-left:auto;}
	DIV#top							{width:955px; height: 146px; margin:0px auto;}
		DIV#topLogo						{width:280px; height:146px; background:#ffffff url(../images/style/Convenu_logo.gif) no-repeat center center; float:left;}
		DIV#topInfo						{width:675px; height:146px; background-color:#aa99b9; float:left;}
		DIV#topInfo p					{font-family:Century; font-size:32px; color:#ffffff; text-align:right; font-weight:normal; padding:52px 25px 0px 0px; line-height:35px;}
DIV#navigation					{width:100%; height: 42px; background-color:#4c4c4e;}
	DIV#navigationContainer			{width:955px; height:42px; margin-right:auto; margin-left:auto;}
		

DIV#bodybackground				{width:100%; background:#ded3e1 url(../images/style/background_bottom.jpg) repeat-x; margin:0px auto;}
	DIV#contentContainer			{width:949px; margin:0px auto; background:url(../images/style/contentContainer.gif) repeat-y; font-size:12px;border-right:5px solid white;}
		DIV#contentPictures				{width:250px;height:675px; background-color:#333333; float:left; text-align:left; padding:0px 15px 0px 15px; text-align:left;background: url(../images/style/background_left.jpg) no-repeat bottom right;}
		DIV#contentPictures p				{color:#ffffff; padding: 10px 0px 10px 0px;}
			DIV.pictureholder				{width:250px; height:260px; padding:15px 0px 0px 0px;}
		    DIV#leftText1               {color:#ffffff;font-size:12px;padding:40px 0px 0px 20px;line-height:19px;}
		    DIV#leftText2               {color:#ffffff;font-size:12px;padding:40px 0px 0px 20px;line-height:19px;}
		    DIV#leftText3               {color:#ffffff;font-size:12px;padding:40px 0px 0px 20px;line-height:19px;}
		    DIV#leftText1 H2            {text-transform:uppercase;padding-bottom:4px;font-weight:normal;}
		    DIV#leftText2 H2            {text-transform:uppercase;padding-bottom:4px;font-weight:normal;}
		    DIV#leftText3 H2            {text-transform:uppercase;padding-bottom:4px;font-weight:normal;}
		DIV#contentMain					{width:625px;  background:#ffffff url(../images/style/contentbackground.jpg) no-repeat bottom right; float:left; padding:16px 20px 10px 20px; text-align:left; min-height: 472px; height:auto !important; height:472px;}
		DIV#contentMainWithImages		{width:625px;  background:#ffffff url(../images/style/contentbackground.jpg) no-repeat bottom right; float:left; padding:16px 20px 10px 20px; text-align:left; min-height: 472px; height:auto !important; height:472px;}
		DIV#contentMainWithImages	 DIV.partContentFileImageAdmin		{float:right;padding-top:60px;}
		DIV#contentMainWithImages	 DIV.partContentFileImageAdmin		a IMG{border:solid 1px #4c4c4e;}
		DIV#contentMainWithImages	 DIV.partContentText{width:400px;float:left;}
		DIV#contentFooter					{clear:both; height:15px; background-color:Transparent;}	
DIV#footer							{width:100%; height:20px; background-color:#4c4c4e;}
	DIV#copyright							{width:936px; margin:0px auto; color:White; text-align:left; padding:10px 0px 10px 15px; font-size:10px;}

/*===FORMS============================================================================================================================*/


DIV.formPropertyContainer										{padding:0px; margin:0xp;height:auto;float:left;width:100%;}
DIV.formPropertyContainer LABEL									{width:150px; height:14px;padding:8px 0px 0px 5px;font-family:Verdana;font-size:13px;}
DIV.formPropertyContainer LABEL.required						{font-weight:bold;}
	DIV.formPropertyTextContainer INPUT							{padding:2px; margin:8px 0px 5px 0px;font-family:Verdana;font-size:13px; border:solid 1px #cccccc; width:200px;}
	DIV.formPropertyReadOnlyContainer LABEL						{padding:0px; margin:8px 0px 5px 0px;float:left;padding-bottom:5px;}
	DIV.formPropertyTextAreaContainer TEXTAREA					{padding:2px; margin:8px 0px 5px 0px; font-family:Verdana;font-size:13px; border:solid 1px #cccccc; width:200px;}
	DIV.formPropertyDateTimeContainer .formPropertyDateDay		{padding:2px; margin:8px 3px 5px 0px; float:left; width:15px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateMonth	{padding:2px; margin:8px 3px 5px 0px; float:left; width:15px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateYear		{padding:2px; margin:8px 3px 5px 0px; float:left; width:30px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyUnit			{padding:0px; margin:11px 3px 5px 0px; float:left; width:60px; height:20px;margin-left:5px;}
	DIV.formPropertyRadioContainer								{float:left;width:190px;}
	DIV.formPropertyRadioContainer INPUT						{float:left;width:20px; margin-top:5px;}
	DIV.formPropertyRadioContainer LABEL						{float:left;width:150px;padding:8px 0px 0px 5px;height:20px;}
	DIV.formPropertyCheckContainer							{height:25px;}
	DIV.formPropertyCheckContainer							{float:left;width:190px;margin-top:5px;}
	DIV.formPropertyCheckContainer INPUT						{float:left;width:20px;}
	DIV.formPropertySelectContainer								{height:30px;}
	DIV.formPropertySelectContainer SELECT						{padding:0px; margin:5px 3px 5px 0px; width:150px;}	
	DIV.formPropertySubmitContainer								{height:40px;}
	DIV.formPropertySubmitContainer INPUT						{margin:8px 3px 5px 0px; border:solid 1px #cccccc; float:left; padding:3px 5px 3px 5px; background-color:#e3a836;color:#333333;font-weight:bold;font-family:Verdana;font-size:13px;}

DIV.formRequirmentMessage P {font-family:Verdana;font-size:13px;}
Form#FormContact{padding-top:10px;}
