/**
 * Stilark for Fana Medisinske Senter AS (www.fms.as)
 *
 * styles.css
 *

 * @author  Tommy Eliassen
 * @version 1.0
 * @see     http://www.synlighet.no
 */

/**
 * Generelle tagger
 *
 * Definerer margins, paddings, font-størrelser, farger o.l
 */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Helvetica, Arial, Sans-serif;
	color: #666;
	background-color: #fff;
	font-size: 0.75em;
	line-height: 1.125em;
	background-image: url(graphics/bodyBackground.png);
	background-repeat: repeat-x;
	text-align: center;
}
h1 {
	margin: 0 0 0.25em 0;
	font-size: 1.825em;
	line-height: 1.225em;
}
h2 {
	margin: 0.4em 0 0.2em 0;
	font-size: 1.25em;
	line-height: 1.125em;
}
h3 {
	margin-bottom: 0.2em;
	font-size: 1.1em;
	line-height: 1.125em;
}
p {
	margin-bottom: 1em;
	line-height: 1.4em;
}
a {
	color: #af681b;
	text-decoration: none;
}
a img {
	border: 0;
}
img[align=left] {
	margin: 0 10px 0 0;
}
img[align=right] {
	margin: 0 0 0 10px;
}

/**
 * Layout stiler
 *
 * Definerer layout for siden. Hovedområdene som header, innhold venstre, innhold høyre o.l.
 **/
#breadcrumb {
 	padding: 0 0 10px 25px;
	margin: 0 auto;
	width: 920px;
	background-image: url(graphics/headerTop.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
#page {
	margin: 0 auto;
	width: 920px;
	background-image: url(graphics/pageBackground.png);
	background-repeat: repeat-y;
	text-align: left;
}
#header {
	margin: 0 20px 10px 20px;
	background-image: url(images/fana-medisinske-senter-hb.jpg);
	background-repeat: no-repeat;
	height: 145px;
	width: 880px;
	position: relative;
}
#contentContainer {
	margin: 0 0 10px 20px;

}
#footer {
	margin: 0 10px;
	height: 22px;
	width: 900px;
	background-color: #d7a45f;
	text-align: center;
}


/**
 * Breadcrumb stiler
 *
 * Definerer layout for breadcrumb.
 */
#breadcrumb #breadcrumbs li {
	line-height: 25px;
	display: inline;
	font-weight: bold;
}
#breadcrumb #breadcrumbs li a:after {
	content: " / ";
}




/**
 * Header stiler
 *
 * Definerer layout for header.
 */
#logo {
	position: absolute;
	left: 30px;
	top: 45px;
}
#navigation {
	position: absolute;
	right: 0;
	top: 0;
}
#navigation a img {
	float: left;
}
#navigation #nav {
	list-style-type: none;
	float:left;
}
#navigation #nav li {
	padding: 0 10px 0 10px;
	float: left;
	background-image: url(/graphics/navBackground.png);
	background-repeat: repeat;
}
#navigation #nav li a {
	line-height: 26px;
	text-decoration: none;
	color: #666;
}
#navigation #nav li a:hover {
	color: #333;
}

/**
 * Left stiler
 *
 * Definerer layout for left.
 */
#left {
	margin: 0 15px 0 0;
	width: 162px;
	float: left;

}
#left ul {
	list-style-type: none;
}
#left #menu {
	padding: 5px;
	min-height: 410px;
	background-image: url(graphics/leftBackground.png);
	background-repeat: repeat-x;
	line-height: 1.5em;
}
#left #menu #undermeny {
	margin-left: 1em;
}
#menu li, #undermeny li {
}
#menu li a, #undermeny li a {
	text-decoration: none;
	color: #3d7297;
	display: block;
}
#menu li a.aktiv, #undermeny li a.aktiv {
	color: #af681b;
}
#menu li a:hover, #undermeny li a:hover {
	color: #af681b;
}



/**
 * content stiler
 *
 * Definerer layout for content.
 */
#contentContainer {
	clear: both;
}

/**
 * content stiler
 *
 * Definerer layout for content.
 */
#content {
	margin: 0 15px 0 0;
	width: 526px;
	float: left;
}

#content a {
	text-decoration:underline;
}

#content .bildemedtekst {
	margin-left: 15px;
	padding: 5px;
	width: 260px;
	float: right;
	background-color: #efeeff;
}
#content .bildemedtekst img {
	margin: 0;
	width: 260px;
}
#content .bildemedtekst p {
	margin: 0;
	padding: 0;
	text-align: right;
	font-style: italic;
}
#content .sentrertBilde {
	width: 100%;
	text-align: center;
	clear: both;
}

