/* ------------------------------ *\
 *                                *
 *      YUNA                      *
 *                                *
 *      [w] www.yuna.nl           *
 *      [e] info@yuna.nl          *
 *      [t] +31 10 4255854		    *
 *                                *
\* ------------------------------ */

/*------------------------------ *\
 *     Calcelit		          *
\*------------------------------ */

/*@import url(home.css);*/

html,
body
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
    
}

body
{
	background:white;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:70%;
	line-height:150%;
	color:#666666;
	text-align:center;
}

/* ----- generic styling ----- */

p,
h1,
h2,
h3,
h4,
h5,
ul,
li,
ol
{
	margin:0;
	padding:0;
}
li
{
list-style: inside;
list-style-type: square;
}

a
{
	color: #C33323;
}
a:hover
{
	color: #333;
}

h1
{
	olor: #gray;
	font-weight:bold;
	font-size:1000%;
	order: 1px solid red;


}
h2,
h3,
h4,
h5
{
	color: #C33323;
	font-weight:bold;
	font-size:110%;
	margin-top: 5px;
}

em
{
width: 95%;
}

hr 
{
height: 1px;
border: 0 solid transparent;
color: #DDDDDD;
background-color: #DDDDDD;
margin: 0;
line-height: 1px;
}

img 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1 span
{
	display: none;
}

h2 span
{
	display: none;
}

embed
{
	margin: 0px;
	padding: 0px;
	}

object
{	margin: 0px;
	padding: 0px;
}

.clear
{
	clear: both;
}

.clearright
{
	clear: right;
}

.clearleft
{
	clear: left;
}

span.indent
{
display: block;
margin-left: 20px;
}

/*===============================  main boxes  =================================== */

div#container
{
	position: relative;
	width: 784px;
	margin:0px auto 0 auto;
	text-align: center;
	background: url(../img/bg_container.jpg) repeat-y center top;
}
* >div#container
{
	border-bottom: 1px solid transparent;
}

div#container div#innercontainer
{
	position: relative;
	width: 760px;
	margin:0px auto 0px auto;
	text-align: left;
}


    div#header
        {
        position: relative;
        display: block;
        background:  url('../img/bg_header.jpg') no-repeat 0 0;
        width: 760px;
        height: 243px;
    }
    
    *> body div#header
        {
        min-height: 243px;
        height:auto;	
    }
    
        div#logo
                {
            height: 40px;
            float: left;
				margin-top: 20px;
				margin-left:15px;
        }
        
            div#logo a 
                        {
            padding: 12px 0 0 10px;
            }
            
         div#subLogo
                {
            height: 40px;
            float: right;
				margin-top: 22px;
				margin-right:25px;
        }
        
            div#subLogo a 
                        {
            padding: 12px 0 0 10px;
            }    
				
	h1#statement
	{
		position: absolute;
		left: 0px;
		top: 105px;
		background: url(../img/h_calculeren.jpg) no-repeat 0 0;
		height: 59px;
		width: 277px;
	} 
         
    div#wrap
        {  
        position: relative;
        width: 760px;
        eight: 255px;
		  background: url(../img/bg_wrap.jpg) no-repeat 0 0;
    }
    
        *> body #wrap
            {
            min-height:255px;
            eight:auto;	
        }

div#wrapStretcher
{	
	margin: 0px;
	padding: 0px;
	height: 14px;
	font-size: 0px;
	line-height:0px;
	clear: both;
}


/*==================== left colomn  NAVigatie ================================== */ 

div#column_left
{
	margin-top: 30px;
	float: left;
	width:240px;
	max-width: 240px;
 	background: url(../img/bg_leftbox.gif) repeat-y right top;
	
}

div#column_left div.navBox
{
    position: relative;
    margin: 0 0 10px 17px;
	 padding-top: 45px;
    width:193px;
    background:  url('../img/bg_ulnav.gif') no-repeat left 5px;
}

