﻿body
{
	background: White url('images/bg_top3.gif') repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 0px;
	margin: 0;
	color: #555;
}

table, div { margin: 0; border: 0; padding: 0; border-spacing: 0; border-collapse: collapse; height: auto; }
table tr { margin: 0; border: 0; padding: 0; }
table tr td { margin: 0; border: 0; padding: 0; vertical-align: top; text-align: left; }

h1, h2, h3, h4, h5, h6 { padding: 0px 0px 0.1em 0px; margin: 10px 0px; color: #444; display: block; }
h1 { border-style: none; border-color: inherit; border-width: 0; font-size: 20px; padding-top: 5px; margin-bottom: 15px; color:#95CB37; }
h2 { font-size: 15px; padding-top: 2px; }
h3 { font-size: 13px; padding-top: 2px; }
p { margin: 0px 0px 10px 0px; padding: 0; }

img { border: 0; margin: 0; padding: 0; }
hr {  }
a { color: #629900; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

input[type="text"], input[type="password"], textarea
{ 
	background-color: White !important;
	border: solid 1px Gray;
	border-width:1px;
	margin: 0px;
	font-family: Arial, Geneva, sans-serif;
	font-size: 11px; 
	padding: 2px;
	margin-bottom: 2px;
	width: 140px;
	margin-right: 5px;
}
select { padding: 1px; margin: 0 0 0 5px; font-size: 11px; border-width: 1px; font-family: Arial, Geneva, sans-serif; background-color: White !important; }

/* DEBUG border: solid 1px Gray; */
div {  }
div#container { width:975px;margin:0 auto;text-align:left }
div#topbar { height:86px; background: White url('images/bg_header.png') repeat-x left top; color: White;  }
div#home { float:left; }
div#home a { width: 400px; height: 80px; display:block; }

div#box-sms
{
	height: 452px;
	padding: 32px 0px 0 370px;
	color: White;
	font-size: 13px;
	background: transparent url(  'images/bg_sms4.png' ) repeat-x left top;
	margin-top: 1px;
}
div#middle {  }
div#content { float:left;width:600px; height:auto; padding:20px 20px 60px 20px; }
div#menu { float:right; width:300px; margin-top:0px; height:auto; }

div#extra { float:left;width:600px;display:none; }
div#footer { clear:both;height:35px;padding:20px 0 0 0; background: url('images/bg_footer.gif') repeat-x left top; text-align:center; color: #FFF }
div#footer span { padding-top: 20px; text-align: right; padding-right: 60px; font-size: 9px; }

div#linkbar { height:18px; margin:0px 0px 0px 410px; padding-top: 45px; }
div#linkbar ul { margin:0; padding:0; }
div#linkbar ul li { margin:0; padding:0; list-style-type:none; display:inline; }
div#linkbar a { display:inline-block; padding:0; margin:0; color:White; }

div#content .left { width: 59%; float: left; }
div#content .right { width: 39%; float: right; }
div#content .clear { clear:both; }
.bottomlinks { clear:right; height:18px; margin:0; padding:0 0 0 3px; list-style-type:none; display:inline-block;  font-size: 11px;}
.bottomlinks a { color:#FFFFFF;}

.tbl-details { margin: 20px; }
.tbl-details th {padding: 2px 10px; background-color: #639800; color: White;}
.tbl-details td { padding: 2px 10px; }
.tbl-details tr.first {}
.tbl-details tr.second {background-color:#C3DD62;}


.pricetable { margin: 0 auto; margin-bottom: 10px; border-collapse: collapse; width: 460px; }
.pricetable tr {  }
.pricetable tr th { background-color: #429B03; color: White; text-align: center; }
.pricetable tr td { text-align: center; font-size: 11px; border-bottom: solid 1px #B2E139; }
.pricetable-th-end {  }
.pricetable-th-start {  }
.pricetable-td-start { background-color: #B2E139; color: White; font-weight: bold; padding: 2px 0px; }



.ctrl-webapp
{
    width: 274px;
    height: 1280px;
    padding: 40px 10px 6px 10px;
    margin: 0 0px 10px 14px;
    color: White;
    background: transparent url( 'images/web_palkki8.png' ) no-repeat scroll left top;
    text-align: left;
    background-repeat: no-repeat;
    font-size: 11px;
    
}
.ctrl-webapp .ans { border: solid 1px Red; padding: 5px; margin: 20px auto; text-align: center; font-size: 13px; }
.ctrl-webapp .ans .hltxt { font-size: 22px; font-weight: bold; color: #FFC000; }
.ctrl-webapp .info { font-size: 10px; text-align: center; font-weight: normal; font-family: Arial, Geneva, sans-serif; padding: 3px; color: #FFC000; }
.ctrl-webapp .info .star { color: Red; }
.ctrl-webapp .info .hltxt { color: #FFC000; font-weight: bold; }
.ctrl-webapp a { font-size: 10px; color: White; }
.ctrl-webapp a:hover { text-decoration: underline; }
.ctrl-webapp .star { color: Red; }
.ctrl-webapp .btn_submit { width: 56px; height: 55px; cursor: pointer; display:block; float: right; border: 0; background: transparent url('images/haelainaa_nappi.png') no-repeat scroll left top;  }
.ctrl-webapp .btn_submit:hover { background-position: left bottom; }
.ctrl-webapp input[type="text"], .ctrl-webapp textarea {  width: 230px; }
.ctrl-webapp input[type="submit"] { margin: 5px 25px; }
.ctrl-webapp .ddl { float: right; margin-bottom: 2px; }
.ctrl-webapp .ddl select { width: 130px; margin-right:10px; }
.ctrl-webapp select { font-size: 11px; }

.confirm { font-size: 12px; }
.confirm table, .ctrl-webapp .ans { border-top: solid 1px #8B8B8B; border-left: solid 1px #8B8B8B; 
		border-bottom: solid 1px #3D3D3D; border-right: solid 1px #3D3D3D; }
.confirm .first { background-color: Gray; text-decoration: underline; font-weight: bold; }
.confirm .second { border-bottom: solid 1px Gray; width: 100%; color: White; }
.confirm .ans {  }

.kost
{
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	height: 24px;
	padding: 2px 40px 8px 0px;
	background: transparent url('images/Let op Geld lenen.png') no-repeat scroll left top;
	width: 260px;
	position: relative;
	z-index: 2px;
	top: 100px;
}





