/**                  
 * screen.css
 *
 * @package AQ-raad
 * @author  EM Brunekreef
 *
 * Copyright (c) Malibomba                               
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF 
 * THIS CODE, WITHOUT THE PERMISION OF THE AUTHOR.                       
 * Info? Mail to info@malibomba.com                             
 */
/*<![CDATA[*/
body{
	padding:0;
	margin: 0;
	/**    background-image: url(/pics/bg_wide.jpg);   
	background-repeat: repeat-x;
	background-position: left top;**/
	background: #3087c1;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
}


img.png { 
	behavior:url('/css/iepngfix.htc'); 
}


html,body	{
	width: 100%;
	height: 100%;
	min-height: 100%;
}


h1 { 	
	
	font-family: arial, verdana, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #0268B0;
}
	
h2 {	
	margin: 0 0 -14px 0; 
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	color: #0268B0;
}
	
h3 {
	margin: 2px 0px -10px 0px;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0268B0;
	text-transform: uppercase;
}

hr {
	border-top: 1px solid #acaca2;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

strong {
	font-weight: bold;
	color: #0f0f0f;
}

.white a:active, .white a:visited, .white a:link {
	color: #ffffff;
	text-decoration: none;
}

.white a:hover {
	color: #d4ccbf;
	text-decoration: underline;
}

a:active, a:visited, a:link {
	color: #0268B0;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

b { font-weight: bold; }

p {
	font-family:  Geneva, Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	
}

#content li	{
	font-family:  Geneva, Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	list-style-type: square;
	color: #000000;
	padding-left: 15px;

}

img { border: 0; }


#center-container	{
	position:absolute;
	background-image: url(/pics/bg_aq-raad.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	height: 884px;
	left:50%;
	width:897px;
	margin-left:-449px;
	margin-bottom: auto;
    	
}

#main-container {
	width: 897px;
	height: 100%
	border: 1px solid blue;
}


#navcontainer	{
	position: relative;
	top: 165px;
	left: 0px;
	float: left;
	width: 164px;
	height: 100%;
	min-height: 400px;
}

#phone	{
	display: block;
	position: absolute;
	top: 90px;
	right: 70px;
	width: 200px;
	height: 75px;
	z-index: 999;
}

#content	{
	position: relative;
	top: 165px;
	width: 690px;
	float: right;
}
	

#footer	{
	display: block;
	position: absolute;
	top: 810px;
	right: 0px;
	width: 500px;		
}

#footer p	{
	font-size: 0.9em;
	color:	#fff;
	padding: 10px 87px   0 0;
	text-align: center;
}

#footer a	{
	text-decoration:none;
	
	color:	#fff;
}

#footer a:hover	{
	text-decoration:underline;
	color:	#d4ccbf;
}


span	{
	color:#d4ccbf;
	
}
/** MENU **/
#navcontainer ul
{
	list-style-type: none;
	text-align: left;
}

#navcontainer ul li a
{
	display: block;
	padding: 6px 0 0 10px;
	background: transparent url(/pics/bg_menu.png) left top no-repeat;
	behavior:url('/css/iepngfix.htc'); 
	width: 164px;
	height: 23px;
	text-align: left;
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-decoration: none;
	color: #fff;
}

#navcontainer ul li a:hover
{
	background: transparent url(/pics/bg_menu_over.png) left top no-repeat;
	color: black;
}

#navcontainer ul li a#current
{
	background: transparent url(/pics/bg_menu_over.png) left top no-repeat;
	color: #666;
}



.menu_selected	{
	background-position: 0px -39px;
}

