/* ********************************************************************* */
/*					     Layout-Grundeinstellungen     	                 */
/* ********************************************************************* */

html, body { margin: 0; padding: 0; font-family: Verdana; height: 100%; width: 100%; height: 100%; font-family: Verdana, Geneva, sans-serif; background-image: url(image/background.jpg); background-repeat:repeat-y; }

a:link, a:visited, a:active, a:hover { text-decoration:none; color: #c5006b; }

h1, h2, h3, h4, h5, h6, ul, p { margin: 0; padding: 0; }

#distance { width:1px; height:50%; margin-bottom:-372px; float:left; }
#master_div { clear: left; position: relative; width: 1000px; height: 744px; margin: 0 0 0 -500px; left: 50%; padding: 0; background-image:url(image/shadow.png); background-repeat: no-repeat; z-index: 0; overflow: hidden;  }
#designerDiv { position: relative; top: 14px; left: 17px; width: 962px; height: 707px; background-color: #fff;  }

#logoIntro { position: absolute; top: 260px; width: 398px; height: 67px; left: 280px; background-image:url(image/logo_ohne_slogan.gif); } 

#null { position: absolute; top: 260px; width: 398px; height: 200px; left: 280px; z-index: 500; }

/**************************************** Start-Template ****************************************************/
#baer { position: relative; top: 180px; left: 80px; width: 227px; height: 108px; background-image: url(image/baer.png); z-index: 1; }
#tatze1 { position: absolute; top: 340px; left: 400px; z-index: 1; }
#tatze2 { position: absolute; top: 360px; left: 550px; z-index: 1; }
#tatze3 { position: absolute; top: 340px; left: 680px; z-index: 1; }
#tatze4 { position: absolute; top: 350px; left: 810px; z-index: 1; }
#startimage { position: absolute; top: 387px; background-image:url(image/startimage.jpg); width: 962px; height: 290px; }
#jahr2012 { position: absolute; top: 290px; left: 330px; }
#jahr2010 { position: absolute; top: 300px; left: 560px; }
#jahr20102 { position: absolute; top: 280px; left: 780px; }

#top { position: relative; top: 20px; height: 150px; width: 100%; }
#top #menue { position: absolute; top: 68px; left: 34px; }
#top #logo { position: absolute; top: 22px; right: 30px; width: 339px; height: 78px; background-image: url(image/logo.gif); background-repeat: no-repeat; z-index: 5; }

#contentArea { position: absolute; width: 100%; bottom: 280px;  }
#content { position: relative; left: 40px; background-color: #652f24; color: #fff; padding: 6px 6px 6px 6px; font-size: 0.8em; width: 400px; }

#bottom { position:absolute; bottom: 0px; left: 0px; height: 30px; width: 963px; background-color: #000; }
#bottom ul { position: absolute; right: 20px; top: 5px; }
#bottom ul li { float: left; margin-right: 10px; list-style: none; color: #491a17; font-size: 0.8em; color: #fff; }
#bottom ul li a { color: #491a17;  font-size: 0.9em;  color: #fff; }
#bottom ul li a:hover { color: #666; }

/**************************************** Bärenpartner ****************************************************/
#pfallerschwarz { position: absolute; background-image:url(image/baerenpartner.jpg); width: 890px; height: 520px; top: 130px; left: 40px; z-index: 500;  }
#pfaller { position: absolute; top: 230px; left: 226px;  z-index: 500; }
#schwarz { position: absolute; top: 200px; left: 550px;  z-index: 500; }
#pfaller, #schwarz { font-size: 0.6em; color: #1b1b1f; line-height: 1.6em; z-index: 500; }

/**************************************** Artgerecht ****************************************************/
#bigbear { position: absolute; width: 617px; height: 287px; top: 260px; left: 300px; background-image:url(image/bigbaer.gif); color: #c70e73; background-repeat: no-repeat;  }
#bigbear a, #bigbear a:link, #bigbear a:visited, #bigbear a:active, #bigbear a:hover  { color: #c70e73; }
#textBaer1 { position: relative; top: 50px; left: 190px; font-size: 1.5em; font-weight: normal; }
#textBaer2 { position: relative; top: 50px; left: 40px; font-size: 1.5em; font-weight: normal; text-align: center;  }
#textBaer3 { position: relative; top: 50px; left: 40px; font-size: 1.5em; font-weight: normal; text-align: center;  }
#textBaer4 { position: relative; top: 50px; left: 40px; font-size: 1.5em; font-weight: normal; text-align: center; }

/**************************************** Revier ****************************************************/
#superbgimage { position: absolute; width: 847px; height: 489px; left: 50%; margin-left: -412px; top: 50%; margin-top: -167px; } 
#superbgimage2 { position: absolute; width: 800px; height: 480px; left: 50%; margin-left: -400px; top: 50%; margin-top: -167px; } 
#superbgimage3 {  position: absolute; width: 424px; height: 39px; left: 50%; margin-left: -222px; top: 50%; margin-top: -30px; }
#podest { position: absolute; width: 962px; height: 75px; top: 570px; left: 0px; background-repeat: no-repeat; background-image:url(image/podest.png); }
#naviLeft { position: absolute; left: 10px; top: 360px; font-size:26px; color: #707173; z-index: 100;}
#naviRight { position: absolute; left: 926px; top: 360px;  font-size:26px; font-weight: bold; color: #707173; z-index: 10;   }

/**************************************** Jobs ****************************************************/
#jobs { position: relative; left: 190px; color: #39393d; font-size: 0.9em; line-height: 20px; }
#jobs .color { color: #c5006b; }

/**************************************** Kontakt ****************************************************/
#kontakt { position: relative; left: 160px; color: #39393d; font-size: 0.8em; color: #707173;  }
#kontaktBild { position: absolute; top: 180px; left: 450px; width: 411px; height: 364px; background-image:url(image/kontakt.jpg); }
#kontakt a, #kontakt a:link, #kontakt a:visited, #kontakt a:active, #kontakt a:hover  { color: #707173; text-decoration: underline; }

/**************************************** Impressum ****************************************************/
#impressum { position: relative; height: 390px; left: 160px; font-size: 0.8em; color: #707173; overflow:auto;  }
#impressumBild { position: absolute; top: 180px; left: 450px; width: 481px; height: 366px; background-image:url(image/impressum.jpg); }
#impressum a, #impressum a:link, #impressum a:visited, #impressum a:active, #impressum a:hover  { color: #707173; text-decoration: underline; }
#disclaimer { position: relative; width: 750px; height: 120px; left: 140px; color: #707173; overflow: auto; font-size: 0.7em; padding-right: 20px; text-align: justify; z-index: 200;   }


h1 { font-size: 1.5em; font-weight:normal; }
.ebene { clear: both; padding: 2px 0; color: #8c8c8e; }
.label { float: left; font-size: 0.8em; width: 240px; padding: 14px 34px 0 6px; text-align: right; }
.label2 { float: left; font-size: 0.8em; width: 550px; padding: 14px 10px 0 6px; text-align: left; }
.point { color: #c5006b; }
.platzierung { color: #707173; font-size: 0.8em; font-weight: bold; text-align: center; }

.ddimgtooltip{ box-shadow: 3px 3px 5px #818181; -webkit-box-shadow: 3px 3px 5px #818181; -moz-box-shadow: 3px 3px 5px #818181; display:none; position:absolute; border:1px solid black; background:white; color: black; z-index:2000; padding: 4px; }