/* ------------------------------------------------------------------------------


        THE FRAMEWORK
            
        Author: Björn Hubert, Robert Lingner
        
        Date: 28.02.2011
        

------------------------------------------------------------------------------ */



/* Header Section
------------------------------------------------------------------------------ */


html {
    height:101%;
}
body {
    padding:0 20px;
}
#wrapper {
    width:960px;
    margin:0 auto 0 auto;
    position:relative;
}
#header {
    float:left;
    width:960px;
}
#branding {
    height:89px;
    width:960px;
    position:relative;
    float:left;
    background:url(../img/shadow_header.png) no-repeat bottom center;
}
a#logo {
    position:absolute;
    top:35px;
    left:0px;
    background: url(../img/zeitkunst_logo.png) no-repeat;
    width:368px;
    height:22px;
    text-indent:-9999px;
}
#breadcrumb_search {
    float:left;
    width:960px;
    background: url(../img/breadcrumb_line.png) no-repeat bottom left;
}
div.shadow {
    float:left;
    width:960px;
    background:url(../img/shadow_breadcrumb.png) no-repeat top center;
    height:10px;
}
#belowheader_extras {
    float:left;
    width:960px;
}
/* Main Section
------------------------------------------------------------------------------ */

#main {
    margin: 0 auto;
    width: 960px;
    clear:both;
    float:left;
    padding-top:24px;
}
.container, .content-05, .content-1, .content-2, .content-3, .content-4 {
    float:left;
    width:725px;
    clear:left;
    margin-bottom:11px;
}
.content-1.corp-publish {
    width: 958px;
    background: #F4F4F4;
    border: 1px solid #E8E8E8;
}


.content-05 {
    width:357px !important;
}
/* 1col
---------- */

.content-1 div.col {
    width:712px;
    float:left;
}

.content-1.corp-publish div.col {
    width:898px;
    float:left;
    padding: 1.5em 31px 0.7em 31px;
}

.full div.col {
    width:960px;
    float:left;
}

/* 2cols
---------- */

.content-2 div.col {
    width:319px;
    margin-left:11px;
    float:left;
    padding-left:19px;
    padding-right:19px;
}
.content-2 div.col:first-child {
    margin-left: 0px;
}



/* 2cols Background
---------- */

div.bg, div.bg-bottom {
    float:left;
    width:100%;
    clear:left;
}
.content-2 .bg {
    background:url(../img/2col_bg.png) repeat-y;
}
.content-2.bg {
    background: url(../img/2col_bg_top-bottom.png) repeat-y;
    padding:1px 0 1px 0;
}
.content-2.pairs {
    margin-bottom:0;
}
.content-2.pairs div.bg {
    margin-bottom:1em;
}
.content-2.pairs div.bg-bottom {
    background: url(../img/2col_bg_top-bottom.png) no-repeat bottom;
    padding-bottom:1px;
}
.content-2.pairs div.col {
    background: url(../img/2col_bg_top-bottom.png) no-repeat top left;
    padding-top:1px;
}
/* 3cols
---------- */

.content-3 div.col, .content-3 div.widget {
    width:234px;
    margin-left: 11px;
    float:left;
}
.content-3 div.col:first-child, .content-3 div.widget:first-child {
    margin-left: 0px;
    width:235px;
}


/* 4cols (used on orderpage overview)
---------- */


.content-4 div.col {
    width:160px;
    float:left;
    border:1px solid #E8E8E8;
    background:#F4F4F4;
    padding-left:11px;
    padding-top:11px;
    margin-right:10px;
    margin-bottom:11px;
}

.content-4 div.col.last {
    margin-right:0px !important;
    width:163px;
}


/* Subhome
---------- */

.content-3.subhome {
    background:#F4F4F4;
    border: 1px solid #E8E8E8;
    width:723px;
}
.content-3.subhome div.col {
    width:226px;
    margin-left: 11px;
    padding-top: 19px;
    padding-bottom:0.5em;
    float:left;
}
.content-3.subhome div.col:first-child {
    margin-left: 19px;
    width:216px;
}
.content-3.subhome div.col.last {
    width:216px;
    margin-left:19px;
}
.content-3.subhome div.bg:first-child {
    background: url(../img/subhome_content_bg.png) repeat-x bottom;
}
/* Main Asides
---------- */

div.main-aside {
    float:right;
    clear:right;
    width:224px;
    margin-bottom:22px
    
}

/* Main Asides
------------------------------------------------------------------------------ */

div.greybox {
    background:#F4F4F4;
    border:1px solid #E8E8E8;
    padding:18px 18px 0px 18px;
	}
    
    div.greybox h2, div.greybox h3 {
        padding-top:0 !important;
	}




/* Banner
------------------------------------------------------------------------------ */

div.skyscraper {
    position:absolute;
    top:0px;
    left:971px;
}
div.leaderboard {
    text-align:right;
    width:971px;
}
div.top-banner img {
    margin-right:-11px
}
/* Footer Section
------------------------------------------------------------------------------ */


#footer {
    float:left;
    width: 960px;
    border-top: 3px solid #E1E1E1;
    padding-top:5px;
}
/* Miscellaneous
------------------------------------------------------------------------------ */

.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
}
.clear.hr {
    padding-bottom:0.1em;
    margin-bottom:0.7em;
    border-bottom: 1px solid #E8E8E8;
}
.block {
    display:block !important;
}
padding-b {
    padding-bottom:1em;
}
margin-b {
    margin-bottom:1em;
}
.hidden {
    display:none;  
}
.full {
    width:100% !important;   
}
div.hr {
    float:left;
    width:100%;
    border-bottom:1px solid #E8E8E8;
    margin-bottom:1em;
}
.relative {
    position:relative;   
}
.inline {
    display:inline !important;   
}
.clickbox {
	cursor:pointer;
}

hr {
    clear:both;
    border:none;
    margin:0;
    background: #fff;
    height:1px;
    color:#fff;
}