* {outline:none;}

body {background:url('images/bg.png') top left repeat-x #a7a7a7;}

#logo {width:160px; height:73px;/* background:url('images/logo.png');text-indent:-9999px;*/  margin-top:30px;}

#footer {font-size:11px; width:780px; padding:10px 0; color:#666; display:inline; margin:0 0;margin:0 3px 0 -5px; height:50px; background:url('images/footer.png') top center no-repeat;}
#by {float:right; color:#888;}
#by a {color:#888; text-decoration:none;}

.min-height {min-height:450px; height:auto !important; height:400px;}

#page-top {padding-bottom:13px; background:url('images/top-image-bg.png') bottom left repeat-x;}

#content {background-color:#efecec; border:4px solid white; padding:10px; left:10px; margin-top:20px;}
#topMenu li {text-align:right; font-size:12px; text-transform:uppercase; margin:9px 0; height:21px;}
#topMenu li.has-submenu {height:auto;}
#topMenu li a {color:white; text-decoration:none; padding:0 0 0 3px; line-height:21px; height:21px; display:inline-block;
	background:url('images/menuLeft1.gif') top left no-repeat;}
#topMenu li a span {background:url('images/menuRight1.gif') top right no-repeat; padding:0 10px 0 20px; height:21px; line-height:21px; display:inline-block;}
#topMenu li ul {display:none;}
#topMenu li.active a {display:block; background:url('images/menuLeft2.gif') no-repeat top left;}
#topMenu li.active a span {background:url('images/menuRight2.gif') no-repeat top right; display:block;}
#topMenu li.active ul {display:block;}
#topMenu li ul li {}
#topMenu li.active ul li a,
#topMenu li ul li a {background:url('images/subMenuLeft1.gif') no-repeat top left;}
#topMenu li ul li a span {background:url('images/subMenuRight1.gif') no-repeat top right !important;}
#topMenu li.active ul li a {display:inline-block;}
#topMenu li.active ul li span {display:inline-block;}
#topMenu li.active ul li a.active {display:block;}
#topMenu a.active {font-weight:bold;}
#topMenu li.active ul li a.active span {display:block; font-weight:bold;}
#topMenu li.locked span {padding-left:8px;}
#topMenu li.locked em {background-image:url('images/lock.png'); background-position:5px 4px; display:inline-block; height:21px; line-height:21px; background-repeat:no-repeat; padding-left:25px;}
#topMenu em {font-style:normal;}

.page-title {font-size:26px; font-weight:normal; text-transform:uppercase; background:url('images/page-title-border.png') bottom left repeat-x; line-height: 43px; margin:10px 0;}
.extra .page-title {background-image:url('images/page-title-extra-border.png');}

#logout {margin:15px 0; text-align: right;}
#logout a {background:rgb(218,37,30); color:white; font-size:11px; padding:2px 8px; display:inline-block;}

.smaller-page-title {font-size:22px;}

p.error {color:red !important; font-size:12px !important;}

#text h2 {margin:30px 0 10px; font-size:18px; border-bottom:1px solid #dad4d4; line-height:1.4;}
#text h2.after-page-title {margin-top:20px;}
#text li,
#text p {font-size:13px; color:#444; line-height:18px; margin:10px 0;}
#text a {color:#444;}
#text a:hover, #text a:focus {color:#ef3e33;}
#text a strong {font-size:12px;}
#text li {list-style:square; padding:0 0 0 0px;}
#text ul {padding:0 0 0 20px;}
#text li.pdf {list-style:none; background:url('images/pdf.gif') 2px 2px no-repeat; padding:0 0 0 24px;}
#text .text div {padding:0 10px;}
#text p img {padding:4px; background:#f5f5f5; border:1px solid #ccc;}
#text .main-image img { width:260px; padding:4px; background:#f5f5f5; border:1px solid #ccc; }

#lang-sv {background:url('images/sv.png') no-repeat; }
#lang-en {background:url('images/en.png') no-repeat; }
#lang-de {background:url('images/de.png') no-repeat; }
#languages span {display:none;}
#languages a {width:16px; height:11px; margin: 0 0 0 6px; float:right; display:inline;}

/*
	top-image 
*/

