/*CSS till dietistkonsult.nu, av Patrik Larsson, www.assailant.se*/


/* Huvudinställningar... */


	* {
		/* Nollstället browserns marginalen, padding och fontstorlekar */
		margin: 0;
		padding: 0;
		}

	html {
	/*repeat gör så bakgrunden repeteras både vertikalt och horisontellt
	Bara vertikalt eller horisontellt görs genom repeat-y resp. repeat-x
	Background-attachment gör så bakgrunden står stilla när man scrollar.. kommentera bort den om det inte önskas*/
		color: #000000;
		background: url(images/bak8.jpg) #73a733 repeat;
		background-color: #921906;
		background-attachment:fixed;
		font-size: 100%;

		}
a:link {color:#000;font-decoration:underline;}
a:visited {color:#000;}
a:active {color:#000;}
a:hover {color:#0A0;margin:0;padding:0;}

	body {
	
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #436462;
		background-color:transparent;
		font-size: 62.5%;			/* This sets the default font size to be equivalent to 10px */
		margin: 0;
		text-align: center;
			}

							/* Begränsar sidan till 800 px */
	#wrap {
		width: 800px; /*bredda 50px*/
		background: #FFFFFF url("images/borde33r.jpg") repeat-y 0 0; /*sidorna med fade*/
		margin: 10px auto;
		margin-bottom: 50px;
		text-align: left;
		padding: 0;
		border:1px;
		border-style:solid;
		border-color:#000;

		}


/* Header */


	body div.header {
			background-repeat: no-repeat;
			width: 800px;
			height: 150px;
			float: left;
			margin-top: 0;
			background-image: url("images/header_start.jpg"); /* Default bakgrund om en sida skulle sakna class*/
			}


	/* För att alla delsidor ska kunna ha en egen header-bakgrund */

		body.start div.header {
			background-image: url("images/header_start.jpg");
			}
		

		body.forelasningar div.header {
			background-image: url("images/header_forelasningar.jpg");
			}
	
		body.kostrad div.header {
			background-image: url("images/header_kostrad.jpg");
			}

		body.faq div.header {
			background-image: url("images/header_faq.jpg");
			}

		body.links div.header {
			background-image: url("images/header_links.jpg");
			}

		body.contact div.header {
			background-image: url("images/header_contact.jpg");
			}

		body.help div.header {
			background-image: url("images/header_kurser.jpg");
			}



/* Huvuddelen, innehållet */

#main {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 740px;
	min-height: 500px;
	
		/* Minst 500px huvudyta, men utökas automatiskt efter innehållets storlek*/
	background-color: #FFFFFF;
	float: left;
	clear: both;
	padding-top:15px;
display-inline;
	}
	* html body #main{height:500px;}
	html>body #main{height:auto}
	.kontakt div#main{background-image: url("images/patrika.jpg");background-repeat:no-repeat;background-position:bottom right;}
	.lankar div#main{background-image: url("images/frukt.jpg");background-repeat:no-repeat;background-position:bottom right;}
	.priser div#main{background-image: url("images/frukt2.jpg");background-repeat:no-repeat;background-position:bottom right;}
	.kost div#main{background-image: url("images/apple.jpg");background-repeat:no-repeat;background-position:bottom right;}
	.start div#main{background-image: url("images/pearsmall.jpg");background-repeat:no-repeat;background-position:bottom right;}
	.om div#main{background-image: url("images/druvor.jpg");background-repeat:no-repeat;background-position:bottom right;}
	.foretag div#main{background-image: url("images/tomat.jpg");background-repeat:no-repeat;background-position:bottom right;}

/*TEXTINSTÄLLNINGAR OCH KLASSER*/
h1 {			/*RUBRIK - generell inställning för <h1> i main*/
	font-size: 1.75em;
	background: url("images/pback1.jpg") repeat-y 0 0;
	padding:5px 0px 5px 5px;
	margin:0px 0px 5px 0px;
	}
	
h2{  /*Mindre RUBRIK*/
font-size:1.2em;
/*background: url("images/pback1.jpg") repeat-y 0 0;*/
padding:5px 0px 5px 0px;
margin:0px 0px 5px 0px;
font-weight:bold;
}
	p {			/*VANLIG TEXT -generell inställning för <p> i main*/
		font-size: 1.2em;
		margin-bottom:15px;
		line-height: 150%;
		}
	#form p{ /*Text i formulär*/
	margin-top:10px;
	margin-bottom:5px;
	}
		#erbjuder{
		font-size:1.2em;
		padding:5px 0px 5px 0px;
		margin:0px 0px 5px 0px;
		font-weight:bold;
		font-style:italic;
		}
		
		/*Speciella "Spans" för att få annan effekt på vissa ord etc.*/
		span.slickbold{font-weight:bold;font-size: 1.0em;margin:0;padding:0;}
		span.slicksmall{font-size:0.9em;letter-spacing:3px;margin:0;padding:0;}
		span.slickbig{font-size:1.2em;margin:0;padding:0;}
		span.slickitalicbold{font-style:italic;font-weight:bold;margin:0;padding:0;}

