/* breuer-bedachnungen.de
 * CSS Styles for all browsers / media: screen, projection
 *
 * ls, http://www.alopix-software.com
 */
 
/* Standard-Farben:
 * EE7F01		Orange border
 * D27102		Orange link
 * DCDEDF		Light Gray border
 * F2F2F2		Content background
 * 505050		Dark gray
 * 323232		Text
 *
 * Body Width: 950px
 */

/* -- REDEFINITIONS --------------------------------------------------------------------- */
body { margin: 0; padding: 0; background: #fff url(/images/bg_body.jpg) repeat-x; color: #323232 }
body, td { font: 12px 'Lucida grande', Verdana, Helvetica, Arial, sans-serif; }
a:link, a:visited { color: #323232; text-decoration: underline }
a:hover, a:active { color: #323232; text-decoration: none }
a img { border:0 }
h1 { font-size: 16px; margin-bottom: 12px }
#content h1 { padding-left: 18px; background: url(../images/bg_h1.jpg) no-repeat left center;  }
h1 a { color: #fff !important; text-decoration: none !important }
h2 { font-size: 14px; margin: 0 0 1ex }
h3 { font-size: 12px; font-weight: bold; margin: 0 }
h4 { background: #E5E5E5 url(/images/bullet_link_trans.gif) no-repeat 10px center; font-weight: normal; margin: 0; padding: 8px 8px 8px 37px; font-size: 11px; }
p { margin: 0 0 1em 0; padding: 0; line-height: 18px; font-size: 11px }
#leftnavi p { font-size: 12px }
form { margin:0; padding:0; }
fieldset { border:0; padding:0 }
fieldset.narrow { width:200px; float:left; }
label { margin-top:10px; margin-bottom:2px; display:block; font-size:10px }

/* -- STRUKTUR -------------------------------------------------------------------------- */
div#page_container { width: 945px; border-right: 5px solid #EE7F01 }
div#header_container { width: 945px; height: 217px; }
div#header { height: 201px; background: url(/images/bg_header.jpg) no-repeat; border-bottom: 5px solid #EE7F01 }
div#headerspacer { background-color: #DCDEDF; height: 10px; }

div#content_container { background: #F2F2F2; padding-top: 45px; padding-bottom:20px; min-height: 400px }

div#verteiler_boxen { position: absolute; width: 646px; height: 176px; top: 75px; left: 269px; background: url(/images/bg_verteiler_shadow.jpg) bottom left; }

div#leftcol_container { width: 269px; float: left }
div#leftcol div, div#leftcol dt, div#leftcol .csc-textpic-image { margin: 0; padding: 0 }
div#leftcol div { float: left }

div#leftnavi { width: 269px; float: left }
div#content { width: 645px; float: left }

div#footer_container { background-color: #E5E5E5; border-bottom: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; line-height: 29px; font-size: 10px; padding:0 25px }
div#footer_left { float: left }
div#footer_right { float: right }

.subcolumns { width: 670px; }
.c66l { width: 420px; float: left; }
.c66l .subcl { padding-right: 10px }
.c33r { width: 240px; float: left; }

/* -- MENUS ----------------------------------------------------------------------------- */
div#topnavi_container { margin-left: 570px }
#topnavi ul { list-style-type: none; margin: 0; padding: 0; }
#topnavi li { float: left; line-height: 21px; margin: 0 6px 0 0; padding: 0; border-right: 1px solid #838588;  }
#topnavi li.last { margin: 0; border: 0 }
#topnavi li a { margin: 0; padding: 0 6px 0 0; color: #505050; text-decoration: none; font-weight: bold }
#topnavi li.sel a, #topnavi li.cur a, #topnavi a:hover, #topnavi a:active { color: #D27102 }
#topnavi li.last a { padding: 0 }

div#subnavi { width: 630px; }
#subnavi ul { float: right; list-style-type: none; margin: 0; padding: 0 }
#subnavi li { float: left; line-height: 21px; border: 0; padding: 0; margin: 0 9px 0 0 }
#subnavi li a { margin: 0; padding: 0 6px 0 0; color: #505050; text-decoration: none; font-weight: bold }
#subnavi li.sel a, #subnavi li.cur a, #subnavi a:hover, #subnavi a:active { color: #D27102 }
#subnavi li.last a { padding: 0 }
#subnavi li a { font-size: 10px; padding: 0 }

#leftnavi ul { margin: 0; padding: 0; width: 240px; list-style-type: none;  }
#leftnavi li { margin: 0; padding: 0; line-height: 28px; background: url(../images/bg_leftnavi_li.jpg) no-repeat   }
#leftnavi li.last { line-height: 29px  }
#leftnavi a { text-decoration: none; line-height: 28px; display: block; padding-left: 25px }
#leftnavi li.last a { line-height: 29px }
#leftnavi .sel a, #leftnavi .cur a { border-left: 7px solid #EE7F01; color: #0D3366; font-weight: bold; padding-left: 18px }
#leftnavi a:hover { border-left: 7px solid #EE7F01; padding-left: 18px }

/* -- OPTIK ---------------------------------------------------------------------------- */
#verteiler_boxen .images img { float: left }
#verteiler_boxen div { background: url(../images/bg_verteiler.jpg) repeat-x; }
#verteiler_boxen div.kasten1 { width:216px; height: 45px; float: left }
#verteiler_boxen div.kasten2 { width:214px; height: 45px; float: left; border-left: 1px solid #476188 }
#verteiler_boxen div.kasten3 { width:214px; height: 45px; float: left; border-left: 1px solid #476188 }
#verteiler_boxen h1 { font-size: 16px; font-weight: bold; color: #fff; margin: 0 0 0 16px; padding: 0; line-height: 45px }
#verteiler_boxen .sel1 { background: #fff url(/images/bg_verteiler_sel_216.gif); }
#verteiler_boxen .sel3, #verteiler_boxen .sel2 { background: #fff url(/images/bg_verteiler_sel_214.gif); }
#verteiler_boxen .sel a { color: #D27102 !important }

#header .logo { position: absolute; left: 269px; top: 44px; }
#leftcol dd.csc-textpic-caption { width: 188px; }
dd.csc-textpic-caption { background-color: #D9DADC; padding: 18px 26px; font-size: 11px }
.c33r dd.csc-textpic-caption { padding: 10px 12px }
div#leftcol .spacer-gif { clear: left; display: block }
div#leftcol br { display: none }
.start div#leftcol br { display: block }

#footer_container a { text-decoration: none }

/* -- TYPO3-specific -------------------------------------------------------------------- */
.news-list-morelink { margin-bottom:1em }
.news-single-timedata h2 { margin-bottom:.2em }
.news-single-item .news-single-timedata { margin-bottom:1em }
.botlinks { text-align:right }
.csc-sitemap ul { list-style-type:disc; margin:0 0 1ex 0; padding:0 0 0 1.5em; line-height:145%  }
.csc-sitemap li { margin-top:1ex }
.csc-sitemap li li { margin-top:0 }
.csc-sitemap li li ul { margin:0 }
.news-single-img, .news-list-item img { float:left; padding-right:1em }
.news-list-item h2 { padding-top:1em }
#suchform, #loginform { background-color:#E7EBEE; padding:9px 7px 6px 7px; border-bottom:1px solid #C6CBCF; }
#suchform .swordbasis { font-size:10px; width:120px; height:12px; }
#suchform .imgsubm { padding-left:2px; padding-bottom:1px  }
#suchform .swordstart { color:#999; font-style:italic }
#suchform .swordfocused { color:#000; font-style:normal }
#loginform { padding-top: 4px; color:#324B6E; border-top:1px solid #C6CBCF; padding-bottom:12px; margin-bottom:11px; }
#loginform h1 { font-size:13px }
#loginform h3 { font-size:11px; font-weight:bold }
#loginform label { float:left; width:85px; height:16px; margin:0 4px 4px 0; }
#loginform .inputfld { float:left; width:100px; font-size:11px; height:14px; margin:0 4px 4px 0; }
#loginform .imgsubm { padding-left:4px }

.contenttable { width:100%; border-top:1px solid #D3DBDE }
.contenttable td { vertical-align:top; line-height:165%; }
.contenttable .td-last { width:100% }
.contenttable .tr-odd td { border-top:1px solid #D3DBDE; }

.tx-dropdownsitemap-pi1 A { font-weight: bold; font-size:11px }
.tx-dropdownsitemap-pi1 ol { margin-top:4px }
.tx-dropdownsitemap-pi1 LI.open OL { display: block; }
.tx-dropdownsitemap-pi1 LI.closed OL { display: none; }
.tx-dropdownsitemap-pi1 LI.open UL { display: block; }
.tx-dropdownsitemap-pi1 LI.closed UL { display: none; }
.tx-dropdownsitemap-pi1 DIV { border: solid 1px #DFE2E3; background: #FAFBFB; padding: 2px; margin-bottom: 5px; }
.tx-dropdownsitemap-pi1 DIV.level_2 { background: #FFFFFF; }
.tx-dropdownsitemap-pi1 DIV.level_2 A { font-weight: normal; }
.tx-dropdownsitemap-pi1 DIV.level_3 { background: #FAFBFB; }
.tx-dropdownsitemap-pi1 DIV.level_4 { background: #FFFFFF; }
.tx-dropdownsitemap-pi1 DIV.level_5 { background: #FAFBFB; }
.tx-dropdownsitemap-pi1 DIV.expAll { text-align: center; border: solid 1px #DFE2E3; background: #FAFBFB; }

table.csc-uploads { background: #E5E5E5; width: 100% }
table.csc-uploads p { padding: 0 10px }
td.csc-uploads-icon { vertical-align: top; width: 20px }
.csc-uploads-icon img { padding: 4px 0 4px 4px  }

/* Common */
.clearfix { clear:both; height:0 }
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.floatbox { float:left }
.floatright { float:right }
.floatbox h1 { padding:0 0 10px 12px; margin:0 }
.floatbox p { padding:10px 12px; color:#666 }
div.graubox { background-color:#EFEFEF; padding:12px; color:#666666 }
.black { color:#000 !important }
.red { color:#FF0303 }
.rechts { text-align:right }
.langMenu { float:right; border-right:1px solid #999; padding-right:8px }
.langMenu a { padding:0 0 0 1ex }
.noscreen { display:none; visibility:hidden }
.error { color:red }
.info { font-style:italic; font-size:10px }
div.highlight { border:1px solid #CCCCCC; padding:6px; width: 400px }
.pointer { cursor:pointer }