/* 
*******************************************************************
CSS för Clemens Hotell

Didvision Interactive - www.didvision.se
******************************************************************
*/


body { 
	height: 100%;
  	margin-bottom: 1px;
    background: #ffffff url(../../files/main/background.jpg) 0 0 repeat-x;
	margin: 0; 
	padding: 0; 
 	font-size: 70%; 	
}

/* Master div */
#container { width: 855px; margin: 0 auto; }

/* Content */
#content { position: absolute; padding:0 0 0 0; top: 140px; width: 855px; }

#welcome { position: relative; top: 0px; width: 855px; height:400px; }
#boka { position: relative; float:left; padding:10px 0 0 10px; top: 5px; margin-left:0px; width: 238px; height: 298px; background: url(../../files/main/background_boka_start.png) no-repeat; }
#bildarkiv { position: relative; float:left; padding:0 0 10px 0; top: 0px; width: 245px; }
#left { position: absolute; top: 139px; margin-left:4px; width: 248px; z-index:100; }
/* #left { position: relative; float:left; padding:0 0 0 0; top: 0px; margin-left:3px; width: 245px; min-height:200px; } */
#image { position: relative; float:left; top: 0px; margin-left:0px; width: 855px; min-height:300px; } 
#divider { position: relative; float:left; top: 0px; margin-left:0px; width: 855px; padding:10px 0 6px 0;} 

#text { position: relative; float:left; margin-left:10px; top: 5px; width: 598px; height:312px; }
#main { position: relative; float:left; padding:0 0 0 0; top: 0px;  width: 855px; }
#main_nobg { position: relative; padding:0 0 0 0; top: 0px; min-height:200px; width: 855px; background: #ffffff; }

#puffar { position: relative; float:left; padding:0 0 0 0; top:0px; width:855px; }
#puff01 { position: relative; float:left; padding:0 0 0 0; top:0px; margin-left:0px; width:280px; height:169px; background: url(../../files/main/puff01.png) no-repeat; }
#puff01:hover { background: url(../../files/main/puff01_hover.png) no-repeat; cursor:pointer; }
#puff02 { position: relative; float:left; padding:0 0 0 0; top:0px; margin-left:5px; width:280px; height:169px; background: url(../../files/main/puff02.png) no-repeat; }
#puff02:hover { background: url(../../files/main/puff02_hover.png) no-repeat; cursor:pointer; }
#puff03 { position: relative; float:left; padding:0 0 0 0; top:0px; margin-left:5px; width:280px; height:169px; background: url(../../files/main/puff03.png) no-repeat; }
#puff03:hover { background: url(../../files/main/puff03_hover.png) no-repeat; cursor:pointer; }

#puff_malgrupper { position: relative; float:left; padding:0 0 0 0; top:0px; margin-left:0px; width:280px; height:169px; background: url(../../files/main/puff_malgrupper.png) no-repeat; }

#puff_image { position: relative; float:left; padding:0 0 0 0; margin-top:18px; margin-left:9px; width:262px; height:94px; }
#puff_image_malgrupper { position: relative; float:left; padding:0 0 0 0; margin-top:13px; margin-left:8px; width:262px; height:94px; }
#puff_text { position: relative; float:left; padding:0 0 0 0; margin-top:17px; margin-left:11px; width:193px; height:20px; }
#puff_text_start { position: relative; float:left; padding:0 0 0 0; margin-top:9px; margin-left:11px; width:193px; height:40px; }
#puff_text_malgrupper { position: relative; float:left; padding:0 0 0 0; margin-top:9px; margin-left:11px; width:193px; height:40px; }
#puff_more { position: relative; float:left; padding:10px 0 0 0; margin-top:9px; margin-left:0px; width:62px; height:30px; }
#puff_erbjudande01 { position: relative; float:left; padding:0 0 0 0; margin-top:40px; margin-left:9px; width:260px; height:35px; }
#puff_erbjudande02 { position: relative; float:left; padding:0 0 0 0; margin-top:4px; margin-left:9px; width:260px; height:35px; }
#puff_erbjudande03 { position: relative; float:left; padding:0 0 0 0; margin-top:4px; margin-left:9px; width:260px; height:35px; }
#puff_erbjudande_text { position: relative; float:left; padding:0 0 0 0; margin-top:0px; margin-left:0px; width:185px; }
#puff_erbjudande_pris { position: relative; float:left; padding:3px 0 0 0; margin-top:0px; margin-left:9px; width:64px; height:18px; text-align:center; background: url(../../files/main/puff_prislapp.png) no-repeat; }
#puff_erbjudande_pristext { position: relative; float:left; padding:0 0 0 0; margin-top:0px; margin-left:9px; width:64px; text-align:center; }

