/* 
*******************************************************************
CSS för Gotlands Turistförening.

Utvecklat under december 2006 (God Jul!) av DIDVISION INTERACTIVE
Senast uppdaterat XXXX XX XX av XXXXX
Copyright © 2006 - Gotlands Turistförening
******************************************************************
*/

body { 
	margin: 0; 
	padding: 0; 
	background-color: #ffffff;
 	font-size: 70%; 
}

/* Master div */
#container { text-align: left; position: absolute; top: 0px; left: 0px; width: 800px; overflow: visible;; visibility: visible;; display: block; }
#imageholder { position: absolute; padding:0 0 0 0px; margin-left: -400px; top: 0px; left: 50%; width: 750px; visibility: visible; }
#border { position: absolute; padding:0 0 0 0px; margin-left: -385px; top: 0px; left: 50%; width: 750px; visibility: visible; }

/* Content */
#content { position: absolute; padding:0 0 0 0px; margin-left: -368px; top: 360px; left: 50%; width: 750px; visibility: visible; }
#textstart {
	position: absolute;
	padding:0 0 0 0px;
	margin-left: -290px;
	top: 387px;
	left: 353px;
	width: 300px;
	visibility: visible;
}
	
#gotland {
	position: absolute;
	padding:0 0 0 0px;
	margin-left: -390px;
	top: 664px;
	left: 414px;
	width: 125px;
	visibility: visible;
	height: 83px;
}

/* Relaterat - Puffar */
#puffar_start {
	position: absolute;
	padding:0 0 0 0px;
	margin-left: -368px;
	top: 526px;
	left: 50%;
	width: 760px;
	visibility: visible;
	bottom: -1px;
}
#puffar_start_overlay { position: absolute; padding:0 0 0 0px; margin-left: -368px; top: 460px; left: 50%; width: 760px; visibility: visible }
#puffar_platta { position: absolute; padding:0 0 0 0px; margin-left: -384px; top: 415px; left: 50%; width: 760px; visibility: visible; }

#puff_content_01 {
	position: absolute;
	padding:0 0 0 0px;
	margin-left: -365px;
	top: 539px;
	left: 50%;
	width: 180px;
	visibility: visible;
	bottom: -1px;
}
#puff_content_02 {
	position: absolute;
	padding:0 0 0 0px;
	margin-left: -176px;
	top: 539px;
	left: 50%;
	width: 180px;
	visibility: visible;
	bottom: -1px;
}
#puff_content_03 {
	position: absolute;
	padding:0 0 0 0px;
	margin-left: 13px;
	top: 539px;
	left: 50%;
	width: 180px;
	visibility: visible;
	bottom: -1px;
}
#puff_content_04 {
	position: absolute;
	padding:0 0 0 4px;
	margin-left: 200px;
	top: 540px;
	left: 399px;
	width: 180px;
	visibility: visible;
}
#puff_content_05 {
	position: absolute;
	padding:0 0 0 0px;
	margin-left: -365px;
	top: 633px;
	left: 50%;
	width: 170px;
	visibility: visible;
}
#puff_content_06 {
	position: absolute;
	padding:0 0 0 0px;
	margin-left: -176px;
	top: 633px;
	left: 50%;
	width: 180px;
	visibility: visible;
}
#puff_content_07 {
	position: absolute;
	padding:0 0 0 0px;
	margin-left: 13px;
	top: 633px;
	left: 50%;
	width: 180px;
	visibility: visible;
}
#puff_content_08 {
	position: absolute;
	padding:0 0 0 4px;
	margin-left: 200px;
	top: 633px;
	left: 50%;
	width: 180px;
	visibility: visible;
}

#puff_content_rubrik { height:20px; padding:0 0 0 5px; visibility: visible; }  
#puff_content_bild { visibility: visible; }  
#puff_content_innehall {  padding:0 0 0 5px; visibility: visible; }  

/* Sidhuvud, meny, logo */
#toning { background: url(../../files/main/toning_top.gif) no-repeat left top; margin-left: -376px; position: absolute; top: 0px; left: 50%; width: 768px; height: 113px; visibility: visible; }
#topnav { position: absolute; margin-left: -105px; top: 0px;	left: 50%; width: 600px; height: 34px; visibility: visible; }
#mainnav { position: absolute; margin-left: -372px; top: 78px; left: 50%; width: 758px; height: 34px; visibility: visible; }
#logo { position: absolute; margin-left: -360px; top: 18px; left: 50%; width: 247px; height: 46px; visibility: visible; }
#flags{
	position: absolute;
	margin-left: 225px;
	top: 58px;
	left: 391px;
	width: 170px;
	height: 14px;
	visibility: visible;
}
#textsize { position: absolute; font-size: 1.0em; margin-left: 245px; top: 81px; left: 50%; width: 220px; height: 20px; visibility: visible; }

/* Banners */
#bannerstop {
	position: absolute;
	margin-left: 450px;
	top: 10px;
	left: 50%;
	width: 155px;
	height: 18px;
	background-color: #d3d3d3;
	visibility: visible
}
#banner {
	position: absolute;
	margin-left: 450px;
	top: 38px;
	left: 50%;
	width: 200px;
	visibility: visible
}
#banner_logo {
	position: absolute;
	margin-left: 450px;
	top: 1px;
	left: 441px;
	width: 120px;
	height: 62px;
	background-color: #d3d3d3;
	visibility: visible
}
.banner_border { position: relative; margin-left: 0px; margin-top: 5px; margin-bottom: 10px; width: 153px; background-color: #ffffff; border: 1px solid #d3d3d3; visibility: hidden; }

#group1 { position: relative; margin-left: 0px; margin-top: 10px; margin-bottom: 10px; width: 153px; background-color: #ffffff; border: 1px solid #d3d3d3; visibility: hidden; }

/* submeny */
#submeny {  position: absolute; background: url(../../files/menu/submenu/border_background.gif) repeat-y; margin-left: -368px; top: 360px; left: 50%; 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; }