/* -------------------------------------------------------------- 
   CT layout Styles
   * Version:   0 (2009-06-19)
-------------------------------------------------------------- */

/*kleuren overzicht
-------------------------------------------------------------- 
rose			: #e50e63
zwart			: #41535d
achtergrond		: #3b3b3b
--------------------------------------------------------------*/
html 								{ overflow-y: scroll !important; }

body 								{ background-color:#4c575f;}


/* Page
-------------------------------------------------------------- */
#page 								{ margin: 0 auto; width: 834px; height:100%; }


/* Header
-------------------------------------------------------------- */

/* content
-------------------------------------------------------------- */
.wrapper 							{min-height: 100%;height: auto;  }

#container							{ }

#sidebar							{ float: left; width: 206px; margin-right:5px;}
#menu								{ width: 206px; margin-bottom: 10px; float:left;}


#my_tweets							{ float:left; width: 202px; height: 206px; background-image:url(../pics/twitter.gif); background-repeat: no-repeat;color: #000; padding 10px;}
#twitblok							{ margin: 80px 22px 15px 20px;}
#my_tweets p, #my_tweets a			{ color: #000; font-size:10px; }

#colofon							{ float:left; padding: 10px 0; background-image:url(../pics/bg_colofon.png); background-repeat: no-repeat; width: 206px;}
#colofon h3							{ color:FFF; margin-left: 10px;}
#colofon p							{ margin-left: 10px;}

#content 							{ float: left; width: 623px; display:inline;}

.paragraaf_top						{ background-image:url(../pics/header_bg.png); background-repeat: no-repeat; height:15px;}
.paragraaf_bottom					{ background-image:url(../pics/header_bg_bottom.png); background-repeat: no-repeat; height:15px;}
.paragraaf_content					{ background-image:url(../pics/header_bg_content.png); background-repeat:repeat-y; padding: 0 15px 15px;}
.paragraaf_content h3				{ margin-bottom: 10px;}
.case_volgende						{ text-align:right; color: #fff; font-weight: bold; display: block; margin:5px;}


/* nieuwsoverzicht
-------------------------------------------------------------- */
.nieuws_overzicht_blok				{ margin-bottom: 0px; position:relative; background-image:url(../pics/td_bg_nieuws.gif); height:100px; }
.nieuws_overzicht_thumb 			{ float: left; margin: 10px;}
.nieuws_overzicht_blok h2			{ margin-bottom:-2px;padding-top:10px;}
.nieuws_overzicht_blok h2 a			{ color: #fff; text-decoration:none; font-size:30px; font-weight:bold; }
.nieuws_overzicht_subtitel 			{ color:#FFF}
.nieuws_overzicht_verder			{ position: absolute; top:50px; right:16px; font-size: 12px;}

.nieuws_overzicht_inleiding			{ position: relative; font-size: 12px; font-weight: normal; line-height:14px;}
.nieuws_overzicht_datum				{ position:absolute; right: 10px; top: 10px; font-size: 10px; color:#fff;  font-weight: normal; line-height:14px; }
.vac_overzicht_titel				{ color: #000; border: 1px solid #ccc; margin-bottom: 10px; font-size:16px; font-weight:bold;}
.vac_overzicht_inleiding			{ font-size: 12px; font-weight: normal; line-height:14px; }
.vac_overzicht_titel a				{ display:block; padding:20px; text-decoration:none; line-height:1;}
.vac_overzicht_titel a:hover		{ background-color:#FFE8EF;}
#vac_intro							{ font-style:italic;}

/* Footer
-------------------------------------------------------------- */

#footer 							{ clear:both; border-top: 1px solid #fff; margin-top: 10px;}
	

/* Lijst
-------------------------------------------------------------- */

.lijst_thumb						{ width: 98px; height: 75px; border: 1px solid #fff;}
.tabel_lijst						{ vertical-align: none; background-image:url(../pics/lijst_bg.png); background-repeat:repeat-y;}
.tabel_lijst td						{ padding: 3px}
.tabel_project						{ }
.project_klein						{ width: 182px; height: 138px;margin: 12px;}
.td_project							{ background:url(../pics/td_bg.gif) no-repeat; height: 160px;}
.td_personeel a						{ text-decoration:none;}
.td_txt_2rij						{ background:url(../pics/td_txt_2rij.gif) no-repeat; padding: 5px 10px;}
.td_txt_3kolom						{ background:url(../pics/td_txt_3kolom.gif) no-repeat; padding: 5px 10px;}
.td_txt_2kolom_2rij					{ background:url(../pics/td_txt_2kolom_2rij.gif) no-repeat; padding: 5px 10px;}
.lijst_klant						{ width: 100%; font-size: 10px; text-transform:uppercase;}

.hr									{ height: 2px;width:100%;border:0px; background-color:#e50e63;margin:-12px 0 10px 0;}


/* form
---------------------------------------------------------------*/
#formulier label 					{ display: block; width: 50px; float: left; margin-bottom: 10px; padding:2px; }
#naam, #email, #formulier textarea	{ display: block; width: 200px; float: left; margin-bottom: 10px; padding:2px; border: 1px solid #ccc; background-color:#CCC;
									  color: #000; font-size:12px;}

#formulier label 					{ text-align: right; padding-right: 20px; }
#formulier br 						{ clear: left; }

#submit								{margin-left: 72px; width:100px; border:1px solid #ccc; background-color:#fff; display:inline; color: #000;}


/* jquery gallery
---------------------------------------------------------------*/
.clear 								{ clear:both }
#gallery 							{ position:relative; height:359px; background-image:url(../pics/header_bg.png); background-repeat: no-repeat;}
#gallery a 							{ float:left;position:absolute;}
#gallery a img 						{ border:none; }
#gallery a.show 					{ z-index:500; }
.caption 							{ z-index:600; color:#ffffff; }
.caption .content 					{ margin:5px }
.caption .content h3				{ padding:0; color:#FFF; margin:8px 0; }

/* div's cases
------------------------------------------------*/
div.visible 						{ display: visible; } 
div.hidden 							{ display: none; } 

/* Nieuwsbrief
------------------------------------------------*/