/* ========= */
/* = reset = */
/* ========= */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{line-height:1;}
ol,ul{list-style:none;}

ins{text-decoration:none;}
del{text-decoration:line-through;}


/* end reset  */ 

html, body { height:100%; margin:0; padding:0 }
body {
	color: #111;
	font-size: 1em;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-style: normal;
	line-height: 140%;
	background: #a19d96 url(../images/body_background.png) repeat-x fixed left top
}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0.5em 0;padding:0;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.hide {text-indent:-9999px;height:1px;font-size:1px;line-height:1px;padding:0;margin:0;background:none;}
.printlogo { display:none; }

/*-------------------------------------------+
|                                            |
|                TYPOGRAPHY                 |
|                                            |
+-------------------------------------------*/
p { font-size:80%; margin:0 0 0.8em; line-height:140%; padding:0 }
.nopad { padding:0; margin:0 }

a,a:link,a:visited { color:#00ABDA; text-decoration:none }
a:hover { text-decoration:underline; color:#ed7703; }
a img { margin-top:80px; border:0 }
.logo a img { margin-top:0; border:0 }
a.link_important,a.link_important:link,a.link_important:visited { color:#d37500 }

h1,h2,h3 {
  	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	line-height: 130%;
	color: #00ABDA;  
}
h1 {
	color: #00ABDA;
	font-size: 130%;	
	width: 100%;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #cdc9be;
} 

h1.no_underline{border-bottom:none}
h2,h3{color:#000;font-size:75%;padding:0.5em 0 0.25em;margin:0 ;}
h4,h5{font-size:80%;font-family:arial,verdana,helvetica,sans-serif;}
h4{font-weight:bold;margin:0.25em 0 0.1em;padding:0;}
h5{font-weight:normal;line-height:120%;padding:0 0 0.3em 0;margin:0}
h5 a{background:url(../images/hexagonArrow.gif) no-repeat left center;margin:2px 0;padding:2px 0 2px 25px}
h5 a:hover{background:url(../images/hexagonArrowON.gif) no-repeat left center;margin:2px 0;padding:2px 0 2px 25px}
h6{color:#a6a186;font-size:9px;font-weight:bold;line-height:150%;float:left;margin:10px 10px 10px 0;}

blockquote { margin:0; padding:0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

.loud { font-size:1.2em; }
.smalltext { font-size:0.6em; font-style:italic;}

/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/

#pageWrapper { position:relative; width:1020px; margin:0 auto }
#contentWrapper {
	position: relative;
	float: left;
	width: 950px;
	height: auto;
	min-height: 600px;
	padding: 10px 35px 40px 35px;
	line-height: 120%;
	background-color:#fff;
	margin:10px 0 15px;
/*	border:solid 5px #cdc9be;*/
	box-shadow: 0 5px 10px rgba(22,22,22,0.8);
	}


/* banners */
#banner_home {
	width: 930px;
	height: 200px;
	float: left;
	margin: 0 10px 0;
	padding: 0;
	overflow: hidden;
	background: url(../images/banner_bg.gif);
}

#banner_home img { width:930px; height:200px; top:0; left:0 }
#banner_home a img { border:0; padding:0; margin:0 }
#banner { width:931px; height:200px; margin:0 0 20px 10px; padding:0; float:left; /*overflow:hidden;*/ }
#banner img { width:931px; height:200px; top:0; left:0; margin:0; }

/*-------------------------------------------+
|                                            |
|            	NAVIGATION     	             |
|                                            |
+-------------------------------------------*/
#globalnav{position:relative;width:auto;margin:10px 40px 10px 0; float:right;}
#globalnav li{float:left;list-style:none;font-size:0.7em;padding-right:1em;}
#globalnav li::before{content:"|";padding-right:1em;color:#cdc9be}
#globalnav li:first-child::before {content:"";}
#globalnav a:link, #globalnav a:visited {color:#d9d5d0;font-weight:bold;}
#globalnav a:hover, #globalnav a:active, #globalnav a:focus, #globalnav a.active {color:#fff; text-decoration:underline;}
#lang_sv a {padding: 0 0 0 22px; background:url(../images/flag_sv.gif) 0 50% no-repeat}
#lang_en a {padding: 0 0 0 22px; background:url(../images/flag_en.gif) 0 50% no-repeat}
#lang_no a {padding: 0 0 0 22px; background:url(../images/flag_no.gif) 0 50% no-repeat}

/* allmän höjd regel - ändra detta för olika höjdar 'em' bättre för scalability */
#menu_container,#menu a,#menu a:visited{height:2.6em}
/* height måste = line-height för text att vara centrerad */
#menu a,#menu a:visited{line-height:2.6em}
#menu a,
#menu a:visited,
#menu li ul li a:hover,
#menu li ul li a:active,
#menu li ul li a:focus,
#menu li ul li a
{width:154px}

#menu_container {
width: 940px;
margin: auto;
font-size: 12px;
/*margin: -10px 0 21px 10px; */
margin: -10px 0 0 10px; 
position: relative;
z-index:100;
}
#menu,#menu ul{padding:0;margin:0;list-style-type:none}
/* ----------------- 1:e nivå knappar -----------------------*/
#menu a:link,#menu a:visited {
display: block;
font-size: inherit;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
text-decoration: none;
color: #fff;
background: #00ABDA url(../images/menu_button_bg.gif) repeat-x left center;
border-right: 1px solid #096e82;
text-shadow:0 1px 1px #626262;
}

.first{border-left:1px solid #096e82}
#menu a.active {
	color: #fff;
	/*background-color: #008f96;*/
	background: #00ABDA;
	background-image: url(../images/button_bg_active.gif);
	background-position: left center;
	background-repeat:repeat-x;
}

/* ------------- 1:e nivå rollover ----------------- */
#menu li a:hover,
#menu ul li a:hover {
	background: #00ABDA;
	background-image: none;
	color: #fff;
}

/* --------------- 2:e nivå 'dropdown' styles ------------ */
#menu li ul li a:link,
#menu li ul li a:visited {
color: #00ABDA;
background: #fff;
text-align: left;
border: 1px solid #d9d8d6;
border-top: 0;
border-bottom: 0;
text-indent: 10px;
font-weight:normal;
text-shadow:none;
}
/* --------------- 2:e nivå 'dropdown' rollover ------------ */
#menu li ul li a:hover,
#menu li ul li a:focus{background-color:#00ABDA;color:#fff}
/* Förbereda list elementerna */
#menu li{float:left}
/* For Non-IE browsers and IE7 */
#menu li:hover,
#menu li:focus {
	position: relative;
	background: #00ABDA;
	background-image: none;
	color: #fff;
}

