/* 
*******************************************************************
CSS för DEKKO

Webbyrå DIDVISION INTERACTIVE - www.didvision.se
******************************************************************
*/

body { 
	margin: 0; 
	padding: 0; 
	background-color: #ffffff;
	background: url(../../files/main/background.gif) repeat-x;
}

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

/* Content */
#utkast{ position: absolute;  padding:0 0 0 0; margin-left: -390px; top: 0px; left: 50%; width: 750px; height: 800px; visibility: visible }
#content { position: absolute; padding:0 0 0 10px; position: absolute; margin-left: -390px; top: 355px; left: 50%; width: 790px; }
#main { position: relative; float:left; padding:0 0 60px 20px; top:10px; width:470px; }
#rightinfo { position: relative; float:left; margin-left:22px; padding:0 0 0 0; top:5px; width:200px; }
#rightinfo_senaste { position: relative; float:right; padding:0 10px 0 10px; top:10px; width:260px; }
#rightinfo_text { position: relative; float:right; padding:0 10px 0 10px; top:10px; width:260px; }
#sidfot { position: relative; float:left; padding:0 0 0 15px; top:0px; width:690px; }
#avdelare { position: absolute; margin-left: 130px; top: 355px; left: 50%; width: 10px; }

#bajskuk { position: absolute; margin-left: -360px; top: 420px; width:470px; left: 50%;  }


/* Sidhuvud, meny, logo */
#logo { position: absolute; margin-left: -390px; top: 0px; left: 50%; width: 162px; height: 80px; visibility: visible }
#menu { position: absolute; margin-left: -180px; top: 0px; left: 50%; width: 600px; height: 42px; visibility: visible }
#image { position: absolute; margin-left: -395px; top: 116px; left: 50%; width: 800px; height: 80px; visibility: visible }
#kontakt { position: absolute; margin-left: 160px; top: 550px; left: 50%; width: 250px; height: 80px; visibility: visible }

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 850px; /*Width of Carousel Viewer itself*/
height: 245px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 10px;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
left-margin: 0px; /*margin around each panel*/
width: 275px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}