html { height: 100%; }
body { background: url(../images/bg_top.png) top repeat-x #eaf4fe; font-family:arial, helvetica; font-size: 0.80em; color:#666; text-align:center; margin: 0; height: 100%;}

a, a:hover, a:visited { color:#0c4da2; }
img { border: 0; }

p { padding: 0; }

h1 { font-size:24px; font-weight:normal; color:#0c4da2; line-height:27px; margin: 0 0 15px 0; }
h2 { font-size:18px; font-weight:normal; color:#009dd2; margin:20px 0 5px 0; }
h3 {background: url(../images/bg_box_header.png) top repeat-x; padding: 12px 10px; color: #fff;  margin: 0 0 0 0; font-size: 12px; text-transform: uppercase; }
h4 { font-size:16px; color:#666; font-weight:normal; border-bottom:1px solid #ccc; margin:20px 0px 0px 0px; line-height:24px; }
h5 { font-size:15px; margin:0px; }

table#base { width: 100%; height: 100%; }
table#base tr.bottom td { background: url(../images/bg_bottom.png) bottom repeat-x; height: 150px; }

#site { float: left; position:relative; width:974px; margin:0 auto; text-align:left; }
#top { width:974px; margin:0px;}
#content { float: left; width:974px; margin: 10px 0 0 0; background: url(../images/sub_bg.gif) repeat-y; border: solid 4px #fff;}
.frontpage #content { background: none; background-color: #fff; }
#left { float:left; width:180px; }
#center { float:left; width:464px; line-height:18px; }
.frontpage #center { width: 644px; }
.frontpage #center .space { padding: 0 4px 0 0; }

.noright #center { width: 794px; }
.noright #content { background: #FFF; }

#center .space { padding: 20px 14px 20px 14px; }
#right { float:left; width:330px; }
#right .space { }
#bottom { background:url(../images/bg_footer.png) no-repeat #263136; width:920px; color:#aaa; }
#bottom .space { padding:10px; }

/* BOTTOM */
#bottom { float: left; background: url(../images/bg_footer_stripe.png) bottom center no-repeat; vertical-align: top; }
#bottom .logo { float: left; margin-right: 40px; padding: 15px 0 0 20px; }
#bottom .menu { float: right; padding: 0 10px 35px 0; }
#bottom .menu div { float: left; padding: 0 0 40px 50px; }
#bottom .head { border-right: 1px solid #4a4a4a; color: #FFF; padding: 0 20px 0 40px; font-weight: bold; font-size: 14px; }
#bottom .info { text-align: left;  padding-left: 20px; }
table#base tr.bottom td td { height: auto; background: none; }
table#base tr.bottom td td td { padding: 2px 4px; font-size: 11px; }

/* Top */
#top .logo { float: left; width:200px; height:100px; margin: 10px 0 0 0; }

/* Menu */
#menu { float:right; margin-top: 54px; }
#menu ul { float: left; list-style:none; padding: 0; margin: 0; }
#menu li { float:left; padding: 5px 1px; }
#menu li a { float: left; color:#FFF; padding: 10px 8px; text-decoration:none; font-weight: bold; font-size: 11px; }
#menu li a:hover, #menu li.active a { color:#7cadee; border-bottom: 5px solid #4b7bba; }
#menu li.first a { }
#menu li.last a { }

#submenu { background: url(../images/bg_box_header.png) repeat-x; padding: 41px 0 0 0; }
#submenu ul { list-style:none; padding:0px; margin:0px; }
#submenu li { padding: 0; border-bottom: solid 2px #fff;}
#submenu li a { color:#5f5f5f; display:block; text-decoration:none; padding:8px 10px 8px 15px; background: url(../images/submenu_bg.gif) no-repeat bottom left;}
#submenu li.active a { background: url(../images/submenu_active_bg.gif) no-repeat bottom left; }
#submenu li a:hover { }
#submenu li.first { }

#submenu ul li ul li { border-bottom:1px solid #e2e2e2; line-height: 0px; border-left: solid 7px #0c4da2;}
#submenu ul li ul li a { background:none; padding:12px 10px 12px 10px; display:block; text-decoration:none; border:0px; font-size:11px; }
#submenu ul li.active ul li a, #submenu ul li.active ul li a:hover { background:none; }
#submenu ul li ul li.active a { color: #0c4da2;}
#submenu ul li ul li.first { border-top:0px; }

.loggedin { width: 100%; border: 1px solid #f2f2f2; margin-top: 10px; }
.loggedin div { padding: 5px; }

table { font-size:12px; }

.breadcrumb { margin:0 4px; font-size:10px; background: url(../images/black_bg.gif) repeat-x left top; padding: 10px 10px 11px 10px; color: #e3e3e3;}
.breadcrumb ul { list-style:none; padding:0px; margin: 0 0 0 3px; display:inline;}
.breadcrumb li { display:inline; background:url(../images/breadcrumb_spacer.gif) no-repeat right; padding:0px 5px 0 3px;}
.breadcrumb li.last { background: none; }
.breadcrumb li a, .breadcrumb a:hover, .breadcrumb a:visited { font-size:11px; color:#fff;}
.breadcrumb li.last a, .breadcrumb li.last a:hover, .breadcrumb li.last a:visited { color: #fff; text-decoration:none; }

/* Startpage */
#startpage { background: #fff; }
#startpage .splash { float: left; width: 640px; height: 300px; margin:0; }
#startpage img { float: left; }
#startpage .onfocus { clear: both; float: left; width: 100%; background: #d2e1f5; }
#startpage .onfocus table { width: 100%; }
#startpage .onfocus .head { height: 50px; background: #000; }
#startpage .onfocus .head span { float: left; color: #7cadee; font-weight: bold; padding: 15px 0 0 20px; font-size: 16px; }
#startpage .onfocus .bottom { float: right; padding: 0 10px 10px 0; }
#startpage .onfocus .products { float: left; padding: 10px; }
#startpage .onfocus .products div.box { float: left; padding-left: 10px; width: 143px; }
#startpage .onfocus .products div.box div { border: 1px solid #bfcddf; background: #FFF; width: 140px; height: 140px; }
#startpage .onfocus .products span { clear: both; padding: 8px 0; color: #0c4da2; display: block; text-align: center; }
#startpage #box { margin-top: 4px; }
#startpage .catalogs a { float: left; margin-right: 20px; border: 3px solid #FFF; margin-left: 4px;}






/* Element */
form { margin:0px; }
input, select, checkbox, textarea, radio { font-size:11px; }
textarea { font-family: Arial; }
input.submit { padding:1px;background:#006600; color:#fff; font-weight:bold; font-size:10px; text-transform:uppercase; border:1px solid #2B8200; cursor:pointer; }

table.list { border:0; padding:0; border-collapse:collapse; width: 100%;}
table.list th { background: url(../images/bg_box_header.png) center center #05286c repeat-x; color:#fff; padding:6px 6px; }
table.list td { padding:6px 6px; border-bottom:solid 1px #e2e2e2; }

.ingress { color:#666; font-size:14px; line-height:20px; display:block; margin-bottom:15px; }
img { border: none; }
img.thumbnail { }
.article-info { display: none; }

/* Element */

#box { float: left; width: 100%; }
#box .header { float: left; width: 100%; height: 39px; background: url(../images/bg_box_header.png) top repeat-x; }
#box .header span { color: #FFF; font-weight: bold; line-height: 39px; padding-left: 15px; font-size: 12px; }
#box .body { clear: both; float: left; width: 100%; }
#box .black { background: #000; }
#box .body .space { float: left; padding: 20px 15px; }

/*ÅF Login */

.af_login { width: 100%; border: 1px solid #E2E2E2; background: #D2E1F5; margin-top: 20px; }
.af_login form { padding: 10px; }
.af_login td { padding-right: 5px; }
.af_login .error { color: red; }

/* TEMPLATES */

/* article-one */
div#article_one { padding-bottom: 10px; }
div#article_one img { border: solid 1px #e2e2e2; }
div.kontakt div#article_one img { border: none; }

div.kontakt div#article_one img.left { margin:0 10px 0 0; }
div.kontakt div#article_one img.right {  }

div#article_one td { vertical-align: top; }
div#article_one .ingress { border-bottom: solid 1px #e2e2e2; padding: 0 0 25px 0; margin: 0 0 25px 0; }




/* standard */
div#standard { width: 100%; }
div#standard div.content, div#standard div.content-on { float: left; padding-bottom: 10px; margin-bottom: 10px; width: 435px; border-bottom: solid 1px #e2e2e2;}
div#standard .thumb { float:left; margin:0 10px 0 0; padding: 3px; border: solid 1px #e5e4e4; background: #fff;}
div#standard .thumb img { display: block;}
div#standard h3 { margin:0px; background: 0; padding: 0 0 0 0;}
div#standard h3 a { text-decoration: none;}
div#standard .ingress { font-size:12px; color:#444; line-height:16px; }
div#standard .date { font-size:12px; color:#444; float:left; line-height:16px; display: none;}
div#standard div.article-info { display: none; margin:0 10px 10px 0; color:#666; }
div#standard a.readmore, div#standard a.radmore:hover, div#standard a.readmore:visited { font-weight:bold; }

/* headerlist */
div#headerlist { width:100%; }
div#headerlist .a, div#headandlist .a { }
div#headerlist .b, div#headandlist .b { text-align: right; }
div#headerlist a, div#headerlist a:hover, div#headerlist a:visited, div#headandlist a, div#headandlist a:hover, div#headandlist a:visited { background:url(../images/arrow.gif) no-repeat; padding:1px 0px 5px 15px; font-weight:normal; font-size:14px; display:block; }
div#headerlist h1 { margin-bottom:10px; }
div#headerlist table.list { width:95%; border:0; padding:0; border-collapse:collapse; }

/* headandlist */
div#headandlist h3 { margin-top: 40px; } /* satter avstand fran overliggande template */


/* Produkter */
.produkter div#article_one td.a { padding-right: 10px; }
.produkter div#article_one td.b { width: 150px; padding-left: 10px; color: #000; font-size: 11px; line-height: 13px; }
.produkter div#article_one img { border: 1px solid #e2e2e2; display: block; }
.produkter div#article_one td.b a, .produkter div#article_one td.b a:hover, .produkter div#article_one td.b a:visited { background: url(../images/link_arrow.gif) no-repeat left; padding-left: 15px; }
.produkter #standard .content a.readmore, .produkter #standard .content-on a.readmore { display: none; }


.search { background:#d2e1f5; padding:15px 10px 20px 10px; position:relative;}
.search input { width: 220px; margin-right:0px; padding:7px 7px; border:solid 2px #b8cae2;}
.search input.submit { width: 60px; margin:0; padding: 8px 15px 6px 15px; top: 17px;  position: absolute; background:url(../images/black_bg.gif) repeat-x center center; border:0;}

/* Right */
#right .text p { margin: 10px 10px; }
div#right .space div#article_one img { border:0; }