/* gör så att 'dropdown' styles fortsätt genom alla under nivåer */
#menu li:hover > a {color:#fff;background-color:#00ABDA}
/* Set up the sublevel lists with a position absolute for fly and overrun padding. */
#menu li ul {display:none; border-bottom:1px solid #d9d8d6; }
#menu li ul ul ul { border-top:1px solid #d9d8d6 }
/* att göra undermeny listor kortare */
#menu li ul li a:link {height:2.4em;line-height:2.4em}
/* för att positionera och gör synlig 3:e nivå 'flyout' menyer */
#menu li:hover > ul{display:block;position:absolute;top:0;left:0;padding:0;background:transparent}
/* positionera hela den 2:e nivå 'dropdown' under 1:e nivå länkar */
#menu > li:hover > ul {left:-1px;top:2.6em}
/* top skulle vara samma som height i första regel */
/* slänga tabell styles som behövs för IE */
#menu table{position:absolute;border-collapse:collapse;top:0;left:0;z-index:100;font-size:1em}
/* För accessibility av 1:e nivå meny om användaren använda TAB knapp istället */
#menu li a:focus{background:#fff;color:#00ABDA}

/* ---------------------- Klasser ---------------------- */
/* 1:e nivå meny punkter */
#menu .sjunk{text-align:center;}
/* att markera 2:e nivå meny punkter som har submenyer */
#menu a.ut:link, #menu a.ut:visited {
	font-weight: normal;
	background-color: #fff;
	background-image:url(../images/meny_pil.gif);
	background-position: 145px -12px;
	background-repeat:no-repeat;
}
#menu a.ut:hover, #menu a.ut:focus {
	color:#fff;
	background-color:#00ABDA;
	background-image:url(../images/meny_pil.gif);
	background-position: 145px 11px;
	background-repeat:no-repeat;
}
/* 2:e nivå meny punkter som är först i listan */
#menu li a.omge, #menu li a.omge:visited {  }

