/* Reset browser styles */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, dfn, em, img, q, strong, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* BODY and container DIV */

body {
	font: 75%/1.5em Helvetica, "Helvetica Neue", Arial, Verdana, sans-serif;
	letter-spacing: 0.01em;
	color: #707070;
	background: #9da9ad url('../img/bodybg.png') top center repeat-y;
	text-align: center;
}

html>body {
	font-size: 12px;
}

#container {
	background: #fff url('../img/container.png') top left no-repeat;
	width: 864px;
	margin: 0 auto;
	padding: 18px;
	text-align: left;
	overflow: hidden;
}


/* Headings and paragraphs */

h1, h2, h3, h4, h5, h6 

h1 {
	font-size: 300%;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 200%;
	margin-bottom: 0.75em;
}

h3 {
	font-size: 150%;
	line-height: 1.2em;
	margin-bottom: 1em;
	color: #1D4D6D;
	width: 472px;
}

h4 {
	font-size: 116.6%;
} 

h5, h6 {
	font-size: 100%;
}

p {
	margin-bottom: 1.5em;
	width: 472px;
}


/* Images */

#content img {
	margin-bottom: 1.5em;
}

/* Quotes */

q {
	quotes: "\00BB" "\00AB" "\203A" "\2039";
}

blockquote > *:first-child:before {
	content: "Svar: ";
	font-weight: bold;
}

#nordvik blockquote > *:first-child:before {
	content: "";
}


/* Hyperlinks */

 a:link,  a:visited {
	color: #0776b0;
	text-decoration: none;
}

 a:hover,  a:active {
	color: #1d4d6d;
}



/* Sidebar: Logo, navigation and contact info */

#sidebar {
	width: 276px;
	margin-right: 18px;
	float: left;
}

#sidebar ul#nav {
	list-style: url('../img/bullet.png') inside;
}

#sidebar ul ul {
	margin-left: 32px;
	margin-bottom: 1.5em;
	font-size: 116.6%;
	line-height: 1.5em;
	list-style: none;
}

#sidebar ul h3 {
	font-size: 116.6%;
	line-height: 1.5em;
	color: #1d4d6d;
	margin-bottom: 0;
	display: inline;
}

#sidebar ul ul a:link, #sidebar ul ul a:visited {
	color: #666;
}

#sidebar ul ul a:hover, #sidebar ul ul a:active {
	color: #0776b0;
}

#sidebar #nav a {
	display: block;
}

#logo {
	height: 234px;
	margin-bottom: 46px;
	text-indent: -9999px;
}

#logo h1 a {
	display: block;
	width: 276px;
	height: 234px;
	background: url('../img/logo.png') top left no-repeat;
}

#contact {
	border-top: 1px solid #ccc;
	padding-top: 1.5em;
	margin-top: 1.5em;
	font-size: 116.6%;
}

#contact .adr {
	margin-bottom: 1.166em;
}


/* Content column */

#content {
	width: 570px;
	padding-top: 280px;
	float: left;
}

#content h1 {
	display: block;
	text-indent: -9999px;
}

#content h2 {
	display: none;
}

#content h2+p {
	width: 472px;
	font-size: 116.6%;
	line-height: 1.5em;
}

#content ul, #content ol {
	width: 460px;
	list-style-position: outside;
	margin-bottom: 1.5em;
}

#content ol li {
	list-style-type: decimal;
	margin-bottom: 0.75em;
	margin-left: 19px;
}

#content ul li {
	list-style-type: square;
	margin-bottom: 0.75em;
	margin-left: 12px;
}

#content ul#linkbox {
	width: 558px;
	margin: 0 0 1.5em 0;
	padding: 1.5em 0 0 12px;
	border-top: 1px solid #999;
	list-style-type: square;
}

#content ul#linkbox li {
	margin-bottom: 0;
	font-size: 116.6%;
	color: #bbb;
}


/* Frontpage variables */

#frontpage #content {
	background: url('../img/head_frontpage.jpg') top left no-repeat;
}

