/*  
Theme Name: Affald Danmark
Theme URI: http://www.kraftvaerk.net
Description: 5 column grid, specifically developed for affald danmark.
Version: 1.0
Author: Kraftvaerk
Author URI: http://www.kraftvaerk.net
*/
@import url(css/components.css);

body {
    margin:0; padding:0; 
    font: 76%/150% Arial,"Trebuchet MS", sans-serif;
    color:#444;
    background:#eee;
}
img { border:0;}
a img {border: none;/*border:5px solid #ddd;*/}



a:link {color: #00a94f;
}
a:visited {
    color:#00a94f; /*#666 */
}
a:hover {
    color: #005da9;
}
a:hover img {border-color: #999;}
#logo {display:none;}

#pagewrap {
    width:770px;
    margin:0 auto;
    border:1px solid #ddd; border-width:0 1px;
    background:#fff no-repeat url(css/affald-danmark.gif) 100% 0;
}

body.en #pagewrap {
    background-image:url(css/waste-denmark.gif);
}

#page {
    padding-right:70px;
    position:relative;
}

#header {
    padding:0;
    margin:0 auto;
    height:80px;
    position:relative;
}

#search  {
    position:absolute;
    left:10px;
    top:15px;
    width:260px;
    z-index:1000;
}
#search { line-height:15px;}
input#s {
    border:1px solid #ccc;
    line-height:15px;
    padding:2px;
    width:125px;
}
#searchbtn {
    margin:0; padding:0;
    color: #666;
    padding: 1px;
    border: 1px solid #ccc;
    border-color: #ddd #ccc #ccc #ddd;
    background-color: #e5e5e5;
    font-size: 12px;
    line-height:15px;
}

.btn {
    font-size:12px;
}

#address {
    padding-left:15px;
    line-height:1.3;
    color:#909496;
    font-size:11px;
    position:absolute;
    bottom:12px;
    right:35px
}

#address .company {font-family:verdana,sans-serif;letter-spacing:-1px}
#address p {width:130px; float:left; margin-bottom:0;}

.functions {
    position:absolute; left:10px; bottom:10px; line-height:1.3;
}
.functions a {display:block; float:left; width:120px; padding:2px 5px}
.functions a, .functions a:visited {color:#999; text-decoration:none;}
.functions a:hover {background:#eee; color: #005da9}

#content {
    padding:1px 10px 40px;
    clear:both;
    min-height:400px;
}
* html #content {height:400px;}





p {font-size:1em; margin:10px 0;}

h1,h2,h3,h4,h5,h6 {
    margin-top:10px;
    margin-bottom:10px;
    font-family:verdana; letter-spacing:-1px;  font-weight:bold; 
}
h1 {font-size:1.2em; color: #005da9 }
h2 {font-size:1.2em; color: #005da9}
h3 {font-size:1em;}
h4 {font-size:1.1em;}

.indent {
     padding-left:129px;
}

/* making a tab indent for the address fields 
.phone, .email, .skype {
    clear:left;
}
.phone strong, .email strong, .skype strong {
    float:left;
    width:4.5em;
    font-weight:normal;
}
*/
/* 
=Footer
-The CSS that's required to position the footer 
----------------------------------------------- */
html, body {height: 100%;}

#pagewrap { min-height: 100%; }
#page { padding-bottom:40px; }

#footerwrap {
	position: relative;
	margin: -40px auto 0 auto;
	height:40px;
	width:770px;
}
#footer {
	text-align:left;
	background-color:#e5e5e5;
	height:39px;
	border-top:1px solid #d5d5d5;
	padding:0 1em;
	color:#999;
}
#footer a, #footer a:visited { color:#999;}
#footer a:hover {background:#999; color:#FFF;}
#footer p {
	margin:0; padding:0;
}
#footerwrap hr {display:none;}


hr.clear {
    display:block; margin:0; padding:0; border:none;
    height:0; clear:both; visibility:hidden;
}
/* 
=Generic classes
----------------------------------------------- */