#menu li.ut ul { border-top:1px solid #d9d8d6; }

/* ***************** SUBMENY STYLING ***************** */
/* behålla 3:e+ nivåer gömde när man rollover 1:e nivå */
#menu li :hover ul ul{visibility:hidden;}
/* visa och positionera under nivåer när man rullar över nivå ovan */
#menu li :hover ul,
#menu li :hover ul :hover ul,
#menu li :hover ul :hover ul :hover ul{visibility:visible;top:0.25em;margin-left:154px}
#menu li.ut ul li a { width:145px; font-size:11px; }
/* för sista elementen */
#menu li.last ul {left:-308px;}

#menu li:active, #menu li a:active, #menu ul li a:active, #menu li ul li a:active,  #menu a.ut:active { background:#ed7703;color:#fff; }
#menu a.ut:active {
	background-image:url(../images/meny_pil.gif);
	background-position: 145px 11px;
	background-repeat:no-repeat;
	
} 

/* ------------------- bullet lists ------------------ */
.bullets1 {
margin: 0;
padding: 0 0 0.8em;
line-height: 100%;
}


.bullets1 li {
font-size: 80%;
/*background: url(../images/bullet.png) no-repeat left 6px;
padding: 0 0 0 12px;*/
padding:0;
margin: 0;
line-height:1.7;
list-style-type: disc;
list-style-position: inside
}

.bullets1 span { display:block; margin-left:1.25em; line-height:1.45; margin-bottom:0.5em; }

/* ------------------- content styling ------------------ */
#content {
	float: left;
	background-color: #fff;
	width: 600px;
	height: auto;
	line-height: 140%;
	text-align: left;
	padding-bottom: 10px;
	margin: 10px 20px 20px 30px;
	border-bottom: 1px solid #cdc9be; 
	/*border-bottom: 1px solid #ed7703;*/ /*orange*/
}
#admincontent { float:left; background-color:#fff; width:600px; height:auto; line-height:140%; text-align:left; padding-bottom:10px; margin:10px 20px 20px 30px; border-bottom:1px solid #cdc9be }
#contentListLink ul { margin:0 0 5px -10px; list-style-type:none; list-style-position:outside; display:block }
#contentListLink li { padding-left:12px; background-repeat:no-repeat; background-position:0 0.5em; list-style-position:outside; display:block }
#internalImg { margin-bottom:15px; padding:10px; float:right; clear:right }

#rightColumn {
	position: relative;
	float: right;
	width: 220px;
	height: auto;
	margin: 10px 20px 10px 0;
	padding: 0 0 0 12px;
	background: #E9E4E3; /*url(../images/bg_rightColumn_body.gif) repeat-x left bottom*/
}

#rightColumn p { color:#111; font-size:11px; line-height:150%; text-align:left; font-weight:normal; padding:5px 12px 5px 0 }
#rightColumnList { margin-left:0; list-style-type:none; list-style-image:none; list-style-position:outside; display:inline }
#rightColumnList li { padding-left:12px; background-repeat:no-repeat; background-position:0 0.5em; padding-right:12px; display:block }
#rightColumn a { font-weight:bold; text-decoration:underline }
#rightColumn img { margin:10px 0; padding:0 }
#rightColumn a:link { margin:0; padding:0 }
#rightColumn a:hover { margin:0; padding:0 }
div.colheader {
	background: #98958B;
	/*background: #3c3725 url(../images/bg_rightColumn_header.gif) repeat-x left bottom;*/
	width: 208px;
	margin: 0 0 5px -12px;
	/*padding: 7px 12px 18px 12px;*/
	padding:7px 12px;
	color: #ffffff;
	font-size: 100%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	line-height: 130%
}

