/* Common styles for all different appearances: */

/* cheerful red is: #dc002e */

#topblock div.topblockdiv {
   position: absolute;
   top: 0px;
   margin: 0;
   padding: 0;
   overflow: hidden;
   z-index: 1;
}

#topblock div.topblockcontent {
   /*padding: 44px 8px 8px 8px;   We don't need any distance for the main navigation any more ... */
   padding: 8px 8px 8px 8px;   
   z-index:10;
}

#topblock div.topblockbg {
   overflow: hidden;
   z-index:1;
}

/* Not used in 1-header layouts, as no ID's are given ... */
#topblock #tb1 {
   left: 0px;
}
#topblock #tb2 {
   left: 478px;   /* this one has to be changed in design_v2_top_4.css (to 250px) !!! */
}
#topblock #tb3 {
   left: 478px;
}
#topblock #tb4 {
   left: 717px;
}



#bottomblock div.bottomdiv, #bottomblock div.bottomdivnext {
   position: relative;
   float: left;
   top: 0px;
   margin: 0;
   padding: 0;
   z-index: 1;
}

#bottomblock div.bottomcontent {
   float: none;
   padding: 8px;
   z-index: 10;
}

#bottomblock div.bottombg {
   position: absolute !important;
   float: none;
   left: 0px;
   padding: 0;
   /* to fill the underlying div: */
   /*height: 100%;  leads to problems with div-styled columns ...*/
   overflow: hidden;
   z-index: 1;
}


/* Definitions for the style-classes generated by extension css_styled_content: */
/* Needs some revision ... */
div.csc-default {
   width: 100%;
   margin: 0;
}
div.csc-default table td {
   padding: 3px 4px 2px 4px;
   vertical-align: top;
}
div.topblockbg div.csc-default, div.bottombg div.csc-default {
   height: 100%;
}
#bottomblock div.csc-default {
   width: 100%;
   color: #666666;
}
#bottomblock div.csc-textpic {
   display: block;
   margin: 0px;
   position: relative;
   top: 0px;
}
#bottomblock div.csc-textpic-imagewrap {
}
#bottomblock div.csc-textpic img, div.csc-textpic-imagewrap img {
}
#bottomblock DIV.csc-textpic DIV.csc-textpic-single-image IMG {
   margin: 0px;
}

#bottomblock div.csc-header {
   width: 100%;
   color: #666666;
}
#bottomblock div.csc-header h1 {
   color: #dc002e;
   margin: 20px 0px 0px 0px;
   font-size:20px;
}
#bottomblock div.h1 {
   margin: 20px 0px 0px 0px;
   font-size:20px;
}

#bottomblock div.csc-default h2 {
   color: #666666;
   margin: 10px 0px 0px 0px;
   font-size:14px;
   font-weight:bold;
}

#bottomblock div.csc-frame-rulerAfter div.csc-header h1 {
   /*margin: 0px 0px 10px 0px;*/
   margin: 10px 0px 0.8em 0px;
}
#bottomblock div.csc-frame-rulerAfter div.h1 {
   margin: 10px 0px 0.8em 0px;
}


#bottomblock .bodytext {
   color: #666666;
   margin: 0px 10px 4px 0px !important;   
}

#blockright {
   background-color: #fefcfd !important;
   background: url(/images/layout/box244.jpg) no-repeat !important;
}

div.csc-textpic-intext-left-nowrap div.csc-textpicHeader h2 {
   padding-top: 12px;
}
div.csc-textpic-intext-right-nowrap div.csc-textpicHeader h2 {
   padding-top: 12px;
}

div.divider {
   margin: 0px;
   padding: 0px;
   height: 2px;
}
div.divider hr {
   margin: 0px;
   padding: 0px;
   border-color: #b1cce7 #ffffff #ffffff #ffffff;
   border-width: 1px 0px 1px 0px;
   border-style: solid none solid none;
}