/*** BODY STUFF ***/

* { margin:0; padding:0; }

body { margin:0;padding:0; font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-size:12px; color:#444; behavior:url("js/csshover2.htc"); }

ul, li, img, h1, h2, h3, h4, h5, h6, p, a, form, fieldset {
	margin:0;
	padding:0;
	border:0;
}

p { margin-bottom:10px; }

.webbhead { position: absolute; top:0;left:0; z-index:-1; }

/*** MAIN LAYOUT ***/

#topgfx {
	width:100%;
	height:156px;
	background: url(images/topfx.jpg);
	background-repeat: repeat-x;
	z-index:3;
}

#content {
	width:100%;
	background: url(images/bkgfx.jpg);
	background-repeat: repeat-x;
	padding-top:40px;
}

#maincontent {
	margin-left: 60px;
	width: 650px;
	min-height: 300px;
	height:auto !important;
	height: 300px;
}

#sidebar {
	position: absolute;
	width: 210px;
	left: 60px;
	border-right: 1px dashed #ccc;
	padding-right:20px;
	min-height: 400px;
	height:auto !important;
	height: 400px;
}

#sidebar.loginplats { border:0; }

/* FOOTER MED IE-HAX */

* html div#footer {position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}

#footer { position:fixed; bottom:0px; right:10px; }

/* plats */