#left_wide { position: relative; float:left; padding: 20px 20px 0 20px; top:0px; width:650px; }

/* Sidhuvud, meny, logo */
#menu { position: absolute; margin-left:250px; top: 60px; width:600px; height:57px; padding:0 0 0 0; visibility: visible; }

#menu_left { position: relative; float:left; width:14px; height:57px; padding: 0 0 0 0; top:0px; }
#menu_bg { position: relative; float:left; height:42px; padding: 15px 10px 0 10px;  }
#menu_right { position: relative; float:left; width:14px; height:57px; padding: 0 0 0 0; top:0px; }

#menu_active_left { position: relative; float:left; width:14px; height:57px; padding: 0 0 0 0; top:0px; background: url(../../files/menu/active_left.png) no-repeat;  }
#menu_active_bg { position: relative; float:left; height:42px; padding: 15px 10px 0 10px; top:0px; background: url(../../files/menu/active_bg.png) repeat;  }
#menu_active_right { position: relative; float:left; width:14px; height:57px; padding: 0 0 0 0; top:0px; background: url(../../files/menu/active_right.png) no-repeat;  }

#menu_alternative { position: relative; float:left; padding: 0 0 0 0; top:0px; height:25px; }
#menu_divider { position: relative; float:left; padding: 0 30px 0 30px; top:0px; width:2px; height:20px; }

#submenu { position: absolute; margin-left:275px; top: 110px; width:580px; height:20px; padding:0 0 0 0; }

#logo { position: absolute; margin-left:31px; top: 0px; z-index:1000; }
#flags { position: absolute; margin-left:590px; top: 1px; width: 260px; height: 30px; padding:3px 0 0 10px; background: url(../../files/main/flags_bg.png) no-repeat; }
#facebook { position: absolute; margin-left:460px; top: 4px; width: 130px; text-align:right;   }
#header { position: absolute; top:0px; margin-left:-100px; }

#info_start { position: relative; float:left; top: 0px; margin-right:4px; width: 534px; height:93px; padding:20px 15px 0 15px; background: url(../../files/main/start_platta.png) no-repeat; }
#info_omdome { position: relative; float:right; top: 0px; margin-right:0px; width: 287px; height:113px; padding:0 0 0 0; background: url(../../files/main/omdome_platta.png) no-repeat; }
#info_omdome_left { position: relative; float:left; top: 16px; margin-left:9px; width: 130px; height:89px; text-align:center; padding:0 0 0 0; cursor:pointer; }
#info_omdome_left:hover { cursor:pointer; }
#info_omdome_right { position: relative; float:left; top: 11px; margin-left:5px; width: 130px; height:89px; text-align:center; padding:0 0 0 0; cursor:pointer; }
#info_omdome_right:hover { cursor:pointer; }
#info_omdome_tripadvisorexcellence { position: absolute; top: 138px; margin-left:683px; z-index:150; }
#sokord { position: relative; float:left; top: 0px; width: 845px; padding:5px;  }
#sidfot { position: relative; float:left; top: 0px; width: 845px; text-align:right; padding:5px;  }


/* TEXT */

/* CSS Document */

h1 {
	font-family: Arial, Verdana, Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	color: #565656; 
	margin:0 0 2px 0;
	text-decoration: none;
}

