body { background:url(../images/bg.jpg) no-repeat top center #f0efdb; text-align:center; margin:0; padding:0; }

/*STRUCTURE*/
/************************************************************************************************/
div#site { position:relative; z-index:1; width:972px; background:none; margin:0px auto; text-align:left;} /*Sidans vidd, placering och backgrund*/
div#top { background:#000; width:100%; height:135px; background:url(../images/top_bg.png) no-repeat bottom; }
div#content { float: left; width:100%; padding:15px 0 25px 0; background:url(../images/site_bg.png) repeat-y; position:relative; z-index:1;} /*Sätter marginaler från topp och botten*/
div#left { float:left; width:220px; margin:0 15px 0 0; overflow-x:hidden; display:none;}
div#center { float:left; width:690px; }
div#right { float:right; width: 222px; margin: 0 35px 0 0; overflow-x:hidden;}
div#bottom { clear:both; background:url(../images/bottom_bg.png) no-repeat top; }

/*Structure - padding & margin*/
div#top .space { padding:0 0 0 0; }
div#left .space { padding: 10px; width: 100%; clear:both; }
div#center .space { padding:0 0 0 40px; }
div#right .space {  }
div#bottom .space { padding: 28px 30px; }

/*No right-column*/
.no-right .center { float:left; width:695px; overflow: hidden; }
.no-right .right { display:none; }
.no-right .center .space { padding:0 15px 0 0; }

/************************************************************************************************/



/*GENERAL*/
/************************************************************************************************/
ul { list-style-type:none; padding:0; margin:0; }

/*Typsnitt och länkar för hela sidan*/
body, td, th, label, input, textarea { font-family:arial, helvetica; font-size:12px; line-height: 15px; color:#8a8863; }
a, a:hover, a:visited { color:#00853e; text-decoration:none; }
a:hover { text-decoration:underline; }
a.readmore, a.readmore:hover, a.readmore:visited {  }
a.button, a.button:hover, a.button:visited { background:#ff00ff; color:#fff; padding:5px 10px; line-height: 25px; }

/*Rubriker*/
h1 { font-size:30px; color:#afad8b; margin 0 0 20px 0; font-weight:bold; font-style:italic; line-height: 28px;} /*Överst på varje sida*/
h2 { font-size:22px; color:#afad8b; margin 0 0 20px 0; font-weight:bold; font-style:italic; border-bottom:solid 1px #afad8b; padding:0 0 8px 0; } /*Stora rubriker i center*/
h3 { font-size:11px; margin: 0;} /*Små rubriker i center*/
h4 { font-size:11px; margin: 0 0 0 0; } /*Rubriker i left och right*/
div#right h4 { font-size:20px; margin:0 0 15px 0; font-weight:bold; font-style:italic; color:#afad8b; } 

/*Tabell-listor*/
table.list { padding:0; border:0; border-collapse:collapse; width:100%; }
table.list tr.even {  }
table.list tr.odd {  }
table.list tr.first {  }
table.list tr.last {  }
table.list th { text-align:left; padding:7px; border-bottom:solid 1px #ff00ff;}
table.list td { padding:7px; border-bottom:solid 1px #e3e3e3; }

/*li-listor*/
div#center div.headandlist li, div#center div.headerlist li { border-bottom:solid 1px #e3e3e3; padding:5px 0;}
div#center div.headandlist li.odd, div#center div.headerlist li.odd {  }
div#center div.headandlist li.even, div#center div.headerlist li.even {  }
div#center div.headandlist li.first, div#center div.headerlist li.first {  }
div#center div.headandlist li.last, div#center div.headerlist li.last {  }
div#center div.headandlist li .date, div#center div.headerlist li .date {  }

/*Formulär - Sätt storlek på template*/
form { margin:0; padding:0; }
label { display:block; }
input { margin:0; padding:0; background:#f4f3f1; border:solid 2px #e3e3e3; }
input.button { background:#ff00ff; border:solid 1px #cc02cc; color:#fff; font-weight: bold; cursor:pointer;}

/*Breadcrumbs*/ 
.breadcrumb { border-bottom:solid 1px #e3e3e3; padding:10px 0; color: #e3e3e3; margin: 0 0 20px 0; width:100%; display:none;}
.breadcrumb span { float:left; }
.breadcrumb ul { float:left; }
.breadcrumb li { float:left; border-right:solid 1px #e3e3e3; }
.breadcrumb li.first { padding-left:5px;}
.breadcrumb li.last { border:0;}
.breadcrumb li a, .center .breadcrumb li a:hover, .center .breadcrumb li a:visited { color:#919191; padding:0px 8px; }
.breadcrumb li.first a, .center .breadcrumb li.first a:hover, .center .breadcrumb li.first a:visited { padding-left:0; }
.breadcrumb li.last a, .center .breadcrumb li.last a:hover, .center .breadcrumb li.last a:visited { color:#ff00ff; text-decoration:underline; }

/*Pagination*/
.pagination { width:100%; margin:20px 0; clear:both;}
.pagination span { display:block; width:100%; text-align:center; padding:0 0 10px 0;}
.pagination td { padding:0 2px;}
.pagination td.c { width:100%; text-align:center; padding:0 10px;}
.pagination a.button, .pagination a.button:hover, .pagination a.button:visited { padding:1px 4px; font-weight:bold; text-decoration:none; }

/*Bilder*/
img { border:0; }
div.thumbnail { border:solid 1px #e3e3e3; padding:2px; }
div.thumbnail img { display:block; border:0; padding:0; margin:0;}

/************************************************************************************************/


/*TOP*/
/************************************************************************************************/
div#top .logo { float:left; margin:0 0 0 13px;}
div#top .language { display:none; }
div#top .toplinks { float:right; }
div#top .toplinks li { float:left; padding-right: 10px; }
div#top .toplinks li a, .toplinks li a:hover, .toplinks li a:visited {  }
/************************************************************************************************/


/*MENUS*/
/************************************************************************************************/
/*Mainmenu*/
.menu { float: right; margin: 88px 15px 0px 0; }
.menu li { float:left; position:relative; z-index:100;}
.menu li.first { border-left:0; }
.menu li.last { }
.menu li a, .menu li a:hover, .menu li a:visited { float:left; padding:0 12px 5px 12px; color: #00853e; font-weight:bold; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:12px;}
.menu li a:hover { }
.menu li.active a, .menu li.active a:hover, .menu li.active a:visited { }

/*dropdown*/
.menu ul li ul, .menu ul li.active ul { float:left; position:absolute; top:17px; left:2px; z-index:10000; background:#f0efdb; display:none; width:170px; padding-bottom:5px;}
.menu ul li li, .menu ul li.active li { color:#fff; display:block; width:100%;}
.menu ul li li a, .menu ul li.active li a, .menu ul li.active li a:hover, .menu ul li.active li a:visited { float:left; color:#00853E; text-transform:none; padding:5px 10px 0 5px; display:block; }



/*Submenu nivå 1*/
.submenu { float:left; width:100%; }
.submenu li { float: left; display: block; border-bottom:solid 1px #e3e3e3; width:100%; }
.submenu li.first {  }
.submenu li.last {  }
.submenu li a, .submenu li a:hover, .submenu li a:visited { float:left; padding:10px 10px; width:100%; }
.submenu li a:hover { background:#e3e3e3; }
.submenu li.active a, .submenu li.active a:hover, .submenu li.active a:visited { background:#ff00ff; color:#fff; }

/*Submenu nivå 2*/
.submenu li.active li { border:none; }
.submenu li.active li a, .submenu li.active li a:hover, .submenu li.active li a:visited { background:#fff; color:#000; padding:3px 10px; }
.submenu li.active li a:hover { background:#ff0; }
.submenu li.active li.active a, .submenu li.active li.active a:hover, .submenu li.active li.active a:visited { background:#e3e3e3; color:#000; }

/*Submenu nivå 3*/
.submenu li.active li.active li { border: none; }
.submenu li.active li.active li a, .submenu li.active li.active li a:hover, .submenu li.active li.active li a:visited { background:#fff; padding:3px 10px 3px 20px; }
.submenu li.active li.active li a:hover { background:#00f; }
.submenu li.active li.active li a.active, .submenu li.active li.active li.active a:hover, .submenu li.active li.active li.active a:visited { background:#7cdfff; }
/************************************************************************************************/


/*CENTER*/
/************************************************************************************************/
div#center {}

/************************************************************************************************/


/*RIGHT*/
/************************************************************************************************/
div#right {}
div#right .right-box { background:url(../images/right_fade.png) no-repeat top; padding:10px; margin:0 0 15px 0;}
div#right .right-box .space ul { list-style:none; padding:0; margin:0; }
div#right .right-box .space ul li { border-bottom:solid 1px #f0efdb; padding:0 0 8px 0; margin:0 0 8px 0;}



/************************************************************************************************/


/*BOTTOM*/
/************************************************************************************************/
div#bottom a {color:#8a8863; text-decoration:underline;}

/************************************************************************************************/



/*ARTICLE*/
/************************************************************************************************/
/*Article*/
div#center .article { width:100%; margin:0 0 15px 0;}
div#center .article h1 { }
div#center .article .ingress { font-size:14px; padding:0 0 0 0; margin:0 0 20px 0; font-style:italic; line-height:20px;}
div#center .article .article-info { display:none;}
div#center .article .article-info .date {  }
div#center .article .article-info .update {  }
div#center .article .article-info .author {  }
div#center .article img.articleimage { margin:0; display:block;}
div#center .article img.default { margin:15px 0 20px 0; border:solid 2px #fff; }
div#center .article img.left { margin:5px 15px 15px 0; border:solid 2px #fff; }
div#center .article img.right { margin:5px 0 15px 15px; border:solid 2px #fff; }
div#center .article td .articleimage { margin: 0; }
div#center .article td .left { margin-right: 15px; }
div#center .article td .right { margin-left: 15px; }
div#center .article span.imagetext { font-style:italic; display:block; margin:4px 0 15px 0; }
div#center .article ul { list-style:disc; padding:0 0 0 15px;}
div#center .article ol { list-style:decimal; }
div#center .article li { padding: 0 0 5px 0px; }

/*Headandlist*/
div#center div.headandlist { width:100%; margin:25px 0 0 0; }

/*Headandstandard*/
div#center div.headandstandard { width:100%; margin:25px 0 0 0;  }

/************************************************************************************************/


/*KATEGORILISTOR*/
/*Standard*/
div#center div.standard { float:left; width:100%; }
div#center div.standard div.odd, div#center div.standard div.even { clear:both; padding:10px 0; float:left; width:100%; border-bottom:solid 1px #e3e3e3;}
div#center div.standard div.odd.first { padding-top:0; }
div#center div.standard div.last { margin-bottom:20px; }
div#center div.standard div.thumbnail { float:left; margin:0 15px 0 0; }
div#center div.standard div.ingress { float:left; margin:0 0 0 0; width:330px; }
div#center div.standard div.ingress span.date {  }
div#center div.standard div.ingress a.readmore { display:inline; }


/*Headlist*/
#headerlist { width:100%; }


/*STARTSIDAN*/
div#site.cat_2 div#center { float:left; width:450px;}
div#site.cat_2 div#center h1 {margin:0 0 10px 0; font-size:25px; }
div#site.cat_2 div#right { width:500px; margin-top:-5px; margin-right:-5px; }
div#site.cat_2 div#right .right-box { float:left; width:202px; margin:0 5px;}
div#site.cat_2 div#right .right-box .space { }
.splash { margin:-15px 0 25px 21px; width:930px; height:300px; }

/*BILDGALLERI*/
#media-standard .thumbnailbox, #media-standard .videobox { float:left; overflow: hidden; margin: 0 5px 5px 0; width: 100px; height: 100px; border: 1px solid #f0efdb; cursor: pointer; background:#fff; }
#media-standard .videobox { background: #000; }

/*Menyer*/
#lunch { width:100%; }
#lunch div.even, #lunch div.odd { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:solid 1px #f0efdb; }
#lunch .head { font-size:13px; display:block; font-weight:bold; text-transform:uppercase; }
#lunch .basic_info { margin:0 0 50px 0; font-style:italic;}
#lunch .business { margin:0 0 20px 0; }