.listrubrik {font-weight:bold;margin-bottom: 5px;}
.underrubrik {font-style:italic;}
.questions {
			font-weight:normal;
			padding:5px 0px 5px 0px;	/*top right bottom left*/
			/*background: url("images/pback1.jpg") repeat-y 0 0;*/
			color: #476866;
			line-height: 200%;
			}				
.pimportant 	{				
			padding:5px 0px 5px 5px; 				/*top right bottom left*/
			background: url("images/pback1.jpg") repeat-y 0 0;
			color: #000;
			}
		
/*OLIKA DIVS för specifik formatering av sidan*/
.femhundra{width:500px;float:left;margin-right:30px;} /*500px bred div som används här och var*/
#f_left{width:500px;float:left;margin-right:20px;}/*föreläsningar vänsterspalt*/
#f_right{width:220px;float:left;margin-top:35px;}/*högerspalt*/
/*om elin*/
#elin {width: 200px;float:left;margin-right:20px; margin-top:10px;margin-left:175px;display:inline;}
#karin {width: 200px;float:left;margin-top:10px;} /*om karin*/
#utbildning {margin:20px 0px 0px 15px;float:left;width:700px;} /*under OM OSS, utbildning*/
#prislist{width:300px;float:left;margin-right:30px;} /*listade tjänster och paket*/
#prislist2{width:auto;float:left;margin-top:30px;}/*priser*/
#kontaktL{width:200px;float:left;margin-right:30px;} /*Kontakt vänster, namn*/
#kontaktR{width:auto;float:left; margin-right:300px; display:inline;}/*Kontakt höger, telefonnummer*/


/*Kontaktformulär*/
#form{
	display:block;
	width:400px;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:90px;
	}

/*STARTSIDAN*/
#startsida {
width:500px;float:left;margin-right:0px;margin-bottom:20px;display:inline;
}
	/*DRF-Logga*/
	#drf {
	float:right;
	margin-top:0px;
	margin-bottom:0px;
	}
	#meaning{
	display:inline;
	float:left;
	width:580px;
	}
	#yrke{
	display:inline;
	float:left;
	
	}

	/*KNAPPAR PÅ STARTSIDAN*/
	#buttondiv{
	display:inline;
	float:left;
	margin-left:30px;
	margin-bottom:0px;
	width:500px;
	}

		/*#b1{margin-left:5px;}*/
		.buttons{
		float:left;
		display:inline;
		text-align:center;
		margin-right:20px;
		margin-bottom:20px;
		width: 120px;
		}
		.buttons p{
		margin:0;
		padding:0;
		}
		.buttons a{
		
		display:block;
		color:#CCCCCC;
		padding:10px;
		border:1px;
		border-style:solid;
		border-color:#383;
		background-color:#448463;
		background-image: url("images/qback2.jpg");
		background-position: bottom right;
		background-repeat: no-repeat;
		/*
		height:30px;
		min-height:30px;
		max-height:30px;
		height:expression(this.height > 30 ? "30px": true); */
		}
		.buttons a:hover{
		display:block;
		padding:10px;
		background-color:#448463;
		background-image: url("images/qback1.jpg");
		background-position: bottom right;
		background-repeat: no-repeat;
		color:#FFFFFF;
		border:1px;
		border-style:solid;
		border-color:#000;
		}
/*BILD PÅ OM OSS-SIDAN*/		
#omossbild 
{display: block;
margin-top:30px;
margin-bottom:30px;
margin-left: auto;
margin-right: auto;
border:2px;
border-style:solid;
border-color:#000;}



#page-header 	{	/*Göms just nu bakom header-bilden*/
		background: url("images/topspan.jpg") repeat-x 0 0;
		height: 150px;
		clear: both;
		}

