/*
 *   Layout för Hemvärnet.se
 *   $Id$
 *   sysop@hemvarnet.se
 * 
 *   Dessutom finns menu.css för menyn, och lightbox.css för bildvisningen.
 */

body 
{
	margin: 0px;
	sbackground: url('/gifs/leftback.gif');
	background-repeat: no-repeat;
	background-position: -4px 300px;
}

body, 
td 
{
	font-family:	Verdana,Arial,Helvetica,Sans-Serif;
	font-size:	8pt;
}


/* Generella rubrikgrader. Mer specifika definitioner för de olika spalterna finns längre ner. */
td h1, 
h1 
{
	font-family: 	Verdana,Arial,Helvetica,Sans-Serif;
	font-size:	156%;
	color:		#000000;
	font-weight:	bold;
}


td h2, 
h2 
{
	font-family:	Verdana,Arial,Helvetica,Sans-Serif;
	font-size:	123%;
	font-weight:	bold;
	color:		#000000;
	margin:		8px 0px 5px 0px;
}


td h3, 
h3 
{
	font-family:	Verdana,Arial,Helvetica,Sans-Serif;
	font-size:	103%;
	font-weight:	bold;
	color:		#000000;
	margin:		5px 0px 5px 0px;
	width:		100%;
}


td h4, 
h4 
{
	font-family:	Verdana,Arial,Helvetica,Sans-Serif;
	font-size:	100%;
	font-weight:	bold;
	color:		#000000;
	display:	inline;
}


td h5, 
h5 
{
	font-family:	Verdana,Arial,Helvetica,Sans-Serif;
	font-size:	91%;
	font-weight:	normal;
	color:		#000000;
}



/* 
 *   Här kommer de fyra definierade kolumnerna; left, center, right1 och right2.
 *   Det skulle kunna finnas många fler css-attribut i dem. För att slippa kämpa med
 *   olika boxmodell-hack använder vi inte width. Inte heller tabellcellerna har
 *   något width- eller height-attribut. Istället regleras detta med utsträcka pixelbilder.
 *   Ingen snygg lösning men ganska idiotsäkert i alla webbläsare :-)  
 */

#left 
{
	padding: 5px 20px 5px 10px;
	background: #e9e9dd;
	height: 100%;
}


/* Den breda kolumnen */
#center 
{
	padding: 0px 10px 5px 20px;
}


/* Första högerkolumnen. Denna existerar inte alltid. */
#right1 
{
	padding: 0px 6px 5px 10px;
}


/* Andra högerkolumnen. Denna existerar inte alltid. */
#right2 
{
	padding: 0px 10px 5px 6px;
}


#left h1, 
#left h2, 
#left h3, 
#left h4, 
#left h5, 
#left h6 
{	
	text-align:	left;
}


#left h1, 
#left h2, 
#left h3
{
	background: #d2d1a8;
	padding-left: 3px;
}


#adressbok h4 
{
	background: #d2d1a8;
	display: block;
	margin: 0px;
}



#right h1, 
#right h2, 
#right h3, 
#right1 h1, 
#right1 h2, 
#right1 h3, 
#right2 h1, 
#right2 h2, 
#right2 h3 
{
	text-align: left;
}


/*
 *   I högerspalterna är h2 och h3 lika stora. Visuellt är de jämbördiga, men för logiska sidstrukturens skull används båda.
 *   h3 i #right1 blir då hierarkiskt underställda h2 i #center, medan h2 i #right2 ligger på samma nivå. 
 */
#right1 h2, 
#right2 h2, 
#right1 h3, 
#right2 h3 
{
	font-size:	103%;
	font-weight:	bold;
	background:	#d2d1a8 !important;
	color:		#000000;
	margin:		0px 0px 5px 0px;
	width:		100%;
	padding-left: 	3px;
}


#right1 h4,
#right2 h4
{
	display: block;
	margin-bottom: 0.4ex;
}



/* Normal huvudrubrikgrad för breda kolumnen */
#center h2 
{
	font-size:	149%;
	color:		#000000;
	font-weight:	bold;
	margin-top:	8px;
	text-align:	left;
}


/* Denna ska normalt bara finnas på sidor som inte tillhör förband, t ex i artiklar */
#center h1 
{
	text-align:	left;
	margin-top:	3px;
}


