/*

  BISCHOFSWERDA // BASICS
  The Basic Styles for Page-Structure-Design.
  Author: Thomas Jung
  Version: 1.0

*/



/* CSS-Resets. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }



/* basic html-setup, hideouts & global elements */
html, body { position: relative; height: 100%; width: 100%; }
body { text-align: center; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 150%; background: url(../images/bg.png) repeat 0 0; }
#skipnav, .skipelement { display: none; }
.floatclear, .csc-textpic-clear { position: relative; clear: both; }



/* position and background-images of layout-elemtens */
#pagewrapper, #header, #footer { position: relative; width: 960px; margin: 0 auto; text-align: left; }  
#pagewrapper { background: url(../images/cntbg.png) repeat-y 0 0; }
#header { height: 300px; background: url(../images/headerbg.png) no-repeat 0 60px; z-index: 20; }
#footer { height: 140px; background: url(../images/footerbg.png) no-repeat 0 0; }
#content { position: relative; width: 530px; margin: 0 30px 0 50px; float: left; }
#sidebar { position: relative; width: 280px; padding: 75px 21px 0 30px; float: left; z-index: 19; }



/* Header-Design */
#header div a#homelink { position: absolute; top: 122px; left: 50px; height: 60px; width: 250px; background: url(../images/biw_logo.png) no-repeat 0 0; display: block; overflow: hidden; text-indent: -9000px; }
#header #wappen { position: absolute; top:75px; right: 15px; height: 256px; width: 234px; background: url(../images/headerwappen.png); }


/* Navigation */
#nav { position: absolute; bottom: 42px; left: 6px; width: 100%; height: 60px; background: url(../images/navbg.png) no-repeat 0 0; }
#nav ul { position: relative; margin: 0 0 0 45px; background: url(../images/navstart.png) no-repeat 0 0; height: 50px; padding: 0 0 0 1px; }
#nav ul li { position: relative; float: left; height: 50px; width: 140px; background: url(../images/navtrenner.png) no-repeat right 0; margin: 3px 0; }
#nav ul li a { position: relative; display: block; height: 30px; padding: 10px 28px 10px 10px; text-decoration: none; font-size: 12px; color: #fff; text-shadow: -1px -1px 0 #389; line-height: 120%; }
#nav ul li:hover a { text-shadow: 0 0 4px #fff; }
#nav ul li ul { position: absolute; top: -5px; height: auto; width: 185px; left: -2000px; padding: 60px 0 0 0; background: url(../images/subnavbg.png) no-repeat 0 0; }
#nav ul li ul li { height: auto; background: #fff; padding: 2px; border-style: dotted solid none solid; border-width: 1px; border-color: #ccc; margin: 0; float: none; width: auto; }
#nav ul li ul li:first-child { border-top: 1px solid #ccc; }
#nav ul li ul li:last-child { border-bottom: 1px solid #ccc; }
/* #nav ul li ul li.first { border-top: 1px solid #ccc; }
   #nav ul li ul li.last { border-bottom: 1px solid #ccc; } */
#nav ul li ul li a { color: #07c; text-shadow: none; font-weight: bold; font-size: 11px; line-height: 120%; height: auto; background: #fff; padding: 4px 10px; width: auto; }
#nav ul li ul li a:hover { background: #cef; }
#nav ul li:hover ul { left: -43px; }



/* Rootline-Navigation on Subpages */
#content ol.rootline { position: relative; font-size: 10px; margin: 0; list-style: none; }
#content ol.rootline li { float: left; color: #999; }
#content ol.rootline li a { position: relative; padding: 0 12px 0 0; font-weight: bold; text-decoration: none; color: #999; background: url(../images/rootlinesep.png) no-repeat right 0; }
#content ol.rootline li a:hover { color: #069; }




/* Secondary Navigation (in the upper right) */
#secondary_nav { position: absolute; right: 50px; top: 83px; }
#secondary_nav ul { margin: 0; }
#secondary_nav ul li { float: left; }
#secondary_nav ul li a { font-size: 10px; text-decoration: none; color: #fff; margin: 0; border-right: 1px solid #fff; padding: 0 5px; }
#secondary_nav ul li.first a { border-left: 1px solid #fff; }
#secondary_nav ul li a:hover { text-decoration: underline; }
#secondary_nav ul li.facebook a { background: url(../images/facebook.png) 5px top no-repeat; padding-left: 20px; }




/* Footer-Design */
#footer { margin-bottom: 100px; }
#footer #footnav { position: absolute; top: 41px; left: 50px; }
#footer #footnav ul { margin: 0; }
#footer #footnav ul li { float: left; }
#footer #footnav ul li a, #footer .toTop  { font-size: 10px; color: #cef; text-decoration: none; text-shadow: -1px -1px 0 #167; padding: 0 5px; border-right: 1px solid #8cd; }
#footer #footnav ul li:first-child a { border-left: 1px solid #8cd; }
#footer #footnav ul li a:hover { color: #fff; text-decoration: underline; }
#footer #ft_contact { position: absolute; left: 50px; bottom: 25px; line-height: 140%; color: #fdb; text-shadow: -1px -1px 0 #976; }
#footer #ft_contact p { margin: 0; }
#footer .toTop { position: relative; }

#footer #ft_logo { position: absolute; left: 720px; bottom: 15px; width: 163px; height: 50px; background: url(../images/logo-heimat-des-schiebocks.png) right top no-repeat; }

/* EOF */