.navBox ul#vertnav
                {
            float: left;
            position: relative;
            margin: 0px;
            padding: 0px 0 0 0;
            overflow: hidden;
            width: 180px;
      		border-bottom: 1px solid #DDDDDD;
        }
        
            #vertnav li 
				{
                position: relative;
                float: left;
                display: block;
                width: 190px;
            }

            #vertnav li a 
				{
                display: block;
                padding: 2px 12px 2px 20px;
                line-height: 22px;
                text-decoration: none;
					color: #808080;
                font-weight: normal;
					 font-size: 105%;
					 border-top: 1px solid #DDDDDD;
                background: url(../img/bg_nav.gif) no-repeat left center;
            }

            #vertnav li a:hover 
                        {
					 color: #D12418;
            }
            

 div#loginBox
	 {
	 	float: left;
		position: relative;
		margin: 20px 10px 0px 10px;
		padding: 40px 0 40px 0;
		width: 190px;
		background: url('../img/bg_loginbox.gif') repeat-y 0 0;
		color: white;
		}
		
		 div#loginBox a
		 {
		 	color: white;
		 }
		 
		 div#loginBox p
		 {
		 	margin: 0 0 7px 0;
		 }
		 
		  div#loginBox p a
		 {
		 	padding-left: 14px;
			background: url(../img/bg_arrow_login.gif) no-repeat left 3px;
			text-decoration: none;
		 }
		 
		 div#loginBox p a:hover
		 {
		 	text-decoration: underline;
		 }
		
	div#loginBox div.padding
	{
		padding: 0px 20px;
	}	
	
	div#loginBox div.padding form
	{
		margin: 0 0 5px 0;
	}
	
	div#loginBox label 
	 {
	 	position: relative;
		display: block;
		color: white;
	 }
	
	 div#loginBox label input
	 {
		margin: 5px 0;
		border: 1px solid black;
	 }
	 
	 div#loginBox label input.loginButton
	 {
	 margin-top: 0px;
	 }
		
	div#loginboxtop
	{
		position: absolute;
		display: block;
		top: 0px;
		left: 0px;
		height: 34px;
		width: 190px;
		background:  url('../img/bg_loginbox_top.gif') no-repeat 0 0;
	}
	
	div#loginboxbottom
	{
		position: absolute;
		margin-bottom: -1px;
		display: block;
		bottom: 0px;
		left: 0px;
		height: 40px;
		width: 190px;
		background: url('../img/bg_loginbox_bottom.gif') no-repeat 0 bottom;
	}				
					
				

div#wordtmedemogelijkgemaakt
{
	float: left;
	margin: 5px 10px 0px 10px;
	width: 180px;
	padding-bottom: 5px;

	border-bottom: 1px solid #DDDDDD;
}

div#wordtmedemogelijkgemaakt h2
{
	padding: 10px 0x;
	font-size: 100%;
	height: 40px;
	font-weight: bold;
	color: gray;
	border-bottom: 1px solid #DDDDDD;
	background:  url('../img/bg_wmmg.gif') no-repeat left 0px;
}


           
             

/*==================== right  colomn  Content ================================== */ 

#wrap div.column
{
	float:left;
	overflow:hidden;
}

div#column_right
{
	width: 460px;
	padding-top: 50px;
	ackground: green;

}

* > div#column_right
{
	height:auto;
	min-height:100%;
	min-height:30px;	
}
   
	 
	   div#column_right div.contentBox h1,  div#column_right div.contentBox1 h1,  div#column_right div.contentBox2 h1
		{
			padding: 0px 0 5px 0;
			font-size: 160%;
			border-bottom: 1px solid #dddddd;
			color: #C33323;
			
		}
		
		div#column_right div.contentBox h2,  div#column_right div.contentBox1 h2,  div#column_right div.contentBox2 h2
		{
			argin-top: -5px;
			color: #909090;
			margin-bottom: 10px;
			font-size: 100%;
		}
		
		 div#column_right div.contentBox hr,  div#column_right div.contentBox1 hr,  div#column_right div.contentBox2 hr
		{
			clear: both;
		}
		
		
		div#column_right p
		{
			margin: 10px 0 20px 0;
		}
	 
	  div#column_right div.contentBox
	 {
	 	position: relative;
		padding: 10px 0;
		margin: 30px 0 40px 0;
	 }
	 
	  div#column_right div.contentBox1
	 {
	 	position: relative;
		/*/border-top: 1px solid #dddddd;*/
	 	border-bottom: 1px solid #dddddd;		
	/*	padding: 10px 0 10px 0;
		margin: 30px 0 40px 0;*/
	 }
	 
	   div#column_right div.contentBox2
	 {
	 	position: relative;
		border: 1px solid #dddddd;
		padding: 10px;
		margin: 40px 0 40px 0;
	 }
	 
	    div#column_right div.contentBox3
	 {
	 	position: relative;
		border: 1px solid #dddddd;
		background:#EDEDED;
		padding: 10px;
		margin: 40px 0 30px 0;
	 }

	 div#column_right div.contentBox1.nieuws
	 {
	 	margin-top:-20px;
	 	padding-bottom: 10px;
	 }
	 
	 
	 div#column_right div.contentBox1.nieuws h1
	 {
	 	margin-top: 20px;
	 }
	 
