/* @override http://www.yrkesjagarna.se/css/syf_screen.css */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Grundinställningar för visningsytan */
body {
	color: #000;
	height: 100%;
	text-align: center;
	background: #006633 repeat url(/grafik/bakgr_morkgron.jpg);
}

#container {
	width: 960px;
	/* innehållets totala bredd */
min-height: 100%;
	/* ta upp hela sidan (se MISIE-hack nedan) */
	/* Se alistapart.com "faux columns" */
margin: 0 auto;
	/* centrera #container a'la bluerobot.com del 2 */
text-align: left;
	/* ... och del 3 */;
	background: #999933 url(/grafik/bakgr_main.jpg);
	background-repeat: repeat-y;
}

#header {
	height: 80px;
	margin-left: 1px;
}
#header img {
	border: 2px solid #003300;
	margin-top: 0px;
	margin-left: 0px;
}

/* tvåspaltad lösning a'la realworldstyle.com del 1*/
#sidebar {
  width: 170px;
	/* skall vara mindre än margin-left på #main (med marginal) */
	float: left;
	margin-top: 10px;
	margin-left: 7px;
}


.navigering_stor {
	font-size: 14px;
	margin-top: 10px;
	margin-left: 15px;	
}

.navigering_liten {
	font-size: 12px;
	margin-top: 10px;
	margin-left: 15px;	
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:link {
	color: #ffffff;
}

#sidebar a:visited {
	color: #e9e9e9;
}

#sidebar a:hover {
	color: #003333;
}

#sidebar a:active {
	color: #003333;
}

.liten {
	font-size: 12px;
}

/* tvåspaltad lösning a'la realworldstyle.com del 2*/
#main {
	width: 552px;
	/* width+margin-left skall vara < width på #container, med marginal  */ 
	margin-bottom: 10px;
	margin-left: 180px;
}

#textbox {
	margin: 0 20px 20px 25px;
}

#textbox ul {
	margin-left: 2em;
	font-size: 0.9em;	
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#textbox a {
	color: #0d1467;
}

#textbox p {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif;
}

#textbox h1,h2,h3,h4,h5,h6 {
	color: #330000;

}

#textbox h1 {
	font-size: 1.6em;
	padding-top: 0.6em;
	padding-bottom: 0.2em;
}

#textbox h2 {
	font-size: 1.4em;
	padding-top: 0.6em;
	padding-bottom: 0.2em;
}

#textbox h3 {
	font-size: 1.2em;
	padding-top: 0.6em;
	padding-bottom: 0.2em;
}

#textbox h4 {
	font-size: 1em;
	padding-top: 0.6em;
	padding-bottom: 0.2em;
	
}

#textbox h5 {
	font-size: 0.8em;
	padding-top: 0.6em;
	padding-bottom: 0em;
}

#textbox h6 {
	font-size: 0.7em;
	padding-top: 0.6em;
	padding-bottom: 0em;
}

.bild_flyt_hoger {
	margin: 10px 0 10px 15px;
	clear: right;
	float: right;
	position: static;
	border: 1px solid #333333;
}

.bild_flyt_vanster {
	margin: 10px 15px 10px 0;
	clear: left;
	float: left;
	position: static;
	border: 1px solid #333333;
}

.bild_marginaler {
	border: 1px solid #333333;
	margin: 10px;

}

/* Annonser */
#annonser {
  width: 202px;
	/* skall vara mindre än margin-left på #main (med marginal) */
	float: right;
	margin-top: 10px;
	margin-right: 12px;
}

#annonser img {
	margin-bottom: 10px;
	border: 1px solid #39383a;
}

/* sidfotsmek */
#belowthebottom {
	height: 28px;
	/* samma som #bottom */
	clear: both;
}

#bottom {
	width: 740px;
	height: 0px;
	/* height = p height + p margin-top + p margin-bottom */
	margin-top: -0px;
	/* samma som height */
margin-left: auto;
	margin-right: auto;
	color: #cccc88;
}

/* fulhack - nödvändigt bl.a. pga att MSIE inte förstår min-height */

<!--[if IE]>
#container {
	height: 100%
}

<![endif]-->