/* 
*******************************************************************
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: url(../../files/main/background-width.gif) repeat-y; 
	background-color: #e6e6e6;
 	font-size: 70%; 
}

/* Master div */
#container { text-align: left; position: absolute; top: 0px; left: 0px; width: 800px; overflow: visible; visibility: visible; display: block }

/* Content */
#content { position: absolute; padding:0 0 0 0px; margin-left: -368px; top: 360px; left: 50%; width: 750px; visibility: visible }
#main { position: relative; padding:0 0 20px 200px; margin-top:0px; width:550px; }
#picture { position: absolute; margin-left: -369px; top: 115px; left: 50%; width: 752px; height: 232px; visibility: visible }
#stamp { position: absolute; margin-left: 182px; top: 185px; left: 50%; width: 246px; height: 232px; visibility: visible }
#test { position: relative; display: none }


/* Relaterat - Puffar */
#relaterat { position: relative; padding:0 0 0 20px; }
#relaterat-rubrik { position: relative; padding:0 0 0 20px; background: url(../../files/main/linje_relateradinfo.gif) repeat-x left top; }
#relaterat-smaller { position: relative; padding:0 0 0 0px; width:530px; left: 200px; background: url(../../files/main/linje_relateradinfo.gif) repeat-x left top; }
#relaterat-merinfo-left { position: relative; float:left; padding:0 0 0 0; width:255px; left: 200px; }
#relaterat-merinfo-right { position: relative; float:left; padding:0 0 0 0; width:270x; left: 200px; }

#main-partner { position: relative; padding:3px 0 3px 10px; margin-left:0px;  width:530px; height:20px; background-color:#a0a0a0; border: 0px solid #a0a0a0; visibility: visible }
#main-partner-info { position: relative; padding:10px 0 10px 10px; margin-left:0px; margin-bottom:10px; width:528px; border: 1px solid #a0a0a0; visibility: visible }
#main-partner-info2 { position: relative; margin-bottom:10px; width:528px; border: 0px solid #bababa; display: none }
#main-partner-info3 { position: relative; margin-bottom:10px; width:528px; border: 0px solid #bababa; display: none }
#test1 { position: relative; visibility: visible }
#test2 { position: relative; display: none }

#puff01 { position: absolute; background: url(../../files/main/puff_background.gif) repeat-y;  margin-left: 0px; margin-top:10px;  width: 184px; }
#puff01_top { position:absolute; width: 184px; height: 10px; background: url(../../files/main/puff_top.gif) no-repeat;}
#puff01_middle { padding:10px; 0 0 10px; width: 164px; height: 120px; background: url(../../files/main/puff_background.gif) no-repeat;}
#puff01_bottom { position:absolute; width: 184px; height: 10px; background: url(../../files/main/puff_bottom.gif) no-repeat;}

#puff02 { position: absolute; background: url(../../files/main/puff_background.gif) repeat-y;  margin-left: 189px; margin-top:10px;  width: 184px; }
#puff02_top { position:absolute; width: 184px; height: 10px; background: url(../../files/main/puff_top.gif) no-repeat;}
#puff02_middle { padding:10px; 0 0 10px; width: 164px; height: 120px; background: url(../../files/main/puff_background.gif) no-repeat;}
#puff02_bottom { position:absolute; width: 184px; height: 10px; background: url(../../files/main/puff_bottom.gif) no-repeat;}

#puff03 { position: absolute; background: url(../../files/main/puff_background.gif) repeat-y;  margin-left: 378px; margin-top:10px;  width: 184px; }
#puff03_top { position:absolute; width: 184px; height: 10px; background: url(../../files/main/puff_top.gif) no-repeat;}
#puff03_middle { padding:10px; 0 0 10px; width: 164px; height: 120px; background: url(../../files/main/puff_background.gif) no-repeat;}
#puff03_bottom { position:absolute; width: 184px; height: 10px; background: url(../../files/main/puff_bottom.gif) no-repeat;}

#puff04 { position: absolute; background: url(../../files/main/puff_background.gif) repeat-y;  margin-left: 567px; margin-top:10px;  width: 184px; }
#puff04_top { position:absolute; width: 184px; height: 10px; background: url(../../files/main/puff_top.gif) no-repeat;}
#puff04_middle { padding:10px; 0 0 10px; width: 164px; height: 120px; background: url(../../files/main/puff_background.gif) no-repeat;}
#puff04_bottom { position:absolute; width: 184px; height: 10px; background: url(../../files/main/puff_bottom.gif) no-repeat;}

#sidfot { position: relative; padding:0 0 0 0; margin-left:0px; margin-top:100px; }

/* 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: 500px; 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: 235px; top: 58px; left: 50%; 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: 410px; top: 5px; left: 50%; width: 155px; height: 18px; background-color: #d3d3d3; visibility: visible }
#banner { position: absolute; margin-left: 410px; top: 27px; left: 50%; width: 153px; visibility: visible }
#bannerbackground01 { position: relative; margin-left: 0px; top: 0px; width: 153px; background-color: #ffffff; border: 1px solid #d3d3d3; visibility: visible }
#bannerbackground02 { position: relative; margin-left: 0px; margin-top: 10px; margin-bottom: 10px; width: 153px; background-color: #ffffff; border: 1px solid #d3d3d3; visibility: visible }

/* 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; }

#snabbfaktacontainer {
	position: relative;
	width:550px;
	height:255px;
}
#femsnabba { position: relative; float:left; padding:70px 10px 10px 20px; width:270px; height:175px; background: url(../../files/images/postit01-left.jpg) no-repeat;}
#information { position: relative; float:left; padding:70px 10px 10px 20px; width:270px; height:175px; background: url(../../files/images/postit01-left.jpg) no-repeat;}
#snedbild { position: relative; float:left; padding:0 0 0 0; width:240px; height:250px; left:0px; }

#textavdelare { position: relative; width:545px; height:25px; padding-top:3px; padding-left:10px; background: url(../../files/main/textavdelare.gif) no-repeat;}
#textindelare { position: relative; width:525px; padding-top:5px; padding-left:10px; padding-bottom:20px; padding-right:20px; }