/*
Theme Name: Dansk Facility Service
Theme URI: http://www.danskfacilityservice.dk
Version: 1.0
Author: Thomas Clausen - IdeFA Gruppen
Author URI: http://www.idefa.dk/
*/

/* Reset default browser styles */
@import url('reset.css');

/* GLOBAL */
body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; color: #000; background: #fff url(images/bg.jpg) repeat-y top left; }
p { font-size: 1.1em; margin-bottom: 1.25em; }
h1 { font-size: 1.9em; line-height: 1.25em; font-weight: normal; color: #000; margin: 0 0 1em 0; }
h2 { font-size: 1.1em; line-height: 1.25em; font-weight: bold; color: #333; margin: 0.2em 0 0 0; }
h3 { font-size: 1.1em; line-height: 1.25em; font-weight: bold; color: #000080; margin: 1.2em 0 0 0; }
h4 { font-size: 1em; line-height: 1.25em; color: #000080; margin: 0; }
h5 { font-size: 1.4em; line-height: 1.25em; font-weight: normal; color: #fff; margin: 0; }
h6 { font-size: 1.2em; line-height: 1.25em; color: #000080; }
a { text-decoration: none; color: #178dbb; }
a:hover { text-decoration: underline; }
sup, sub { font-size: 0.7em; vertical-align: baseline; position: relative; top: -0.4em; }
sub { top: 0.4em; }
form { display: inline; }
hr { height: 1px; color: #000080; margin: 10px 0; background: #000080; }

/* FORMS */
input, textarea, select { font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #050607; padding: 2px; margin: 2px 0; border: 1px solid #8e8e8e; background: #fff; }
textarea { overflow: auto; }
select { clear: right; }

#form label { width: 120px; display: inline-block; }
#form textarea { margin: 0 0 0 120px; overflow: auto; }
#form input.reset { margin: 15px 0 0 120px; }
#form input.submit { margin: 15px 0 0 15px; }

/* ELEMENTS */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
#wrap { min-width: 265px; max-width: 800px; margin: 0 262px -105px 216px; } 

#top { width: 100%; height: 100px; }
#top #logo { width: 242px; display: none; position: absolute; }
#top #logo .logo { margin: 11px 0 0 0; }
#top #topflash { width: 757px; height: 100px; position: absolute; left: 0; }
#top #topquote { width: 239px; height: 86px; padding: 14px 10px 0 10px; background: #09942a; position: absolute; top: 0; left: 732px; }

/* MENU */
ul#mainmenu { width: 775px; font-size: 1.1em; background: #188cba; }
ul#mainmenu li { width: auto; border-right: 1px solid #fff; display: inline-block; position: relative; white-space: nowrap; }
ul#mainmenu a { line-height: 2em; color: #fff; text-decoration: none; padding: 0 1.5em; display: block; }
ul#mainmenu a:hover { background: #bb290b; }

/* Fix IE. Hide from IE Mac \*/
ul#mainmenu li { float: left; }
ul#mainmenu li a { height: 1%; }
/* End */

#sidebar-left { width: 145px; padding: 0 1.5em; margin: -22px 0 0 -175px; float: left; display: inline; position: relative; }
#sidebar-left h2 { font-weight: normal; line-height: 2em; color: #fff; text-align: center; padding: 0 1.3em; margin: 0 -1.3em 1em -1.3em; background: #bb290b; }
#sidebar-left img { margin: 0; }
#sidebar-left ul.globalnav { font-size: 1.1em; margin: 0; background: #bb290b; }
#sidebar-left ul.globalnav li { border-top: 1px solid #fff; background: url(images/dot.gif) no-repeat 8px 50%; }
#sidebar-left ul.globalnav a { font-weight: bold; line-height: 2em; color: #fff; text-decoration: none; padding: 0 1.5em; display: block; }
#sidebar-left ul.globalnav a:hover { background: #188cba; }
#sidebar-left .border { padding: 5px; margin: 0; border: 1px solid #666; }
#sidebar-left .border a { color: #0095c5; }

#content { padding: 15px 15px 0 0; }
#content table.contenttable { width: 100%;  }
#content table.contenttable tr { }
#content table.contenttable th, #content table.contenttable td { text-align:left; }
#content th p, #content td p {  }
#content ul { list-style: outside disc; padding: 0 0 0 15px; margin: 0 0 0 0; }
#content ul li { padding: 0 0 0 5px; margin: 0 0 0 5px; }
#content ol { list-style: outside decimal; padding: 0 0 0 20px; margin: 0 0 15px 0; }
#content ol li { padding: 0; margin: 0 0 0 5px; }
#colNormal { margin: 0 240px 0 0; }
#colRight { width: 230px; float: right; display: inline; }

#sidebar-right { width: 262px; margin: 15px -262px 0 0; float: right; display: inline; position: relative; }
#sidebar-right #quickform { padding: 10px; margin: 0 0 15px 0; background: #1b89b9; }
#sidebar-right #quickform h1 { margin: 0 0 10px 0; }
#sidebar-right #quickform h1 img { margin: 2px 5px 0 0; }
#sidebar-right #quickform h1,
#sidebar-right #quickform p,
#sidebar-right #quickform b,
#sidebar-right #quickform td { color: #fff; }

#footer-spacer { width: 100%; height: 105px; }
#footer { min-width: 265px; max-width: 800px; height: 45px; margin: 0 262px 0 216px; }
#footer p { margin: 0; }

.frontpage #wrap { margin: 0 262px -190px 216px; }
.frontpage #footer-spacer { height: 190px; }
.frontpage #footer { height: 130px; }

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
spacer-gif { display: none; }

.floatright { margin: 0 0 10px 10px; float: right; display: inline; }
.floatleft { margin: 0 10px 10px 0; float: left; display: inline; }
.floatright img, .floatleft img { margin: 0 0 10px 0; }
img.floatright { margin: 0 0 10px 10px; }
img.floatleft { margin: 0 10px 10px 0; }

.bluequote { color: #fff; padding: 10px; margin: 0 0 10px 0; background: #1b89b9; }
.redquote { color: #fff; padding: 10px; margin: 0 0 10px 0; background: #bb290b; }
.bluequote h1, .redquote h1, .linkquote h1 { font-size: 15px; color: #fff; padding: 0; margin: 0; }
.bluequote h1 a, .redquote h1 a, .linkquote h1 a { font-weight: normal; color: #fff; font-size: 15px; text-decoration: underline; }
.bluequote a, .redquote a, .linkquote a { color: #fff; }
.bluequote h1 a.hover, .redquote h1 a:hover, .linkquote h1 a:hover { text-decoration: none; }

.bluequote ul, .redquote ul, .linkquote ul { padding: 0 0 0 15px; margin: 0 0 15px 0; }
.bluequote li, .redquote li, .linkquote li { font-size: 13px; color: #fff; padding: 0 0 0 5px; margin: 0 0 0 5px; }

.linkquote { font-weight: bold; color: #fff; text-align: center; padding: 10px; }
.linkquote a, .linkquote a:visited { color: #bb290b; }
.linkquote a:hover { color: #bb290b; text-decoration: underline; }

.linkquote1 { clear: right; display: inline; float: left; margin: 0 0 10px 10px; width: 230px; color: #fff; padding: 10px; text-align: center; font-weight: bold; }
.linkquote1 a, .linkquote1 a:visited { color: #bb290b; }
.linkquote1 a:hover { color: #bb290b; text-decoration: underline; }

.topboks td { background-color: #09942a; padding: 5px;  }
.topboks td h1 { color: #FFF; font-size: 14px; padding: 0; margin: 0;  }