/**
* -----------------------------------------------------------------------------------
* Rechtsagent.nl screen stylesheet
* Creator: R. Brenters
* Date(mm-dd-yyyy): 02-14-2009
* -----------------------------------------------------------------------------------
*/
*
{
    padding: 0px;
    margin: 0px;
}

/**
* -----------------------------------------------------------------------------------
* General settings
* -----------------------------------------------------------------------------------
*/
html
{
	font-size: 11px;
	font-family: verdana, sans-serif, arial, helvetica;
    background-color: #dfe1ed;

}

.footerlinks { float:center; width:750px; text-align: center; margin: 13px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 8px; color:#FFFFFF;}
.footerlinks A { text-decoration:none; font-size: 8px; font-weight:bold; color:#FFFFFF; }
.footerlinks A:hover {text-decoration:none; font-size: 8px; font-weight:bold; color:#FFFFFF;}


#containerCorrector
{
	margin-right: -75px;
}

#container
{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    background: url(../assets/container_background.png) right repeat-y;
}

#subcontainer
{
	margin-left: -130px; 
	margin-bottom: -400px; 
	height: 400px; 
	width: 150px;
	text-align: center;
}

h1
{
	color: #003399;
	font-size: 14px;
	background: url(../assets/h1_triangle.jpg) no-repeat left;
	padding-left: 15px;
	margin-bottom: 25px;
}

h2
{
	color: #990081;
	font-size: 12px;
}

h3
{
}

h4
{
}

h6
{
	text-align: center;
	font-weight: bold;
	color: #17358F;
	font-size: 12px;
	line-height: 20px;
}

input,
textarea,
select
{
    border:1px solid #CCCCCC;
    padding: 1px;
    margin: 1px;
	font-family: verdana, sans-serif, arial, helvetica;
    font-size: 11px;
    color: #1E3789;
}

optgroup
{
    padding: 1px;
    margin: 1px;	
	font-family: verdana, sans-serif, arial, helvetica;
    font-size: 11px;	
    color: #1E3789;    
}

input.button
{
    border:1px solid #ffffff;
    background-color: #1E3789;
    color: white;
    font-weight: bold;
}

input.wp_button
{
    border:1px solid #2e2e2e;
    background-color: #024F7B;
    color: white;
    font-weight: bold;
}

/**
* -----------------------------------------------------------------------------------
* Header element
* -----------------------------------------------------------------------------------
*/
#header
{
  	height: 150px;
    background: url(../assets/header_background.png) repeat-x;
}

	#header a img
	{
		border: 0px;
	}

#menu_container
{
	width: 700px;
    background: url(../assets/menu_ul_background.png) repeat-x;
    min-height: 15px;
    margin: 0px 25px 0px 25px;
}	

#menu ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: 30px;
	_margin-left: 15px;
}

#menu li 
{
	float: left;
	list-style: none;
	font-weight: bold;
}

#menu li ul li
{
	width: 220px;	
}	

#menu ul 
{
	position: absolute;
	width: 220px;
	left: -1000px;
}

#menu li:hover ul, #menu li.ie_does_hover ul 
{
	left: auto;
	background-position: 0 0;
}

#menu li ul li
{
    background-color: #5073B8;
    margin-left: -30px;
    font-weight: normal;
}	

#menu a 
{
	display: block;
	color: white;
	text-decoration: none;
	line-height: 15px;
	padding: 0px 24px 0px 24px;
}

#menu a:hover, #menu a.active
{
	color: black;
	background: url(../assets/menu_li_hover_background.png) repeat-x;
}

#menu li ul li a
{
	line-height: 20px;
	height: 20px;
}

#menu li ul li a:hover, #menu li ul li a.active
{
	background-image: none;
	background-color: #CCD4EB;
}

/**
* -----------------------------------------------------------------------------------
* Subcontainer element
* -----------------------------------------------------------------------------------
*/
#subcontainer p
{
	color: #2B2B83;
	font-size: 12px;
	line-height: 17px;
}

#subcontainer .callNow 
{
	color: black;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
}
	
#subcontainer #hralternative
{
	border-top: 2px solid #990098;
	width: 100px;
	margin: 10px 0px 10px 20px;
}

#subcontainer a
{
	color: #2B2B83;
}

#subcontainer a:hover
{
	color: #990098;
}

#subcontainer input.submit
{
	background-color: #314c9a;
	border: 0px;
	outline: none;
	font-weight: bold;
	color: white;
	padding: 1px 5px 1px 5px;
	margin-top: 4px;
}

#subcontainer .extramargin 
{
	margin-top: 4px;
}

/**
* -----------------------------------------------------------------------------------
* Content element
* -----------------------------------------------------------------------------------
*/
#content
{
	padding: 40px 25px 0px 65px;
	line-height: 18px;
	font-size: 11px;
	min-height: 410px;
}

	#content a, #content_small a
	{
		color: #1A3B8C;
	}
	
	#content a:hover, #content_small a:hover
	{
		color: #BC0081;
	}
	
	#content li
	{
		margin-left: 35px;
	}


#content_small
{
	padding: 40px 15px 0px 65px;
	line-height: 18px;
	font-size: 11px;
	width: 480px; 
	min-height: 410px;
}

#content_col_right {
	width: 160px;
	margin: 83px 25px 0px 0px;
	background: url(../assets/home_form_bg.png) repeat-x;
	float: right;
	color: #17358F; 
}
		
	ul.steps {
		line-height: 36px;
		padding: 0px 4px 0px 4px;
		text-align: center;
	}

	.steps li 
	{
		border-bottom: 1px solid #858E85;
		width: 33%;
		float: left;
		list-style: none;
		background: url(../assets/Homepage_form_triangle_green.png) no-repeat center bottom;
	}

	.steps li.active 
	{
		background: url(../assets/Homepage_form_triangle_purple.png) no-repeat center bottom;
	}

	#homeForm 
	{
		display: block;
		height: 270px;
		margin: 52px 4px 0px 4px;
	}

	#homeForm .radio 
	{
		border: 0px;
	}

	#homeForm input, #homeForm textarea
	{
		margin-bottom: 8px;
	}

	#homeForm font.comment 
	{
		font-size: 9px;
	}

	#homeForm input.submit
	{
		background-color: #314c9a;
		border: 0px;
		outline: none;
		font-weight: bold;
		color: white;
		padding: 1px 5px 1px 5px;
	}

	#homeForm input.notvalid, #homeForm textarea.notvalid, #homeForm select.notvalid
	{
		border: red 1px solid;
	}
	
	p.submitted 
	{
		margin: 50px 5px 5px 5px;
	}

/**
* -----------------------------------------------------------------------------------
* Subfooter element
* -----------------------------------------------------------------------------------
*/
#subfooter
{
    width: 750px;
}

	#subfooter .line1
	{
		text-align: center;
		line-height: 30px;
		color: #993AB6;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
		#subfooter .line1 a
		{
			color: #0C3A90;
			text-decoration: none;
		}
		
		#subfooter .line1 a:hover
		{
			color: #858585;
		}
	
	#subfooter .line2
	{
		width: 591px;
		height: 76px;
		margin-left: 77px;
		text-align: center;
	}
	
		#subfooter .line2 .block1
		{	
			height: 46px;
			width: 187px;
			float: left;
			background: url(../assets/subfooter_line2_block1_background.png) no-repeat;
			margin-right: 15px;
			padding-top: 35px;
		}
			#subfooter .line2 .submitted
			{	
				padding-top: 15px;
				height: 66px;
				background: url(../assets/subfooter_line2_block1_background_submitted.png) no-repeat;
				color: #1F388A;
			}		
				
			#subfooter .line2 .block1 a
			{
				font-size: 10px;
				text-align: right;
				display: block;
				text-decoration: none;
				color: #1F388A;
				margin-right: 6px;
				margin-top: 5px;
			}
			
			#subfooter .line2 .block1 a:hover
			{
				color: black;
			}
			
			#subfooter .line2 .block1 .submitImage
			{
				margin-left: -6px;
				margin-bottom: -4px;
				border: 0px;
			}
	
		#subfooter .line2 .block2
		{	
			height: 76px;
			width: 187px;
			margin-right: 15px;
			float: left;
		}	
	
		#subfooter .line2 .block3
		{	
			height: 76px;
			width: 187px;
			float: left;
			background: url(../assets/subfooter_line2_block3_background.png) no-repeat;
		}

	#subfooter .line3
	{
		width: 695px;
		margin-left: 26px;
		height: 22px;
		margin-top: 25px;
	}	
	
		#subfooter .line3 .block1
		{	
			height: 22px;
			width: 141px;
			float: left;
			margin-right: 15px;
		}

		#subfooter .line3 .block2
		{	
			height: 22px;
			width: 180px;
			float: left;
			margin-right: 15px;
		}
		
		#subfooter .line3 .block3
		{	
			height: 22px;
			width: 112px;
			float: left;
			margin-right: 15px;
		}
		
		#subfooter .line3 .block4
		{	
			height: 22px;
			width: 24px;
			float: right;
		}			
	
	#subfooter .line2 a img,
	#subfooter .line3 a img
	{
		border: 0px;
	}		

/**
* -----------------------------------------------------------------------------------
* Footer element
* -----------------------------------------------------------------------------------
*/
#footer
{
    float: left;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: -4px;
    height: 42px;
    background: url(../assets/footer_background.png) repeat-x;
    width: 750px;
}


#switcher
{
	text-align: center;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	display: block;
}

#switcher a
{
	color: #1E3789;
	text-decoration: none;
}

#switcher a:hover
{
	color: white;
}