h2 { font-family: Arial, Verdana, Trebuchet MS; font-size: 14px; font-weight: bold; line-height: 20px; color: #000000; margin:0 0 0 0; text-decoration: none; }
h3 { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; font-weight: normal; line-height: 18px; color: #565656; margin:0 0 0 0; text-decoration: none; }
.h3-white { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; font-weight: normal; line-height: 18px; color: #ffffff; text-decoration: none; }
h5 { font-family: Arial, Verdana, Trebuchet MS; font-size: 10px; font-weight: normal; line-height: 12px; color: #CCC; margin:0 0 0 0; text-decoration: none; }
sup { font-family: Arial, Verdana, Trebuchet MS; font-size: 10px; font-weight: normal; line-height: 5px; color: #fff; text-decoration: none; }

/* LINKS */
.link {	font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; line-height: 17px; color: #000000; text-decoration: underline; }
.link:hover { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; line-height: 17px; color: #333333; text-decoration: underline; }
.link-noline {	font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; line-height: 17px; color: #000000; text-decoration: none; }
.link-noline:hover {	font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; font-weight:bold; line-height: 17px; color: #000000; text-decoration: none; }

/* MENU */
.menu { font-family: Arial, Verdana, Trebuchet MS; font-size: 16px; font-weight: normal; color: #fff; text-decoration: none; }
.menu:hover { font-family: Arial, Verdana, Trebuchet MS; font-size: 16px; font-weight: normal; color: #fff; text-decoration: underline; }
.menu_active { font-family: Arial, Verdana, Trebuchet MS; font-size: 16px; font-weight: normal; color: #4c575c; text-decoration: none; }
.menu_active:hover { font-family: Arial, Verdana, Trebuchet MS; font-size: 16px; font-weight: normal; color: #4c575c; text-decoration: none; }
.submenu { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; font-weight: normal; color: #4c575c; text-decoration: none; }
.submenu:hover { font-family: Arial, Verdana, Trebuchet MS;	font-size: 12px; font-weight: normal; color: #4c575c; text-decoration: underline; }
.submenu_active, submenu_active:hover { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; font-weight: bold; color: #4c575c; text-decoration: none; }

/* PUFF */
.puff-h1 { font-family: Arial, Verdana, Trebuchet MS; font-size: 14px; margin:0 0 0 0; font-weight: bold; line-height: 15px; color: #000000; text-decoration: none; }
.puffcaps { font-family: Arial, Verdana, Trebuchet MS; font-size: 10px; margin:0 0 0 0; font-weight: normal; line-height: 13px; color: #000000; text-decoration: none; }
.erbjudande-h1 { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; margin:0 0 0 0; font-weight: bold; color: #000000; text-decoration: none; }
.erbjudande-h3 { font-family: Arial, Verdana, Trebuchet MS; font-size: 10px; margin:0 0 0 0; font-weight: normal; color: #565656; text-decoration: none; }
.pris { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; margin:0 0 0 0; font-weight: bold; color: #fff; text-decoration: none; }
.pristext { font-family: Arial, Verdana, Trebuchet MS; font-size: 10px; margin:0 0 0 0; font-weight: normal; color: #900; text-decoration: none; }
.pristextfrom { font-family: Arial, Verdana, Trebuchet MS; font-size: 10px; margin:0 0 0 0; font-weight: normal; color: #fff; text-decoration: none; }

.puff {	font-family: Arial, Verdana, Trebuchet MS; font-size: 17px; font-weight: bold; line-height: 20px; color: #000000;  text-decoration: none; }
.puff_link { font-family: Arial, Verdana, Trebuchet MS; font-size: 11px; line-height: 20px; color: #000000;  text-decoration: none; }
.sidfot { font-family: Arial, Verdana, Trebuchet MS; font-size: 10px; font-weight: normal; line-height: 15px; color: #666666; text-decoration: none; }
.sidfot_start { font-family: Arial, Verdana, Trebuchet MS; font-size: 11px; font-weight: normal; line-height: 17px; color: #666666; text-decoration: none; }
.sidfot-link { font-family: Arial, Verdana, Trebuchet MS; font-size: 10px; font-weight: normal; line-height: 15px; color: #666666; text-decoration: none; }
.sidfot-link:hover { font-family: Arial, Verdana, Trebuchet MS; font-size: 10px; font-weight: normal; line-height: 15px; color: #666666; text-decoration: underline; }
.boka-rubrik { font-family: Arial, Verdana, Trebuchet MS; font-size: 25px; font-weight: normal; line-height: 20px; color: #ffffff; text-decoration: none; }
.thickbox { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; font-weight: normal; line-height: 18px; color: #000000; text-decoration: none; }
.alert { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; font-weight: bold; line-height: 17px; color: #F00; text-decoration: none; }

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 855px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}