/*

only black used as color

*/

#site { 
	width: 650px; 
	font: 12px  verdana, arial, sans-serif;  
	line-height: 16px;
	color: black;
}

a img { border: 0px solid #fff; }

span.floatRight { float: right; }

#header, #navigation, #footer, #bg-container, #content #list .column span.icons img.tooltip, .printHide,
input.styled, #subnavigation, #subsubnavigation, #sidebar { display: none;}

.hide { display: block !important; }


#content { width: 650px; }

h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: black; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: black ;  border-bottom: 1px solid black;}

#content img.icon { margin: 0px; }

#content img { margin: 10px 0px; }
#content img.left {	margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

#print_header {
	width: 650px;
	height: 80px;
	display: block;
    font: 12px  verdana, arial, sans-serif;  
	border-bottom: 1px solid black;
}

#print_header .adres {
    margin: 0px 10px 0px 0px;
	width: 175px;
    float: left;
}

#print_header .logo {
	margin: 0px;
	padding: 0px;
	float: right;
}


/*  Homepage */ 

#content .quote, .overlay-left, .overlay-right, .item .control, .item img, .block { display: none; }        




#block-overview .pr-block {
    margin: 0px 15px 15px 0px;
    padding: 8px;
    width: 282px;
    height: 100px;
    float: left;
    border: 1px solid #bfbfbf;
    overflow: hidden;
    background: #f8f8f8;
}

#block-overview .pr-block .img {
    width: 135px;
    height: 100px;
    float: left;
    display: block;
    overflow: hidden;
}

#content #block-overview .pr-block .img img { margin: 0px; width: 135px; height: 100px; }


#block-overview .pr-block .title {
    padding: 0px 10px;
    width: 127px;
    height: 100px;
    float: left;
    overflow: hidden;
}

#block-overview .pr-block .title h5 { margin: 0px; }

/* ------------------------------------------------------------------------- Dimensions settings */

/*
    920 = 650
    print dimension = value * 0,70652
*/

.width_20  { width: 14px;  }
.width_80  { width: 65px;  }
.width_90  { width: 50px;  }
.width_150 { width: 106px; }
.width_170 { width: 170px; }
.width_164 { width: 116px; }
.width_190 { width: 134px; }
.width_191 { width: 135px; }
.width_220 { width: 155px; }
.width_240 { width: 170px; }
.width_250 { width: 170px; }
.width_260 { width: 175px; }
.width_300 { width: 212px; }

.width_356 { width: 242px; }
.width_539 { width: 388px; }
.width_920 { width: 650px; }

/* ------------------------------------------------------------------------- List styling */ 

#list .row { padding: 5px 0px;min-height: 10px; height: auto !important; height: 10px; width: 100%;     }
#list .row.uneven { background: #ddd;    }
#list .row.even   { background: #EAEAEA;    }

#list .column {
    padding: 0px 5px;
    float: left;
}

#content #list .column span.icons { float: right; }
#content #list .column span.icons img {
    margin: 0px 0px 0px 5px; 
    display: block; 
    float: left; 
    text-decoration: none;
    border: 0px solid #fff;
}

#list .row.head .column { font-weight: bold; }

#content img.icon { margin: 0px; float: left; }

/* ------------------------------------------------------------------------- subsidy-form */

#list .subsidy-form {
    padding: 10px 0px;
    margin: 0px 0px 0px 0px;
    width: 650px;
    font-size: 11px;
    color: #555;
    background-color: #fff;
    border: 0px solid #ddd;
}



#list .subsidy-form input {
    padding: 0px 0px 3px 0px;
    width: 105px;
    color: #555;
    font-size: 13px;
    border: 0px solid #fff;
    border-bottom: 0px solid #777;
}

#list .subsidy-form h5 { margin: 0px; }

.row-validate,
.print-border { margin: 0px 0px 30px 0px !important; border-bottom: 30px solid #EAEAEA !important; }

/*
#list .width_164 { width: 100px; }
#list .width_190 { width: 100px; }
#list .width_250 { width: 120px; }
#list .width_356 { width: 139px; }
#list .width_539 { width: 411px; }
#list .width_920, #list.width_920 { width: 650px; }
 */
 
/* ------------------------------------------------------------------------- tooltip */

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #006FB4;
    background-color: #6192C8;
    padding: 5px;
}

#tooltip div { margin: 0; padding: 0px 5px; color: #fff; font: 12px trebuchet MS, arial, verdana, sans-serif; }

span.tooltipTxt { display: none; }

/* ------------------------------------------------------------------------- Standard form styling */ 

#list.form .row        { padding: 2px 0px;  }
#list.form .row.uneven { background: none; }
#list.form .row.even   { background: #f6f6f6; }
#list.form .column     { padding: 0px 5px 0px 0px; }
#list.form .error      { margin: 0px 5px; color: red; }

.row { border-bottom: 1px solid #aaa; }

#list.form .description {
    padding: 0px 5px 0px 5px;
    width: 135px; 
    float: left;
    line-height: 17px;
    font-weight: bold;
}

#list.form .value {
    width: 775px;
    float: left;    
}

#list.form .value a.forgotPassword:link, 
#list.form .value a.forgotPassword:visited {
    font-size: 10px;
}

#list.form input.text {
    padding: 0px 2px;
    width: 150px;  
    height: 15px;  
}

#list.form select { 
    width: 158px;
    font-size: 11px;     
}

#list input.submit,
#list button.submit {
    padding: 2px 10px;
    margin: 0px 10px 0px 0px;
    font-size: 11px;
    border: 0px solid #fff;
    color: #fff;
    background: #636363;
} 


#list  span.checkbox {
  width: 17px;
  height: 17px;
  padding: 0 5px 0 0;
  background: url(pics/checkboxes.png) no-repeat;
  display: block;
  clear: left;
  float: left;
}

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }  