/*------------------------------- opmaak ----------------------------------- */	       

a.downloadpdf
{
	display: block;
	text-align: right;
	padding: 20px 40px 10px 0;
	font-weight: bold;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/btn_pdf.gif) no-repeat right center;
}

a.downloadzip
{
	display: block;
	text-align: right;
	padding: 20px 40px 10px 0;
	font-weight: bold;
	text-decoration: none;
	ine-height: 200%;
	background: url(../img/btn_downloadzip.gif) no-repeat right center;
}

a.download
{
	display: block;
	text-align: right;
	padding: 2px 30px 2px 0;
	background: url(../img/download.jpg) no-repeat right 1px;
}


/*--------------------------- status message ------------------------------- */

div.message
{
	position: absolute;
	top: 0px;
	right:0px;
	display: block;
	padding: 0 10px 0 20px;
	background-image: url(../img/bg_message.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div.error
{
	color: #C33323;
	position: absolute;
	top: 0px;
	right:0px;
	display: block;
	padding: 0 10px 0 20px;
	background-image: url(../img/bg_message_error.gif);
	background-position: 4px 2px;
	background-repeat: no-repeat
}

/*------------------------------- footer ----------------------------------- */

#footer 
{
	position: relative;
	clear: both;
	width: 760px;
	margin: 0 auto 10px auto;
	background: transparent url('../img/bg_footer.gif') no-repeat center top;
	text-align: left;
}

    #footerInner
    {
        padding: 10px 0px 0 250px;        
    }

        #footerInner a
                {
            margin: 0 15px 10px 0;
            float: left;
            display: block;
            font-size: 95%;
            color: gray;
            cursor: pointer;
            text-decoration: none;	
        }

            #footerInner a:hover
          	{
                text-decoration:underline;	
            }

        #yuna
        {
			padding: 10px 0px 0 40px;
	      float: left;
        }

        #yuna a
                {
        text-decoration: none;
        color: #AAB0B0;
        font-size: 95%;
        }

    #bottom
        {
        position: relative;
		  margin: 0  auto 0 auto;
		  padding: 0px;
        clear: both;
        width: 780px;
        height: 14px;
        line-height: 1px;
        background: transparent  url('../img/bg_footer_bottom.gif') no-repeat center 1px;
    }

/*=============================== form  =================================== */

.formtable {

	idth: 480px;
	border: none;
	padding: 0px 0 0 0px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	font-size: 110%;
}

*> .formtable
{
	margin-bottom: 0px;
}

.formtable td{
	margin: 0px;
	adding: 5px 10px 5px 30px;
	}

.formtable td.c1
{
	width: 100px;
	color: #666666;
	padding:4px 0 4px 20px;;
}

.formtable td.c2
{
width: 250px;
	padding: 4px 0px 4px 10px;;
}


input.input, select
{
 		background-color: #F4F4F4;
		width: 250px;
		border: 1px solid #bbbbbb;
		margin: 2px 0;
		line-height: 110%;
	}


input.floatright
{
	margin-left: 170px;
	margin-top: 10px;

}

textarea {
		background-color:#F4F4F4;
		width: 250px;
		height: 100px;
		overflow: auto;
		border: 1px solid #bbbbbb;
	}



.formheader {
	margin: 10px 0;
	color: #003366;
	font-size: 120%;
	font-weight: bold;
}

.formheaderrow {
	/* background-color: #CCCCCC; */
}

.formrow {
	/*background-color: #DDDDDD; */
	margin:0px;
	padding: 0px;
	}

#formcontent .formrow {
	margin:0px;
	padding: 0px;
	/*background-color: #DDDDDD; */

}

.formrowerror {
	margin:0px;
	padding: 0px;
	ackground: #F4FAD6;
}

.formerror {
 	 color: #CE4406;
 	 font-weight: bold;
}

.formmarker {
	color:red; float:left;
}

fieldset {
       margin: 0px;
       padding: 0px;
       display: inline;
       border: none;
}