/* CSS Document */

html
{
	background: #FFFFFF url(../img/achtergrond_scale.jpg) no-repeat;
	background-position:center top; 
	min-height: 100%;
    /* overflow-y: scroll; pas aanzetten als sitempa is toegevoegd*/
}

html, body 
{
    min-height: 100%; /* heel belangrijk */
    height: 100%;
    font-family: Arial;
    font-size: 11px;
    color: #3D3D3D;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

ul 
{
    list-style: none;
    font-size: 11px;
}

p
{
    color: #3D3D3D; 
}

a 
{
    color: blue; 
    text-decoration: underline;
}

a:hover 
{
    text-decoration: underline;
}

a:link, a:active, a:hover, a:visited {
	outline: none;
}

#container 
{
    width: 100%;
    background: transparent;
    position: relative;
    text-align: left;
    min-height: 100%;
    height: auto !important; /* voor moderne browsers */
    height: 100%; /* voor IE */
}

#viewport 
{
    margin: 0 auto;
  	width: 972px;
}

#viewport a img.retsoft_logo  
{
    margin-left: 15px;
    height: 64px;
    width: 161px;    
}

#top
{
    clear: both;
    height: 145px;
    float: left;
}

#top ul.userchoice
{
    float:right;
    margin:0px -6px 0px 0px;
}

#top ul li.language 
{
    float:left;
    background: url(../img/taal_language_balk.jpg) no-repeat;
    background-position: center right;
    height: 32px;
    width: 211px;
    margin-right: 12px;
}

#top ul li.language a
{
    margin-top: 8px;
    color: #3D3D3D;
    float: left;
    height: 13px;
    width: 27px;
    margin-right: 10px;
}

#top ul li.language a.english
{
    background: url(../img/knoppen_en.jpg) 0 0px no-repeat;
}

#top ul li.language a.dutch
{
    background: url(../img/knoppen_nl.jpg) 0 0px no-repeat;
}

#top ul li.language a.german
{
    background: url(../img/knoppen_de.jpg) 0 0px no-repeat;
}

#top ul li.language a:hover.english, #top ul li.language a:hover.dutch, #top ul li.language a:hover.german
{
    background-position: -27px 0;
}

#top ul li.customerlogin
{
    float:left;
    background: url(../img/login_balk.jpg) no-repeat;
    background-position: center right;
    height: 32px;
    width: 395px;
    margin-right: 5px;
}

/* Universele knop*/

.button, .trail
{
    line-height: 22px;
    color: #3D3D3D;
    display: block;
    margin-top: 2px;
    float:left;
    height: 20px;
    width: 87px;
    text-align: center;
    text-decoration: none;
    background: url(../img/knop.png) 0 0px no-repeat; 
}

.index_button
{
    float:left;
    color: #ed3f38;
    font-size: 15px; 
    font-weight: bold; 
    text-decoration: none;
    margin-top: 7px;    
}

.index_howitworks_button
{
    line-height: 23px;
    display: block;
    margin-top: 110px;
    margin-left: 342px;
    float:left;
    height: 24px;
    width: 115px;
    color: #3D3D3D;
    text-align: center;
    text-decoration: none;
    background: url(../img/knop_home_hoe_werkt_het.png) 0 0px no-repeat; 
}

a:hover.index_howitworks_button
{
    background-position: -120px 0;
    text-decoration: none;
}

.button_products /* knop op productenpagina */
{
    line-height: 22px;
    display: block;
    margin-top: 4px;
    float:left;
    height: 20px;
    width: 87px;
    text-align: center;
    text-decoration: none;
    color: #3D3D3D;
    background: url(../img/knop.png) 0 0px no-repeat; 
}

.backbutton
{
    line-height:17px;
    color: #3D3D3D;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    float: right;
    width: 56px; 
    height: 19px; 
    margin-top: -25px;
    margin-right: -9px;
    background: url(../img/terug.jpg) no-repeat;    
}

/* login knop voor klantenpagina*/
#top ul li.customerlogin a
{
    line-height: 22px;
    color: #3D3D3D;
    display: block;
    margin: 5px 18px 0px 5px;
    float:right;
    height: 20px;
    width: 87px;
    text-align: center;
    text-decoration: none;
    background: url(../img/knop.png) 0 0px no-repeat; 
}

#top ul li.customerlogin a:hover,#menubar a:hover.search, #columns ul li a:hover.button,a:hover.button_products, .button:hover, a.download:hover,a:hover.index_button, a:hover.trail
{
    background-position: -87px 0;
    text-decoration: none;
}

a:hover.backbutton
{
    background-position: -60px 0;
    text-decoration: none;
}

/* login form*/
#top ul li.customerlogin form input 
{
    width:110px;
    float:right;
    font-size:10px;
    color: #A9A9A9;
    margin: 7px 0px 0px 5px;
    border: 1px solid black;
}


#top ul li span
{
    float:left;
    font-size: 10px;
    color: white;
    line-height: 35px;
}

#top ul li.language span
{
    width: 95px;    
}

#top ul li.customerlogin span
{
    width: 30px;    
}


#top img
{
    margin-top: 30px;
    margin-bottom: 10px;
}

#header
{
    clear: both;
    height: 197px;
    width: 972px;
    background-image: url(../img/content_header_home.png);
}

#main 
{
    background-image: url(../img/content_scale.png);
    height: 390px;
    margin-top: 10px;
}


#main a img
{
    margin-top: -10px;
}

#menubar 
{
    background-image: url(../img/menubalk.png);
    height: 29px;
    width: 972px;
}

#menubar form input 
{
    float:right;
    width:180px;
    font-size:12px;
    color: #A9A9A9;
    margin: 4px 10px 0px 0px;
}

/* Zoeken knop menubalk*/
#menubar a.search
{
    float:right;
    line-height: 22px;
    margin: 4px 18px 0px 0px;
    text-align: center;
    font-size: 11px;
    text-decoration: none;
    width: 87px;
    height: 20px;
    color: #3D3D3D;
    background: url(../img/knop.png) 0 0px no-repeat;    
}

#menubar form input
{
    margin-top: 6px;
    border: 1px solid black;
    width: 110px;
    margin-right: 5px;    
}



/* --- Navigatie opmaak ------*/

#nav, #nav ul 
{
	clear:both;
	float:left;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
}

#nav li 
{
    float: left;
    padding: 0px 10px 0px 10px;
    height: 29px;    
}

#nav li a:hover.justredline
{
    border-bottom: 3px solid red;
    height: 26px;
}

#nav li a
{
    line-height: 27px;
    height: 29px;
	color: white;
	font-size: 12px;
	text-decoration: none;
}

#nav li ul li
{
    float: left;
    height: 25px;
    width: 125px;
    background-color: #565656;
    border-top: 2px solid black;
}

#nav ul li.redline
{
    border-top: 3px solid red;
    margin-top:-3px;
    z-index: 100;
}

#nav ul 
{
    position: absolute;
    width: 120px;
    margin-left: -0px;
    left: -2000px;
}

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

#nav a 
{
    display: block;
}

#nav ul a 
{
    display: block;
}

#nav ul li:hover
{
    background-color: #828282;
}

/* einde navigatie -------------------------------------------------------------- */

#roundedheader
{
	clear: both;
	margin: 0px;
	padding: 0px;
    margin-top: -8px;
	height: 17px;
}

#frame
{
    clear: both;
    margin-top: -12px;
	padding: 0px;
	background: url(../img/content_scale.png) repeat-y; 
	min-height: 470px;  
	height: 100%;  
}

#frame
{
    padding: 0px 15px 0px 25px;
}

#frame h1.main
{
	font-size: 14px;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
}

#frame h1.agenda
{
    color: #FFFFFF;
    font-size: 12px;
}

#frame h2
{
	font-size: 12px;
	line-height: 20px;
	height: 16px;
	padding-left: 10px;
}

#frame h3
{
    font-size: 12px;
}

#frame img
{
    border-width: 0px;
}

#frame_landingspage
{
    clear: both;
	padding: 0px;
	background: url(../img/content_scale.png) repeat-y; 
	min-height: 100%;  
	height: 100%;  
}

.redline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ee3d35;
}

