/*--------------------------------------------------------------
Industriell Dynamik, 2009

	Author 
	    Anders Kleve, Spinit AB
	
	Colors
		Light blue	edf4f9
		Dark blue	005292
		
--------------------------------------------------------------*/

/* Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Wysiwyg specific styles
---------------------------------------------------------------*/
.RadEContentBordered #main-content,
.RadEContentBordered #main-content-wide,
.RadEContentBordered #secondary-content {border: 1px dotted #666; padding: 20px;}

body {background: #edf4f9; color: #000; font: 62.5%/1.5 Verdana, Arial, sans-serif;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {margin-bottom: 1em; font-weight: bold;}

h1 {font-size: 1.2em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.2em;}

/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
address {margin-bottom: 1.5em;}
blockquote {margin-bottom: 1.5em;}
code {}
del {}
dfn {}
dfn {}
em {}
p {margin-bottom: 1.5em;}
pre {}
strong {}
hr {margin-bottom: 1.5em;}

/* Images
-------------------------------------------------------------- */
img {display: block; margin-bottom: 1.5em;}

/* Link elements 
-------------------------------------------------------------- */
a {}
a:visited {}
a:hover,
a:active,
a:focus {}

.important a,
a.important {color: #fff; text-decoration: none; font-weight: bold; display: block;}

/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom: 1.5em; list-style-position: outside; padding-left: 1.5em;}
ul li {}
ol {margin-bottom: 1.5em; padding-left: 1.5em;}
ol li { }

dl {margin-bottom: 1.5em;}
dt {float: left; margin-right: .5em; font-weight: bold;}
dd {}

/* General classes
-------------------------------------------------------------- */
.clear {clear: both;}
.hide {display: none;}
.highlight {}
.off-screen {position: absolute; left: -999em;}
.important {display: block; background: #005292; color: #fff; margin-bottom: 1em; padding: 10px; font-size: 1.5em; font-weight: bold; text-decoration: none;}
.wide {display: block; float: left; margin: 0 0 20px 20px;}

/* Tables
-------------------------------------------------------------- */
caption {}
table {}
thead {}
thead tr {}
thead th {}
tbody tr,
tbody td {} /* IE-fix */
tbody th {}
th,
td {}

/* Forms
-------------------------------------------------------------- */
form {margin-bottom: 1.5em;}
fieldset {margin-bottom: 1.5em;}
legend {}
label {display: block;}
input + label {display: inline; margin-left: .75em; float: none;}
input[type="text"],
input[type="password"],
select,
textarea {padding: 4px; width: 15em;}
input[type="submit"] {}
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {}
.form-item {margin-bottom: .75em;}

/* Focus */
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {}

/* Navigation
---------------------------------------------------------------*/
/* Main navigation
-------------------*/
#main-navigation {background: #fff url(/CommonResources/Files/Images/grey-gradient.png) no-repeat; list-style: none; margin-left: 39px; float: left; width: 188px; min-height: 500px;}
* html #main-navigation {height: 500px; display: inline;} /* =Kludge: simulate min-height */
#main-navigation ul {list-style-type: none; margin: 0 0 1em 0; padding: 0 8px;}
#main-navigation li {border-bottom: 1px solid #000;}
#main-navigation a {display:block; color:#000; text-decoration: none; font-size: 1.1em; padding: .75em .25em;}
#main-navigation a:hover,
#main-navigation a:focus,
#main-navigation li.selected > a {font-weight: bold; color: #005292;}

/* 2nd level and below */
#main-navigation ul ul {padding: 0;}
#main-navigation li li {border: none;}
#main-navigation li li a {font-size: .9em; border: none; padding: 0 0 .5em 3em; background: url(/CommonResources/Files/www.industrielldynamik.se/Images/layout/link-arrows.gif) 10px 5px no-repeat;}

/* 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 {overflow: hidden; background: #fff url(/CommonResources/Files/Images/shadow-background.jpg) repeat-y; width: 945px; margin: 0 auto; padding: 0 10px;}
#header {overflow: hidden; border-top: 8px solid #005292;}
#header img {float: right; margin: 0px 25px 0 0;}
#header img#eu {margin-top: 18px;}
#header img#vg {margin-top: 33px;}
#header #logo img {float: left; margin: 10px 0 10px 35px;}
#header #tagline {clear: both; background: #005292 url(/CommonResources/Files/Images/blue-abstract.jpg) no-repeat; color: #fff; height: 98px; margin-bottom: 12px;}
#header #tagline em {line-height: 86px; font-size: 1.5em; font-style: normal; padding-left: 249px;}
#main-content {width: 427px; float: left; margin: 0 0 20px 20px;}
#main-content-wide {width: 659px; float: left; margin: 0 0 20px 20px;}
#secondary-content {width: 212px; float: left; margin: 0 39px 20px 20px;}
#footer {clear: both; background: #005292 url(/CommonResources/Files/Images/footer-shadow.jpg) repeat-x left bottom; color: #fff; height: 28px; line-height: 23px; padding: 0 39px 5px 39px; font-size: 1.2em; margin-bottom: -5px;}