/* BODY WEBB STUFF */

html, body {
	margin:0;
	padding:0;
	border:0;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	background:#000 url(../webblosningar/bkg.jpg);
	behavior:url("csshover2.htc");
}

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

.webbhead { position: absolute; top:0;left:0; }
.redtext { color:#dd0000; }
.greentext { color:Green; }

#left .errorbox { border:2px solid #dd0000; color: #dd0000; padding:10px; }
#left .errorbox h1 { color: #dd0000; padding:0;}
#left .errorbox p { margin-bottom:0; color: #dd0000; }

#left .ok { border:2px solid green; color: green; padding:10px; }
#left .ok h1 { color: green; padding:0;}
#left .ok p { margin-bottom:0; color: green; }

/* MAIN */

#bkgfx {
	position: absolute; top: 0px; left: 0px;
	width: 100%;
	height: 650px;
	background-image: url(../webblosningar/bkgfx.jpg);
	background-repeat: repeat-x;
	z-index: 1;
}

#container {
	position: relative;
	width: 700px; margin: auto; padding: auto;
	z-index: 2;
}

#logo { 
	width:237px;
	height:127px;
	background: url(../webblosningar/logo.png);
	background-repeat: no-repeat;
}

#menu { 
	height: 25px;
	background: url(../webblosningar/menubkg.png);
	background-repeat: no-repeat;
	font-size: .7em;
	padding-left: 25px;
	padding-top: 8px;
	word-spacing: 2px;
}

#menu { 
	height: 25px;
	background: url(../webblosningar/menubkg.png);
	background-repeat: no-repeat;
	font-size: .7em;
	padding-left: 25px;
	padding-top: 8px;
	word-spacing: 2px;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	display: block;
	margin: 0;
	margin-left: 1px;
	margin-right: 1px;
	padding-bottom: 9px;
}

#menu a {
	color: #fff;
	text-decoration: none;
	padding-left: 8px;
	padding-bottom: 9px;
}

#menu a span {
	padding-right: 8px;
}

#menu a:hover {
	color: #444;
	background: #fff url(../webblosningar/menucorner.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 8px;
}

#menu a:hover span {
	background: url(../webblosningar/menucorner2.gif) right top no-repeat;
	padding-right: 8px;
}

#menu .on {	
	color: #444;
	background: #fff url(../webblosningar/menucorner.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 8px;
}

#menu .on span {
	background: url(../webblosningar/menucorner2.gif) right top no-repeat;
	padding-right: 8px;
}

#menu .off {}

/* FUNGERAR EJ I IE7

#menu a {padding-top:3px;}
#menu span {padding-top:3px;} */

#dropdown {
	position: absolute;
	left: 70px;
	width: 105px; height:112px;
	padding-bottom: 2px;
	background: url(../webblosningar/ddbottom.gif) left bottom no-repeat;
	z-index: 99;
}

#dropdown ul {
	list-style-type: none;
	background: #fff;
	padding-left: 10px;
	padding-top: 9px;
}

#dropdown li {
	background: url(../webblosningar/ddpil.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 0.6em;
}

#dropdown a {
	font-size: .7em;
	color: #444;
	text-decoration: none;
}

#dropdown a:hover { color: #2283ae; text-decoration: underline; }

#dropclose {
	float: right;
	width: 15px;
	height: 10px;
	font-size: .6em;
	cursor: pointer;
}

#menu2 { 
	position: absolute;
	right: 0px;
	top: 60px;
	height: 50px;
	font-size: 0.7em;
	color: #005d8d;
	z-index: 999;
}

#menu2 a, a.visited { color: #0089cf; text-decoration: none; background: none;}
#menu2 a:hover { color: #fff; border-bottom: 1px solid #fff; }

/*#topgfx { width: 700px; height: 288px; background: url(../webblosningar/topgfx.jpg); }*/
#topgfx { height: 288px; }
#topgfx a { display:none; position:absolute; }
#topgfx a em {cursor:pointer;display:none;position:absolute;z-index:999;background:url(../webblosningar/slideshow.jpg) no-repeat /*ie6 bg*/;} 
html>body #topgfx a em {background:url(../webblosningar/slideshow.png) no-repeat;width:100%;height:100%;}
#topgfx a:hover em {display:block;}

