/*** 
** generic
***/
* { margin: 0; padding: 0; }
a { -moz-outline: 0; outline: none; }
a img { border: 0; }
.no-float { clear: both; }
.left { float: left; }
.right { float: right; }
.block { display: block; }
.opacity { filter:alpha(opacity=91); /* Internet Explorer */ -moz-opacity: 0.91; /* Mozilla Browser */ opacity: 0.91; /* Opera */ }
.hidden,
.invisible { display: none; } /* .invisible is for TYPOlight cron.php request via img-tag */
.quarter { width: 25%; }
.double { width: 50%; }
.triple { width: 33%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*** 
** grid
***/
html { background: url("../images/layout/bg.gif"); }
body { position: relative; height: 100%; font: 62.5% Arial, Verdana, Helvetica, sans-serif; color: #3e3c40; background: url(../images/layout/oben.gif) repeat-x;  }

.center { position: relative; margin: 0 auto; width: 924px; }
#container { min-height: 100%; background: transparent; }
#branding { position: relative; height: 170px; z-index: 10; }
#navigation { position: relative; top: 0; left: 0; z-index: 10;  }
#breadcrumb { position: relative; display: none; top: 0; right: 0; margin: 0; height: 2em; padding: 0; background-color: green; }
#content { position: relative; min-height: 40em;  }
#content #content-main { position: relative; top: 0; left: 0; margin: 0; width: 80%; padding: 0 0 100px 0; }
#siteinfo { position: relative; margin-top: -99px; height: 100px; } /* margin-top: siteinfo.height -1px due to fixed scrollbar */
#siteinfo .center { position: relative; height: 100%; background-color: green; }



/*** 
** branding
***/
#branding h1 { position: absolute; width: 284px; top: 64px; left: 316px; text-indent: -9999px; } 
#branding h1 a { display: block; height: 56px; background: transparent url("../images/layout/b2abc-logo.png") no-repeat; }
#branding h5 { position: absolute;  text-indent: -9999px; }


/*** 
** navigation
***/
#navigation h3 { position: absolute; text-indent: -9999px; height: 0; }
#navigation ul { list-style-type: none; }
#navigation ul li {  }

ul#meta { position: absolute; height: 23px; top: -170px; right: 0px; background: url("../images/layout/m1.gif") no-repeat left; text-transform: uppercase; padding: 0 0 0 20px;  }
ul#meta li { float: left; font-size: 1em; line-height: 23px; background: url("../images/layout/m2.gif"); }
ul#meta li.last { border: 0; background: url("../images/layout/m3.gif") no-repeat right; padding-right: 16px; }
ul#meta li a:link,
ul#meta li a:visited,
ul#meta li a:hover,
ul#meta li a:focus,
ul#meta li a:active { float: left; padding: 0 10px; text-decoration: none; color: #fff; }
ul#meta li a:focus,
ul#meta li a:hover { color: #fff; text-decoration: underline; }


/*** 
** content-main
***/
#content-main h2 { margin: 0px 0px; }
#content-main h3 { margin: 93px 0px 0 179px; border-bottom: 1px solid #e9e9e9; }
#content-main p { margin: 0px 0px 0 179px; }

#content-main h4,
#content-main h5,
#content-main ol,
#content-main dl,
#content-main address,
#content-main table,
#content-main form { margin: 0px 0px; }

#content-main h2 { font-size: 1.2em; line-height: 1.2em; font-weight: bold; text-transform: uppercase; }
#content-main h3 { font-size: 15px; line-height: 27px; font-weight: bold; text-transform: uppercase; }
#content-main h4 { font-size: 1.4em; line-height: 1.4em; }
#content-main h5 { font-size: 1.2em; line-height: 1.2em; }
#content-main h6 { font-size: 1.2em; line-height: 1.2em; }

#content-main a:link,
#content-main a:visited,
#content-main a:focus,
#content-main a:hover,
#content-main a:active { color: #3e3c40; text-decoration: none; }
#content-main a:focus,
#content-main a:hover { text-decoration: underline;  }

#content-main p,
#content-main ul,
#content-main ol,
#content-main dl,
#content-main address,
#content-main table,
#content-main form { font-size: 15px; line-height: 27px; }

#kasten { position: relative; top: -12px; width: 878px; height: 339px; padding: 21px;  background: url("../images/layout/k1.gif") no-repeat;  }
#kasten img { float: left; margin-top: 71px; }
#kasten p { width: 700px; border-bottom: 1px solid #e9e9e9; }


/***
** Internet Explorer 6: * html
** Internet Explorer 7: *+html
***/
* html #container { height: 100%; }
* html #content { height: 400px; }
* html #content #content-main:after { zoom: 1; } /* clearfix */
/** html #brand1ng h1 a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='./images/layout/logo.png'); }*/