#columns 
{
	margin-top: -4px;
	background: url(../img/achtergrond_items.jpg) no-repeat;
	margin-left: 6px;
	height: 260px;
}

#columns ul
{
    margin: 0px;
    padding: 0px; 
}

#columns ul li
{
	float:left;
	background: url(../img/titelbalk_items.jpg) no-repeat;
	width: 240px;
	height: 29px;
}

#columns ul li a.button
{
    float: right;
    display: block;    
    background: url(../img/knop.png) 0 0px no-repeat;
    width: 87px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
}

#columns li h1
{
    margin-top: 8px;
    padding-left: 13px;
    color: #FFFFFF;
    font-size: 13px;
}

#columns li h1 a
{
    text-decoration: none;
    color: #FFFFFF;
}


#columns ul li img
{
    margin-top: 0px;
    height: 142px;
    width: 226px;    
}

#columns ul li div.index_text
{
    margin-left: 13px;
    margin-right: 10px;
    font-size: 12px;
}

#bottomline ul
{
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

/*----------------------------------------------------------*/
/*          pagina: index.php                               */
/*----------------------------------------------------------*/

#index_pic_1
{
    width: 226px;
    height: 142px;
    background: url(../img/referenties.jpg) no-repeat;
}

#index_pic_2
{
    width: 226px;
    height: 142px;
    background: url(../img/free_30_day_trial.jpg) no-repeat;
}

#index_pic_3
{
    width: 226px;
    height: 142px;
    background: url(../img/bel_mij_terug.jpg) no-repeat;

}

#index_pic_4
{
    width: 226px;
    height: 142px;
    background: url(../img/home_totaaloplossingen_pakket1.jpg) no-repeat;
}

.click_layer
{
    text-align: center;
    width: 224px;
    height: 140px;
    padding: 0px 110px 105px 116px;
    text-decoration: none;
}

#bottomline li
{
    float: right;
    margin-top: -10px; 
    height: 11px;
    padding: 0px 10px 0px 10px;
}

#bottomline li a, #navbottom ul li a, a:hover.click_layer
{
    text-decoration: none;
    text-align: center;
    margin-right: 20px;
    color: #3D3D3D;
}

#bottomline li a:hover, #navbottom ul li a:hover
{
    text-decoration: underline;
}

#footer 
{
    background: #A9A9A9 url(../img/footer_scale.jpg) repeat-x;
    bottom: 0; /* heel belangrijk */
    margin: 0px;
    margin-top: 20px;    
    
    height: 200px;
    text-align: left;
}

#navbottom
{
    margin: 0px auto;
    background: url(../img/footer.jpg) no-repeat top center;
		width: 974px;
		height: 200px;
}

#navbottom ul
{
    margin-top: 5px;
    padding: 0px;
    margin-left: 20px;
}

#navbottom ul li
{
    float: left;
    color: #6c6c6c;
    margin-right: 5px;    
}

#navbottom ul li strong a
{
		font-weight: bold; 
		color: #dfdfdf; 
		font-size: 14px;
		line-height: 40px;
}
#navbottom ul li strong a:hover { 
	text-decoration: none;
}