/* Gunplay finns som WOFF */
.Gunplay-Regular 
{ 
	font-family: Gunplay-Regular; 
	text-transform: uppercase;
}

h2.Gunplay-Regular
{
	font-size: 18pt !important;
}

/* Inmatningsrutan för sökord */
#searchword 
{
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 8pt; 
	width: 160px;
}


/* Texten "Just nu xxxx bilder och yyyy bilder i zzzzz förband." */
#summary
{
	padding-top: 5px;
	color: #777777;
}


th 
{
	font-weight: bold;
}

.navigationsindrag 
{
	left: 16px;
	top: -11px; 
	position: relative;
	display: block;
}

/* En infolistning i vänsterspalten */
.listing 
{
	margin: 8px 0px;
}


.listing a 
{
	text-decoration: none !important;
	color: #000000;
}


.listing .datum 
{
	font-size: 80%; 
	margin: 0px; 
	padding: 0px;
}


/* Klass för att få en vänsterjusterad text bredvid den gröna punkten */
.innerlisting
{
	margin: -11px 0px 0px 10px;
}


/* Datumet överst på en infosida */
.nyhetsdatum 
{
	text-align: 		right;
	float: 			right;
	font-size:		92%;
	margin-bottom:		3px;
	color: 			#696969;
}


/* Faktaruta */
.fakta 
{
	font-size:		88%;
	padding:		3px;
	width:			100%;
	background:		#ffffcc;
	margin-top:		1ex;
}


/* Inledande rubriken i faktaruta */
.faktarubrik 
{
	margin-top: 	0px;
	display:	block;
}


/* Nyheter i högerspalten */
.tidningsrubrik {
	margin: 5px 0px 5px 0px;
}


/* Lightbox (med vårt hack) förladdar alla bilder som har preload-klassen */
.preload 
{
	display:		none;
}


/* Är du medlem i Hemvärnet? */
.answerbox 
{
	display: inline;
	border: 1px solid #666666;
	background: #dedede;
	margin: 25px 20px 25px 20px;
	padding: 4px 15px;
	font-weight: bold;
	font-size: 130%;
}


/* Används för att t ex tala om att ett förband inte existerar på webbplatsen längre */
.pinkbox 
{
	width: 100%; 
	text-align: left; 
	background: #ffcccc; 
	border: 4px double #666666; 
	padding: 2px;
	margin: 0px 0px 20px 0px;
}

/* Används i AJAX-resultaten för epostfälten */
.error
{
	color:		#ff0000;
	font-weight:	bold;
}


.formgenfield
{
	margin: 6px 0px;

}


/* Klass för att markera "Nytt" i menyn. Behöver inte nödvändigtvis vara röd... */
.red 
{
	color: #ff0000;
}


.fakta li 
{
	margin-left: -20px;
}


.forbandslista td 
{
	padding:		0.5ex;
	border-bottom:		1px #666666 dashed;
}


.kalender 
{
	border:	1px solid #666666;
}


.kalender td, 
.kalender th
{
	font-size:			80%;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	width:				14.1%;
}


.kalender td 
{
	text-align:			right;
}


.kalender th 
{
	text-align:			center;
}


/* Händelser i listan under kalendern som tänds när man klickar på ett datum i kalendern */
.highlightCalendar1,
.highlightCalendar2
{
	background: #ffffaa !important;
}


.grey b
{
	cursor:	default !important;
}


/* Rubriken i vänsterspalten ska vara markerad om man står på den aktuella sidan */
.here 
{
	font-weight: bold;
}


/* Texten för en författare till en artikel eller nyhet */
.author 
{
	text-align: center;
	font-size: 92%;
}


.author hr 
{
	color: #669966;
	width: 50%;
	height: 1px;
	background-color: #dedede; 
	border: none;
}


.artikeltack 
{
	text-align: right;
	float: right;
	font-size: 92%;
	margin-bottom: 3ex;
}


.links 
{
	text-align: right;
	margin-top: 1ex;
	margin-bottom: 1ex;
}


.ingress 
{
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	margin: 1ex 0px 2ex 0px;
}


.ingress a 
{
	text-decoration: 	none !important;
	color:			#000000;
	background:		transparent !important;
}


/* Denna är speciellt för h1-rubriken i sidhuvudet som normalt inte ska visas */
.showprint 
{
	display: none;
	text-decoration: none;
}