.prisliste {
	margin-bottom: 20px;
	border-collapse: collapse;
	width: 100%;
}
.prisliste td {
	margin-bottom: 0px;
	border-bottom: 1px solid #eeefef;
}
.prisliste td p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.4em;
}
#content ul {
	margin-left: 1.4em;
	margin-bottom: 1em;
	list-style-position: outside;

}

#content ul li {
padding:0 0 4px;

}


#content ul li a {
	color: #af681b;
}
#content #omFMS {
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
	border: 1px solid #ccc;
}
.ingress {
	margin-bottom: 1em;
}
.ingress p {
	line-height: 1.5em;
	font-weight: bold;
}
#content #tjenesteliste {
	position: relative;
	height: 300px;
}
#content ul#tjenester {
	position: absolute;
	margin: 0;
	height: 300px;
	width: 536px;
}
#tjenester {
	position: absolute;
	top: 0;
	left: 0;
	list-style-type: none;
}
#tjenester li img {
	margin: 0;
	padding: 0;
	float: none;
}
#tjenester li a {
	margin: 0;
	padding: 0;
	display: block;
}
#tjenester li.col {
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
	background-color: #b1d3ec;
}
#tjenester li h2 {
	margin: 0;
	padding: 3px 0px 3px 0px;
	height: 20px;
	width: 168px;
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.3em;
	text-align: center;
}
#tjenester li h2 a {
	color: #fff;
}
.nyhet {
	width: 258px;
	float: left;
}
#nyhet1 {
	margin-right: 10px;
}
.nyhet p {
	line-height: 1.2em;
}
.nyhet .readmore {
	color: #af681b;
	text-decoration: none;
}
#productInfo {
	margin-left: 10px;
	float: right;
	width: 262px;
}
#productInfo img {
	margin: 0;
	float: none;
}
span#konsultasjonslink {
	text-transform: lowercase;
}

/**
 * right stiler
 *
 * Definerer layout for right.
 */
#right {
	width: 162px;
	float: left;
}
#right ul {
	margin-left: 1.2em;
	list-style-position: outside;
}
#right .block {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #ccc;
	line-height: 1.3em;
}
.block h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.125em;
	line-height: 1.5em;
	font-weight: lighter;
}
.block h6 {
	font-size: 1.1em;
	line-height: 1.5em;
}
.block p {

}
.block ul {
	line-height: 1.3em;
}
#operererfor img {
	margin: 0 auto;
	display: block;
}
#operererfor p {
	margin-bottom: 0;
	line-height: 1em;
}


/**
 * footer stiler
 *
 * Definerer layout for footer.
 */

#footer {
	padding-top:7px;
}

#footer .vcard {
	color: #fff;
}
#footer div {
	display: inline;
}
#footer a {
	text-decoration: none;
	color: #fff;
}
#footer a#org {
	text-transform: uppercase;
}



/**
 * skjemastiler
 *
 * Definerer stiler for skjema.
 */
fieldset {
	padding: 1em;
}
fieldset label {
	margin: 0 0 2px 0;
}
fieldset span {
	display: block;
}
fieldset .textfield {
	width: 200px;
}
fieldset #annet {
	width: 400px;
	height: 150px;
	display: block;
}

.radiochoice label { width: 300px; float: left; clear: left; }
.radiochoice input { margin-right: 5px; }

#infopakker fieldset { margin-bottom:10px; }


/**
 * diverse stiler
 *
 * Definerer stiler for diverse.
 */
.alignRight {
	float: right;
}
.alignLeft {
	float: left;
}
.clearBoth {
	clear: both;
	visibility: hidden;
}
.red {
	color: #f00;
}

#right ul#forsidebuttons { list-style-type: none; margin-left:0; }
#right ul#forsidebuttons a { float: left; display: inline; width: 191px; text-indent: -9999px; overflow:hidden; outline-style: none; outline-width:0; }
#right ul#forsidebuttons a#merinfo { height: 51px; background: transparent url('/images/forsidebutton_merinfo.png') no-repeat scroll 0 0; }
#right ul#forsidebuttons a#time { height: 51px; background: transparent url('/images/forsidebutton_time.png') no-repeat scroll 0 0; }
#right ul#forsidebuttons a#kontaktet { height: 67px; background: transparent url('/images/forsidebutton_kontaktet.png') no-repeat scroll 0 0; }
#right ul#forsidebuttons a#tilbud { height: 57px; margin-top: 5px; background: transparent url('/images/forsidebutton_tilbud.png') no-repeat scroll 0 0; }