#frontpage #content h1 {
	height: 98px;
	background: url('../img/heading_frontpage.png') top left no-repeat;
}

#frontpage select {
	color: #333;
}

#doctor-pres ul li {
	margin-bottom: 0;
}

#doc-quick, #cit-quick {
	width: 440px;
	height: 22px;
	padding: 54px 18px 18px 18px;
	margin-bottom: 3em;
	color: #d9eaf2;
	position: relative;
}

#doc-quick h4, #cit-quick h4 {
	display: none;
}

#doc-quick a, #cit-quick a {
	color: #d9eaf2;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
}

#doc-quick {
	background: #fff url('../img/doc-quick.png') left center no-repeat;
}

#cit-quick {
	background: #fff url('../img/cit-quick.png') left center no-repeat;
}

#doc-quick input.button, #cit-quick input.button {
	text-indent: -9999px;
	display: block;
	width: 103px;
	height: 42px;
	border: none;
	background: url('../img/signup-button.png') top left no-repeat;
	cursor: pointer;
	position: absolute;
	top: 26px;
	right: 36px;
}


/* Doctor pages variables */

#doctors #content {
	background: url('../img/head_doctors.jpg') top left no-repeat;
}

#doctors #content h1 {
	height: 122px;
	background: url('../img/heading_doctors-dk.png') top left no-repeat;
}

#doctors #content h1#laeger-blanketter {
	height: 69px;
	background: url('../img/heading_doctors_blanketter.png') top left no-repeat;
}

#doctors #content h1#laeger-beskatning {
	height: 69px;
	background: url('../img/heading_doctors-skat.png') top left no-repeat;
}


/* Vikarer page variables */

#vikarer #content {
	background: url('../img/head_vikarer.jpg') top left no-repeat;
}

#vikarer #content h1 {
	height: 98px;
	background: url('../img/heading_vikariater.png') top left no-repeat;
}

#vikarer #content h1#tilmeld {
	background: url('../img/heading_vikariater-tilmeld.png') top left no-repeat;
}

#vikarer #content h1#vik-bonus {
	height: 127px;
	background: url('../img/heading_vikarer-bonus.png') top left no-repeat;
}


/* Dialogue page variables */

#dialogue #content {
	background: url('../img/head_dialogue.jpg') top left no-repeat;
}

#dialogue #content h1#dialogue-cit {
	height: 71px;
	background: url('../img/heading_dialogue-cit.png') top left no-repeat;
}

#dialogue #content h1#dialogue-doc {
	height: 71px;
	background: url('../img/heading_dialogue-doc.png') top left no-repeat;
}

#dialogue #content h3 {
	font-size: 116.6%;
	margin-bottom: 0.428em;
} 


/* Cities page variables */

#cities #content {
	background: url('../img/head_kommuner.jpg') top left no-repeat;
}

#cities #content h1#cit-info {
	height: 98px;
	background: url('../img/heading_cities-info.png') top left no-repeat;
}

#cities #content h1#cit-tilmeld {
	height: 98px;
	background: url('../img/heading_cities-tilmeld.png') top left no-repeat;
}

/* NordVik page variables */

#nordvik #content {
	background: url('../img/head_nordvik.jpg') top left no-repeat;
}

#nordvik #content h1#nordvik-info {
	height: 98px;
	background: url('../img/heading_nordvik-info.png') top left no-repeat;
}

#nordvik #content h1#nordvik-kontakt {
	height: 98px;
	background: url('../img/heading_nordvik-kontakt.png') top left no-repeat;
}

#nordvik #content .vcard {
	font-size: 116.6%;
	overflow: hidden;
	margin-bottom: 1.285em;
}

#nordvik #content .vcard .adr {
	margin-bottom: 0.75em;
}

#postal, #digital {
	float: left;
	width: 50%;
	margin-top: 0.8em;
}

#nordvik #content legend {
	font-size: 116.6%;
	font-weight: bold;
}

