/** Dokumentering, Konventioner och Struktur - Senast ändrad 2005-10-24
*
* Den här CSS-filen är byggd efter en struktur och följer vissa konventioner. 
* Läs dokumenteringen nedanför om någonting är oklart.
*
***
* # Konventioner #
***
*
* Dokumentstruktur - Gå inte utanför strukturen, det ska vara lätt att hitta. Följ strukturen nedanför.
* Strukturrubriker - En huvudrubrik har en start-tagg och en slut-tagg. Skrivs i VERSALER.
* Underrubriker - En underrubrik har bara en start-tagg och får endast användas under en 
*		  huvudrubrik för att beskriva vilken sida underliggande information tillhör.
* Kommentering - Är någonting oklart kommenteras funktionen.
*
** Exempel på Huvudrubrik, underrubrik och kommentar

 /* ### CLEAR-ELEMENT ## START # */ 

 /* ## Start - index.php */

 /* En kommentar om klassen */

 /* ### CLEAR-ELEMENT ## END # */

/**/

/* Namngivning - Ibland blir namngivningar långa och onödiga. Förkortningar är tillåtet men glöm då inte att 
*		dokumentera förkortningen här i konventionerna eller ovanför css-taggen. 
*			# Exempel som kräver dokumentering. Content = ct
*		Är förkortningen självförklarande behövs ingen förkortning. 
*			# Exempel. som inte kräver dokumentering. Navigation = nav
*
***
* # Dokumentets struktur #
***
*/
 /* ### SIDSPECIFIKA-KLASSER ## START # */ /* ### SIDSPECIFIKA-KLASSER ## END # */
 /* ### STRUKTUR-ELEMENT ## START # */ /* ### STRUKTUR-ELEMENT ## END # */
 /* ### TAGGAR ## START # */ /* ### TAGGAR ## END # */
 /* ### DEFINITONER ## START # */ /* ### DEFINITONER ## END # */
/*
***
* # Namngivningar #
***
*
* 
*
**/

/* --## STYLES BEGIN ##-- */

/* ### SIDSPECIFIKA-KLASSER ## START # */

/* # STARTPAGE # */
.upcoming-date-header { font-weight:bold; padding:12px 0 4px 0; color:#626262; }

/* ### SIDSPECIFIKA-KLASSER ## END # */

/* ### STRUKTUR-ELEMENT ## START # */

#wrap {
	width:760px;
	margin:17px auto 10px auto;
	text-align:left;
}
#wrap-outer { background:url(/images/shade_footer.gif) bottom no-repeat; padding-bottom:10px; }
#wrap-inner { background:url(/images/shade_header.gif) no-repeat; padding-top:10px; }

#borderside-left { background:url(/images/borderside_left.gif) repeat-y; padding-left:30px; }
#borderside-right { background:url(/images/borderside_right.gif) right top repeat-y; padding:20px 30px 20px 0; }

#footer-left { float:left; padding-left:6px; font-size:10px; margin-top:5px; }
#footer-left { width:100% }
#footer-right { float:right; padding-right:6px; text-align:right; font-size:10px; margin-top:5px; }
#footer-right a { color:#CCC; text-decoration:none; }

#footer-center { padding-left:6px; font-size:10px; margin-top:5px; }
#footer-center { width:100%; text-align:center; }

#content-top {}
#content-bottom { margin-top:36px; }
.content-left { float:left; width:270px; padding-right:10px; }
.content-right { float:left; }

.content-left-galleriet { float:left; width:230px; padding-right:10px; }

.bottom-left { float:left; }
.bottom-right { float:right; }

/* ### STRUKTUR-ELEMENT ## END # */

/* ### TAGGAR ## START # */

html {
	padding:0;
	margin:0;
	text-align:center;
}
body {
	padding:0;
	margin:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	background:#FFF;
}
table { border-collapse:collapse; width:100%; }
form { display:inline; }
input, select, textarea {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#F5F5F5;
	border:1px solid #000;
}
img { border:0; text-decoration:none; }
p {
	margin:0;
	padding:0;
	font-size: 10px;
}
#startpage p{
	font-size: 14px;	
}

h1 { margin:0 0 2px 0; padding:0; font-size:16px; color:#626262; }
h3 { margin:0 0 2px 0; padding:0; font-size:14px; color:#000; }

/* ### TAGGAR ## END # */

/* ### DEFINITONER ## START # */

.date-header { font-size:12px; padding:0 0 4px 0; color:#626262; }
.img-spacer-first { margin:12px 24px 12px 0; }
.img-spacer { margin:12px 24px 12px 0; }

/* ## NAVIGATION ## START # */

#nav, #nav ul {
	float: right;
	width: 505px;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	border: 0 solid #C9C9C9;
	padding:0;
	margin:0;
	font-size:10px;
}
#nav a, #nav span {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 3px 10px;
}
#nav li.link {
	background:url(/images/link_arrow.gif) center left no-repeat;
}
#nav li {
	float: left;
	padding: 0;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	w\idth: 170px;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}
#nav li li {
	width: 150px;
}
#nav li ul a, #nav li ul span {
	width:150px;
	w\idth:150px;
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li.sfhover {
	background:#E3E3E3 url(/images/link_arrow.gif) center left no-repeat;
}
#nav li:hover, #nav li.sfhover span  {
	background: #FFF;
}
.year { border-top:1px solid #ECECEC; border-bottom:1px solid #ECECEC; }

/* ## NAVIGATION ## END # */

/* Formfields without table */
.formfield { padding:6px 0 0 10px; }
.formfield p { clear:left; margin:0 0 3px 0; color:#818181; font-weight:bold; }
.formfield p label { float:left; width:210px; }

.form-error {
	color:#000;
}
.form-message {
	background:#000;
	color:#41505B;
	font-weight:bold;
	padding:6px;
}


/* Clear class - Nothing inside div - 0 pix height */
.clearA {
	overflow: hidden;
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	font-size: 1px;
}
/* Clear class - <br> inside div - 1 pix height */
.clearB {
	clear:both;
	height:0;
	margin:0;
	font-size:1px;
	line-height:0;
}

.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 



/* Must be in order - LVHA */
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #000;}
a:active {color: #000;}

/* ### DEFINITONER ## END # */