#page-body 	{
		margin: 0 30px;
		min-height: 500px;
		clear: both;
* html body #main{height:500px;}
	html>body #main{height:auto}
		}

#page-footer {
	background: url("images/footer33.jpg") repeat-x 0 100%;
	clear: both;
	}
#login{


}
#page-footer p { 			/*textegenskaper för footer <p> Där copyright-texten ligger*/
	border-top: 1px solid #CCCCCC;
	margin: 0px 30px 0 30px;
	padding-top: 10px;
	text-align: center;
	}

span.left, span.right { 		/*sida-spans för headern, gömda*/
	display: block;
	width: 20px;
	height: 150px;
	background: url("images/sides.jpg") no-repeat;
	}

span.left {
	background-position: 0 0;
	float: left;
	margin-right: 0px;
	}

span.right {
	background-position: 100% 0;
	float: right;
	}

span.corners, span.corners span { 	/*nedre hörnen med fade*/
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 25px;
	background-repeat: no-repeat;
	background-image: url("images/corners33.jpg");
	margin: 0;
	}

span.corners {
	background-position: 0 0;
	}
span.corners span {
	background-position: 100% -25px;
	}



/* MENY*/
	
#navcontainer {				/*Meny-div, huvudmått och bakgrund etc*/
		min-width:794px;
		width:794px;
		height:20px;
		min-height:20px;
		max-height:20px;
		height:expression(this.height > 20 ? "20px": true); /*IE-hack*/
		padding-left:6px;
		background-image: url("images/divback.jpg");
		z-index:100;
		position:relative;
		0px 0 0 0;
		border-top: 1px solid #449944;
		border-bottom: 1px solid #449944;
		}

#navlist {				/*punktlistans egenskaper*/
		position:absolute;
		150px 0 0 0;
		width:800px;
		height:20px;
		min-height:20px;
		max-height:20px;
		height:expression(this.height > 20 ? "20px": true); /*IE-hack*/
		z-index:2;
		
		}
* html #navcontainer li{
  display:inline-block;    /* IE-hack */
  width:1px;               /* IE ökar 1px för att passa menyn */
  padding:0 2px;           /* fixar bug för att få avstånd korrekta*/
  }  

#navcontainer ul li {			/*punktlistans och varje listpunkts egenskaper*/
			list-style-type: none;
			padding: 0;
			margin: 0;
			display: block;
			float: left;
			height:20px;
			min-height:20px;
			max-height:20px;
			height:expression(this.height > 20 ? "20px": true); 
			z-index:2;
			font: 10px/20px "Lucida Grande", verdana, sans-serif;
			text-align: center;
			white-space:nowrap; /*IE-hack*/
			
			}

#navcontainer a {			/*egenskaper för länkar i menydiv'en*/
		color: #575;
		text-decoration: none;
		display: block;
		padding-left:28px;
		padding-right:28px;
		height:20px;
		min-height:20px;
		max-height:20px;
		height:expression(this.height > 20 ? "20px": true); 
		z-index:2;
				}

#navcontainer li#active a { 		/*egenskaper för den aktiva länken i listan*/
				/*  Använd detta om den aktiva sidans menyknapp ska ha en särskild bild*/
				/*background: url("images/navbaractive.jpg");*/
				
				text-decoration: underline;
				color: #000;
				height:20px;
				min-height:20px;
				max-height:20px;
				height:expression(this.height > 20 ? "20px": true); 
				}

/* Mouser-over/Hover-bilder för menyn*/
	#nav_start a:hover {background: url("images/nav_start.jpg");background-repeat: no-repeat;color: #000;}
	#nav_om a:hover {background: url("images/nav_om.jpg");background-repeat: no-repeat;color: #000;}
	#nav_foretag a:hover {background: url("images/nav_foretag.jpg");background-repeat: no-repeat;color: #000;}
	#nav_kost a:hover {background: url("images/nav_kost.jpg");background-repeat: no-repeat;color: #000;}
	#nav_priser a:hover {background: url("images/nav_priser.jpg");background-repeat: no-repeat;color: #000;}
	#nav_lankar a:hover {background: url("images/nav_lankar.jpg");background-repeat: no-repeat;color: #000;}
	#nav_kontakt a:hover {background: url("images/nav_kontakt.jpg");background-repeat: no-repeat;color: #000;}