@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* det är bra att nollställa marginalen och utfyllnaden av body-elementet för att ta hänsyn till olika webbläsarstandarder */
	padding: 0;
	text-align: left; /* centrerar containern i Internet Explorer 5*-webbläsare. Texten ställs sedan in efter den vänsterjusterade standarden i #container-väljaren */
	color: #000000;
	background-color: #FFF;
}
.#container {
	width: 1180px;  /* om du använder 20 pixlar färre än hela bredden på 800 pixlar kan du anpassa webbläsarfönstrets innehåll och undvika en vågrät rullningslist */
	background: #FFFFFF; /* automarginalerna (i samband med en bredd) centrerar sidan */
	border: 1px solid #000000;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.#header {
	background: #FFFF00;  /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas under den. Om en bild används i #header istället för text kan du ta bort utfyllnaden. */
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #7F0055;
}
.#header h1 {
	margin: 0; /* genom att nollställa marginalen i det sista elementet i #header-diven undviker du komprimering av marginaler, d.v.s. ett utrymme mellan divar som inte kan förklaras. Om diven har en kant runt sig behöver du inte göra detta eftersom den också förhindrar att marginaler komprimeras */
	padding: 10px 0; /* om du använder utfyllnad istället för marginaler kan du hålla elementet borta från kanterna på diven */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 40px;
	font-weight: bold;
	font-style: italic;
	font-variant: normal;
	text-transform: capitalize;
	color: #7F0055;
	text-align: center;
	word-spacing: normal;
	letter-spacing: normal;
}
#container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	width: 1200px;
	height: auto;
	margin-left: 0px;
	top: 0px;
}
#header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

.gdlogo {
	margin: 2px;
	padding: 0px;
	float: left;
	height: 101px;
	width: 89px;
	position: absolute;
	background-image: url(images/GD-logo-liten89x101.gif);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.topbanner {
	background-color: #FEDE58;
	padding: 3px;
	float: none;
	height: 101px;
	width: auto;
	border: 2px none #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #165829;
	text-align: center;
	clear: none;
}
#header #firstrow {
	background-attachment: fixed;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #999;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	padding: 0px;
	height: 34px;
	width: auto;
	border: 2px solid #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	left: 2px;
	top: 80px;
}

#firstrow ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#firstrow ul li {
	display: inline;
}


#firstrow ul li a {
	display: block;
	float: left;
	background-color: #FFDD74;
	width: auto;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 10px;
	border: 1px none #00F;
	text-decoration: none;
	color: #808040;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}
#header ul li .current {
	background-color: #808040;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color: #FFF;
}

#header ul li a:hover {
	color: #FFF;
}


#maincontainer {
	width: 900px;
	margin-left: 0px;
	height: 398px;
	margin-top: 0px;
	position: absolute;
	top: 141px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #808040;
}
#maincontainer #secondrow {
	background-attachment: fixed;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	padding: 0px;
	height: 18px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	left: 2px;
	top: 141px;
	border: 2px solid #FFF;
}


#maincontainer #secondrow ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px
}


#maincontainer #secondrow ul li {
	display: inline;
}


#maincontainer #secondrow ul li a {
	display: block;
	float: left;
	background-color: #FFDD74;
	width: auto;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 10px;
	border: 1px none #00F;
	text-decoration: none;
	color: #808040;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}


#maincontainer #secondrow ul li .current {
	background-color: #808040;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color: #FFF;

}


#maincontainer #secondrow ul li a:hover {
	color: #FFF;
}


#mainContent h1 {
	color: #FF1F00;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 4px;
	margin-top: 0px;
}
#mainContent h2 {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0px;
}

#mainContent p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-align: left;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
}
#rubrikmaincontainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #808040;
	text-decoration: none;
	text-align: left;
	clear: none;
	float: left;
	width: 892px;
	position: relative;
	top: 0px;
	height: 20px;
	background-color: #FFF;
	background-position: left top;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 2px;
	border: 1px solid #FFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#columna {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	text-align: left;
	clear: both;
	float: left;
	width: 592px;
	position: static;
	top: auto;
	height: 100px;
	background-color: #FFF;
	background-position: left top;
	vertical-align: top;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 2px;
	border: 1px solid #FFF;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#columnb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	text-align: left;
	padding: 2px;
	clear: both;
	float: right;
	width: 292px;
	position: absolute;
	top: 48px;
	height: 345px;
	background-color: #FFF;
	background-position: left top;
	vertical-align: top;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 2px;
	border: 1px none #000;
	left: 600px;
	clip: rect(auto,auto,auto,auto);
}
#columnc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	text-align: left;
	clear: none;
	float: left;
	width: 592px;
	position: static;
	top: auto;
	height: 234px;
	background-color: #FFF;
	background-position: left top;
	vertical-align: top;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 2px;
	border: 1px solid #FFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.indrag300 {
	margin-left: 300px;
}




#rightcontainer {
	background-color: #FFF;
	text-align: center;
	float: right;
	height: 389px;
	width: 294px;
	position: absolute;
	top: 141px;
	left: 900px;
	padding: 2px;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 2px;
	border: 1px none #000;
}
#container #rightcontainer div {
	font-size: 28px;
	padding: 2px;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: 10px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 1200px;
	position: absolute;
	top: 539px;
	left: 0px;
	background-color: #808040;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	vertical-align: bottom;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.bottombanner {
	background-color: #FFC;
	padding: 1px;
	float: none;
	height: 65px;
	width: 1200px;
	border: 0px none #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #03C;
	text-align: center;
	clear: none;
	text-decoration: none;
	left: 0px;
	top: 539px;
	margin: 0px;
}




.leftimage {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}


.rightimage {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

#header table tr td {
	text-align: center;
	background-color: #0FF;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 3px outset #0FF;
}

.#mainContent {
	padding: 0 20px;
}
.#footer {
	background-color: #FF7F55;
	padding-top: 8;
	padding-right: 10px;
	padding-bottom: 8;
	padding-left: 10px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #7F0055;
	clear: both;
}
.#footer p {
	margin: 0; /* genom att nollställa marginalerna i det första elementet i sidfoten undviker du att marginaler komprimeras, d.v.s. att det blir ett utrymme mellan divar */
	padding: 10px 0; /* utfyllnad på detta element skapar utrymme precis som marginalen skulle göra, utan problemet med att marginaler komprimeras */
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFBF0;
	text-align: center;
	word-spacing: normal;
}
#header table tr td a {
	font-weight: bold;
	color: #00F;
	text-decoration: none;
}
#header table tr td a:hover {
	color: #0F0;
}
.e-post {
	font-family: Arial, Helvetica, sans-serif;
	cursor: text;
	white-space: normal;
}
.bildtext {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}