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

html {
	overflow-x: hidden;
	overflow-y: auto;
}

body{
margin: 0;
padding: 0 0 110px 0;
border: 0;
height: 100%; 
max-height: 100%; 
background-color: #ee2d24;
background-image: url(grafik/vit_bg.gif);
background-repeat: repeat-x;
min-width:770px; 
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;

}



#kommentar{
	position:absolute;
	width: 200px;
	height:400px;
	top:50px;
	left:785px;
	text-align:right;
	color: #F03;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	overflow: hidden;
	font-style:italic;
}

#far_right{
	position:absolute;
	left:1050px;
	top:92px;
	overflow: hidden;
}




#logo{
	position:absolute;
	top:0;
	left:0;
}

#kontaktinfo{
	position:absolute;
	color: #333;
	width: 142px;
	top: 312px;
	text-align:right;
	height:176px;
}

#kontaktinfo a{color:#333;text-decoration:none;}
#kontaktinfo a:hover{color: #F03;text-decoration:none;}

#maincontent{
	position:absolute;
	top: 116px;
	left: 171px;
	border-left: #ee2d24 1px solid;
	height: 374px;
	padding-left:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#maincontent a{
	text-decoration:none;
	color:#333;
}
#maincontent a:hover{
	text-decoration:underline;
	color:#ee2d24;
}


#main_top{
	position:absolute;
	width:580px;
}

#rubrik{
	position:absolute;
	top: 164px;
	width:580px;
	
}

h1{
color: #F03;	
font-size:18px;
font-family: Tahoma, Geneva, sans-serif;
margin:0;

}

#left_text{
	position:absolute;
	color:#333;
	top: 196px;
	width: 280px;
	height: 174px;
	left: 20px;
}

#right_text{
	position:absolute;
	color: #333;
	top: 194px;
	width: 280px;
	left: 320px;
	height: 174px;
}
#right_text_wide{
	position:absolute;
	color: #333;
	top: 194px;
	width: 380px;
	left: 320px;
	height: 174px;
}

.skiljelinje {
color:#fff;
font-size:large;
font-family:Georgia, "Times New Roman", Times, serif;
padding-left:7px;
padding-right:7px;
}

.innertube{
margin: 15px 25px 15px 25px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 0 110px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

/******************** GALLERI CSS ***************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/*
.gallerycontainer{
position: relative;
tror inte denna behövs - jag har ju redan en container i main_top
}
*/
.thumbnail img{
border: 1px solid #ee2d24;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: 90px;
visibility: hidden;
color: #F03;
text-decoration: none;
}
#galleribakgrund{
	position: absolute;
	left: 84px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 84px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.thumbnail:active span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 84px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/******************** SLUT PÅ GALLERI CSS ***************/

#erbjudande {
	position: absolute;
	left: 850px;
	top: 0px;
}
#erbjudande a:hover{
	position: fixed;
	right: 0;
	top: 0;
}

.small{
	font-size: smaller;
}

ul{
	
	margin-left:-20px;
}

#frontbild{
	position:absolute;
	top:24px;
	left:146px;
}
.underrubrik {
	font-family: Tahoma, Geneva, sans-serif;
	color: #EE2D24;
	font-weight: bold;
}