.clear	{ clear:both; }
.left 	{ float:left; margin-right:1em; }
.right 	{ float:right; margin-left:1em; }

/*.intro {font-size:120%;} */

.intro {padding-left:129px;}
span.sep {color:#ccc; padding:0 5px;}


.box {
    border:1px solid #ddd; border-width:0 1px 1px 1px;
    padding:1px 10px;
}

h2 a {
    color:#904614;
    text-decoration:none;
    padding-right:0.11em;
}
h2 a:hover {
    color:#c05d1b;
}

/* 
=Menu
----------------------------------------------- */
    #nav {
        margin-left:10px;
        margin-bottom:10px;
        font-size:12px;
        line-height:20px;

    }
    * html #nav {
        position:relative;
        float:left;
        height:1px;
        display:inline;
    }
    * html ul#menu, 
    * html #nav {
    }

    #language {position:absolute;}
    #language img {border:none;}

    ul#menu,
    ul#menu ul {
    	width: 130px; 
    	margin: 0;
    	padding: 0;
    	background: #00a94f; /* IE6 Bug */
    }
    ul#menu ul {
    	background: #e5e5e3;

    }
	
    ul#menu {
    	float: left;
    	width: 650px;
    	background: #00a94f; /* IE6 Bug */
    	}
    ul#menu:after, 
    #nav:after 
    {
    	content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }



    ul#menu li {
    	list-style: none;
    	margin:0; padding:0;
    	width: 130px; /* Width of Menu Items */

    }
    ul#menu li {
        position:relative;
    	display:inline;float:left;

    }
    ul#menu li a,
    ul#menu li li a {
    	display: block;
    	text-decoration: none;
    	color: #fff;
    	padding: 1px 5px;
    	border-right:1px solid #fff;
    	}
	
    ul#menu li li a { color:#666; }
    ul#menu li a:hover {background:#009244;}
    ul#menu li li a:hover {background:#d5d5d3; color:#000;}

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

    ul#menu ul {
    	position: absolute;
    	display: none;
    	border-top:1px solid #fff;
    }
	
    ul#menu ul ul {
    	left: 130px;
    	top: 0;
    	margin-top:-1px

    }

    ul#menu li ul li a { 
        padding: 2px 5px;
        border-top:1px solid #fff;
        border-bottom:1px solid #fff;
        margin-top:-1px;
     } /* Sub Menu Styles */

    ul#menu li:hover ul ul,
    ul#menu li:hover ul ul ul,
    ul#menu li.over ul ul,
    ul#menu li.over ul ul ul { display: none; } /* Hide sub-menus initially */

    ul#menu li:hover ul,
    ul#menu li li:hover ul,
    ul#menu li li li:hover ul,
    ul#menu li.over ul,
    ul#menu li li.over ul,
    ul#menu li li li.over ul { display: block; } /* The magic */
    /*
    ul#menu li.menuparent { background: transparent url(arrow-down.gif) right center no-repeat; }
    ul#menu li li.menuparent { background: transparent url(arrow-right.gif) right center no-repeat; }
    */
    ul#menu li:hover,
    ul#menu li.over { background-color: #009244 !important; }
    ul#menu li li:hover,
    ul#menu li li.over { background-color: #d5d5d3 !important;}
    ul#menu li a:hover { color: #fff; }


    ul.nav {
        margin:0 0;
        padding:0;
        width:125px;
        border-top:1px solid #e5e5e5;
    }
    ul.nav li {
        list-style:none;
        margin:0;
        padding:0;
    }
    ul.nav li a {
        text-decoration:none;
        padding:2px 5px;
        border-bottom:1px solid #e5e5e5;
        display:block;
        color:#666;
    }
    ul.nav li a:visited {
        color:#666;
    }
    ul.nav li a:hover {
        color: #005da9;
        background:#eee;
    }
    * html ul.nav li a {height:1px;}
    ul.nav li a.selected, ul.nav li a.selected:visited, ul.nav li a.selected:hover {
        color: #005da9;
        background:#eee;
        
    }
    
    
    