#nordvik #content fieldset {
	margin-bottom: 1em;
}

#nordvik #content label {
	display: block;
}

#nordvik #content input {
	margin-bottom: 0.75em;
}


/* Forms */

input, textarea {
	font-size: 116.6%;
	height: 1.3em;
	line-height: 1.3em;
	color: #666;
	border-top: 2px solid #aaa;
	border-left: 2px solid #aaa;
	border-bottom: 2px solid #e0e0e0;
	border-right: 2px solid #e0e0e0;
	background: #fafafa;
}

input:focus, textarea:focus {
	border-width: 2px;
	border-color: #46bbd8;
	border-style: solid;
	color: #333;
}

textarea {
	height: 8em;
	font-family: Helvetica, "Helvetica Neue", Arial, Verdana, sans-serif;
}

#frontpage select {
	font-size: 116.6%;
}

#reg fieldset:hover label, #reg fieldset:hover p {
	color: #444;
}

#reg #contact-info, #reg #birthday, #reg #education, #reg #employers, #reg #auth, #reg #temp,
#reg #citizens, #reg #doctors, #reg #housing {
	border-bottom: 1px solid #aaa;
	margin-bottom: 1.5em;
}

#reg legend {
	font-size: 116.6%;
	font-weight: bold;
	color: #1D4D6D;
	padding-bottom: 1.285em;
}

#reg input, #reg textarea, #reg select {
	margin-bottom: 1.5em;
}

#reg input {
	width: 210px;
}

#reg #doctors input, #reg #citizens input {
	width: 82px;
}

#reg textarea {
	width: 472px;
}

#reg #contact-info label, #reg #birthday label, #reg #education label {
	min-width: 6.2em;
	display: block;
	float: left;
}

#cities #reg #contact-info label, #reg #doctors label, #reg #citizens label {
	min-width: 8.5em;
	display: block;
	float: left;
}

#reg #temp label, #reg #driving label {
	min-width: 2.2em;
	display: block;
	float: left;
}

#reg #driving input {
	float: left;
}

#reg #contact-info label {
	font-weight: bold;
}

#reg input.button, #mail input.button {
	background: #fff url('../img/tilmeld-knap.png') left bottom no-repeat;
	width: 104px;
	height: 40px;
	display: block;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 1em;
}

#mail input.button {
	background: #fff url('../img/send-button.png') left bottom no-repeat;
}

#reg #zip-city, #reg #education, #reg #period {
	clear: both;
	overflow: hidden;
}

#reg #zip-city #zip, #reg #education #grad {
	width: 150px;
	float: left;
}

#reg #zip-city input, #reg #education input {
	width: 50px;
	display: block;
	float: left;
}

#reg #birthday input {
	width: 82px;
}

#reg #temp input {
	width: 82px;
	display: block;
	float: left;
	margin-right: 20px;
}

#reg #zip-city #city label {
	min-width: 2.2em;
}

#reg #zip-city #city input {
	width: 108px;
}

#reg #education #edu label {
	min-width: 12em;
}

#reg #education #edu input {
	width: 178px;
}

#reg #auth label, #reg #employers label {
	display: block;
	float: none;
	margin-bottom: 0.75em;
}

#reg #shifts, #reg #family, #reg #drv-license, #reg #drv-option {
	float: left;
	width: 13.25em;
}

#reg #shifts label, #reg #temp p {
	margin-bottom: 0.75em;
	display: block;
	clear: both;
}

#reg #driving input, #reg #temp #family input {
	margin-right: 20px;
	border: none;
}

#reg #fam-yes, #reg #fam-no, #reg #drv-yes, #reg #drv-no, #reg #lic-yes, #reg #lic-no {
	width: auto !important;
}


/* Footer */

#footer {
	font-size: 83.3%;
	padding-top: 1.5em;
	margin-left: 294px;
	clear: both;
}

#footer a {
	color: #333;
}

#footer a:hover {
	text-decoration: underline;
}