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

body
{
	height:100%;
	background:URL("imgs/bg2.jpg") repeat-x;
	font-family:Verdana, Arial, sans-serif;
	font-size:100%;
	margin:0;
}

p
{
	font-size:0.8em;
	padding: 0 1em 0 1em;
	text-align:justify;
}



p a {color:#c13832; text-decoration:none;}
p a:visited {color:#c13832;}
p a:hover {color:#FFFFFF; text-decoration:underline;}
p a:active {color:#675545; text-decoration:underline;}

li a {color:#c13832; text-decoration:none;}
li a:visited {color:#c13832;}
li a:hover {color:#FFFFFF; text-decoration:underline;}
li a:active {color:#675545; text-decoration:underline;}


h2
{
	color:#575850;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-indent:10pt;
	margin-bottom:8px;
	padding-bottom:2pt;
	padding-left:7em;
	border-bottom:2px solid #000000;
	font-weight:lighter;
}

table td
{
	vertical-align:top;
}

/* !!!!!!!!!!!!!!! LAYERS !!!!!!!!!!!!!!! */



#framework
{
	background:URL("imgs/workarea.jpg") repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:704px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	padding-bottom:0px;
	margin-bottom:0px;

}

#header
{
	background:URL("imgs/header.jpg") no-repeat;
	width:inherit;
	height:328px;
}

#menu
{
	width:inherit;
	position:relative;
	top:117px;
}

#sida
{
	padding:0;
	border-bottom:0px;
	position:relative;
	
}

#leftcol
{
	width:450px;
	min-height:500px;
}

#leftcol h3
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:1.1em;
	margin:20pt 1em 0pt 1em;
	background-color:#e4e4e4;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	padding:3pt 0em 3pt 2em;
}

#leftcol h4
{
	color:#000000;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:0.6em;
	margin:0 1.8em 0 1.8em;
	padding:2pt 15pt 3pt 2em;
	border-right: 1px solid #ababab;
}

#leftcol h5
{
	font-size:0.9em;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	margin:1em 1em 0 1em;
	padding:0pt 0pt 5pt 1.5em;
}

#rightcol
{
	border:1px solid #ababab;
	width:230px;
	margin-top:20pt;
}

#rightcol p {font-size:0.7em; line-height:12pt;}

#rightcol h4
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:1em 1em 0 1em;
	border-bottom: 1px solid #ababab;
	padding:0pt 0pt 5pt 1.5em;
}

#heart
{
	padding-top:10pt;
	padding-bottom:38px;
}


#botten
{
	background-color:#666666;
	padding-top:1pt;
	height:1.4em;
	text-align:center;
	position:relative;
}

#botten p
{
	margin:0.3em;
	font-size:0.7em;
	color:#FFFFFF;
}



/* !!!!!!!!!!!! KLASSER !!!!!!!!!!!!! */


.knulltabell
{
	border:0;
	cellpadding:0;
	cellspacing:0;
	margin:0;
}


.indent {text-indent:15pt;}
.italic {font-style:italic;}
.bold {font-weight:bold;}


img.issues
{
	margin:20px;
	border:solid 2px #cccccc;
}

img.issues:hover { border:solid 2px #6c6c6c;}

img.floatright {float:right; margin:0pt 5pt 3pt 10pt; border:1px solid #ababab;}
img.floatright:hover {border:1px solid #c13832; }

img.floatleft {float:left; margin:5pt 5pt 5pt 10pt; border:1px solid #ababab;}

img.snad { margin-left:6pt; margin-bottom:5pt; border:none;}

img.news { margin:10pt 10pt 10pt 10pt; border:1px solid #ababab;}

.red
{
	position:absolute;
	left:21px;
	top:0px;
}

.red a
{
	display:block;
	width:140px;
	height:140px;
	background:transparent url("imgs/redbox.jpg") no-repeat;
	border:solid 2px #000000;
}

.red a:hover {background-position: -140px 0; border: solid 2px #C13832;}

.brown
{
	position:absolute;
	left:193px;
	top:0px;
}

.brown a
{
	display:block;
	width:140px;
	height:140px;
	background:transparent url("imgs/brownbox.jpg") no-repeat;
	border:solid 2px #000000;
}

.brown a:hover {background-position: -140px 0; border: solid 2px #857362;}

.gray
{
	position:absolute;
	left:367px;
	top:0px;
}

.gray a
{
	display:block;
	width:140px;
	height:140px;
	background:transparent url("imgs/graybox.jpg") no-repeat;
	border:solid 2px #000000;
}

.gray a:hover {background-position: -140px 0; border: solid 2px #8C8D8E;}

.white
{
	position:absolute;
	left:539px;
	top:0px;
}

.white a
{
	display:block;
	width:140px;
	height:140px;
	background:transparent url("imgs/whitebox.jpg") no-repeat;
	border:solid 2px #000000;
}

.white a:hover {background-position: -140px 0; border: solid 2px #FFFFFF;}

.it8
{
	position:relative;
	margin:15pt;
}

.it8 a 
{
	display:block;
	float:right;
	width:140px;
	margin-left:10pt;
	height:183px;
	background:transparent url("imgs/covers/it8cover.jpg") no-repeat;
	border:solid 1px #000000;
}

.it8 a:hover {background-position:-140px 0;}


.it7
{
	position:relative;
	margin:15pt;
}

.it7 a 
{
	display:block;
	float:right;
	width:140px;
	margin-left:10pt;
	height:183px;
	background:transparent url("imgs/covers/it7cover.jpg") no-repeat;
	border:solid 1px #000000;
}

.it7 a:hover {background-position:-140px 0;}


.it6
{
	position:relative;
	margin:15pt;
}

.it6 a 
{
	display:block;
	float:right;
	width:140px;
	margin-left:10pt;
	height:183px;
	background:transparent url("imgs/covers/it6cover.jpg") no-repeat;
	border:solid 1px #000000;
}

.it6 a:hover {background-position:-140px 0;}

.it5
{
	position:relative;
	margin:15pt;
}

.it5 a 
{
	display:block;
	float:right;
	width:140px;
	margin-left:10pt;
	height:183px;
	background:transparent url("imgs/covers/it5cover.jpg") no-repeat;
	border:solid 1px #000000;
}

.it5 a:hover {background-position:-140px 0;}

.it4
{
	position:relative;
	margin:15pt;
}

.it4 a 
{
	display:block;
	float:right;
	width:140px;
	margin-left:10pt;
	height:183px;
	background:transparent url("imgs/covers/it4cover.jpg") no-repeat;
	border:solid 1px #000000;
}

.it4 a:hover {background-position:-140px 0;}



.it3
{
	position:relative;
	margin:15pt;
}

.it3 a 
{
	display:block;
	float:right;
	width:140px;
	margin-left:10pt;
	height:183px;
	background:transparent url("imgs/covers/it3cover.jpg") no-repeat;
	border:solid 1px #000000;
}

.it3 a:hover {background-position:-140px 0;}

.it2
{
	position:relative;
	margin:15pt;
}

.it2 a 
{
	display:block;
	float:right;
	width:140px;
	margin-left:10pt;
	height:183px;
	background:transparent url("imgs/covers/it2cover.jpg") no-repeat;
	border:solid 1px #000000;
}

.it2 a:hover {background-position:-140px 0;}

.it1
{
	position:relative;
	margin:15pt;
}

.it1 a 
{
	display:block;
	float:right;
	width:140px;
	margin-left:10pt;
	height:183px;
	background:transparent url("imgs/covers/it1cover.jpg") no-repeat;
	border:solid 1px #000000;
}

.it1 a:hover {background-position:-140px 0;}

.heart {float:right;}
.typewriter {float:right; margin:0 10pt 10pt 10pt; border:0;}

.wanted {display:block; padding:6pt;}
.cyber {display:block; padding:8pt;}

.contents
{
	font-size:0.8em;
	list-style-type:none;
}

.contents li
{
	background-image:url("imgs/li.png");
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:14px;
}