#header img 
{
	border: none;
}

#header a:hover 
{
	text-decoration: none;
}

#left a:link, 
#left a:visited, 
#left a:active
{
	color:			#000000;
	background:		transparent;
	text-decoration:	none;
}


#center a:link, 
#center a:visited, 
#center a:active 
{
	color:			#000000;
	text-decoration:	underline;
}


#center a:hover, 
#right a:hover, 
#left a:hover 
{
	color:			#000000;
	text-decoration:	underline overline;
	background-color:	#cecece;
}


#right1 a:link, 
#right1 a:visited, 
#right1 a:active, 
#right2 a:link, 
#right2 a:visited, 
#right2 a:active 
{
	color:			#000000;
	text-decoration:	underline;
}

                
.bildtext, 
.fotograf 
{
	font-size:	90%;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
}


/* Varannan rad 1 */
.row1color 
{
	background: #ffffff;
}


/* Varannan rad 2 */
.row2color 
{
	background: #e9e9dd;
}


.indrag 
{
	padding-left: 20px;
}


.mark 
{
	background: #fff734 !important;
}

 
/* Nyhetsrubriker på respektive förbands förstasida */
.nrubrik 
{
	padding: 2px 15px 2px 15px;
}


/* Nyhetsingresser på respektive förbands förstasida */
.ningress_left 
{
	padding: 0px 0px 2px 15px;
}

.ningress_right
{
	padding: 0px 15px 2px 0px;
}


/* Nyhetsbilder på respektive förbands förstasida */
.nbild_left
{
	padding: 0px 5px 15px 15px;
}


.nbild_right
{
	padding: 0px 15px 15px 5px;
}


/* Texten "Insatsverksamhet" */
.skarp 
{
	font-size: 82%;
	color: #cc0000;
	font-weight: bold; 
	letter-spacing: 11pt; 
	text-transform: uppercase;
}


#adressbok td
{
	padding: 3px 0px;
	vertical-align: top;
}

#adressbok td input[type=checkbox]
{
	margin-top: -1px;
}


tr.grey, 
tr.grey a
{	color: #aaa !important;
	background: #fff;
}


/* För att markera ett län eller en utbildningsgrupp i listan när man rör sig över det i kartan. */
.highlightLan,
.highlightMDgrupp
{
	background: #cecece;
}


/* Speciellt för RSS-ikonen i rubriker */
.rubrikrss
{
	float: right; 
	top: 1px; 
	position: relative; 
	margin-right: 2px;
}


textarea 
{
	margin: 0px 5px 5px 0px;
}

/* div som omsluter alla kommentarer */
#kommentarer
{
	background: #eeeeee !important;
	padding: 1px;
}

/* div runt en enskild kommentar */
.kommentar
{
	background: #ffffe6;
	margin: 3px;
	padding: 1px;
}

/* kommentar från en moderator ska markeras lite extra */
.moderator
{
	background: #ffefe6 !important;

}

/* överst i en kommentar */
.kommentarhuvud
{
	margin: -1px;
	min-height: 3ex;
	background: #ffffee;
}

/* extra markering runt en kommentar som ej är godkänd */
.ejgodkand
{
	border: 1px solid #ffff55;
}


/* För att lägga in lite mellanrum mellan olika avdelningar i högermarginalerna */
.spacer {
	display:	block;
	height:		10px;
}
	


/* Släck ut en del element i utskriftsversionen */
@media print {
	/*
	 *   Förslagsvis skiftar man sans-serif och serif
         *   för att få mer läsvänlig text. För framtiden...
         */


	/* Alla objekt med hideprint-klassen släcks ut. */
	.hideprint 
	{
		display: none;
	}


	/* Vid utskrift visas h1-rubriken i sidhuvudet */
	.showprint 
	{
		display: block;
	}


	/* ... och här släcks den grafiska rubriken */
	#header, 
	#headerimg 
	{
		background: none !important;
	}

	
	#header h1 
	{
		color: #000000;
	}


	/* Det är ointressant med länkar i en utskrift */
	a:link, 
	a:visited, 
	a:active, 
	a:hover 
	{
		text-decoration: none !important;
		color: #000000;
	}

	
	#right1,
	#right2
	{
		display: none;
	}

	#debug
	{
		display: none;
	}

}