/* WYSIWYG-specific style
-------------------------*/

body.RadEContentBordered {font-size:62.5% !important; }

body.RadEContentBordered #content-main {
float:left;
padding: 45px 2% 2% 2% !important;
width:59% !important;
margin:0 !important;
border: #666 1px dashed;
font-size:1.2em;
background:#fff url(/commonresources/files/www.windi.info/images/layout/mittkolumn.gif)  no-repeat ;
}

body.RadEContentBordered #content-side {
float:left;
padding: 45px 2% 2% 2% !important;
width:31% !important;
margin:0 !important;
border: #666 1px dashed;
font-size:1.2em;
background:#fff url(/commonresources/files/www.windi.info/images/layout/högerkolumn.gif) no-repeat;
}

/* Reset styles
-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}

blockquote, q {
    quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*---------------------------
    General settings
----------------------------*/
html {height:100%;}
body { height:100%; color:#000; background:#fff url(/commonresources/files/www.windi.info/images/layout/content-bg.gif); font:62.5%/1.5 arial, georgia, verdana, sans-serif; }
body > form {height:100%}

/* Headings */
h1, h2, h3, h4, h5, h6 {margin:0 0 .5em 0; line-height:1.2; color:#006bb7; font-family: "arial black", arial, sans-serif; }
h1 {font-size:2.3em; padding-bottom:.5em; background:url(/commonresources/files/www.windi.info/images/layout/heading-underline.gif) repeat-x bottom left}
h2 {font-size:1.4em; }
h3 {font-size:1.2em; }
h4 {font-size:1em; }

/* news headings */
.news-list h3 {font-size:1.1em; font-family:arial, sans serif; font-weight:normal}

/* Links */
a:link {color:#006BB7; }
a:visited {color:#888;}
a:hover {}
a:active {}
a:focus {}

/* Paragraphs */
p {margin-bottom:1em;}

/* Lists */
ul, ol {margin:0 0 1em 2em;}

ol#usage {padding-left:264px; margin-left:0; margin-top:2em }
ol#usage li {margin-bottom:3em; clear: both; }
ol#usage li img {margin-left:-264px;}

dt {}
dd {}

/* Tables */
/*
table {border:1px solid #006bb7; width:100%; border-collapse:collapse; margin-bottom:1em; }
td, th {padding:.7em; border:1px solid #006bb7; vertical-align:top;}
th {background:#006bb7; color:#fff; text-transform:uppercase; border-color:#055c9a; text-align:left; font-weight:bold;}
tr {background-color:#fff; }
tr.odd {background-color:#ebf3f9;}
*/


/* general purpose classes */    
.off-screen {position:absolute; left:-999em;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-fix:after {content:"."; height:0; display:block; visibility:hidden; clear:both;}
.right-float {float:right; margin-left:1em;}
.left-float {float:left; margin-right:1em;}


/* skip links */
#skip {list-style:none; margin:0; position:absolute; top:0px; left:0; width:100%; text-indent:-999em}
#skip a:link {position:absolute; top:-999em;}
#skip a:focus, #skip-links a:active {text-indent:0; position:absolute; top:0; left:0; display:block; height:auto; width:auto; border:1px solid #aec3af; padding:.5em;}

/* Forms */
.contact-us label {display:block;}
.contact-us label span {color:red;}
.contact-us input[type="text"] {width:100%;}
.contact-us textarea {width:100%; height:150px;}

   
/* ------------------
    Page structure
--------------------*/
#wrapper {background:#fff; min-height:100%; height:auto !important; height:100%; position:relative; }
#wrapper:after { content:"."; display:block; clear:both; visibility:hidden; }

 
/* Header section
------------------*/
#head {background:url(/commonresources/files/www.windi.info/images/layout/blue-shapes.gif) repeat-x; height:148px;}

#branding {position:absolute; top:40px; left:40px}

#language {position:absolute; top:40px; right:40px}

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

#language ul li  { margin-right: 10px;  }


/* Site navigation
---------------------*/
#nav {margin-top:3em; width:20%; float:left; margin-bottom:11.6em;}
#nav ul {list-style:none outside; margin:0;}

/* button design */
#nav li {}

/* button link design */
#nav a {display:block; text-align:right; text-decoration:none; color:#006bb7; border:2px solid #fff; border-left:0; padding:.8em 1.6em .8em .8em; font:1.4em "Arial Black", arial, verdana, sans-serif;}

/* button selected and hover state */
#nav li.selected a,
#nav a:hover,
#nav a:active,
#nav a:focus {border-color:#ebf3f9;}

/* second level navigation */
#nav li ul {border:2px solid #ebf3f9; padding:1.2em 2.4em; background:#f9fbfd}

#nav li ul a {border:0; padding:.3em; font:1.4em arial, verdana, sans-serif;}

#nav li ul li.selected a,
#nav li ul a:active,
#nav li ul a:hover,
#nav li ul a:focus {text-decoration:underline;}


/* Content sections
--------------------*/
/* Main content */
#content-main {float:left; width:44%; margin:0 0 11.6em 5%; font-size:1.2em; }
#content-side {float:left; width:20%; margin:0 5% 11.6em 5%; font-size:1.2em; }


/* Vcard styles */
#footer a.url.fn.org {}
#footer .email {}
#footer .adr {}
#footer a:link {color:#fff; }
#footer a:visited {color:#fff;}

/* News section */
.news-list {list-style:none outside; margin:0; padding:0;}
.news-list li {margin-bottom:1em; border-bottom:1px dotted black}
.news-date {font-weight:bold}
.preamble {margin-bottom:1em;}

.news-full {border: 1px solid #bbc1c6; padding: 15px; background-color: #eaeff4; margin-bottom:1em}


/* Page footer */
#footer {font-size:1.4em; text-align:center; line-height:6em;  background:#006bb7 url(/commonresources/files/www.windi.info/images/layout/footer-shadow.gif) repeat-x; min-height:6em; height:auto !important; height:6em; padding:1em 2.5%; color:#fff; position:relative; margin-top:-8em; clear:both; width:95%; float:left; }

/* override dashcommerce styles */
#leftcontent {position:static}
html > body #centercontentwide,
#centercontentwide {margin:0}