.loginplats select:hover { border-color: #666; color: #666; }
.loginplats select:focus { border-color: #000; color: #444; }

.loginplats option { padding-left:5px; }

.logincheck { margin-top:15px; }

.f-checkbox {padding:6px 25px; cursor: pointer; }

.unchecked{
	background-image:url(images/check.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.unchecked:hover { 
	background-image:url(images/check3.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.checked{
	background-image:url(images/check2.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

/* radio */

.f-radio {padding:4px 18px; cursor: pointer; display:block; padding-bottom:0; }

/*special standardform */
.forminput .f-radio { display:block; float:left; padding-right:0; margin-right:10px; padding-bottom:9px; }
.forminput>.f-radio { padding-bottom:7px;} /* Detta till vänster sätter rätt padding för riktiga browsers */

.f-radio a:focus { color: #000;}
.deselected:focus { background-image:url(images/check3.gif); }
.f-radio,.f-checkbox { text-decoration:underline; color: #0062b5;}
.f-radio:hover,.f-checkbox:hover { color: #000; }

.deselected{
	background-image:url(images/radio.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.deselected:hover{
	background-image:url(images/radio3.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.selected {
	background-image:url(images/radio2.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

/*** MENU ***/

ul.menu { position:absolute; top:127px; left:50px; }
ul.menu li { display: inline;	margin: 0; margin-right:3px;}

ul.menu,
ul.menu li a { padding: 5px 7px 6px; }

ul.menu li a { font-size: 12px; color: #fff; margin: 0;	background: #095C9F; }
ul.menu li a:hover {	background: #00467F; color: #fff !important; text-decoration: none; }
ul.menu li.on a,
ul.menu li.on a:hover {	color: #444 !important;	background: #e5e5e5; text-decoration: none; }

.menu a em {
color:#3389CF;
background: #095C9F;
font-style:normal;
padding:3px;
padding-top:1px;padding-bottom:1px;
margin-right:3px;
font-size:11px;
}

.menu a { text-decoration:none }
.menu .on a em { color:#666; background:#e5e5e5; }

.menu .quit { margin-left: 30px; }

/* hover */

.menu a:hover em { background: #00467F; }
.menu .on a:hover em { background: #e5e5e5; }

/* focus */

.menu a:focus em { background: #00467F; }
.menu .on a:focus em { color:#666; background:#e5e5e5; }
.menu a:focus { background:#00467f; }


/*** DEFAULT CONTENT ***/

/* headers */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 31px; letter-spacing:-1px;}
h2 { font-size: 18px; }
h3 { font-size: 14px; font-weight: bold; }
h4 { font-size: 10px; }
h5 { font-size: 10px; font-weight: bold; }

/*** STARTSIDA ***/

.img-menu { margin-top:35px; }
.img-menu img { margin-right:50px; padding:3px; border: 1px solid #ccc; border-top:2px solid #ccc;}
.img-menu img:hover { border-color: #aaa; border-top:2px solid orange; }
.img-menu div { float:left; margin-bottom:45px; }

.img-menu p { position:relative; margin-bottom:5px; font-weight:bold; font-size: 14px;}

.img-menu em {
	font-weight: normal;
	font-style:normal;
	font-size: 11px;
	padding-right:8px;
	background: url(images/arrowright.gif) no-repeat;
	background-position: 100% 50%;
}

.img-menu em:hover { background: url(images/arrowright2.gif) no-repeat; background-position: 100% 50%; }

.red { color: #9F3131; }
.green { color: #499545; }

.introtext { font-style:italic; font-size:13px; margin-top:10px; }
.introtext2 { font-size:13px; margin-top:10px; }
.normal { font-weight: normal; }
.price { font-weight: bold; color: grey; font-size: 16px; padding-top: 10px; }

/* PAGE FORM, STANDARD */

h1 em { color: #999; font-size: 18px; }
h2.page { margin-top:30px; margin-bottom:10px;}

.pageform { margin-top:20px; }

.pageform input,textarea {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
}

.forminput { float:left; width:180px; height:55px; padding:5px; padding-bottom:10px; margin-left:0; margin-right:8px; margin-top:5px; margin-bottom:10px; border:1px solid #ccc; }
.forminput { border-top: 2px solid #ccc; }
.forminput em { font-style:normal; line-height:26px; font-size: 13px; font-weight:normal; }


.forminput input,textarea {
	border: 1px solid #999;
	width:160px;
	height:25px;
	font-size:16px; font-weight:bold;
	color:#444;
	padding-left:5px; padding-right:5px;
	padding-top:2px;
	color: #999;
}

.forminput textarea { 
	height: 160px;
	width: 560px;
	overflow:auto;
}

.textarea .forminput { width: 580px; }

.forminput input:hover { border-color: #666; background: #f6f6f6; color: #777; }
.forminput input:focus { border-color: #000; background: #fff; color: #000; }

.forminput textarea:hover { border-color: #666; background: #f6f6f6; color: #777; }
.forminput textarea:focus { border-color: #000; background: #fff; color: #000; }

.forminput select {
	border: 1px solid #999;
	width:160px;
	height:27px;
	font-size:16px; font-weight:bold;
	color:#444;
	padding-left:5px; padding-right:5px;
	padding-top:2px;
	color: #444;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
}

.forminput.#select { height:57px; width: 180px;}

.radiocheck .forminput { width: 180px; }

body>#select { height:53px; } /* Detta till vänster sätter rätt padding för riktiga browsers */

.toggled .forminput { float:none; }

.form-adv { margin-bottom:5px; clear:left; float: none;}

.nykund-toggled .forminput { float:left; padding-bottom:10px; }

.nykund-toggled { width:600px;	height: 80px; }
.nykund-toggled2 { width: 600px; height: 380px; }
.nykund-toggled3 { width: 600px; height: 310px; }

.arrowdown {
	padding-right: 10px;
	background: url(images/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.arrowdown:hover {
	background: url(images/arrowdown2.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.formbuttons { margin-top:20px; }

/* Detaljer */

.detaljer em { display:block; font-style: normal; font-weight: normal; font-size: 12px; }

ul.detaljer { list-style-type: none; font-size: 16px; font-weight: bold; margin-top:30px; color: #666; margin-bottom:30px; }

ul.detaljer li {
	padding-left: 33px;
	padding-bottom:5px;
	padding-top:5px;
	background: url(images/detaljer.gif) no-repeat;
	background-position: 0 10px;
	border-bottom:1px dashed #ccc;
	width:70%;
}

ul.detaljer li:hover { background-color: #eee; }

/* Licenser */

.licenser em { display:block; font-style: normal; font-weight: normal; font-size: 12px; }
.licenser strong { display:block; font-size:12px; font-weight:bold; margin-top:10px; }

ul.licenser { list-style-type: none; font-size: 16px; font-weight: bold; margin-top:30px; color: #666; margin-bottom:30px; }

ul.licenser li {
	padding-left: 33px;
	padding-bottom:5px;
	padding-top:5px;
	background: url(images/detaljer.gif) no-repeat;
	background-position: 0 10px;
	border-bottom:1px dashed #ccc;
	width:70%;
}

ul.licenser li:hover { background-color: #eee; }

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fff;
	cursor: pointer;
	z-index: 9998;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #222;
	z-index: 9999;
}

#lbBottomContainer { background: #222; }

.lbLoading {
	background: #fff url(js/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #222;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	float: left;
    color: #fff;
    background: #fff;
	text-decoration:none;
	font-size: 1.2em;
}

#lbPrevLink { margin-right: 5px; }

#lbNextLink {
	padding-right: 10px;
	background:url(js/whitearrow.gif) no-repeat;
	background-position:right .35em;
}

#lbPrevLink {
	padding-left: 10px;
	background:url(js/whitearrow2.gif) no-repeat;
	background-position:left .35em;
}

#lbPrevLink:hover, #lbNextLink:hover {
    color: #2FC4FF;
	text-decoration: underline;
}

#lbBottom {
	font-size: 10px;
	color: #aaa;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #222;
	border-top-style: none;
}

#lbCloseLink {
	display: block;	
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(js/closelabel.gif) no-repeat center;
	margin: 0;
	margin-top: 25px;
}

#lbCloseLink:hover { border:0; }

#lbCaption, #lbNumber {
	margin-right: 71px;
	font-size: 1.2em;
	margin-bottom: 10px;
}

#lbCaption {
	font-weight: bold;
	display:none;
}

/* REGULAR LINKS */

a, a.visited { color: #0062B5; }
a:hover { color: #000; }
a:focus { color: #000; }