/*
	startpage 
*/ 
.page-15 {background-image: url('images/world.gif'); }
.page-15 .extra {background-color:#e5e5e5; border:1px solid #ccc; padding:0 10px 10px;}
.page-1 .extra {background-color:#d7d7d7; padding:0 10px 10px; /* height:225px; */}
.page-1 .extra .page-title div {background:url('images/news-icon.png') 4px 9px no-repeat; padding-left:46px;}
/*
	news 
*/ 
#news {}
#news h2 {color:#111; cursor:pointer; font-size:12px; padding:3px 8px; font-weight:bold; margin:0; background:url('images/news-arrow.png') no-repeat 235px 6px rgb(218,37,31);}
#news h2 .date {color:white; font-size:11px; margin:0 10px 0 0; font-weight:normal;}
#news p {font-size:11px; margin:5px 10px 6px; line-height:1.3; width:200px;}
#news a {color:#0066cc;	text-decoration: none;}
#news a.pdf {
	background:url('images/pdf.gif') 3px 1px  no-repeat #ececec; 
	padding:2px 10px 2px 24px;
	font-weight:bold; 
	margin-top:4px; 
	display: inline-block;
	border:2px solid #ececec;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.ui-accordion-content {padding:0 0 1px;}

/*
	form login 
*/ 
#login {}
#login td {padding:0;}
#login label {font-size:12px; text-indent: 1px; display:block;}
#login input {border:1px solid #ccc; padding:3px; margin-bottom:10px;}
#login .button {text-align:right;}
/*
	inline-menu (produkter)
*/
ul#inline-menu {padding:0; margin-top:25px;}
ul#inline-menu li {list-style:none; margin:9px 0; padding:0 0 0 3px; background:url("images/menuLeft1.gif") no-repeat scroll left top transparent;}
ul#inline-menu li a {text-transform:uppercase; font-size:11px; height:21px; line-height:21px; color:white; padding:0 8px; display:block; text-decoration:none; background:url("images/menuRight1.gif") no-repeat scroll right top transparent;}
ul#inline-menu li a:hover, 
ul#inline-menu li a:focus {color:white; text-decoration:none;}
ul#inline-menu li.active a {color:white; text-decoration:none;}

ul#inline-menu li.active {background:url("images/menuLeft2.gif") no-repeat scroll left top transparent;}
ul#inline-menu li.active a {background:url("images/menuRight2.gif") no-repeat scroll right top transparent;}


#topMenu li a {
background:url("images/menuLeft1.gif") no-repeat scroll left top transparent;
color:white;
display:inline-block;
height:21px;
line-height:21px;
padding:0 0 0 3px;
text-decoration:none;
}

/*
	produkter
*/ 
ul#products {padding:0;}
ul#products li {border:1px solid #ccc; list-style:none; background:#e5e5e5; padding:5px 5px; overflow:hidden;}
ul#products h3 {font-size:14px; font-weight:900; margin:5px 0;}
ul#products p {margin:4px 0;}
ul#products img {float:left; border:1px solid #ccc; padding:5px; background:white; margin-right:10px; width: 180px;}

/*
	stepcarousel 
*/
#top-container {
	height:320px;
	width:760px;
}
#page-top .text {
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
}
#page-top .text {
	position:absolute; 
	padding:15px 20px 15px 15px; 
	background-color:rgb(218,37,30); 
	background-color:#df593f;
	margin: 30px 0 0 370px; 
	border:3px solid #c84c30; 
	width:315px;
	z-index:100;
	box-shadow: 3px 3px 5px #999;
	-webkit-box-shadow: 3px 3px 5px #999;
	-moz-box-shadow: 3px 3px 5px #999;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=3, positive=true);
}
#page-top .image {position:absolute;}
#page-top h1 {font-family:'Adobe Garamond', Garamond, Georgia, "Times New Roman", Times, serif; text-transform:nnormal; font-size:34px;}
#page-top h2 {font-size:13px; text-transform:uppercase; font-weight:normal; margin:10px 0; background:none; border:none;}
#page-top h1 strong {color:white; font-weight:normal;}
#page-top ul {padding:0; margin:0;}
#page-top li {white-space:nowrap; margin:0; float:left; width:auto; list-style:none; color:#222; font-size:12px; background:url('images/page-top-bullet.png') 0 6px no-repeat; padding:0 20px 0 12px;}

#page-top {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 760px; /*Width of Carousel Viewer itself*/
	height: 307px; /*Height should enough to fit largest content's height*/
}

#page-top .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	overflow:hidden;
	height:307px;
}

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