body {font:12px Arial, Verdana, sans-serif; background: #dedede url(/CommonResources/Files/www.wangeskog.se/Images/Mallelement/bg.gif) repeat-x; color: #000; margin: 0; padding: 0;}

/* Wysiwyg classes
-------------------------------------------------------------- */

body.RadEContentBordered {font:12px Arial, Verdana, sans-serif !important; background: #fff !important; color: #000 !important; }
body.RadEContentBordered div {border: #ccc 2px dashed !important; }
body.RadEContentBordered div.produkter {width: 110px; padding: 20px; float:left;  border: 1px dashed #ccc; height: 180px;  margin: 0 10px 10px 0}
body.RadEContentBordered div.produkter h2 {font-size: 14px; margin-bottom: 15px;}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: bold; line-height: 1; margin: 0; padding: 0;}

h1 { font-size: 30px;  margin-bottom: 0.5em; }
h2 { font-size: 25px; margin-bottom: 0.5em; }
h3 { font-size: 20px; }
h4 { font-size: 14px; margin-bottom: 5px; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h2.newsheader {background: #006ab6; display: block; width: 988px; height:29px; clear: both; line-height: 100%; margin: 0; color: #fff;  }

#textcontent div.produkter, #textcontent-produkter-start div.produkter h2 {font-size: 12px; margin-bottom: 15px;}
#sidecontent a{text-align: right; margin-bottom: 20px; display: block;}

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

.product-details h3 {margin: 0 0 0.5em; 0}

/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
blockquote {margin-bottom:1em;}
code {}
del {}
dfn {}
dfn {}
em {}
p { margin-top: 0; margin-bottom:1em; line-height: 140%}
pre {}
strong {}
hr {color:#e3e3e3; background-color:#e3e3e3; height:1px; border:none;}


#maincontent p{
margin-bottom: 0;
padding-bottom: 1em;
}

/* Link elements 
-------------------------------------------------------------- */
a { color: #004798; font-weight: bold;}
a:visited { color: #004798; }
a:hover { color: #004798; }
a:active { color: #004798; }
a img { border: 0; }

/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom:1em;}
ul li {}
ol {margin-bottom:1em;}
ol li { }

dl {margin-bottom:1em;}
dl dt {}
dl dd {}

ul.Products { list-style: none;  margin: 0; }
.product-details dl {margin-bottom:1em; list-style: none; margin: 0; width: 390px;}
.product-details dl dt {width: 130px; font-weight: bold; float: left; height: 1%}
.product-details dl dd {width: 260px; display: block; }


/* Tables
-------------------------------------------------------------- */
table {margin-bottom: 1em;  border-collapse:collapse; width: 727px; table-layout: fixed; }
th, td {
padding: 4px;
margin: 0;
overflow: hidden;
}

td {
border-bottom: 1px dashed #ddd;
}

th {
border-bottom:2px solid #ddd;

font-weight:bold;
}
caption, th, td {
text-align:left;
}





/* Some general classes
-------------------------------------------------------------- */
.align-left {float:left;}
.align-right {float:right;}
.bottom {margin-bottom:0; padding-bottom:0;}
.hide {display:none;}
.highlight {}
.large {}
.small {}
.off-screen {position:absolute; left:-999em;}
.top {margin-top:0; padding-top:0;}
.flash {margin-bottom: 14px;}
.date {color: #000; margin-bottom: 0.5em; padding: 0; font-size: 10px;}
.price { font-weight: bold; margin-right: 150px; text-align: right; }


/*  Forms
-------------------------------------------------------------- */
form {}
fieldset {margin-bottom:1em;}
legend {}
label {}
input {}
textarea {}

/* Images
-------------------------------------------------------------- */

#logo a{text-indent: -999em; background: url(/CommonResources/Files/www.wangeskog.se/Images/Mallelement/logo.gif) no-repeat; width: 196px; height: 70px; position: absolute; top: 15px; left: 20px; z-index: 5;  display: block;}

#logo-wbg a{text-indent: -999em; background: url(/CommonResources/Files/www.wangeskog.se/Images/Mallelement/logo_wbg.gif) no-repeat; width: 196px; height: 70px; position: absolute; top: 15px; left: 20px; z-index: 5;  display: block;}



.box img.boximage {top: 0; right: 60px; position: absolute; }

#newsbox1 img, #newsbox2 img { float: left; margin-right: 13px;}


#maincontent img.rightimage {
bottom: 0;
right: 0;
position:absolute;
margin: 0;
padding: 0;
clear: both;
}

#maincontent img.leftimage {
bottom: 0;
left: 0;
position:absolute;
margin: 0;
padding: 0;
clear: both;
}

/* Layout containers
-------------------------------------------------------------- */
#skip {position:absolute; top:-999em; left:-999em; }
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background:#ededee; color:#000;}

#wrapper { position:relative; padding:0; width: 1000px; margin: 0 auto; margin-bottom: 22px; background: #fff;}

#wrapper:after {content: ""; display: block; height: 0; clear: both;  }

#header {background: #fff url(/CommonResources/Files/www.wangeskog.se/Images/Mallelement/topbg.gif) no-repeat; margin: 0; height: 104px; font-weight: bold; position: relative; padding: 0;}

#searchbar {position: absolute; bottom: 22px; right: 22px; font-weight: bold;}

#content { background: #fff; padding: 13px 13px 0 13px; height: 1%; }
#content:after {content: ""; display: block; height: 0; clear: both; }

#content2 { background: #fff; padding: 13px 13px 0 13px; position: relative; height: 1%}
#content2:after {content: ""; display: block; height: 0; clear: both; }

#maincontent {
background: #fff;
font-weight:bold;
position:relative;
width: 550px;
margin: 0 auto;
padding-left: 187px;
padding-right: 187px;
height: 236px;

}


#maincontent:after {content: ""; display: block; height: 0; clear: both; }

#maincontent2 { overflow: hidden; border-top:3px solid #000000; }

#sidecontent { width:177px; float:left; position: relative;}


#meny {background: #7b7b7b; height: 24px; position: relative; padding-left:23px;  margin: 3px 0; clear: both;}

#meny2 {width: 200px; float: left; background: #fff; padding-bottom: 30px;}

#textcontent { float: left; margin: 0 22px 22px 22px; width: 550px; padding-bottom: 30px; }
#textcontent-produkter { float: left; margin: 0 22px 22px 22px; width: 727px; padding: 0 0 30px 200px; min-height: 400px; height: 1%; }
#textcontent-produkter-start {float: left; margin: 0 22px 22px 22px; width: 727px; min-height: 400px; height: 1%; }
#textcontent div.personal, #textcontent div.material{width: 120px; padding: 20px; float:left; height: 250px;  }
#textcontent div.partner {width: 200px; padding: 20px; float:left;  border: 1px dashed #ccc; height: 150px;  margin: 0 10px 10px 0}
#textcontent div.produkter, #textcontent-produkter-start  div.produkter{width: 125px; padding: 20px; float:left;  border: 1px dashed #ccc; height: 180px;  margin: 0 5px 5px 0}


#footer { height: 21px; color: #fff; background: #000; position: relative; clear: both;  padding: 5px 22px 0 22px;} 
#footer address { color: #fff !important; font-size: 0.9em; margin-bottom: 0; padding: 0; line-height: 1; font-style:normal;} 
#footer address a{ color: #fff; text-decoration: underline; } 

div.rightbox-wbg {float: right; width: 255px; position: relative; position: relative;  min-height: 179px; margin-top: 13px;}
div.box {float: left; width: 295px; position: relative; position: relative; padding-right: 186px; min-height: 179px; margin-top: 13px;}
div.box-referenser {float: left; width: 711px; position: relative; position: relative;  min-height: 179px; margin-top: 13px;}
div.box-wbg {float: left; width: 237px; position: relative; position: relative;  padding-bottom: 10px; }

div#newsbox1, div#newsbox2 {width: 474px; padding: 13px 13px 13px 13px; background: #fff; margin-top: 0px; min-height: 139px;}
div#newsbox1 {float: left;}
div#newsbox2 {float: right;}

#textcontent div.newsContainer, #textcontent div.newsContainer2  {margin-bottom:35px;  padding: 15px 15px  35px 15px; float: none !important; width: 510px;}
.newsContainer {border: 1px dashed #ccc; }
.newsContainer2 { border: 1px solid #ccc;}

/* -------------------------------------------------------------- 
   Komponenter
-------------------------------------------------------------- */

#searchbar label { float: left; width: 51px; height: 24px; margin-right: 12px; text-indent: -999em; background: url(/CommonResources/Files/www.wangeskog.se/Images/Mallelement/sok.gif) no-repeat; border: none;}
#searchbar input[type="text"]{ float: left; height: 20px; width: 347px; border: none; background: #fff; font-size: 18px; }
#searchbar input[type="submit"] { position: absolute; left: -999em; top: -999em; }
* html #searchbar input[type="submit"] { float: right; }

#products {list-style: none; margin: 0; padding-left: 0;}

.product-details {border: 1px dashed #ccc;  padding: 15px;  margin-bottom: 35px; background: #f4f4f4;}

/* Styling of search result listing 
-------------------------------*/
#search-result {margin-top:1em}
#search-result dd {margin:0; padding:0;}
#search-result dd blockquote {margin:0; padding:0; font-style:normal;}
#search-result .meta {overflow:hidden; border-bottom:1px dotted #000; padding-bottom:.7em; margin-bottom:.7em;}
#search-result cite {font-size:.9em; font-style:normal;}
#search-result cite a {color:#999;}
.search-paging {margin:1.5em 0;}
.search-pages a {padding:.3em; border:1px solid #ccc; margin-left: .2em}


/* -------------------------------------------------------------- 
   Menyer
-------------------------------------------------------------- */


#meny ul { list-style:none; padding: 0; margin: 0px;  }
#meny ul li {float: left; padding: 0; margin:0; }

#meny ul li a {margin: 0; height: 19px; color: #fff;  text-decoration:none; padding: 3px 10px; border-right: none; font-weight: bold; margin-right: 30px; font-size: 13px; display: block; line-height: 19px; }
*html #meny ul li a {width: 1%; white-space:nowrap; 
}
#meny  li a:hover, #meny  li.selected a  {color: #000; background: #dedede;}


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

#meny2 ul li a{display: block;  margin: 0; background: #fff; padding: 3px 15px; color: #000; text-decoration:none; background: url(/CommonResources/Files/www.wangeskog.se/Images/Mallelement/nav-arrow_norm.gif) center left no-repeat; border-bottom: 1px dashed #e3e3e3; font: bold 12px Arial, Verdana, sans-serif; line-height: 150%; }
#meny2 ul li a:hover, #meny2 ul li.selected a{ color: #004798; background: #f4f4f4 url(/CommonResources/Files/www.wangeskog.se/Images/Mallelement/nav-arrow_closed.gif) center left no-repeat;}

#meny2 ul li ul {margin: 0; padding: 0;}

#meny2  ul li.selected ul li a{ margin: 0 0 0 20px; font-size: 1em; background: url(/CommonResources/Files/www.wangeskog.seImages/Mallelement/nav-arrow_norm.gif) center left no-repeat; color: #000; text-transform: none; font-weight: normal; }
#meny2 ul li.selected ul li.selected a, #meny2  ul li.selected ul li a:hover{color: #004798; background:  #f4f4f4 url(/CommonResources/Files/www.wangeskog.se/Images/Mallelement/nav-arrow_closed.gif) center left no-repeat; text-transform: none; text-decoration: underline;}

#meny2  ul li.selected ul  li.selected ul li a{ margin: 0 0 0 40px; font-size: 0.9em; background:  url(/CommonResources/Files/www.wangeskog.se/Images/Mallelement/nav-arrow_closed.gif) center left no-repeat; color: #000; text-transform: none; }
#meny2 ul li.selected ul  li.selected ul li.selected a, #meny2 ul li.selected ul  li.selected ul li.selected a:hover{color: #004798; background: #f4f4f4 url(/CommonResources/Files/www.wangeskog.se/Images/Mallelement/nav-arrow_closed.gif) center left no-repeat; text-transform: none; }