/* body */

body { padding: 2em 2em 0 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; background:#000000; 
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #cccccc;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #cccccc; } 

h1 {margin: 0 0 0.5em 0; font-size: 2em;}
h2 {margin: 0 0 0.5em 0; font-size: 2.5em;}
h3 {margin: 1em 0 0.5em 0; font-size: 1.5em;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 1em; text-align: justify;}	
p {font-size:7.5pt; line-height: 2em; text-align: justify; 
    	padding-top: 10px; 
		padding-bottom: 10px; 
		padding-right: 20px; 
		padding-left: 20px; }
.farg {color: #FF0000;}
.fet { font-weight: bold; }
.kursiv { font-style: italic; }
.fetstreck { font-weight: bold; text-decoration: underline; }

br {clear:left;}
pre {text-transform:uppercase;}
.justering {text-indent: 15px;}


/* Bilder */
  
a img { border: none; }
.bild { border: 1px solid #000000; }

/*Länkar*/

    a:link { text-decoration: none; color: #FF0000}
    a:visited { text-decoration: none; color: #FF0000}
    a:active { text-decoration: none; color: #a9a9a9}
    a:hover { font-weight:bold; text-decoration: none; color: #FF0000}

/* sidlayout */
#layout {width: 800px;  background: #000000; margin-right: auto; margin-left: 17em;}
#sidhuvud {padding: 0px; margin: 0; font-size: 1.4em; border-bottom: 1px solid #000000;}
#twitter {float: right; padding: 0; margin: 0;}

/* menyn */
#menycontainer {padding: 11em 0 0 1.8em; margin: 0; border-bottom: 1px solid #000000; background: #000000 url(bakgrund.jpg) no-repeat; }
#menycontainer ul {margin: 0; padding: 5px 0 0 0; max-width: 800px; background: transparent; height: 1.5em;}
#menycontainer li {display: block; float: left; padding: 0 1em 0 0; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.menycontent {display: block; padding: 0 0 1em 0; background: #808080; 
	color: #000000; text-align: center; border-left: 1px solid #000000; 
	border-right: 1px solid #000000; font-size: 10px; }
a.meny, a.meny:visited {width: 7.5em; display: block; text-decoration:none;}
a.meny:hover {background: transparent; font-weight: bold;}
a#current .menycontent { background: #C0C0C0;}
a#current .menycontent a#current .r1, a#current .r2, a#current .r3, a#current .r4 {background: #C0C0C0; }
a.meny:hover .menycontent, a.meny:hover .r1, a.meny:hover .r2, a.meny:hover .r3, a.meny:hover .r4 {background:#808080; font-weight: bold;}

/* runda horn*/
.roundtop {background: transparent;}
.r1 {margin: 0 5px; height: 1px; overflow: hidden; background: #808080; border-left: 1px solid #000000; border-right: 1px solid #000000;border-top: 1px solid #000000;}
.r2 {margin: 0 3px; height: 1px; overflow: hidden; background: #808080; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.r3 {margin: 0 2px; height: 1px; overflow: hidden; background: #808080; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.r4 {margin: 0 1px; height: 2px; overflow: hidden; background: #808080; border-left: 1px solid #000000; border-right: 1px solid #000000;}


#kolumncontainer{float: left; width: 800px; background: #ffffff;}

#kolumn1 {float: left; width: 600px; height: 500px; overflow: auto; padding: 10px; clear: both; }
	#kolumnvenster {float: left; width: 270px; padding: 20px 5px 10px 20px;}
	#kolumnhoger {float: right; width: 270px; padding: 20px 20px 10px 5px; clear: right;  }
	#kolumnrunt {float: left; width: 600px}
#kolumn2 {float: right; width: 150px; height: 500px; overflow: auto; padding: 10px; background: #C0C0C0 }
#kolumn3 {float: center; width: 750px;  }
#kolumn4 {float: left; width: 600px; height: 500px; overflow: hidden; padding: 10px;}
#kolumnnyheter {float: right; width: 155px; height: 500px; overflow: auto; padding: 10px; background: #C0C0C0; font-size:7.5pt;}
	#kolumnruntnyheter {float: left; width: 140px;}
	
	
#kolumn1link {float: left; width: 800px; height: 500px; overflow: auto; padding: 10px; clear: both; }
	#kolumnvensterlink {float: left; width: 240px; padding: 20px 5px 10px 20px;}
	#kolumnmittenlink {float: left; width: 240px; padding: 20px 0px 10px 25px; }
	#kolumnhogerlink {float: right; width: 240px; padding: 20px 20px 10px 0px; clear: right;  }
	#kolumnruntlink {float: left; width: 800px}