/* 
*******************************************************************
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:180px;  }
#kollumn_divider01 { position: absolute; margin-left:180px; top: 293px; width:31px; height:337px; 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:190px; }
#kollumn_divider02 { position: absolute; margin-left:391px; top: 293px; width:31px; height:174px; 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:190px;  }
#kollumn_divider03 { position: absolute; margin-left:602px; top: 293px; width:31px; height:337px; 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:190px;  }
#kollumn05 { position: absolute; margin-left:0px; top: 467px; padding:0 0 0 0; width:180px; height:150px; }
#kollumn06 { position: absolute; margin-left:211px;top: 467px; padding:0 0 0 0; width:391px; height:153px; }

#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:244px; }
#kollumn_top_wide { position: relative; padding:0 0 0 0; top:0px; width:391px; height:152px; }
#kollumn_middle { position: relative; padding:5px 10px 0 10px; top:0px; width:160px; 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:6px 0 0 10px; top:0px; width:170px; 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 10px; top:0px; width:381px; 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.gif) repeat-x; }

#kollumn_middle_small { position: relative; padding:0 0 0 0; top:0px; width:180px; height:65px; }
#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;
}

#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.gif) repeat-y; }
#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:312px; width:520px; padding:0 0 0 0; top: 34px; visibility: visible; }
#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: 640px; width: 813px; height: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: 42px; 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:438px; padding:3px 0 0 0; top: 491px; width:82px; height:32px; }
#prislapp02_bg { position: absolute; margin-left:438px; top: 491px; width:82px; height:32px; }
#prislapp03_text { position: absolute; margin-left:438px; padding:3px 0 0 0; top: 607px; width:82px; height:32px; }
#prislapp03_bg { position: absolute; margin-left:438px; top: 607px; 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; }