/* Stylesheet til spoergeskema.nu */

BODY {	
	margin: 0;
	padding: 0;
	background: #ffffff url('/images/spoergeskema.body-bg.gif') repeat-y top center;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

IMG {border: none;}

A {
	text-decoration: underline;
	color: #B74F39;
}
A:hover {text-decoration: underline;color: #777700;}


p {	margin: 0;	padding: 0;}
p, p.bodytext, ul {font-size:14px;}
p.small {font-size: 11px; color: #666666;}
p.small A {color: #ABA87E;}
p.focus {font-size: 18px; color: #777700;}

UL, OL {
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 18px;
	margin-right: 30px;
}
UL LI {
	list-style-image: url('/images/li-check.gif');
}

H1 {	
	color: #B74F39;
	font-size: 25px;
	margin: 0 0 10px 0;
	font-weight: normal;
}
H2 {
	color: #777700;
	font-size: 16px;
	margin:15px 0 5px 0;
}
h3 {
	text-transform: uppercase;
	color: #B74F39;
	font-size: 15px;
	margin: 10px 0 0 0
}

.absolute {position: absolute; }

/* element til logo og topmenu */
#topcontainer {
	width:100%;
	background: url('/images/spoergeskema.topbg.gif') repeat-x top center;
	height: 80px;
}

/* Hoved-element til hele siden */
#maincontainer {
	margin-left:auto; 
	margin-right:auto;
	width: 900px;
	background-color: #FFFFFF;
	text-align: left;
	border:solid 0px;
}

/* horisontal grΠlinie */
.graastribe {background-color: #C8C8C8; height: 1px; clear:both;}


/* Top med logo og s¿gemaskine */
#logotop {
	height: 51px; 
}

/* Menu i toppen */
ul#topmenu {
	width: 900px; 
	padding: 5px 0px 0px 0px;
	margin: 0;
	text-align: left;
	height: 29px;
	background: url('/images/topmenubg.gif') repeat-x;
	list-style: none;
}
	ul#topmenu li {
		display: inline;
		padding: 0px 0px 0px 22px;
	}
	ul#topmenu A {
		color: #EAEAEA;
		font-size: 12px;
		text-decoration: none;
		margin-left: 10px;
		margin-right: 10px;
		font-weight: bold;
		text-transform: uppercase;
	}
	ul#topmenu A:hover, ul#topmenu A.selected {
		color: EDD63E;
		text-decoration: underline;
	}

/* De to kolonner til forsiden */

#pagecontent {
	float: left;
	width: 630px;
	min-height: 1300px;
	text-align: left;
}
	.margin {margin-left: 30px;margin-right: 10px;}
	#pagecontent P {margin-bottom: 10px;}
	#pagecontent IMG.refimg {float:right; margin-left: 15px; margin-bottom:15px;}

#buttons div.outer {width: 260px; border: 1px solid #ddd; margin: 0px 0 10px 0; background: url(/images/button-bg.gif) left bottom repeat-x #f0f0f0;}
#buttons div.outer a.button {display: block; padding: 15px; text-align: center; text-decoration: none;}
#buttons div.outer a.button:hover {text-align: center; background: url(/images/button-bg.hover.gif) left bottom repeat-x #5E9CCF; text-decoration: underline; color: #fff}
#buttons div.outer a.selected:hover {text-align: center; background: none; text-decoration: none; color: #B74F39}

div#divcontactform {padding: 10px; font-size: 14px; margin: -15px 0 0 0}
form#contactform {font-size: 13px;}
form#contactform b {display: block; float: left; width: 80px; clear: left; margin: 0 0 8px 0}
div#divcontactform a#cancellink {margin: 0 0 0 30px; font-size: 12px}

	div#divcontactform input, div#divcontactform select {
	  padding: 0 2px;
	  font-size: 16px; 
	  margin: 0 0 5px 0;
	}
	div#divcontactform input.inputtext, div#divcontactform input.button {
	  width: 250px;
	}
	div#divcontactform select, div#divcontactform input, div#divcontactform textarea {
	  font-family: arial;
	  color: #5F4A09;
	}
	div#divcontactform textarea {
	  padding: 2px;
	  font-size: 14px; 
	}

div#divdemolinks {padding: 0 0 0 10px;}
div#divdemolinks ul {padding: 0 0 0 20px; margin: 10px 0px}
div#divdemolinks li {padding: 0 0 6px 0; margin: 0}
div#divdemolinks a {font-size: 14px;}

div#priseksempler {background: url(/images/survey-priser-baggrund.gif) #fff no-repeat; width: 263px; height: 288px; padding: 0; font-size: 13px;}
div#priseksempler div.margin {margin: 0px; padding: 10px;}
div#priseksempler h2 {margin: 0px 0px 5px 0}
#priseksempler .price {background-color: #92A703; color: #fff; padding: 1px 5px 1px 5px; margin: 5px 0px 0px 0px;line-height: 25px;  font-weight: bold}
div#priseksempler hr { background: #fff; height: 1px; margin: 5px 0 7px; width: 100%; padding: 0;}

ul#spoergeskemafordele {
	margin: 0;
	padding: 0 0 0 20px;
}
ul#spoergeskemafordele h3 {
	font-size: 13px;
}
ul#spoergeskemafordele li {font-size: 12px; float: left; width: 250px; margin: 0px 20px 15px 0px}

hr {height: 1px; clear: both; margin: 20px 0px; width: 92%}
div > hr {background: url(/images/stiblet-bg.gif); border: 1px solid #fff; height: 10px;}


/* Br¿dkrummespor */
#breadcrumb {
	color: #86827E;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size:11px;
	text-align:right;
}
	#breadcrumb A {
		text-decoration: none;
		color: #00627A;
	}
	#breadcrumb A:hover {
		text-decoration: underline;
	}

/* Adresse i bunden */ 
#footer {
	clear:both;
	padding-bottom: 5px;
	padding-top: 2px;
	text-align: center;
	color: #707070;
	font-size:11px;
}

.redstar {color: #FF0000;}
.bestilform {background-color: #F0F0F0;}

.knapfrem {
	background-image: url('/images/knapfrem.gif');
}	
.knapback {
	background-image: url('/images/knapback.gif');
}
.knapdummy {
	background-image: url('/images/knapdummy.gif');
}
.knaptom {
	background-image: url('/images/knaptom.gif');
}
.knapfrem, .knapback, .knapdummy, .knaptom {
	width: 130px;
	height: 26px;
	border: 0; 
	color: #FFFFFF;
	font-weight: bold;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	margin: 0;
}