html, body {
                margin:0;
                padding:0;
                height:101%;
                background: url('../bilder/bg_html.gif') repeat center top;                
                }

body{
                margin:0;
                padding:0;
                color:#000;
                text-align: center; /* IE Fix */
                background: url('../bilder/bg_body.gif') repeat-x center top;
                font-size: 11px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                padding-top:20px
                }

h1 {font-family: Georgia, "Trebuchet MS", Verdana, Arial; padding:0; font-size: 1.5em; color:#000; margin:20px 0 10px 0;line-height:20px;letter-spacing:1px; font-weight:normal}
h2 {font-family: Georgia, "Trebuchet MS",  Verdana, Arial; padding:0; font-size: 1.8em; color:#000; margin:20px 0 0 0;letter-spacing:1px; font-weight:bold}
h3 {font-family: Georgia, "Trebuchet MS", Verdana, Arial; padding:0; font-size: 1.5em; color:#000; margin:20px 0 10px 0;line-height:20px; font-weight:normal}
h2+p {margin:5px 0 20px 0}

a {
                color: #b01;
                background-color: inherit;
                text-decoration: none;
                font-weight:bold
                }

a:hover {
                color: #b01;
                background-color: inherit;
                text-decoration: underline;                
                }

img {border:none}

p {
                margin: 0 0 10px 0;
				line-height:150%                
                }

#maincontainer{
                width: 960px; /*Width of main container*/
                background: #fff url('../bilder/bg_main.jpg') repeat-y;
                margin: 0 auto; /*Center container on page*/
                text-align:left;
                padding:0;
                position:relative
                }

/* skuggor */

#skugga_left1 {
				width:20px;
				height:350px;
				position:absolute;
				top:0px;
				left:-20px;				
				z-index:9999				
				}
#skugga_left2 {
				width:20px;
				height:350px;
				position:absolute;
				top:229px;
				left:210px;			
				z-index:9999				
				}				                

#skugga_right1{
				width:20px;
				height:350px;
				position:absolute;
				top:0;
				right:-20px;				
				z-index:9999				
				}

#skugga_right2{
				width:20px;
				height:350px;
				position:absolute;
				top:229px;
				right:210px;				
				z-index:9999				
				}

/* top */

#header {
                width:960px;
                height:244px;
                margin:0 auto;
                background:#fff
                }

/* vänsterkolumn */

#leftcolumn{
                float: left;
                width: 230px; /*Width of left column*/
                margin:0;
                display:inline
                }

/* Main */
#contentwrapper{
                float: left;
                width: 500px;
                position:relative
                }

.innertube{
                margin: 0 20px; /*Margins for inner DIV inside each column (to provide padding)*/
                line-height:16px;
                }

#contentwrapper .hspine {
				margin:30px 0;
				border-top:1px solid #eee
				}

.innertube img.frame {border:5px solid #C5C5C7;background-color:#fff}

.innertube em {padding:20px;color:#0767AA}

.innertube .indrag20 {margin-left:20px;padding-left:20px;border-left:5px solid #eee}

/* Högerkolumn */

#rightcolumn{
                float: right;
                width: 230px; /*Width of left column*/
                margin:0;
                display:inline
                }
#rightcolumn h1 {font-family: Georgia, "Trebuchet MS", Verdana, Arial; padding:0; font-size: 1.5em; color:#000; margin:20px 0 10px 0;line-height:20px;letter-spacing:1px; font-weight:normal}
#rightcolumn h2 {font-family: Georgia, "Trebuchet MS", Georgia, Verdana, Arial; padding:0; font-size: 1.6em; color:#000; margin:20px 0 0 0;letter-spacing:1px; font-weight:bold}

#rightcolumn .hspine1 {
				margin:10px 0 10px 0;
				border-top:1px solid #fff
				}

#rightcolumn .hspine {
				margin:30px 0;
				border-top:1px solid #fff
				}

#rightcolumn a {
                color: #b01;
                background-color: inherit;
                text-decoration: none
                }

#rightcolumn a:hover {
                color: #b01;
                background-color: inherit;
                text-decoration: underline                
                }

/* Footer */

#footer{
                clear: both;
                width: 960px;
                height:10px;
                margin:0;
                padding:0
                }

#subfooter {
                width:960px;
                height:85px;
				margin:0 auto;
                position:relative;
                font-weight:bold                
                }

#subfooter p {
				width:960px;
				height:40px;
				position:absolute;
				top:60px;
				left:20px;
				z-index:999;
				color:#fff
				}

#subfooter a {
                color: #fff;
                background-color: inherit;
                text-decoration: underline
                }

#subfooter a:hover {
                color: #000;
                background-color: inherit;
                }
                
.clear { clear: both }
.float-left {float:left; margin:10px 15px 15px 0}
.float-right {float:right; margin:10px 0 15px 15px}

black {color:#000}
.red {color:#b01}
.blue {color:#0767AA}
.fat {font-weight:bold}
.right {text-align:right}
.left {text:align:left}
.center {text-align:center}


/* ------------ thumbs ------------ */

.container {
	height: 310px;
	width: 460px;
	margin: 0;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
	width: 460px;
}
ul.thumb li {
	margin: 0;
	float: left;
	position: relative;
	width: 152px;
	height: 102px;
}
ul.thumb li img {
	width: 144px;
	height: 94px;
	border: 5px solid #ddd;
	padding:1px;
	background-color:#fff
}
ul.thumb li a:hover img {
	width: 144px;
	height: 94px;
	border: 5px solid #ddd;
	padding:1px;
	background-color:#C1001F
	
}
