@charset "utf-8";
html  {margin:0;padding:0;height:100%;}
body {background: #fff url(../toolbox/gfx/bacmain.gif) repeat-y;padding:0;margin:0;text-align:left;font: 76%/1.5em Arial, Helvetica, sans-serif;height: 100%;}
a:focus, a:active { outline:none; }
.notext { overflow: hidden; width: 0px; height: 0px; position: absolute; left: -2000px; top: 0px; }
.edit	{ font: normal 12px Arial, Helvetica, sans-serif; color: #FF0000; padding: 0; margin: 0; }

#logo {position:absolute;height:120px;width:73px;top:20px;left:20px;}
#logo img	{border:none; margin:0;padding:0;}

/* __________________________________ */
/* Navigation  */
#navBox {position:absolute;left:0;top:360px;width:130px;z-index:1; }
ul#nav{margin:0;padding:0;border:none;width:130px;}
ul#nav li {list-style:none;margin:0;padding:0;}
ul#nav li a:link, ul#nav li a:visited {display:block;padding:7px 0 0 20px;color:#000;text-decoration:none;margin:0;width:110px;text-transform: uppercase;}
ul#nav li a:focus,  ul#nav li a:hover,  ul#nav li a:active{width:110px;color:#0A409C;text-decoration:underline}
ul#nav li.linkAktiv a:link,
ul#nav li.linkAktiv a:visited {width:10px;color:#0A409C;font-weight:bold;}
ul#nav li.linkAktiv a:focus, ul#nav li.linkAktiv a:hover,
ul#nav li.linkAktiv a:active {text-decoration:none}
/* __________________________________ */
/* Menü Level 2 */
ul#nav li ul#menuLevel2 {padding:0;margin:3px 0 0 3px;}
ul#nav li ul#menuLevel2 li {border-style: none;}
ul#nav li ul#menuLevel2 li a:link, 
ul#nav li ul#menuLevel2 li a:visited
{font-weight:normal;display:block;padding:3px 0 4px 25px;color:#000000;text-decoration:none;margin:0;width:100px; text-transform: none;}
ul#nav li ul#menuLevel2 li a:focus,
ul#nav li ul#menuLevel2 li a:hover,
ul#nav li ul#menuLevel2 li a:active{width:100px;color:#155386;text-decoration:underline}
ul#nav li ul#menuLevel2 li.linkAktiv a:link,
ul#nav li ul#menuLevel2 li.linkAktiv a:visited
{width:10px;color:#0A409C; font-weight:bold;}
ul#nav li ul#menuLevel2 li.linkAktiv a:focus,
ul#nav li ul#menuLevel2 li.linkAktiv a:hover,
ul#nav li ul#menuLevel2 li.linkAktiv a:active {text-decoration:none}

/* __________________________________ */
/* Rechts */
#rechtsBox {position:absolute;left:595px;top:67px;width:350px;padding:0 20px 20px 0}
#rechtsBox h1 {font-size: 1.3em;color: #ff9900;	font-weight: normal;text-transform: uppercase;margin: 0px;padding: 0px;}

/* __________________________________ */
/* Start  */
#startFotoBox {position:absolute;left:225px;top:67px;text-align:right;}
#starth1 {padding:0;margin:0;position:absolute;left:225px;top:680px;text-align:right;}
#starth1 h1 {padding:0;margin:0;text-transform:uppercase;font-size:1.8em;line-height:2em}

/* __________________________________ */
/* Team  */
#team h2 {font-size: 1em;color: #000;margin:0;padding:0;}
#team h2.teamh2 {font-size: 1em;color: #000;margin:10px 0 0 0px;padding:0;}
#team p {margin:0;padding:0;line-height:1.7em}
#teamFotoBox {position:absolute;left:185px;top:67px;width:399px;height:354px;text-align:right;}
#teamFotos  {float: right;}
#teamFotos td {padding:5px;width:50px;height:50px;}
#teamFotos td a:hover {background:#ff9900;} /* IE/Win Wechsel bug */
#teamFotos img { border:none;margin:0;padding:0; }
#teamFotos span {display:none;}
#teamFotos a {display:block;}
#teamFotos a:hover span {display:block;padding:0;margin:0;width:20em;height:3em;text-align:left;text-decoration:none !important;color:#000;position:absolute;left:84px;top:360px;}
#rechtsBox table#partnerFon td.tabLinks {vertical-align: top;width:160px;}
#rechtsBox table#partnerFon td.tabRechts {padding:0 0 0 5px;vertical-align: top;}
#rechtsBox table#teamFon {margin-top:15px}
#rechtsBox table#teamFon td.tabLinks {vertical-align: top;width:160px;}
#rechtsBox table#teamFon td.tabRechts {padding:0 0 0 5px;vertical-align: top;}
#rechtsBox table#sekFon {margin-top:15px}
#rechtsBox table#sekFon td.tabLinks {vertical-align: top;width:160px;}
#rechtsBox table#sekFon td.tabRechts {padding:0 0 0 5px;vertical-align: top;}
/* __________________________________ */
/* Geschichte  */
#rechtsBox table#geschichte {margin:20px 0 0 0}
#rechtsBox table#geschichte td.tabLinks {vertical-align: top;width:30px;}
#rechtsBox table#geschichte td.tabRechts {padding:0 0 20px 20px;vertical-align: top;}
#geschichteFoto {position:absolute;left:129px;top:67px;width:450px;height:354px;text-align:right;}
/* __________________________________ */
/* Philosophie  */
#philoFoto {position:absolute;left:200px;top:370px;text-align:right;}

/* __________________________________ */
/* Aktuell Liste  */
#aktuellListe {position:absolute;left:180px;top:67px;width:345px;height:354px;text-align:right;}
#aktuellListe p {margin:0 0 15px 0;	padding:0;}
#aktuellListe a:link, #aktuellListe a:visited {text-decoration: none;color:#000;}
#aktuellListe a:hover, #aktuellListe a:focus, #aktuellListe a:active {color:#fff;}

/* __________________________________ */
/* Aktuell Panel */
#Accordion1  {outline:none;text-align:left }
.Accordion {overflow: hidden;}
.AccordionPanel {margin: 0px;padding: 0px;border-top: 1px solid #ff9900}
.AccordionPanelTab {font-weight:bold;margin:0;padding:10px 0 5px 0;cursor:pointer;-moz-user-select: none;-khtml-user-select: none;}
.AccordionPanelContent {text-align:left;overflow:auto;margin:0px;padding:0px;border-bottom:1px solid #FFC977}
.AccordionPanelContent a:link, .AccordionPanelContent a:visited {text-decoration:underline !important}
.AccordionPanelContent a:focus, .AccordionPanelContent a:hover, .AccordionPanelContent a:active {text-decoration:none !important}
.AccordionPanelOpen .AccordionPanelTab {font-weight:bold !important;border-top:1px solid #FFC977;}
.AccordionPanelTabHover {color: #fff;}
.AccordionPanelOpen .AccordionPanelTabHover {color:#fff;}

/* __________________________________ */
/* Projekte Liste  */
#projekte {position:absolute;left:147px;top:70px;width:432px;height:354px;}
#projekte table {text-align:right;}
#projekte table td.tabLinks {vertical-align: top;}
#projekte table td.tabRechts {padding:0 0 20px 20px;vertical-align: top;width:70px}
#projekte table td.tabLinksP {vertical-align: top;width:352px;}
#projekte table td.tabRechtsP {padding:0 0 20px 20px;vertical-align: top;width:70px}
#projekte table td.tabLinksG {vertical-align: top;width:332px;text-transform:uppercase;font-size:1.2em}
#projekte table td.tabRechtsG {padding:0 0 20px 20px;vertical-align: top;width:80px}
#projekte a:link, #projekte a:visited {text-decoration: none;color:#000;padding:0;margin:0;line-height: 1.3em;}
#projekte a:hover, #projekte a:focus, #projekte a:active {color:#fff;}
#projekte img		{ border: none; margin: 0; padding: 0; }
#projekte img:hover {color:#fff;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}

/* __________________________________ */
/* Projektseite  */
#box img,#box2 img,#box3 img,#box4 img { border: none; margin: 0; padding: 0; }
#box2 a span, #box3 a span, #box4 a span {display:none;}
#box a:hover, #box2 a:hover, #box3 a:hover, #box4 a:hover {background:#ff9900;} /* IE/Win Wechsel bug */
#box a, #box2 a, #box3 a, #box4 a { display:block;position:absolute;left:250px;width:50px;height:50px;z-index:2;border: solid 9px #ff9900 }
#box a {top:60px;}
#box2 a {top:128px;}
#box3 a {top:196px;}
#box4 a {top:264px;}

#box2 a:hover span , #box3 a:hover span , #box4 a:hover span  
{position:absolute;left:70px;z-index:3;display:block;padding:0;margin:0;width:500px;height:254px;background: #fff url(gfx/bacmain.gif) repeat-y -329px 0px}
#box2 a:hover span {top:-68px;	}
#box3 a:hover span {top:-136px;	}
#box4 a:hover span {top:-204px;	}

#box span {position:absolute; left:70px; z-index:3;width:500px;height:250px;display:inline; padding:0;margin:0; top:0;}

#infoBox {position:absolute;left:142px;top:360px;width:425px;}

#projektTextRechts {position:absolute;left:600px;top:360px;padding:0 20px 20px 0;width:350px;}
#projektTextRechts h1 {font-size: 1.3em;color: #ff9900;	font-weight: normal;text-transform: uppercase;margin: 0px;padding: 0px;}
#projektTextRechts p.bacLink a:link, #projektTextRechts p.bacLink a:visited {font-size:1.3em; color:#666;text-decoration:none}
#projektTextRechts p.bacLink a:focus, #projektTextRechts p.bacLink a:hover,
#projektTextRechts p.bacLink a:active {font-size:1.3em; color:#ff9900;text-decoration:none}

/* __________________________________ */
/* Kontakt  */
#kontakt {position:absolute;left:180px;top:67px;width:311px;height:354px;text-align:left;}
#kontakt h2 {font-size:1.2em;line-height:1.5em;font-weight:normal;text-transform:uppercase;margin:0 0 15px 0;padding:0;}
#kontakt p {font-size:1.2em;line-height:1.5em;margin:0 0 15px 0;padding:0;}
#kontakt a:link, #kontakt a:visited {text-decoration: none;color:#000;}
#kontakt a:hover, #kontakt a:focus, #kontakt a:active {color:#fff;}

/* __________________________________ */
/* Impressum  */
#impressum {position:absolute;left:180px;top:67px;width:600px;height:354px;text-align:left;}
#impressum table td.tabLinks {padding:0 0 20px 0px;vertical-align: top;width:362px; text-align:right;}
#impressum table td.tabRechts {padding:0 0 20px 40px;vertical-align: top;width:175px; text-align:left;font-size:1.3em;color:#ff9900}
#impressum a:link, #impressum a:visited {text-decoration: none;color:#000;}
#impressum a:hover, #impressum a:focus, #impressum a:active {color:#fff;}
#impressum table p {padding:0;margin:0 0 10px 0}
