/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	
	background:#f3f4f6;
	font-family:verdana;
	font-size:13px;
	line-height: 1.5em;
	color:#888888;
}


#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:auto;
	background:url(../images/bg_header.jpg) repeat-x;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

#container {
	width:950px;
	margin:0 auto;
	padding:0; /* bottom padding for footer */
}



#content {
	margin:0;
	padding:20px 0 0 0;
}
#banner {
	margin:0;
	padding:10px;
}

#header{
	border:0;
	margin:0;
	padding:0;
	
}

#toppbanner{
	float:right;
	margin:-33px 0 0 0;
	padding:0;

}
#banner .content {
	margin:0;
	padding:0;
	width:370px;
	float:left;
}

.kolonne_venstre{
	float:left;
	margin:0;
	padding:0 20px 0 0;
	width:365px;
	border-right: 1px dotted #CCC;

}
.kolonne_venstre img{
	margin:0;
	padding:3px;
	border: 1px solid #CCC;
	background:#f0f0f0;
}
.kolonne_midten{
	float:left;
	margin:0;
	padding:0 20px 0 20px;
	width:270px;

}
.kolonne_hoyre{
	float:left;
	margin:0;
	padding:0 0 0 20px;
	width:230px;
	border-left: 1px dotted #CCC;

}
.quote{
	float:left;
	margin:15px 0 0 0;
	padding:10px;
	width:210px;
	border: 1px solid #e2e2e2;
	background:#f2f2f2 url(../images/quotemark.png) no-repeat;

}
.info{
	margin:5px 0 0 0;
	padding:10px;
	border: 1px solid #d8ded4;
	background:#e7ede3;
	color:#666;

}
.kolonne_hoyre input{
	float:left;
	margin:5px 0;
	padding: 5px;
	width:218px;

}
.kolonne_hoyre textarea{
	float:left;
	margin:5px 0;
	padding: 5px;
	width:218px;

}
.kolonne_hoyre .sendknapp{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding: 2px 8px;
	width:90px;
	margin:10px 0 0 0;
	float:right;
	background:#5bb01d;
	border: 1px solid #447c2c;
	clear:both;
	cursor:pointer;
}

#loadResponse {
	display:none;
	text-align:center;
	padding-top:10px;
}

#tilbakemelding {
	font-size:11px;
	padding:5px;
	border:1px solid #CCC;
	line-height:16px;
	color:#000;
	display:none;
}
.meldingFeil {
	background-color:#ffcccc;
}
.meldingOk {
	background-color:#D9DEFF;
}

#copyright {
	width:950px;
	height:40px;
	padding:20px 0 0 0;
	margin: 30px auto 0 auto;
	font-size:10px;
	border-top:1px solid #cccccc;
}

.text {
	color:#ffffff;
	font-size:12px;
	padding: 0 0 0 25px;
	margin:0;
	width:350px;
}
.smalltext {
	font-size:9px;
}
.lesmer {
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding: 2px 8px;
	margin:0;
	float:right;
	background:#5cb2d3;
	border: 1px solid #9f9f9f;
	text-decoration:none;
	cursor:pointer;
}
.demoknapp {
	padding: 2px 8px;
	margin:0;
	float:right;
	display:none;

}


p {
	margin:0;
	/*font-size:11px;*/
}

a {
	color: #60b540;
	text-decoration: none;
}

a:hover, a:active, a:focus, a:visited {
	color: #999999;
	text-decoration: underline;
}

a img {
	border: none;

}
h1 {
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	padding: 30px 0 15px 0;
	font-weight:normal;
	margin:0;

}
h2 {
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#555555;
	padding:0 0 20px 0;
	margin:0;
	font-weight:normal;
}
.h2kampanje {
	background: url(../images/tilbudsikon.jpg) no-repeat right;
	height: 50px;
}
	
h3 {
	font-size:16px;
	background:url(../images/check.png) no-repeat bottom left;
	color:#6fb644;
	padding:15px 0 0 25px;
	margin:0;
}

.bulletpoint{
	background:url(../images/bullet.jpg) no-repeat bottom left;
	padding:0 0 0 20px;
	margin:0;
}

.clearfix {
	clear:both;
	font-size:0;
}
input {
	background:#fafafa;
	color:#888888;
	border: 1px solid #ccc;
	padding: 2px 3px;
	margin:5px 0 0 0;
}

textarea {
	background:#fafafa;
	color:#888888;
	border: 1px solid #ccc;
	padding: 2px 3px;
	margin:5px 0 0 0;
}