.dim {font-weight:normal; color:#999;}

p.lastmod {
    margin: 1.5em 0 0;
    text-align: right;
    color: #ccc;
}

/* 
=Grid
----------------------------------------------- */
.post-image {
    float:left;
    margin:10px 6px 10px 0;
}
div.image {float:left; width:129px; margin:10px 0 0 0; padding-bottom: 10px;}
div.image .post-image {float:none;margin:0; }

.subnav {
    width:130px; float:left; 

}
.content {
    float:left; width:519px; padding: 0 0 1px;
}
.main {
    float:left; width:519px; padding: 0 0 1px;
}

.main.full {
    width:649px;
}

.item .main {margin-left:6px;}
.item {
    padding:0 0 1px;
    border-top:1px solid #e5e5e3;
}
.divide {border-top:1px solid #ccc;}
.item.sep {}
.item:after {content:"."; clear:both; display:block; height:0;visibility:hidden;}
* html .item {height:1px;}

.first {
    float:left; width:125px; padding-left:5px;
}
.second {
    float:left; width:250px; padding:0 5px;
    /*border-top:3px solid #999; */
}

.item.nyheder .second {
    width:379px;
}

.third {
    float:left; width:124px; padding:0 0 0 5px;
    /*border-top:3px solid #666; */
}
.pad {padding:0 5px;}


.headline {
    padding-left:135px;
    border-top:1px solid #ccc;
    margin-top:10px;
    margin-right:31px;
}
#content.full .headline {padding-left:5px;}

* html .headline {height:1px;}
.block {
    
}




.col {
    height:150px;
    width:129px;
    border-right:1px solid #fff;
    background:#bfd6ea;
    float:left;
    text-align:center;
    line-height:160px;
    color:#fff;
}


.col1{
    float:left; width:120px; padding:0 5px;
}

.col2 {
    float:left; width:250px; padding:0 5px;
}
.col3 {
    float:left; width:380px; padding:0 5px;
}

/* 
=Hacks
----------------------------------------------- */
* html .block {
    height:1px;
}
#header:after,
.block:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}


.clear {clear:both; height:0; line-height:0;}

/* 
=Special cases
----------------------------------------------- */
.cv {
    margin-left:130px;
    padding-left:5px;
    border-top:1px solid #e5e5e3;
    }
    .cv .sep {border-top:1px solid #e5e5e3;}
    .cv h2 {color:#000; line-height:1; margin:0; padding:0.5em 0 0; font-size:1em; margin-bottom:-1.5em; }
    .cv h3 {margin:0; margin-left:130px; padding:0.5em 0 0; line-height:1; font-size:1em; }
    .cv ul {margin:0 0 1em 130px; padding-top:0; padding-left:2.5em;}
    .cv li {margin:0; line-height:1.2; margin:0.5em 0;}



/* 
=File listing
----------------------------------------------- */
.compact {
    margin-bottom:0;
}
ul.files {
    list-style:none;
    margin:0.25em 0 1em;
    padding:0;
}
ul.files li {
    padding:4px 0;
    border-top:1px solid #e5e5e3;
}

ul.files.pdf li, ul.files li.pdf {
    padding-left:22px;
    background:no-repeat url(css/pdf.gif) 0 50%;
}

ul.files a {
    color:#000;
    text-decoration:none;
}
ul.files a:visited {
    color:#888;
}
ul.files a:hover {color:#005da9;}

/* 
=Table
----------------------------------------------- */
table {
    border-collapse:collapse;
    margin:1em 0; padding:0;
}
th {padding:1.25em 5px 0.25em;
    background:#fff;
    border-bottom:1px solid #e5e5e3;
}
td {
    padding:0.5em 5px 0.5em 5px;
    vertical-align:top;
    border-top:1px solid #e5e5e3;
}

.childrow td {border-top:none; padding-top:0;}
.childrow p {margin-top:0;}

table th { text-align:left; vertical-align:bottom}
td.date,td.forum, td.author {
    width:125px;
}
td.title {width:260px}

td h1, td h2, td h3, td h4, td h5, td h6 {margin-top:0;}