/* 
*******************************************************************
CSS för Destination Gotland

Contentia Communications - www.contentia.se
******************************************************************
*/


body { 
	margin: 0; 
	padding: 0; 
	background: url(../../files/main/background.gif) repeat-y; 
	background-color: #eeeeee;
 	font-size: 70%;  	
}


/* Master div */
#container { margin-left:52px; }

/* Content */
#content { position: absolute; padding:0 0 0 0; top: 304px; width: 817px; visibility: visible }
#content-top { background: url(../../files/main/bgcontent_top.gif) repeat-y; position: absolute; top: 236px; width: 760px; height: 40px; visibility: visible }
#kollumn01 {
	position: absolute;
	margin-left:0px;
	top: 293px;
	padding:0 0 0 0;
	width:180px;
	height:110px;
	background-image: url(../../files/images/top/startbox2_1003_de.jpg);
	background-repeat: no-repeat;
}
#kollumn_divider01 { position: absolute; margin-left:180px; top: 293px; width:31px; height:110px; background: url(../../files/main/streck_divider.gif) repeat-y; }
#kollumn_divider01_b { position: absolute; margin-left:180px; top: 421px; width:31px; height:180px; background: url(../../files/main/streck_divider.gif) repeat-y; }
#kollumn02 {
	position: absolute;
	margin-left:211px;
	top: 293px;
	padding:0 0 0 0;
	width:180px;
	height:110px;
	background-image: url(../../files/images/top/startbox3_1003_de.jpg);
}
#kollumn_divider02 { position: absolute; margin-left:391px; top: 293px; width:31px; height:110px; background: url(../../files/main/streck_divider.gif) repeat-y; }
#kollumn03 {
	position: absolute;
	margin-left:422px;
	top: 293px;
	padding:0 0 0 0;
	width:180px;
	height:110px;
	background-image: url(../../files/images/top/startbox4_1003_de.jpg);
}
#kollumn_divider03 { position: absolute; margin-left:602px; top: 293px; width:31px; height:308px; background: url(../../files/main/streck_divider.gif) repeat-y; }
#kollumn04 { position: absolute; margin-left:633px; top: 293px; padding:0 0 0 0; width:180px; height:308px;  }
#kollumn05 {
	position: absolute;
	margin-left:0px;
	top: 421px;
	padding:0 0 0 0;
	width:180px;
	height: 180px;
}
#divider_vertical_toning { position: absolute; margin-left:0px; top: 403px; padding:0 0 0 0; width:602px;  }
#kollumn06 { position: absolute; margin-left:211px;top: 421px; padding:0 0 0 0; width:391px; height:180px; }
#kollumn07 { position: absolute; margin-left:211px;top: 467px; padding:0 0 0 0; width:391px; height:100px; }

#kollumn_top { position: relative; padding:0 0 0 0; background: url(../../files/main/exempelbild_puff.gif) 0 0 repeat-y; top:0px; width:180px; height:44px; }
#kollumn_top_big {
	position: relative;
	padding:0 0 0 0;
	top:0px;
	width:180px;
	height:308px;
}
#kollumn_top_wide { position: relative; padding:0 0 0 0; top:0px; width:391px; height:152px; }
#kollumn_middle { position: relative; padding:5px 10px 0 15px; top:0px; width:155px; height:100px; background: url(../../files/main/puff_bakgrund.gif) repeat; }
#kollumn_middle_smaller { position: relative; padding:5px 0 0 10px; top:0px; width:170px; height:89px; background: url(../../files/main/puff_bakgrund_smaller.gif) repeat; }
#kollumn_bottom {
	position: relative;
	padding:0px 0 0 0;
	top:68px;
	width:180px;
	height:25px;
}
#kollumn_bottom_wide { position: relative; padding:5px 0 0 0; top:0px; width:391px; height:20px; background: url(../../files/main/lasmer_border_wide.gif) repeat-x; }
/* 
#kollumn_bottom { position: relative; padding:6px 0 0 15px; top:0px; width:165px; height:19px; background: url(../../files/main/lasmer_border.gif) repeat-x; }
#kollumn_bottom_wide { position: relative; padding:5px 0 0 10px; top:0px; width:381px; height:20px; background: url(../../files/main/lasmer_border_wide.gif) repeat-x; }
*/
#kollumn_middle_wide { position: relative; padding:0 0 0 15px; top:0px; width:376px; height:100px; background: url(../../files/main/puff_bakgrund_middle_wide.gif) repeat-x; }
#kollumn_middle_wide_avdelare {
	position: relative;
	padding:0 0 0 0;
	top:0px;
	width:391px;
	height:15px;
	background: url(../../files/main/streck_divider_horizon_start) repeat-x;
	background-image: url(../../files/main/streck_divider_horizon_start.gif);
}

#kollumn_middle_small {
	position: relative;
	padding:0 0 0 0;
	top:8px;
	width:180px;
	height:72px;
}
#kollumn_middle_small_avdelare {
	position: relative;
	padding:0 0 0 0;
	top:0px;
	width:180px;
	height:15px;
	background: url(../../files/main/streck_divider_horizon_start.gif) repeat-x;
	background-image: url(../../files/main/streck_divider_horizon_start.gif);
}
#kollumn_left_small {
	position: relative;
	padding:0px 0px 0px 0px;
	top:0px;
	width:180px;
	height:135px;
}
#kollumn_left_small_links { position: relative; float:left; padding:0 0 0 0; top:0px; width:180px; height:157px; }