#maincontent { 
	background: #fff;
	padding-bottom: 10px;
	
	min-height: 1000px;
	height:auto !important;
	height:1000px;
}

#mainbottom {
	width: 700px;
	height: 50px;
	margin-bottom: 10px;
	background-image:url(../webblosningar/mainbottom.gif);
	background-repeat: no-repeat;
}

#left { 
	width: 370px;
	padding-left: 35px;
	padding-right: 40px;
	padding-top: 5px;
	background: none;
	color: #555;
}

#left p {
	font-size: 0.8em;
	margin-bottom: 15px;
	line-height: 1.5em;
}

.page ul li {
	font-size: 0.8em;
	list-style-type: none;
	background: url(../webblosningar/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 14px;
	line-height: 1.5em;
}

.red {
	padding-right: 17px;
	background:url(../webblosningar/required.gif) no-repeat;
	background-position: right .1em;
}

.page ul a { cursor: help; text-decoration: none; }
.page .reflink { font-size: .85em; }

.infobox {
	padding: 10px;
	padding-top: 26px;
	margin-top: 5px;
	background:url(../webblosningar/infobox.gif) no-repeat;
}

.page ul { margin: 0; padding: 0; margin-bottom: 15px; }
.page a { color: #1f79a7; }
.page a:hover { color: #000; text-decoration: underline; }
.pageicon { float: left; margin-right: 10px; }

#left strong { font-weight: 100; }
#left em { font-style: normal; font-weight: bold; }

#right {
	position: absolute;
	top: 453px;
	left: 446px;
	padding-right: 39px;
	padding-left: 18px;
	padding-top: 0px;
	border-left: 1px solid #ddd;
	color: #555;
}

#right p {
	font-size: 0.7em;
	margin-bottom: 15px;
	line-height: 1.5em;
}

.tjanster { margin-top: 35px; }

/* HEADERS */

h1,h2,h3,h4,h5 { background: none; }
h1,h2,h3,h5 { font-family: "arial narrow", arial, helvetica, sans-serif; font-weight: normal; color: #222; }

h1 {
	font-size: 1.5em;
	padding-bottom: 5px;
}

h2 {
	font-size: 1em;
	letter-spacing: 1px;
	padding-top: 10px;
}

h3 {
	font-size: .9em;
	font-weight: bold;
	margin-bottom: 3px;
	color: #666;
	padding-left: 10px;
	background:url(../webblosningar/ddpil.gif) no-repeat;
	background-position: 0 .45em;
}

p.list { padding-bottom: 15px; border-bottom: 1px dashed #ccc; }

h5 {
	margin: 0; padding: 0;
	font-size: 1.5em;
	color: #fff;
}


/* CONTENT STUFF */

.losningar { margin-bottom: 10px; }

.losningar a, a.visited {
	font-size: 0.8em;
	color: #1d72a2;
	text-decoration: none;
	background: url(../webblosningar/linkarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: .8em;
	margin-left: 2px;
}

.losningar a:hover { color: #000; text-decoration: underline;}

.box1,.box2,.box3 ul {
	padding-left: 20px;
	padding-top: 28px;
	font-size: .7em;
}

.box1 {
	width: 351px;
	height: 103px;
	background: url(../webblosningar/helhetslosningar.jpg);
	background-repeat:no-repeat;
}

.box1 li {
	list-style-type: none;
	background: url(../webblosningar/listarrows.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 1.5em;
}

.box2 {
	width: 351px;
	height: 103px;
	background: url(../webblosningar/webbhotell.jpg);
	background-repeat:no-repeat;
}

.box2 li {
	list-style-type: none;
	background: url(../webblosningar/listarrows.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 1.5em;
}

.box3 {
	width: 371px;
	height: 131px;
	background: url(../webblosningar/doman.jpg);
	background-repeat:no-repeat;
}

.box3 li {
	list-style-type: none;
	background: url(../webblosningar/listarrows.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 1.5em;
	line-height: 1.4em;
}

.boxlink { margin-left: 20px; }



.newsdate { color: #999; }
.referenser { padding-top: 15px; }
.referenser img { margin-right: 5px; margin-top: 5px;}
.referenser img, .refbox img { padding:3px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; }
.referenser a:hover img, .refbox a:hover img { border-color: #999; }

#right a { color: #1d72a2; }
#right a:hover { color: #000; }

.reflink a, a.visited {
	font-size: 1.2em;
	color: #1d72a2;
	text-decoration: none;
	background: url(../webblosningar/linkarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: .8em;
	margin-left: 2px;
}

.reflink a:hover { color: #000; text-decoration: underline; }


/* SEARCH DOMAIN */

#search {
	position: absolute;
	top: 134px;
	left: 535px;
	width: 160px;
	color: #fff;
	font-size: .7em;
}

.srctext { position: absolute; left: -60px; padding-top: 2px;}
.srcform { margin: 0px; padding: 0px; }
#ctl00_domansok {
	width: 95px;
	border: 0px;
	padding-left: 23px;
	padding-right: 14px;
	color: #fff;
	background:url(../webblosningar/search.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:top left;
	vertical-align: middle;
}

#search input:focus {

	background:url(../webblosningar/search2.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:top left;
	vertical-align: middle;
}

.srcsubmit {
	vertical-align: middle;

}


/* FOOTER */
#webb-footer {
	height:110px;

	margin-bottom: 10px;
	background:url(../webblosningar/footer.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-size: .7em;
	color: #666;
}

.foottext { padding-top: 20px; line-height: 1.8em; text-align: center;}

#webb-footer a, a.visited {
	color: #444;
	text-decoration: none;
}

#webb-footer a:hover { text-decoration: underline; }

.footlogo {
	float:left;
	width: 77px;
	height: 85px;
	margin-top: 10px;
	margin-left: 15px;
	background: url(../webblosningar/footlogo.gif);
	background-repeat:no-repeat;
}

.foottop a, a.visited {
	background:url(../webblosningar/foottop.gif);
	background-repeat:no-repeat;
	background-position:0 .6em;
	padding-left: 12px;
	padding-right: 20px;
}

#footer2 { text-align: center; font-size: 0.7em; color: #496f83; margin-bottom: 30px;}

/* POPUP BOXES */

#webbmail {
	position: absolute;
	right: -10px;
	top: 87px;
	width: 207px;
	height: 207px;
	background: url(../webblosningar/webbmail.gif) no-repeat;
	z-index: 999;
}

#webbmail-form { padding: 15px; }
#webbmail-form h5 { padding-bottom: 8px; margin-top: -5px; }
#webbmail-form p a { color: #fff; text-decoration: none; }
#webbmail-form p a:hover { border-bottom: 1px solid #fff; cursor: help; }
#webbmail-form .webbnormal:hover { cursor: pointer; }
#webbmail-form p { padding-top: 18px; color: #fff; font-size: .7em; padding-left: 2px;}
.webbtext { font-size: .7em; color: #fff; }

#webbmail input { border: 0; }
#webbmail .webbmail,.webbpass { 
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 7px;
	margin-top:3px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 140px;
	background: #fff;
	color: #999;
	font-size: .7em;
}

#webbmail .webbmail:hover { background: #eee; color: #444; }
#webbmail .webbpass:hover { background: #eee; color: #444; }
#webbmail .kontrollinp input:focus { background: #C2DFED; color: #000; }

.webbcheck {
	float: left;
	font-size: .7em;
	color: #fff;
	padding-left: 3px;
	padding-top: 6px;
	margin-left: -3px;
}

.webbcheck a { color: #fff; text-decoration: none; }
.webbcheck a:hover { border-bottom: 1px solid #fff; }
.webbcheck span { padding-left: 7px; }
.webbcheck img { vertical-align: bottom; padding-bottom: 3px; border: 0; }
.webbsubmit { 
	float: left;
	margin-left: 62px;
	margin-top: 4px;
	width: 20px;
	height: 19px;
	background: url(../webblosningar/webbsubmit.gif) no-repeat;
	border: 0;
	padding-left: 22px;
	color: #187daa;
	cursor: pointer;
}

.webbsubmit:hover {  background: url(../webblosningar/webbsubmit.gif) 0 -19px no-repeat; }

#kontroll {
	position: absolute;
	right: 50px;
	top: 87px;
	width: 207px;
	height: 207px;
	background: url(../webblosningar/webbmail.gif) no-repeat;
	z-index: 998;
}

#kontroll-form { padding: 15px; }
#kontroll-form h5 { padding-bottom: 8px; margin-top: -5px; }
#kontroll-form p a { color: #fff; text-decoration: none; }
#kontroll-form p a:hover { border-bottom: 1px solid #fff; cursor: help; }
#kontroll-form .webbnormal:hover { cursor: pointer; }
#kontroll-form p { padding-top: 18px; color: #fff; font-size: .7em; padding-left: 2px;}
.kontrolltext { font-size: .7em; color: #fff; }

#kontroll input { border: 0; }
#kontroll .kontroll,.kontrollpass { 
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 7px;
	margin-top:3px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 140px;
	background: #fff;
	color: #777;
	font-size: .7em;
}

#kontroll .kontroll:hover { background: #eee; color: #444; }
#kontroll .kontrollpass:hover { background: #eee; color: #444; }
#kontroll .kontrollinp input:focus { background: #C2DFED; color: #000; }


.kontrollcheck {
	float: left;
	font-size: .7em;
	color: #fff;
	padding-left: 3px;
	padding-top: 6px;
	margin-left: -3px;
}

.kontrollcheck a { color: #fff; text-decoration: none; }
.kontrollcheck a:hover { border-bottom: 1px solid #fff; }
.kontrollcheck span { padding-left: 7px; }
.kontrollcheck img { vertical-align: bottom; padding-bottom: 3px; border: 0; }
.kontrollsubmit { 
	float: left;
	margin-left: 62px;
	margin-top: 4px;
	width: 20px;
	height: 19px;
	background: url(../webblosningar/webbsubmit.gif) no-repeat;
	border: 0;
	padding-left: 22px;
	color: #187daa;
	cursor: pointer;
}

.kontrollsubmit:hover {  background: url(../webblosningar/webbsubmit.gif) 0 -19px no-repeat; }

.webbutton {
	position:absolute;
	right:-5px; top: 180px;
	padding: 5px;
	width: 20px; height:17px;
	cursor: pointer;
} 


/* PAGE FORM */

.pageform { text-align:left; font-size:.9em; }

.pageform input { 
	border: 1px solid #aaa;
	background: #fff;
	color: #999;
	padding: 5px;
	margin-top: 5px;
	width: 200px;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: .9em;
}

.pageform textarea { 
	border: 1px solid #aaa;
	background: #fff;
	color: #999;
	padding: 5px;
	margin-top: 5px;
	width: 200px;
	height: 200px;
	overflow: auto;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: .9em;
}

.pageform input:hover { background: #fafafa; border: 1px solid #aaa; }
.pageform input:focus { background: #fff; border: 1px solid #000; color: #000; }
.pageform textarea:hover { background: #fafafa; border: 1px solid #aaa; }
.pageform textarea:focus { background: #fff; border: 1px solid #000; color: #000; }

.formsubmit input { width:70px; height: 33px; border:0; margin:0;padding:0; margin-top:20px; }
.formsubmit input:hover { border:0; background: #fff; } 
.formsubmit input:focus { border:0; background: #fff; }

.formcheck input { width: 15px; height: 15px; padding:10px;margin:5; border:0;}
.formcheck input:hover { border:0; }
.formcheck input:focus { border:0; }
.formcheck .option { font-size: .8em; float:left; width: 140px; padding-top: 2px; }

.formcheckers { border: 1px dashed #999; width: 190px; padding: 10px; margin-top:10px;}
.formcheckers a {
	padding-left: 10px;
	background:url(../webblosningar/ddpil.gif) no-repeat;
	background-position: 0 .5em;
}

.formtxt { margin-top: 20px; font-size:.8em; }
#left .formtxt em { font-weight: normal; font-style: italic; color: #000;}


.optioncontainer { float:left; margin-right: 6px; border: 1px dashed #666; padding:7px; margin-bottom: 5px; background:#fff;}
.toggledcontainer { position: absolute; left: 250px; margin-top: -11px; z-index: 1; }
.optioncontainer select { border: 1px solid #444; width: 110px; font-family: "trebuchet ms", arial, helvetica, sans-serif; margin-top:5px; font-size: 1em;}
.toggled { width: 400px; font-size:11px; }
.toggled { color: #444; }
.toggled .option { font-size: 1.0em; width: 80px; }

.optionregular { width: 250px; font-size: 1.4em; padding: 7px; background: #fff; margin-right: 5px; border: 1px dashed #666; }
.optionregular em { font-size: .8em; }

.selectbox { width: 213px; border: 1px solid #999; height: 27px; padding: 3px; padding-left: 2px; font-family: "trebuchet ms", arial, helvetica, sans-serif; color: #888; font-size: .9em; }
.selectbox:hover { background: #fafafa; }
.selectbox:focus { background: #fff; border: 1px solid #000; color: #000; }

.domanselect select { width: 213px; border: 1px solid #999; height: 27px; padding: 3px; padding-left: 2px; font-family: "trebuchet ms", arial, helvetica, sans-serif; color: #888; font-size: .9em; }
.domanselect select:hover { background: #fafafa; }
.domanselect select:focus { background: #fff; border: 1px solid #000; color: #000; }

/* TOOLTIP */

div#qTip {
	padding: 7px;
	border: 1px solid #444;
	display: none;
	background: #eef6fa;
	color: #444;
	font-size: .7em;
	text-align: left;
	position: absolute;
	width: 200px;
	z-index: 1000;
}

/* SUPPORT MENU */

.supportmenu { font-size: .75em; border-bottom: 1px dashed #ccc; padding-bottom: 30px;}
.supportmenu a { text-decoration:none; }
.supportmenu a:hover { text-decoration:underline; }
.supportmenu { color: #000; }
.supportmenu li {
	list-style-type:none;
	float: left;
	margin-right: 10px;
	padding-left: 10px;
	background:url(../webblosningar/linkarrow.gif) no-repeat;
	background-position:0 .5em;
}

.supportlogin { padding-top:10px; padding-bottom: 5px; border-bottom: 1px dashed #ccc; }
.supportlogin input { width: 150px; margin-bottom: 10px; }
.supportlogin .formtxt { margin:0; }
.supportlogin .formsubmit input { width: 70px; height: 33px; margin-top:10px; padding-bottom:5px;}
.supporton { color: #000; text-decoration: underline; }


/* BILDER */

.personligbild {float:left; margin-top: 4px; margin-right: 10px;}


/* REFERENSER */
.refbox { margin-top: 30px; clear: both; }
.refbox img { margin-right: 5px; margin-bottom: 5px; margin-left: -3px;}
.refbox h1 { margin-bottom: 10px; }

.refbox h1 a { color: #222; text-decoration: none; }
.refbox h1 a:hover { text-decoration: none; color: #222; }

#right h1 a { color: #222; text-decoration: none; }
#right h1 a:hover { text-decoration: none; color: #222; }
.refright ul { list-style-type: none; font-size: .6em;}
.refright li { margin-bottom: 3px; }

.reftop { font-size: .8em; margin-top: 10px; padding-bottom: 15px; border-bottom: 1px dashed #ccc; }
.reftop a {
	padding-left: 12px;
	background:url(../webblosningar/uparrow.gif) no-repeat;
	background-position:0 .6em;
	text-decoration:none;
}
.refinfo { clear:both; }

/* 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(../webblosningar/whitearrow.gif) no-repeat;
	background-position:right .35em;
}

#lbPrevLink {
	padding-left: 10px;
	background:url(../webblosningar/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;
}

/* misc */

#left p { line-height:20px; }