/* PRYLAR-OCH-PRESENTER.COM CSS */

html, body {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #CCCCCC;
margin-top: 0px;
margin-bottm: 0px;
}

img {
border: 0px;
}

.text_column1 img {
border: 1px solid #003366;
}

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

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

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

.site_frame {
padding: 10px;
padding-bottom: 0px;
}

h1 {
margin-top: 5px;
margin-bottom: 10px;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
margin-top: 5px;
margin-bottom: 5px;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
margin-top: 0px;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style1 {
font-size: 10px
}

.style2 {
font-size: 11px;
font-weight: bold;
}

.style3 {
color: #FF0000
}

/* LOGOTOP */

.logotop {
margin: 0px;
padding: 0px;
background: url(grafik/logotop.png) no-repeat;
}

.logo_line {
height: 21px;
background: url(grafik/logoline.png) repeat-x;
padding-left: 10px;
text-align: left;
color: #FFFFFF;
font-size: 10px;
}

.top_right {
margin: 0px;
padding: 3px;
padding-top: 32px;
color: #FFFFFF;
font-size: 10px;
}

.logo a {
margin: 0px;
padding: 0px;
width: 530px;
height: 90px;
display: block;
}

/* MAIN */

.main_frame {
height: 750px;
}

.main {
margin: 0px;
padding: 0px;
padding-top: 20px;
padding-bottom: 10px;
}

.main_text {
padding-left: 15px;
padding-right: 15px;
}


/* HÖGER */

.right {
padding-top: 23px;
padding-left: 9px;
background: url(grafik/right_bg.png) repeat-y;
}

/* TOPP-MENY */

.undermenu {
width: 738px;
height: 23px;
margin: 0px;
padding: 0px;
list-style-type: none;
}

.undermenu li {
float: left;
}

.undermenu li a {
width: 122px;
margin: 0px;
margin-right: 1px;
padding: 0px;
padding-top: 4px;
color: #FFFFFF;
font-weight: bold;
display: block;
text-align: center;
background: url(grafik/top_button_normal.png) no-repeat;
}

.undermenu li a:link {
height: 23px;
text-decoration: none;
color: #FFFFFF;
display: block;
}

.undermenu li a:visited {
height: 23px;
text-decoration: none;
color: #FFFFFF;
display: block;
}

.undermenu li a:hover {
height: 23px;
text-decoration: none;
color: #FFFFFF;
display: block;
background: url(grafik/top_button_hover.png) no-repeat;
}

li#selected a {
height: 23px;
text-decoration: none;
color: #FFFFFF;
display: block;
background: url(grafik/top_button_hover.png) no-repeat;
}

/* VÄNSTER KOLUMN */

.left_header {
margin-bottom: 3px;
padding-bottom: 6px;
font-size: 12px;
font-weight: bold;
background: url(grafik/left_button_normal.png) no-repeat;
}

/* UNDERMENY */

.leftmenu {
width: 140px;
margin: 0px;
padding: 0px;
}

.leftmenu a {
width: 140px;
height: 23px;
margin: 0px;
padding: 0px;
padding-top: 3px;
color: #000000;
display: block;
font-size: 11px;
text-decoration: none;
text-indent: 10px;
font-weight: bold;
background: url(grafik/left_button_normal.png) no-repeat;
}

.leftmenu a:link {
color: #000000;
display: block;
}

.leftmenu a:visited {
color: #000000;
display: block;
}

.leftmenu a:hover {
color: #3b789e;
display: block;
}

.footer {
font-size: 10px;
height: 20px;
}

/* PUSH */

.push {
margin: 0px;
padding: 5px;
background-color: #f4f4f4;
border: 1px solid #d8d8d8;
}

.push2 {
margin: 0px;
padding: 5px;
background-color: #f4f4f4;
border: 1px solid #d8d8d8;
}

/* SHOPPAR */

.shoppar {
font-size: 10px;
}

.shoppar_top {
font-size: 10px;
}

.header_row {
height: 22px;
margin: 0px;
padding: 0px;
padding-top: 3px;
padding-left: 5px;
background-color: #f4f4f4;
}

.header_row img {
padding-right: 5px;
}

.table_break {
margin: 0px;
padding: 0px;
height: 13px;
background: url(grafik/breakline.png) repeat-x;
background-position: center;
}

/* BERÄKNA DITT LÅN */

#main {
    clear:both;
    margin: 0px auto;
	border: 0px solid #cccccc;
	width: 100%;
	background: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
}

form {
    margin-left: 100px;
	border: 1px solid #cccccc;
	width: 456px;
	background: #f7f7f7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:5px;
    margin-bottom:10px;
}

#result {
    margin-left: 100px;
	border: 1px solid #cccccc;
	width: 456px;
	background: #f7f7f7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:5px;
    margin-bottom:10px;
}

.text {
	border: 1px solid #cccccc;
	background: #FFFFFF;
	padding-left: 3px;
}

.text2 {
	border: 0px solid #666666;
	width: 100px;
	height: 20px;
	padding-bottom: 2px;
	background: url(grafik/berakna.png) no-repeat;
}

input {
    border: 0px solid #cccccc;
}

.values{
  font-family: verdana;
  font-weight:normal;
  font-size : 10px;
  align:top;
  vertical-align:top;
}

.key{
  font-family: verdana;
  font-weight:bold;
  font-size : 12px;
  padding-bottom:15px;
}


.caption{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:10px;
    font-size : 14px;
    color:#ff6202;
}

#icon{
    width:100px;
    height:100px;
    float:left;
    background-image:url(grafik/icon.gif);
    background-repeat: no-repeat;
    background-position:center center;
}
#icon2{
    width:100px;
    height:100px;
    float:left;
    background-image:url(grafik/icon2.gif);
    background-repeat: no-repeat;
    background-position:center center;
}

#source{
  text-align:right;
  align:right;
  padding-right:10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size : 10px;
  color:#CCCCCC;
}

.detail{
   border-collpase:collapse;
   width:100%;
   
}

.detail td {
   padding:5px;
   border:1px solid #ccc;
   text-align:right;
   font-weight:normal;
}

.res{
   padding:0px;
   padding-bottom: 5px;
   font-size:14px;
   color:#ff0000;
}

.undertext{
   font-size:9px;
   font-weight: normal;
}