.rightImage {
	position: relative;
	float: right;
	width: 220px;
	height: auto;
	margin: 20px 10px 20px 0;
	padding: 0
} 

/*---- nyhetsarkiv ----*/
#newsarchive_col {
	position: relative;
	float: right;
	width: 220px;
	height: auto;
	margin: 10px 20px 10px 0;
	padding: 1em;
	background: #f4f5f4;
/*	border-top: 10px solid #e4e5e2;
	border-bottom: 10px solid #e4e5e2*/
}

#newsarchive_col h4 { font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold }
#newsarchive_col ol { margin:0; padding:0 }
#newsarchive_col ol li { list-style-type:none; float:left; padding:0.5em }


/* ----------------- Tables ----------------- */
div#content table { /* keep selector "div#content" in otherwise menu falls apart in ie6 */
width:100%; font-size:70%; line-height:140%; margin:0; border-collapse:collapse }
div#content th { width:100px; padding:10px 0 10px 0; vertical-align:top; text-align:center; font-weight:bold }
div#content td { width:100px; padding:0; vertical-align:top; text-align:center; font-weight:normal }
div#content tr { padding:0 }

/* ----------------- AdminTables ----------------- */
div.admintable table { /* keep selector "div#content" in otherwise menu falls apart in ie6 */
width:100%; font-size:70%; margin:0; border-collapse:collapse; border-bottom:1px solid #eee; }
div.admintable th { width:100px; vertical-align:bottom; font-weight:bold }
div.admintable td { width:100px; padding:0; vertical-align:bottom; font-weight:normal }
div.admintable tr { padding:0 }

/* ----------------- other classes ----------------- */
.pic_title { font-size:0.7em; padding:1em 0 }
.divider { /* creates horizontal dividing line above text with this class */
padding-top:0.5em; border-top:1px solid #cdc9be }
.dividerbottom { /* creates horizontal dividing line above text with this class */
padding-bottom:0.5em; border-bottom:1px solid #cdc9be }
.ingress { font-size:90%; font-family:arial,verdana,helvetica,sans-serif; font-weight:bold; margin:0 0 1em; line-height:120% }
.twoColFloat { width:40%; padding-right:30px; float:left }
.fullWidth { float:left; width:100%; clear:both }
.halfWidth { float:left; width:50%; clear:both }
.floatLeft { float:left; padding-right:60px }
.floatRight { padding-left:40px; float:right }
.floatRight_produktikon { padding-left:40px; margin-top:10px; float:right }
.floatNone { padding-left:40px; float:none }
.clearRight { clear:right }
.clearBoth { clear:both }
.center { margin-left:60px }
.logo { /* for logo arrays with no text,eg "Industri:Kunder" */
width:25%; float:left; padding-right:50px; text-align:center; vertical-align:middle; height:100px; padding-top:40px; margin:0 }
.nomargin { margin:0 }
.divider_fullwidth { width:100%; clear:both; padding-top:15px; border-top:1px solid #cdc9be }
#adminbanner { text-align:center; margin-top:10px }

a.rss {
	display: inline;
	float: right;
	padding: 0 0 0 17px;
	margin: 0;
	background: url(../images/icon_RSS.png) 0 50% no-repeat;
	position:relative;
	top: 20px;
}

/*-------------------------------------------+
|                                            |
|            	   IKONER      	             |
|                                            |
+-------------------------------------------*/
.icon_produkt { padding-top:1em; border-top:1px solid #cdc9be; border-right-style:none; border-bottom-style:none; border-left-style:none; background:url(../images/icon_component.gif) no-repeat left center; padding-left:22px }
.icon_pdf { background:url(../images/pdf.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_email { background:url(../images/icon_email.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_phone { background:url(../images/icon_phone.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_person { background:url(../images/icon_person.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_people { background:url(../images/icon_people.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_printer { background:url(../images/icon_printer.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_world { background:url(../images/icon_world.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_back {
	background: url(../images/arrow_left.gif) no-repeat left center;
	float: left;
	padding-right: 20px;
	padding-left: 16px
}
.icon_forward {
	background: url(../images/arrow_right.gif) no-repeat right center;
	padding-right: 20px;
	padding-right: 16px
}

.external { background: url(../images/ext.gif) right 80% no-repeat; padding-right:12px; } 

.admin_new { background:url(../images/icon_new.gif) no-repeat left center; padding:2px 2px 2px 22px }
.admin_list { background:url(../images/icon_list.gif) no-repeat left center; padding:2px 2px 2px 22px }
.imagepad { text-align:center; padding:20px }


.floatLeft.vcard {
	margin: 0.25em 6em 2em 0;
	padding-right: 0;
}
.floatLeft.vcard h3 { margin-bottom:0.5em; }
.floatLeft.vcard p { line-height:1; }
.floatLeft .adr { margin-bottom:1.5em; }


.personnel { float:left; display:block; clear:both; font-size:85%;}
.personnel .headShot {float:left; margin:0 0 2em 1.5em; width:130px;}
.personnel .headShot:first-child { margin-left:0; }
.headShot img { margin-bottom:0.5em;}
.personnel .headShot p { padding:0; margin:0; }

#knapp_industri,
#knapp_infrastruktur,
#knapp_fastighet { font-size:100%; float:left; width:129px; height:108px; margin:20px 10px; text-align:center; background-color:#0c8da6; font-weight:bold; line-height:100px; text-transform:uppercase }
#knapp_industri, #knapp_infrastruktur, #knapp_fastighet { background:url(../images/btn_industri.png) no-repeat left top; color:#fff; }
#knapp_fastighet { line-height:15px; padding-top:42px;}
/*#knapp_infrastruktur { background:url(../images/btn_infrastruktur.png) no-repeat left top; color:#fff;}
#knapp_fastighet { background:url(../images/btn_fastighet.png) no-repeat left top; line-height:15px; padding-top:42px; color:#000; } */

/*-------------------------------------------+
|                                            |
|            	HEMSIDA     	             |
|                                            |
+-------------------------------------------*/

#homepage .fullCol { margin:0 10px }
#homepage .fullCol, #homepage .halfCol { padding:20px; float:left;}
#homepage .fullCol {width:890px}
#homepage .halfCol {width:430px}

#hemRuta01, #hemRuta02, #hemRuta03, #hemRuta04 {  }
#hemRuta00, #hemRuta01 { background:#fff }
#hemRuta01 h2 { font-size:1.1em; padding-bottom:0.1em; }
#hemRuta01 p { font-size:1em; line-height:140% }

#hemRuta02 {
	margin: 0 0 0 10px;
	padding: 0;
	/*background: #1B1A1A;*/ /*dark*/
	/*color: #fff; */
	background:#C8C3C0;
/*	background:#fff url(../images/bg-home-nyheter.jpg) -4px 0 no-repeat;*/
	color:#000;
	height: 165px;
	
}

#hemRuta02 a {
	/*color: #dad3cc;*/
	color:#000;
}

#hemRuta02 a:hover { text-decoration:underline; }
#hemRuta02 h2 {
	display: inline;
	float: left;
	width: auto;
	font-size: 1em;
	margin: 0;
	padding: 0;
	/*font-weight: normal; */
}

#hemRuta02 a.rss { display:inline; float:right; padding: 0 1em 0 17px; margin:0; background:url(../images/icon_RSS.png) 0 50% no-repeat; top:0; }
#hemRuta02 ul {width:390px; position:relative; margin:20px 0 0 0; padding:0; background:#4d4a46}
#hemRuta02 li {
	font-size: 0.8em;
	line-height: 130%;
	padding: 10px 0;
	/*color: #fff;*/
	color: #000;
	width: 100%;
	list-style: none;
	list-style-position: inside;
	position: absolute;
	height: auto;
	top: 0;
	left: 0;
	overflow: hidden;
}


a.aaa img { float:right; padding:0 0 0 20px; margin:0; }

#hemRuta02 .hovered { background:none; }
#ticker { background:#C8C3C0 }
#ticker li { background:#C8C3C0 }
#ticker li .NewsTitle { font-weight:bold; margin-bottom:0.5em; display:block; }
#ticker li .NewsTitle a:link, #ticker li .NewsTitle a:visited {
	/*color: #fff;*/
	color:#000;
	font-weight: bold;
	margin-bottom: 0.5em;
	text-decoration: none
}

#ticker li .NewsTitle a:hover { text-decoration:underline }
#ticker li .NewsFooter{ display:block; margin:0.5em 0; font-size:0.8em; color:#656565; font-weight:normal !important; }

#otherstories { margin-top: 150px; padding:10px; font-size:0.8em;}
#otherstories hr { color:#595651; background:#595651; height:1px; border:0; }
#otherstories .smalldate a:hover, #otherstories .smallstory a:hover { text-decoration:none }
#otherstories .smalldate a { font-weight: bold; color:#98958b; padding:0; margin:0 }
#otherstories .smallstory a { color:#fff }

#hemRuta03 { position:relative; background:#fff url(../images/peter_holding_hagman_hem.jpg) top right no-repeat; height:165px; left:-10px }
#hemRuta03 blockquote, #hemRuta03 cite, #hemRuta03 p { margin:0 80px 0 0; }
#hemRuta03 blockquote { width:290px; font-size:1em; line-height:140%; padding-bottom:0.25em; text-indent:-0.5em; }
#hemRuta03 cite { width:290px; font-size:0.8em; line-height:120%; }
#hemRuta03 p { padding:0.5em 0 0; }

#hemRuta04 {
	background: #f1efec url(../images/bg_footer.gif) 0 0 repeat-x;
	/*background:#f4f5f4;*/
	text-align: center;
	margin-bottom: 20px;
}

#hemRuta04 p { font-size:0.75em; padding:0.25em 0 0.25em; margin:0; }


/* --------------------- Filmer --------------------- */
#film { padding:10px }

/* --------------------- Footer --------------------- */
#footer {
	float: left;
	position: relative;
	width: 100%;
	clear: both;
	height: auto;
	margin: 0;
	padding: 0 0 30px 0;
	text-align: center;
	font-size: 0.8em;
	color:#fff;
}

/*#footer a, #footer a:link, #footer a:visited {
	color: #3c3625
}*/
#footer a, #footer a:link, #footer a:visited {
	color: #fff
}

#footer a:hover, #footer a:active { text-decoration:underline; }
/* ------------------------- Sitemap styles ------------------------ */
#sitemap { font-family:Verdana,Arial,sans-serif; text-decoration:none; list-style:none; display:inline; white-space:normal }
#sitemap a { text-decoration:none; list-style:none; list-style-position:outside }
#sitemap ul { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0 }
#sitemap ul a { font-weight:bold; list-style:none; font-size:100%; margin:0; padding:0 }
#sitemap li,#sitemap li a { color:#00ABDA; list-style:none; font-weight:bold; font-size:95%; margin:0; padding:0; padding-left:2px }
#sitemap li a:hover { color:#ed7703; text-decoration:underline; }
#sitemap ul li a {color:#00ABDA; list-style:none; font-weight:normal; margin-left:-20px; padding:0 }
#sitemap ul li ul li a { color:#00ABDA; list-style:none; font-weight:normal; list-style:none; margin-left:-40px; padding:0; font-size:90%; }
#sitemap ul li ul li ul li a { list-style:none; font-weight:normal; margin-left:-60px; padding:0 }

/*-------------------------------------------+
|                                            |
|               	FORMS      	             |
|                                            |
+-------------------------------------------*/
form { padding: 0; background: none }
fieldset { padding: 20px 20px 0 20px; border: none; background: #f2efe7; }
legend { font-size: 100%; font-family: Arial,Helvetica,Verdana,sans-serif; font-weight:normal; color:#3c3725; padding:0; margin:0 }
/* 2:e nivå */
fieldset fieldset { border-bottom:1px solid #cdc9be; }
fieldset fieldset legend { font-size: 90%; width: 100%; padding-top:1em; color:#3c3725; }
fieldset.first, fieldset fieldset legend.first { padding-top:0; }
/* 3:e nivå */
fieldset fieldset fieldset { border-bottom:0; padding:10px 0; margin: 0 0 10px 10px; }
fieldset fieldset fieldset legend { width: 100%; padding-top:0; font-size: 85%; color:#3c3725; }

label {
display: block;
float: left;
margin-bottom: 1em;
padding-right: 1em;
width: 120px;
text-align: left;
font-size: 80%;
line-height:120%;
}

label.radio_label { width:40px; font-weight: normal; }

input, select, textarea {
width:200px;
display: block;
float:left;
margin: 0 1em 1em 0;
font-family: Arial,Verdana,Helvetica,sans-serif;
}

textarea { font-size:80%; }
input.radio { width:auto; }
input.thin, select.thin { width: 80px }
fieldset.submit_btn { border-bottom:0; padding:10px; width:auto; margin-left:145px;}
input.submit, input.reset {
font-weight: bold;
width: auto;
height:30px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
width:auto;
padding:0 26px;
}

input.submit { background: #2e9fb4 url(../images/button_submit_bg.gif) 0 center repeat-x; border:1px solid #096e82; }
input[type="submit"]:hover { background-image:none; background-color:#278799 }
input.reset { background: #777 url(../images/button_reset_bg.gif) 0 center repeat-x; border: 1px solid #7d6f62; }
input[type="reset"]:hover { background-image:none; background-color:#555555 }

p.error { margin:0; }
.error, label.error { font-weight: bold; color:#d37500 }
input.error, select.error, textarea.error { border: 2px solid #d37500; }
form br {clear:left}
form hr{background:#ccc;width:100%;height:1px;margin:0 0 1em 0;}

/* ===================== */
/* = Samarbetspartners = */
/* ===================== */
.samarbetspartners h2 { font-size:16px; font-family:sans-serif; }
.partnerslist { margin:0; padding:0; width:auto; height:auto; list-style:none; }
.samarbetspartners ol li {
border-top:1px solid #ddd; 
margin:15px 0;
list-style:none;
height:auto;
min-height:100px;
padding:15px 0 5px;  
display:block;
width:100%;
clear:both;
}

.samarbetspartners ol li img { position:relative; float:left; margin:0; top:10px; }
.samarbetspartners ol li h4 { margin:0 0 0.25em 180px; font-size:16px;}
.samarbetspartners ol li p { margin: 0 0 5px 180px; padding:0; }

#knx-thumbs { margin:30px 0; padding:0; width:100%; clear:both; }
#knx-thumbs li { display:inline; float:left; margin:0 1em 1em 0; width:100px; height:60px; text-align:center; }
#knx-thumbs br { display:block; width:100%; clear:both; }
#knx-thumbs p { font-size:10px; font-weight:bold; }

.tabs {
  font-size: 80%;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  zoom: 1;
}
.tabs:before,
.tabs:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.tabs:after{clear:both;}
.tabs > li{float:left;}
.tabs > li > a{display:block;}
.tabs{float:left;width:100%;border-bottom:1px solid #ddd;}
.tabs > li{position:relative;top:1px;}
.tabs > li > a{padding:0 15px;margin-right:2px;line-height:36px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.tabs > li > a:hover{text-decoration:none;background-color:#F7F7F7;border-color:#eee #eee #ddd;}
.tabs > li > a.current {background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent; color:#ed7703;}
.tabs > li > a.current:focus { outline:none;}
.panes{clear:both;}
.panes > *{display:none;}
.panes > .active{display:block;}