/*---------------------------------------------------------------------------------------------------+
|                                                                                                    |
|    			Ctrl-V Wireframe - Ctrl-V Multimedia Communications B.V.    						 |
|                                                                                                    |
+-------------------------------------------------+--------------------------------------------------+
|                                                 |                                                  |
|   		 									  |   v 0.0.0                                        |
|   Assigned to:    	Mark van Hagen 			  |   May 2009                                       |
|   Stylesheet:			main.css				  |   http://www.ctrl-v.nl                           |
|                                                 |                                                  |
+-------------------------------------------------+-------------------------------------------------*/


/*-------------------------------------------+
|                                            |
|            BODY AND HTC FIXES	             |
|                                            |
+-------------------------------------------*/

html				{ min-height:100%;}

html, body			{ height: 100%;}

body				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; line-height: 2.1em; text-align:left;	padding: 0; margin: 0; 
					  behavior: URL(/htc-fixes/csshover.htc) }



/*-------------------------------------------+
|                                            |
|           		Colors     			     |
|                                            |
+-------------------------------------------*/

.black 				{ color: #171717;} /* Body tekst */
.red				{ color: #f20017;} /* Errors */
.grey				{ display:block; position:relative; float:right; width: 610px; color: #9f9f9f; line-height: 1.6em; margin-top:3px; margin-left:10px}


/*-------------------------------------------+
|                                            |
|          			HEADERS		             |
|                                            |
+-------------------------------------------*/

h1, h2, h3, h4, h5, h6
					{ line-height: 1.8em;}

h1					{ font-size:1.6em; color: #00467f; margin: 0px 0px 10px 0px;}

h2					{ font-size:1.2em; line-height: 0; font-weight: bold; color: #00467f; text-transform: uppercase;	}

h3					{ margin: 16px 0px 0px 0px; font-weight: bold; color: #88b2c6}

h4					{ font-size:1.2em; font-weight: bold; margin: 0px 0px 20px 20px; }

h5					{ font-weight: bold; margin: 0px 0px 0px 0px; color: #00467F; }

img 				{ border: 0px; }

/*-------------------------------------------+
|                                            |
|          			TEXT		             |
|                                            |
+-------------------------------------------*/



.justify{
	text-align:left;
}



/*-------------------------------------------+
|                                            |
|         		 	LINKS			     	 |
|                                            |
+-------------------------------------------*/

a:link,  a:visited,  a:hover,  a:active 
 				{ color:#00abff; text-decoration:none;}
	
a:hover 		{ text-decoration:underline;}
	
/*-------------------------------------------+
|                                            |
|     	Diversen Content Elementen	         |
|                                            |
+-------------------------------------------*/

.generic hr {
		border: none;
		height: 0px;
		border-bottom: #bf1b3c dotted 1px;		
		margin: 0px 20px 18px 20px
}
	
.generic .img {
		margin: 5px 20px 10px 20px;
		border: 1px solid #333;
	}

/*-------------------------------------------+
|                                            |
|         		 	LAYOUT			     	 |
|                                            |
+-------------------------------------------*/

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -33px; /* the bottom margin is the negative value of the footer's height */
	background:url(/images/beeldmerk.gif) bottom center  no-repeat
}
.footer, .push {

	height: 33px; /* .push must be the same height as .footer */
	margin: 0 auto;
}


#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;	
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	width:940px;
	padding: 8px 10px 0px 10px;
}

#navMain, #header, #breadcrumb,	#searchmodules, #placeholder, #quicklinks, #icons, #search, #maintabs, #footer, #appointment, .searchmodule		{ display:none}




/* TIES TOEVOEGING */
#empty_placeholder		{ 
	position:relative; 
	display:block; 
	width: 720px; 
	height: 211px; 
	font-size:1.1em; 
	line-height:1.8em;
}
/* END TIES TOEVOEGING */

#wrapcontent		{ margin-top:17px; width: 940px; min-height: 200px; height: auto !important; height: 200px; }

#news, #medewerkers	{ position:relative; float: left; width:290px; padding-left:10px; min-height: 250px; height: auto !important; height: 250px; font-size:1.1em; line-height:1.8em}

#medewerkers		{ padding-top:30px; margin-top:30px;}

#leftcolumnNopad	{ position:relative; float: left; width:320px; padding-left:0px; min-height: 250px; height: auto !important; height: 250px; }
					
.searchmodule		{ position:relative; float: left; width:310px !important;  padding:0px; margin: 0 0 15px 0; height: 124px; background: url(/images/back-standalone.gif) top left no-repeat; }

#content			{ position:relative; float: right; width:610px; padding-left:10px; padding-bottom: 20px; min-height: 250px; height: auto !important; height: 250px; font-size:1.2em; line-height:1.8em;}
	.content_full	{ width:940px  !important; float: left !important;}

#footer 			{ margin-top:30px; clear:both; width:940px; height: 25px; padding:0 0px; border-top:1px solid #e3e3e3 }

#nextpage			{ margin-top:0px; width:940px; height: 211px;}







#leftcolumnNopad #searchmodules ul li.module, .searchmodule div.module{ 
	margin-right:0px; 
}

/* TIES toevoeging */
div.select_holder {
    padding-top:20px;
	font-size:1.1em;
}
/* end TIES toevoeging */


/** News Area ****************************************************************************************************************************************************/
	
#news ul			{ margin:0 0 0 0; padding: 0;}

#news ul li			{ list-style:none; margin-top: 10px; }

#news p 			{ margin: 0; padding: 0 0 10px 0; border-bottom: 1px dotted #797979}


/** Appointment **************************************************************************************************************************************************/




/** Medewerkers Area ************************************************************************************************************************************************/

#medewerkers ul		{ margin:0 0 0 0; padding: 0}

#medewerkers ul li	{ list-style:none; display: inline-block; margin-top: 10px; height: 65px; float:left; width:143px; font-size:1.0em; line-height:1.5em }

/*#medewerkers p 		{ margin: 0; padding: 0 0 10px 0; border-bottom: 1px dotted #797979}*/

#medewerkers .name	{ display: block; width: 100%; font-weight: bolder; color: #88b2c6}

#medewerkers .big	{ display: block; width: 100%; color: #9f9f9f}


/** Content Area ****************************************************************************************************************************************************/

#content p 			{ margin: 0; padding: 0 0 20px 0 }

#content ul			{ padding-left:16px; list-style:disc}

#content img		{ margin: 8px 0px}

	
/** Formulier *******************************************************************************************************************************************************/

#searchfield, .inputform		
					{ float:left; padding:0 0 0 5px; width: 242px; height: 23px; font-size:1.1em; background: url(/images/back-input.gif) top left no-repeat; border: 0px; line-height:1.7em;}
					
.search_inactive { color:#D1D1D1; }

#searchbutton 		{ float:left; width: 60px; height: 23px; border: 0px none; padding-left:5px; }

#sendbutton 		{ float:right; width: 80px; height: 23px; border: 0px none; padding-right:2px; }

.uptcode			{ float:left; padding:0 0px 0 5px; width: 31px; height: 24px; font-size:1.1em; text-transform:uppercase; background: url(/images/upt-code.gif) no-repeat; border: 0px ; line-height:1.9em;}

.yyyy				{ float:left; padding:0 0px 0 5px; width: 42px; height: 24px; font-size:1.1em; text-transform:uppercase; background: url(/images/yyyy.gif) no-repeat; border: 0px ; line-height:1.9em;}

.formtxt			{ float:left; width:360px; background-color:#fff; padding-left:3px; }

.formtxt img {
    padding:0;
	margin:0;
}

#content label 		{clear:both; padding:2px 0}

.form {
    padding:0px 20px 0px 0px;	
}

/* TIES TOEVOEGING */
.textform	{ 
	float:right; 
	padding:0 0 0 5px; 
	width: 242px; 
	height: 200px; 
	font-size:1.1em; 
	border: 1px solid #1587AD ; 
	line-height:1.9em;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.loading{ display:block; width: 16px; height: 16px; background: url("/images/loading.gif");}

/* END TIES TOEVOEGING */

/** Login  *********************************************************************************************************************************************************/
	
div#login {
	position:absolute;
	top:14px; 
	left: 442px; 
	width: 342px; 
	height: 210px; 
	margin: 0px 20px 0px 18px; 
	display: none; 
	background: url(/images/inloggen.png) top left no-repeat; 
	z-index:100; 
}

div#login h2 		{ margin-top:60px; margin-left:30px}

.logintxt			{ display: block; float: left; margin:10px 0 0 30px; width:80px; }

.loginelement		{ display: block; padding:0 0 0 5px; float: left; width: 202px; height: 21px; margin:10px 0 0 0px; font-size:1.1em; background: url(/images/inlog-input.gif) no-repeat; border: 0px ; line-height:21px; }

#inlogbutton 		{ width: 79px; height: 23px; border: 0px none; margin:10px 28px 0 0px; float:right; }

a.forgotpassword:link, a.forgotpassword:active, a.forgotpassword:visited
				 	{ display:block; position:relative; width: 150px; clear:both; height:14px; margin: 0 0 0 30px; top:11px; padding-left:15px; font-size:1.0em; line-height:14px; color:#FFF; text-decoration:none; background: url(/images/login-arrow.gif) 0 4px no-repeat;}
					
a.forgotpassword:hover
					{ text-decoration:underline}


	
/** Tabel **********************************************************************/

table 				{ border-spacing:1px; }

th 					{ text-align:left; font-weight:bold; padding:0px 3px; color:#215d92; border-bottom: dotted 1px #00467f}

td,
#medewerkers td		{ text-align:left; vertical-align:top; padding:0px 3px; border-bottom: dotted 1px #00467f}
#medewerkers td		{ border-bottom: none; display:inline-block; float:left; margin: 0px 0px; padding: 10px 3px 10px 0px;	width:141px;}
#medewerkers tr		{ border-bottom: dotted 1px #00467f; display:inline-block; float:left;}

.darkbleu			{ background-color: #215d92; color:#FFFFFF; font-weight:bold;}

.lightblue			{ background-color: #e6f2fa}

	
/** DIVERSEN **********************************************************************/
	
.clear {  /* Handig als ie6/7 onnodig zaken blijft floaten. Als een normale "clear:both" niet werkt. http://sonspring.com/journal/clearing-floats */	
	clear:both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.closed {
    display:none;
    height:0px;
}

.floatRight{ /* Float any item to the right */
	float:right;
	margin-right:0;
}
.floatLeft{ /* Float any item to the left */
	float:left;
	margin-left:0;
}

.clearRight		{ clear:right;} /* Float any item to the right */

.clearLeft 		{ clear:left;} /* Float any item to the right */

.clearBoth 		{ clear:both;} /* Float any item to the right */

.fiftyFifty		{ width: 50%;}

.fortyNine		{ width: 49.9%;}

.debug{ /* gebruik deze om snel iets te kunnen debuggen */
	border:#FF0000 solid 1px;
}

.normal 		{ font-weight:normal;}

strong 			{ font-weight:bold; color: #00467f;}

.closed 		{ display:none;}

.borderdotted	{ border-top:dotted 1px #00467f; margin-bottom:5px}

.borderbotdot	{ border-bottom:dotted 1px #00467f; margin-bottom:5px}

.small          {font-weight:bold; color:#00467f; font-size:1.0em;}

#news p.no_border      { border:none;}



/** TIES DEBUG **********************************************************************/

#debug_link {
    position:fixed;
	bottom:0px;
	right:0px;
	margin-right:10px;
	
	height:11px;
	width:80px;
	
	-moz-border-radius:0.5em 0.5em 0em 0em;
	-moz-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0.2);
	cursor:pointer;
	display:inline-block;
	font:12px/100% Arial,Helvetica,sans-serif;
	
	outline:medium none;
	padding:0.5em 2em 0.55em;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	vertical-align:baseline;
	
	background:-moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
	border:1px solid #B7B7B7;
	border-bottom:none;
	
	color:#606060;
	text-transform:uppercase;
}

#debug_link:hover {
    background:-moz-linear-gradient(center top , #FFFFFF, #DCDCDC) repeat scroll 0 0 transparent;
}

#debug_area {
    display:none;
	
	position:fixed;
	bottom:0px;
	right:0px;
	margin-right:10px;
	
	height:400px;
	width:500px;
	
	-moz-border-radius:0.5em 0.5em 0em 0em;
	-moz-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0.2);
	font:11px/100% Arial,Helvetica,sans-serif;
	
	outline:medium none;
	padding:10px;
	text-decoration:none;
	vertical-align:baseline;
	
	background:-moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
	border:1px solid #B7B7B7;
	border-bottom:none;
	color:#606060;
}

#close_button {
    display:block;
	float:right;
	width:11px;
	height:11px;
	background: url(/themes/cp_themes/default/images/publish_x.gif);
	-moz-box-shadow:0 0px 1px rgba(0, 0, 0, 0.3);
	cursor:pointer;
}

#debug_area h1 {
	float:left;
	color:#606060;
	font:12px/100% Arial,Helvetica,sans-serif;
	text-shadow:0 0px 1px rgba(0, 0, 0, 0.3);
	text-transform:uppercase;
}


#debug_area div {
	clear:all;
	overflow:auto;
	width:100%;
	height:100%;
}