#sidecontent_top_dark { position: relative; float:left; padding:4px 0 0 10px; top:0px; width:171px; height:21px; background: url(../../files/submenu/top_bg_dark.gif) repeat-y; }
#sidecontent_top {
	position: relative;
	float:left;
	padding:4px 0 0 10px;
	top:0px;
	width:171px;
	height:19px;
	background: url(files/submenu/top_bg_dark.gif) repeat-y;
	background-image: url(files/submenu/top_bg_dark.gif);
}
#sidecontent { position: relative; float:left; padding:0 0 10px 0; top:0px; width:181px; }


#main { position: relative; float:left; padding:0 0 0 0; top:0px; width:588px; }
#right { position: relative; float:right; padding:0 0 0 0; top:0px; width:200px; }

#puffar { position: relative; float:left; padding:0 0 0 0; top:0px; width:588px; }
#start01 { position: relative; float:left; padding-left: 0px; top:0px; width:194px; height:165px; }
#start02 { position: relative; float:left; padding-left: 3px; top:0px; width:194px; height:165px; }
#start03 { position: relative; float:left; padding-left: 3px; top:0px; width:194px; height:165px; }

/* Sidhuvud, meny, logo */
#menu { position: absolute; margin-left:298px; width:520px; padding:0 0 0 0; top: 34px; visibility: visible; }
#menu_container { position: relative; float:right; }
#menu_left { position: relative; float:left; height:27px; width:10px; }
#menu_middle { position: relative; float:left; height:21px; padding: 6px 5px 0 5px; background: url(../../files/menu/bg.gif) repeat-x; }
#menu_middle_aktiv { position: relative; float:left; height:21px; padding: 6px 5px 0 5px; background: url(../../files/menu/bg_aktiv.gif) repeat-x; }
#menu_right { position: relative; float:left; height:27px; width:10px; }

#border { position: absolute; top: 61px; width: 813px; height:5px;  background: url(../../files/menu/border.gif) repeat-x;  }
#image { position: absolute; top: 66px; width: 162px; visibility: visible; }
#sidfot { position: absolute; top: 615px; width: 813px; height:25px; padding-bottom:25px;  background: url(../../files/main/sidfot_bakgrund.gif) repeat-x; }


#logo {
	position: absolute;
	margin-left:22px;
	top: 10px;
}
#kontroller { position: absolute; margin-left:705px; top: 6px; width: 145px; height: 20px; visibility: visible }
#toplink { position: absolute; margin-left:329px; top: 6px; width: 270px; height: 20px; }
#banners { position: absolute; margin-left:850px; top: 10px; width: 180px; height: 600px; } 


#prislapp01_text { position: absolute; margin-left:98px; padding:3px 0 0 0; top: 491px; width:82px; height:32px; }
#prislapp01_bg { position: absolute; margin-left:98px; top: 491px; width:82px; height:32px; }
#prislapp02_text {
	position: absolute;
	margin-left:428px;
	padding:3px 0 0 0;
	top: 428px;
	width:82px;
	height:32px;
}
#prislapp02_bg {
	position: absolute;
	margin-left:428px;
	top: 428px;
	width:82px;
	height:32px;
}
#prislapp03_text {
	position: absolute;
	margin-left:428px;
	padding:3px 0 0 0;
	top: 543px;
	width:82px;
	height:32px;
}
#prislapp03_bg {
	position: absolute;
	margin-left:428px;
	top: 543px;
	width:82px;
	height:32px;
}
#prislapp04_text { position: absolute; margin-left:731px; padding:3px 0 0 0; top: 491px; width:82px; height:32px; }
#prislapp04_bg { position: absolute; margin-left:731px; top: 491px; width:82px; height:32px; }
#prislapp05_text { position: absolute; margin-left:731px; padding:3px 0 0 0; top: 582px; width:82px; height:32px; }
#prislapp05_bg { position: absolute; margin-left:731px; top: 582px; width:82px; height:32px; }
#prislapp06_text { position: absolute; margin-left:731px; padding:3px 0 0 0; top: 662px; width:82px; height:32px; }
#prislapp06_bg { position: absolute; margin-left:731px; top: 662px; width:82px; height:32px; }


/* submeny */
#submeny { background: url(../../files/menu/submenu/border_background.gif) repeat-y; position: absolute; top: 360px; width: 184px; visibility: visible	}
#border_top { padding:6px 0 0 10px; position:absolute; width: 173px; height: 29px; background: url(../../files/menu/submenu/border_top.gif) no-repeat;}
#border_middle { padding:33px 0 0 10px; width: 170px; background: url(../../files/menu/submenu/border_background.gif) no-repeat;}
#border_bottom { position:absolute; width: 184px; height: 10px; background: url(../../files/menu/submenu/border_bottom.gif) no-repeat;}

#submenylinje{ padding-top:3px; padding-bottom:3px; }

#merinfo { position: relative; display: none; }

#test { position: absolute; top: 0px; }