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

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: 426px;
	width: 471px;
	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: 379px;
	width: 170px;
	height: 14px;
	visibility: visible;
}
#textsize { position: absolute; font-size: 1.0em; margin-left: 235px; top: 81px; left: 50%; width: 220px; height: 20px; visibility: visible; }

/* Banners */
#bannerstop {
	position: absolute;
	margin-left: 410px;
	top: 5px;
	left: 50%;
	width: 200px;
	height: 18px;
	background-color: #d3d3d3;
	visibility: visible
}
#banner {
	position: absolute;
	margin-left: 410px;
	top: 134px;
	left: 50%;
	width: 200px;
	visibility: visible
}
#banner2 {
	position: absolute;
	margin-left: 450px;
	top: 29px;
	left: 360px;
	width: 200px;
	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; }


/* 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:280px; }
#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-info.jpg) no-repeat;}
#informationtom { position: relative; float:left; width:540px; height:235px; background:url(../../files/images/postit/tom_postit.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; }