#left-menu h1	{
	display: none;	
}




  /* CURVES */
   .curve { 
	float: right;
	display: block;
	height: 17px;
	clear: right;
	
		
	
   }

   .lcurve { 
	float: left;
	display: block;
	height: 17px;
	clear: both;
	
	
	

   }   
	#curve1 { width: 220px; }
	#curve2 { width: 210px; }
	#curve3 { width: 190px; }
	#curve4 { width: 180px; }
	#curve5 { width: 165px; }
	#curve6 { width: 150px; }
	#curve7 { width: 140px; }
	#curve8 { width: 125px; }
	#curve9 { width: 115px; }
	#curve10 { width: 105px; }
	#curve11 { width: 95px; }
	#curve12 { width: 85px; }
	#curve13 { width: 75px; } 
	#curve14 { width: 70px; } 
	#curve15 { width: 60px; } 
	#curve16 { width: 50px; } 
	#curve17 { width: 45px; } 
	#curve18 { width: 40px; } 
	#curve19 { width: 35px; } 


	#curve20 { width: 35px; }
	#curve21 { width: 30px; }
	#curve22 { width: 27px; }
	#curve23 { width: 25px; }
	#curve24 { width: 23px; }
	#curve25 { width: 21px; }
	#curve26 { width: 23px; }
	#curve27 { width: 25px; }
	#curve28 { width: 28px; }
	#curve29 { width: 33px; }
	#curve30 { width: 45px; }
	#curve31 { width: 55px; }
	#curve32 { width: 70px; } 
	#curve33 { width: 90px; } 
	#curve34 { width: 125px; } 

	
	
	#lcurve1 { width: 1px; }
	#lcurve2 { width: 1px; }
	#lcurve3 { width: 1px; }
	#lcurve4 { width: 1px; }
	#lcurve5 { width: 1px; }
	#lcurve6 { width: 1px; }
	#lcurve7 { width: 1px; }
	#lcurve8 { width: 1px; }
	#lcurve9 { width: 1px; }
	#lcurve10 { width: 1px; }
	#lcurve11 { width: 1px; }
	#lcurve12 { width: 1px; }
	#lcurve13 { width: 1px; } 
	#lcurve14 { width: 1px; } 
	#lcurve15 { width: 1px; } 
	#lcurve16 { width: 1px; } 
	#lcurve17 { width: 1px; } 
	#lcurve18 { width: 1px; } 
	#lcurve19 { width: 1px; } 


	#lcurve20 { width: 1px; }
	#lcurve21 { width: 1px; }
	#lcurve22 { width: 1px; }
	#lcurve23 { width: 1px; }
	#lcurve24 { width: 1px; }
	#lcurve25 { width: 20px; }
	#lcurve26 { width: 40px; }
	#lcurve27 { width: 65px; }
	#lcurve28 { width: 75px; }
	#lcurve29 { width: 100px; }
	#lcurve30 { width: 125px; }
	#lcurve31 { width: 160px; }
	#lcurve32 { width: 190px; } 
	#lcurve33 { width: 210px; } 
	#lcurve34 { width: 260px; }
   


   

/**
 * FV FORM 
 * Definitions for the required form fields.
 -----------------------------------------------------------*/
html>body input {
	height:auto;
	margin-bottom:1px;	
}


form {
	margin:0px;
	padding:0px;
	display:inline;
}

input, textarea {
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	color: #333333;
	background:#fff;
	border:1px solid #0268B0;
}

html>body input, textarea, select {
	font-size:13px;
	margin:0px 0px 1px 0px;
	border:1px solid #0268B0;
}

input {

	background:#fff;
	border:1px solid #0268B0;
}

.fv-req {
	padding-right:0px;
	background:#c0c0c0;
	border:1px solid #0268B0;	
}

.fv-forget {	

	padding-right:0px;
	background:#d4ccbf;
	border:1px solid #333333;
}

.fv-syntax {

	padding-right:0px;
	background:#d4ccbf;
	border:1px solid #0268B0;
}


.cssform	{
	padding: 0;
	margin: 0;
}
.cssform p{
	clear: left;
	margin: 0;
	padding: 0;
	
}

.cssform label{
	float: left;
	color: #0268B0;
	padding: 0;
	margin: 0px; /*width of left column*/
	width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 275px;
}

.cssform textarea, textarea{
	width: 275px;
	height: 60px;
	font-family:Arial, Verdana, sans-serif;
}


/*]]>*/