#navbottom ul li a 
{
    text-decoration: none;
    color: #6c6c6c;
    font-size: 12px;
}

#navbottom ul li a:hover
{
    text-decoration: underline;
}

#navbottom ul li
{
    float:left;
}
/*----------------------------------------------------------*/
/*          pagina: retsoft_profile.php                     */
/*----------------------------------------------------------*/

.h2_background 
{
	font-size: 12px;
	background: url(../img_retsoft/achtergrond_de_software.jpg) left center no-repeat;
	padding: 7px 0px 7px 20px;
	margin-top: 0px; 
	height: 50px;
	width: 620px;
	float: left;
}

#picturebox
{
    float:left;
    padding-left: 0px;
    width: 300px;
}

#picturebox img
{
    float:left;
    padding-right: 10px;
    padding-bottom: 10px;
    height: 205px;
    width: 280px;
}

#table_privacy
{
    list-style: url(../img/bullet.png);
    margin-left: 334px;
    padding: 0px;
}

#table_privacy li
{
    padding-bottom: 10px;
}

/*----------------------------------------------------------*/
/*          pagina: retsoft_contact.php                     */
/*----------------------------------------------------------*/

.contactgegevens
{
    padding-left: 20px;
}

#zeuslink
{
    float:right;
    color: #D9D9D9;
    font-weight:bold;
    margin-top: -5px;
    padding-right:28px;
}


