/* -----------------
CSS-document / global.css
Author: Eric Martinsson, Grebban Design, www.grebban.com
Copyright: DE Teknik, www.deteknik.se, 2006
------------------ */

/* Global
================================================*/
body {
margin:0;
padding:0;
background:#fff url(../images/bg_top.gif) repeat-x top left;
font: normal 1em verdana, arial, sans-serif;
color: #393939;
line-height:116%;
}
a:link,a:visited,a:active {
color:#6d9120;
text-decoration:underline;
}
a:hover,a:focus {
color:#393939;
border-bottom: 1px solid #1486b6;
text-decoration:none;
}

/* Other links
================================================*/
#footer a:link,#footer a:visited,#footer a:active {
color:#626262;
text-decoration:underline;
}
#footer a:hover {
color:#393939;
border-bottom: 1px solid #1486b6;
text-decoration:none;
}

#header a:link{
border:none;
}
#header a:hover {
border:none;
}

/* Page structur - Layout
================================================*/
#wrapper {
margin: 0 auto;
padding:0;
width: 815px;
}
#menu {
margin:0;
padding:0;
height:60px;
width:815px;
background:url("../images/navigation.gif") repeat-x;
}
#header {
margin:0;
padding:0;
height:161px;
width:815px;
background:url("../images/header.gif") repeat-x;
}
#content {
margin:0;
padding:0;
background: url("../images/bg_content.gif") repeat-y;
width:815px;
float:left;
padding-bottom: 25px;
}
#leftcolumn {
padding-bottom:15px;
width:500px;
float:left;
}
#rightcolumn {
width:285px;
background:url("../images/dotted_line.gif") repeat-y;
float:left;
}
#middlecolumn {
padding-bottom:15px;
width:800px;
float:left;
}
#footer {
margin:0;
height:150px;
width:815px;
background: url("../images/bg_footer.gif") repeat-x;
float:left;
display:block;
}
#header_logo {
margin:1px 0 0 12px;
padding:0;
width:790px;
height:161px;
border:none;
}

#news {/* none */ }
.news-box {
border-top:1px solid #e1f0f7;
border-bottom:4px solid #e1f0f7;
border-right:4px solid #e1f0f7;
border-left:1px solid #e1f0f7;
background:#fefefe;
width:445px;
margin:0 0 15px 40px;
}
.news-box2 {
border-top:1px solid #ededed;
border-bottom:4px solid #ededed;
border-right:1px solid #ededed;
border-left:4px solid #ededed;
background:#fefefe;
width:445px;
margin:0 0 15px 40px;
}
.side-box {
	border: 2px solid #d2dcec;
    margin: 0 5px 0 35px;
	background: #f4f8ff; 
}
#spec{
margin: 10px 0 0 40px;
}
/* Navigation - In the top
================================================*/
ul#menu_buttons {
margin:0 16px;
float:right;
list-style:none;
}

ul#menu_buttons li {
margin-right:7px;
height:60px;
float:left;
text-align:center;
display:block;
}

ul#menu_buttons li a {
padding:60px 0 0;
height:0;
background-position:0 -60px;
overflow:hidden;
float:left;
display:block;
border:none;
}

ul#menu_buttons li a:hover,ul#menu_buttons li.active a {
background-position:0 0;
}

ul#menu_buttons li.active a {
cursor:default;
}

ul#menu_buttons li#hem a {
width:57px;
background-image:url(../images/nav_hem.gif);
}

ul#menu_buttons li#foretaget a {
width:92px;
background-image:url(../images/nav_foretaget.gif);
}

ul#menu_buttons li#tjanster a {
width:82px;
background-image:url(../images/nav_tjanster.gif);
}

ul#menu_buttons li#webshop a {
width:92px;
background-image:url(../images/nav_webshop.gif);
}

ul#menu_buttons li#referenser a {
width:98px;
background-image:url(../images/nav_referenser.gif);
}

ul#menu_buttons li#kontakta a {
width:88px;
background-image:url(../images/nav_kontakta.gif);
}

/* Images
================================================*/
img {
border:none;
}
.images {
border:1px solid #ccc;
background:#FFF;
padding:5px;
}
.images:hover {
border:1px solid #a5bfcf;
background:#eaf5cf;
padding:5px;
}
.imgstart {
margin:10px 0 10px 60px;
}
.side_img {
margin:0 7px 0 0;
}
.side_img_big {
margin:0 7px 0 30px;
}
/* Typography - Titles, headlines, text...
================================================*/
h1,h2,h3,h4,h5,h6 {
margin:27px 0 10px 40px;
}
h1 {
font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
color:#1486b6;
font-size:1.5em;
padding-bottom: .35em;
border-bottom: 1px solid #ececec;
letter-spacing: 0.03em;
}
#rightcolumn h2 {
color:#634B22;
font-size:1.2em;
font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
padding-bottom: .35em;
border-bottom: 1px solid #ececec;
letter-spacing: 0.03em;
}
h2 {
color:#634B22;
font-size:1.1em;
font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
letter-spacing: 0.03em;
}
h3 {
font-size:0.9em;
font-weight: bold;
}
p{
margin:10px 25px 12px 40px;
font-size:0.85em;
}
#rightcolumn p{
margin:10px 10px 12px 40px;
font-size:0.75em;
}
#news h2{
margin:15px 10px 0 20px;
}
#news p{
margin:10px 10px 15px 20px;
}
#news span{
margin:0 0 0 20px;
font-size: 0.8em;
color:#999999;
}
#rightcolumn .mini{
margin:0 25px 0 40px;
font-size:0.8em;
}
#rightcolumn .big{
margin:0 25px 5px 40px;
font-size:0.85em;
font-weight:bold;
}

#rightcolumn .side-box h2{
margin:15px 10px 0 15px;
color:#4ba0c4;
font-size:1.2em;
font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
border-bottom: 0;
}
#rightcolumn .side-box p{
margin:5px 10px 10px 20px;
}
.ingress {
margin-top:12px;
margin-bottom: 15px;
font-size:1.05em;
font-weight: b;
font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
}

#footer p {
margin: 25px 0 0 0;
color:#6c6c6c;
text-align:center;
font-size:0.75em;
}
#footer .copy {
margin: 15px 0 -10px 0;
font-size:0.7em;
}

/* Forms
================================================*/
input, textarea, select {
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
 }
.select_search, .select_cat, .select_area, .select_type {
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
padding: 3px;
border:2px solid #346393;
}
.select_search:focus, .select_cat:focus, .select_area:focus, .select_type:focus {
border:2px solid #60a1e4;
background-color:#e8f3ff;
}
.submit {
margin: 5px 0 0 0;
}


/* List
================================================*/
ul.list_green {
margin:0 20px 25px;
padding-left:30px;
font-weight:bold;
font-size:0.75em;
}
.list_green li {
margin:0 0 5px;
padding-left:20px;
background:url(../images/list_green.gif) no-repeat 0 2px;
}

/* Misc
================================================*/
ul,li {
list-style-type:none;
}

abbr {
border-bottom:1px dotted #3F3F3F;
}
.style1 {
	font-size: 0.7em;
	font-weight: bold;
}
.style7 {font-size: 0.7em}