/*----------------------------------------------------------*/
/*          pagina: retsoft_via_email.php                   */
/*----------------------------------------------------------*/

.fielderror
{
    color: red;
}

.td_30hoogte
{
	height: 30px;
}

#frame textarea.remark
{
    overflow: auto;
    font-size: 11px;
}

/*----------------------------------------------------------*/
/*          pagina: retsoft_references.php                  */
/*----------------------------------------------------------*/

#ref_fiscalis
{
    float:left;
    padding-right: 10px;
}


#ref_highlight
{
    clear: both;
    background: url(../img/achtergrond_referenties_fiscalis.jpg) no-repeat;
    height: 117px;
    width: 723px;
    padding: 16px 120px 0px 120px;
}

#ref_table
{
    width: 850px;
}

#ref_list
{
    list-style: url(../img/bullet.png);
	padding-left: 5px;
	margin-left: 5px;
}

#summery /* producten_add_ons.php */
{
    list-style: url(../img/bullet.png);
    margin-left: 15px;
    padding: 0px;
}

#summery li
{
    padding-top: 8px;
}

/*----------------------------------------------------------*/
/*          pagina: retsoft_scan_and_sort_it.php            */
/*----------------------------------------------------------*/

#products_list
{
    margin: 0px 0px 0px -19px;
    padding: 0px;
}

#products_list li
{
    height: 230px;
    width: 961px;
}

#products_list li table
{
    width: 961px;
}

.product_desc ul li ul.features
{
    float:left;
    list-style: inside url(../img/bullet.png);
    width: 800px;
    
}

.product_desc ul li ul.features li
{
    float:left;
    border: 1px solid lime;
    height: 18px;
    width: 480px;
}

.bulletimg
{
    padding-right: 5px;
}

.product_text
{
    margin: 15px 10px 0px 0px;
}

.product_header_1, .faqheader
{
    line-height: 28px;
    height: 29px;
    font-weight: bold;
    color: white;
    background: url(../img/producten_header_titel.jpg) repeat-x;
}

.product_header_1 h2.product_h2
{
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0px 0px 0px;
    padding-left: 10px;
    color: #FFFFFF;
    float:left;
    
}

.faq_article
{
    font-size:12px;
    padding-left: 20px;
    background-color: #6D6D6D;
    width: 50px;
    float:left;
}

.faq_description
{
    font-size: 12px;
    padding-left: 10px;
    float:left;
}

.product_header_2
{
    background: url(../img_producten/producten_header_menu.jpg) repeat-x;
    height: 29px;
    width: 268px;
}

.product_header_3
{
    line-height: 28px;
    background: url(../img_producten/producten_prijsvlak.jpg) repeat-x;
    height: 29px;
    width: 268px;
}

.product_header_extra
{
    line-height: 28px;
    background: url(../img_producten/producten_prijsvlak_extra.jpg) repeat-x;
    height: 29px;
    width: 268px;
}

.functionality {
    width: 400px;
    padding-left: 5px;
    color: black;
    font-weight: bold;
    font-size: 12px;
}

.version {
    width: 150px;
}

.lineout_price
{
    padding-left: 9px;
}

a.download
{
    color: white;
    margin: 4px 2px 0px 5px;
    line-height: 22px;
    display: block;
    float:left;
    height: 20px; 
    width: 85px;    
    text-align: center;
    text-decoration: none;
    background: url(../img/rode_knop.jpg) 0 0px no-repeat;
}

a.meerinfo
{
    line-height: 25px;
    color: blue;
    text-decoration: underline;
}

.product_desc
{
    width: 692px; 
    float: left;    
}

.product_desc img 
{
    float:left;
}

.product_action
{
    height: 228px;
    width: 268px;
    float: left;
}

.pricestyle
{
    font-weight: bold;
    padding-left: 10px
}

#products_list li table.fitting_addons
{
    width: 220px;
    margin-left: 8px;
    text-align: left;
}

#products_list li table a
{
    color: blue;
    text-decoration: none;
}

#products_list li table a:hover
{
    text-decoration: underline;
}

#product_differences tr td, #system_req tr td, #addon_differences tr td
{
   height: 25px;
}

.left_10px 
{
    padding-left: 10px;
}

#header_differences
{
    background: url(../img_producten/header_vergelijk.jpg) left top no-repeat; 
    width: 916px;
    height: 29px;
}

#header_differences h1, #system_req_header  h1
{
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
}

.color_f2
{
    background-color: #F2F2F2;
}

.color_f5
{
    background-color: #F5F5F5;
}

.color_f9
{
    background-color: #F9F9F9;
}

.color_f9
{
    background-color: #EAEAEA;
}

.bold_14
{
    font-weight: bold;
    font-size: 14px;    
}

.bold_12
{
    font-weight: bold;
    font-size: 12px;    
}

#addon_differences
{
    margin-bottom: 0px;
    background: url(../img_producten/header_systeem_eisen.jpg)  left top no-repeat; 
    width: 696px;
    height: 29px;
}

#compatibiliteit
{
    background: url(../img_producten/header_systeem_eisen.jpg)  left top no-repeat; 
    width: 696px;
    height: 29px;
}

#compatibiliteit h2
{
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
}


/*----------------------------------------------------------*/
/*          pagina: producten_order.php                     */
/*----------------------------------------------------------*/


#tabel_order
{
    width: 320px;
    float: left;
}

#tabel_order tr td
{
    height: 25px;
    font-size: 13px;
}

#callback_lady_order
{
    float: right;
    background: url(../img/bestellen_neem_contact_op.jpg) no-repeat;
    width: 188px;
    height: 249px;    
    padding-left: 15px;
    font-size: 12px;
}

#callback_lady_order h3
{
    margin-top: 140px;
}

#callback_lady_order div
{
    font-weight: bold;
    font-size: 18px;
    color: red;
    padding: 7px;
}

#table_paypal
{
    margin-left: 150px;
}


.agenda
{
    background: url(../img/producten_header_titel.jpg) repeat-x;
    line-height: 30px;
    height: 29px;
    width: 939px;
    margin-left: -20px;
    padding-left: 22px;
    text-decoration: none;
    font-size: 14px;
    
}

/*----------------------------------------------------------*/
/*          pagina: contact_belmijterug.php                 */
/*----------------------------------------------------------*/

#form_belmijterug input, #demo input
{
    font-size: 11px;
}


#callback_lady
{    
    float: right;
    margin-right: 30px;
    background: url(../img/bel_mij_terug2.jpg) no-repeat;
    width: 188px;
    height: 168px;    
    font-size: 12px;
}

#callback_lady h3
{
    text-align: center;
    margin-top: 143px;
}

.klein_cursief
{
    font-style: italic;    
}

/*----------------------------------------------------------*/
/*          pagina: support_questions.php                   */
/*----------------------------------------------------------*/

#table_faq_results
{
    width: 932px;
}

#table_faq_results td.article
{
    width: 80px;
}


/*----------------------------------------------------------*/
/*          pagina: support_drivers.php                     */
/*----------------------------------------------------------*/

#table_drivers tr td.scannerlogo
{
    padding:20px 30px 20px 10px;
    text-align: left;
}

#table_drivers tr td.scannername
{
    padding-right: 50px;
    text-align: left;
}

/*----------------------------------------------------------*/
/*          pagina: support_drivers.php                     */
/*----------------------------------------------------------*/


.img_reseller_flag
{
    float:left;
    padding-top: 2px;
    padding-right: 10px;
}


/*Small urls*/
.url 
{
    color: green;
}

/*Page descriptions*/
.description
{
    font-size: 11px;
}

/* Title/link of pages */
.title
{
    color:#0000FF; font-size:12px
}

/*main results table */
#results{width: 780px;}

#other_pages {
	text-align:center;
}


#did_you_mean 
{
    font-size: 11px; 
    margin: 10px 0px 10px 0px;
}

#result_box 
{
    font-weight: bold;
    font-size: 11px;
    padding: 10px 0px 10px 0px;
}