/*  _STYLE.CSS - Stylesheet für www.parkour-regensburg.de - Release 1.4 */
/*  CSS 2.1 - valide gemäß den Standards des W3C */
/*  CODE BY THOMAS WIMMER, QUELLDESIGN */

* {
  margin: 0;
  padding: 0;
}

/* GENERAL */

body {
  background-image: url(images/bg.jpg);
  background-repeat: repeat;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 70%;
  color: #ffffff;
}

h1 {
  margin-top: 25px;
  font-size: 150%;
  text-align: center;
}

p {
  margin-left: 25px;
  margin-right: 25px;
}

a {
  text-decoration: none;
  color: #ffff00;
}

.trennlinie {
  border-bottom: solid 1px #ffffff;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

img{
  border: none;
}

dt {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 120%;
}

dd {
  margin-left: 20px;
}


#copyright {
  position: absolute;
  text-align: right;
  font-size: 90%;
  top: 700px;
  left: 50%;
  margin-left: 10px;
  width: 350px;
}

#site {
  width: 990px;
  margin: auto;
  max-height: 748px;
}

.feed {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

h1.left {
  text-align: left;
}

#topheader {
  background-image: url(images/image_01.jpg);
  width: 990px;
  height: 59px;
}

#parkour {
  background-image: url(images/image_02.jpg);
  width: 457px;
  height: 177px;
  float: left;
}

#foto1 {
  background-image: url(images/image_03.jpg);
  width: 216px;
  height: 177px;
  float: left;
}

#uebergang {
  background-image: url(images/image_04.jpg);
  width: 23px;
  height: 177px;
  float: left;
}

#foto2 {
  background-image: url(images/image_05.jpg);
  width: 211px;
  height: 177px;
  float: left;
}

#rand {
  background-image: url(images/image_06.jpg);
  width: 83px;
  height: 177px;
  float: left;
}

#bottomheader {
  background-image: url(images/image_07.jpg);
  width: 990px;
  height: 24px;
  float: left;
}

#navitop {
  background-image: url(images/image_08.jpg);
  width: 213px;
  height: 7px;
  float: left;
}

#contentframe {
  position: relative;
  left: -70px;
  background-image: url(images/image_09.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_viktor{
  position: relative;
  left: -70px;
  background-image: url(images/bg_viktor.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_josef {
  position: relative;
  left: -70px;
  background-image: url(images/bg_josef.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_michi {
  position: relative;
  left: -70px;
  background-image: url(images/bg_michi.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_paul {
  position: relative;
  left: -70px;
  background-image: url(images/bg_paul.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_max_s {
  position: relative;
  left: -70px;
  background-image: url(images/bg_max_s.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_wolfi {
  position: relative;
  left: -70px;
  background-image: url(images/bg_wolfi.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_andi {
  position: relative;
  left: -70px;
  background-image: url(images/bg_andi.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_max_r {
  position: relative;
  left: -70px;
  background-image: url(images/bg_max_r.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_michi_s {
  position: relative;
  left: -70px;
  background-image: url(images/bg_michi_s.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_mariano{
  position: relative;
  left: -70px;
  background-image: url(images/bg_mariano.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_stephan{
  position: relative;
  left: -70px;
  background-image: url(images/bg_stephan.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#contentframe_sami{
  position: relative;
  left: -70px;
  background-image: url(images/bg_sami.jpg);
  width: 707px;
  height: 406px;
  float: right;
}

#content {
  position: absolute;
  top: 262px;
  left: 50%;
  margin-left: -278px;
  width: 698px;
  height: 401px;
  text-align: left;
  overflow: auto;
}

#leftframe {
  position: relative;
  top: 208px;
  left: -1px;
  width: 213px;
}

#navigation-left {
  position: absolute;
  left: 2px;
  width: 40px;
  height: 399px;
  background-image: url(images/image_11.jpg);
}

#arrow1 {
  position: absolute;
  top: 285px;
  left: 41px;
  width: 111px;
  height: 114px;
  background-image: url(images/image_26.jpg);
}

#fill1 {
  position: absolute;
  top: 0;
  left: 147px;
  width: 67px;
  height: 149px;
  background-image: url(images/image_13.jpg);
}

#fill2 {
  position: absolute;
  top: 149px;
  left: 152px;
  width: 62px;
  height: 250px;
  background-image: url(images/image_25.jpg);
}

#subcontent {
  position: absolute;
  top: 666px;
  width: 990px;
  height: 12px;
  background-image: url(images/image_27.jpg);
}

#rightframe {
  position: absolute;
  top: 260px;
  left: 50%;
  margin-left: 426px;
  width: 69px;
  height: 406px;
  background-image: url(images/image_10.jpg);
}

#arrow2 {
  position: absolute;
  top: 678px;
  width: 218px;
  height: 70px;
  background-image: url(images/image_28.jpg);
}

#bottom {
  position: absolute;
  top: 711px;
  left: 50%;
  margin-left: -277px;
  width: 141px;
  height: 37px;
  background-image: url(images/image_33.jpg);
}

#arrow3 {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -91px;
  width: 586px;
  height: 70px;
  background-image: url(images/image_32.jpg);
}


/* NAVIGATION */

#nav1 {
  position: absolute;
  top: 0;
  left: 42px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_12.jpg);
}

#nav1:hover {
  position: absolute;
  top: 0;
  left: 42px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_12_hover.jpg);
}

#navfill1 {
  position: absolute;
  top: 19px;
  left: 42px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_14.jpg);
}

#nav2 {
  position: absolute;
  top: 26px;
  left: 42px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_15.jpg);
}

#nav2:hover {
  position: absolute;
  top: 26px;
  left: 42px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_15_hover.jpg);
}

#navfill2 {
  position: absolute;
  top: 45px;
  left: 42px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_16.jpg);
}

#nav3 {
  position: absolute;
  top: 52px;
  left: 42px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_17.jpg);
}

#nav3:hover {
  position: absolute;
  top: 52px;
  left: 42px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_17_hover.jpg);
}

#navfill3 {
  position: absolute;
  top: 71px;
  left: 42px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_18.jpg);
}

#nav4 {
  position: absolute;
  top: 78px;
  left: 42px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_19.jpg);
}

#nav4:hover {
  position: absolute;
  top: 78px;
  left: 42px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_19_hover.jpg);
}

#nav5 {
  position: absolute;
  top: 97px;
  left: 42px;
  width: 106px;
  height: 13px;
  background-image: url(images/image_20.jpg);
}

#nav5:hover {
  position: absolute;
  top: 97px;
  left: 42px;
  width: 106px;
  height: 13px;
  background-image: url(images/image_20_hover.jpg);
}

#nav6 {
  position: absolute;
  top: 110px;
  left: 42px;
  width: 106px;
  height: 13px;
  background-image: url(images/image_21.jpg);
}

#nav6:hover {
  position: absolute;
  top: 110px;
  left: 42px;
  width: 106px;
  height: 13px;
  background-image: url(images/image_21_hover.jpg);
}

#navfill4 {
  position: absolute;
  top: 123px;
  left: 42px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_22.jpg);
}

#nav7 {
  position: absolute;
  top: 130px;
  left: 42px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_23.jpg);
}

#nav7:hover {
  position: absolute;
  top: 130px;
  left: 42px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_23_hover.jpg);
}

#kult {
  position: absolute;
  top: 149px;
  left: 41px;
  width: 111px;
  height: 136px;
  background-image: url(images/kult.jpg);
}

#kult:hover {
  position: absolute;
  top: 149px;
  left: 41px;
  width: 111px;
  height: 136px;
  background-image: url(images/kult_hover.jpg);
}

#fam {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -277px;
  width: 55px;
  height: 33px;
  background-image: url(images/image_29.jpg);
}

#fam:hover {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -277px;
  width: 55px;
  height: 33px;
  background-image: url(images/image_29_hover.jpg);
}

#quelldesign {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -222px;
  width: 37px;
  height: 33px;
  background-image: url(images/image_30.jpg);
}

#quelldesign:hover {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -222px;
  width: 37px;
  height: 33px;
  background-image: url(images/image_30_hover.jpg);
}

#viktorrauch {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -185px;
  width: 49px;
  height: 33px;
  background-image: url(images/image_31.jpg);
}

#viktorrauch:hover {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -185px;
  width: 49px;
  height: 33px;
  background-image: url(images/image_31_hover.jpg);
}

#parkourfreystadt {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -140px;
  width: 45px;
  height: 33px;
  background-image: url(images/image_pkf.jpg);
}

#parkourfreystadt:hover {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -140px;
  width: 45px;
  height: 33px;
  background-image: url(images/image_pkf_hover.jpg);
}

/* LINKS OHNE CSS */

.hidden {
  visibility: hidden;
  font-size: 0;
}


/* KONTAKTFORMULAR */

input, textarea {
  background-color: #262626;
  color: #ffffff;
  border: solid 1px #ffffff;
}

input[type="submit"] {
  background-color: #262626;
  color: #ffffff;
  border: ridge 1px;
  cursor: hand;
  cursor: pointer;
}



/* LIGHTBOX */

#lightbox {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
}

#lightbox img {
        width: auto;
        height: auto;
}

#lightbox a img {
        border: none;
}

#outerImageContainer {
        position: relative;
        background-color: #ffffff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
}

#imageContainer {
        padding: 10px;
}

#loading {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
}

#hoverNav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
}

#imageContainer>#hoverNav {
        left: 0;
}

#hoverNav a {
        outline: none;
}

#prevLink, #nextLink {
        width: 49%;
        height: 100%;
        background-image: url(data:image/gif;base64,AAAA);
        /* Trick IE into showing hover */ display: block;
}

#prevLink {
        left: 0;
        float: left;
}

#nextLink {
        right: 0;
        float: right;
}

#prevLink:hover, #prevLink:visited:hover {
        background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
        background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
        font: 12px Verdana, Helvetica, sans-serif;
        background-color: #ffffff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%        ;
}

#imageData {
        padding:0 10px;
        color: #666;
}

#imageData #imageDetails {
        width: 70%;
        float: left;
        text-align: left;
}

#imageData #caption {
        font-weight: bold;
}

#imageData #numberDisplay {
        display: block;
        clear: left;
        padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
        width: 66px;
        float: right;
        padding-bottom: 0.7em;
        outline: none;
}

#overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
}


/* INTERNET-EXPLORER 7 KONFIGURATION */

* + html #navigation-left {
  position: absolute;
  top: -208px;
  left: -31px;
  width: 40px;
  height: 399px;
  background-image: url(images/image_11.jpg);
}

* + html #nav1 {
  position: absolute;
  top: -208px;
  left: 8px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_12.jpg);
}

* + html #navfill1 {
  position: absolute;
  top: -189px;
  left: 8px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_14.jpg);
}

* + html #nav2 {
  position: absolute;
  top: -182px;
  left: 8px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_15.jpg);
}

* + html #navfill2 {
  position: absolute;
  top: -163px;
  left: 8px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_16.jpg);
}

* + html #nav3 {
  position: absolute;
  top: -156px;
  left: 8px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_17.jpg);
}

* + html #navfill3 {
  position: absolute;
  top: -137px;
  left: 8px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_18.jpg);
}

* + html #nav4 {
  position: absolute;
  top: -130px;
  left: 8px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_19.jpg);
}

* + html #nav5 {
  position: absolute;
  top: -111px;
  left: 8px;
  width: 106px;
  height: 13px;
  background-image: url(images/image_20.jpg);
}

* + html #nav6 {
  position: absolute;
  top: -98px;
  left: 8px;
  width: 106px;
  height: 13px;
  background-image: url(images/image_21.jpg);
}

* + html #navfill4 {
  position: absolute;
  top: -85px;
  left: 8px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_22.jpg);
}

* + html #nav7 {
  position: absolute;
  top: -78px;
  left: 8px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_23.jpg);
}

* + html #kult {
  position: absolute;
  top: -59px;
  left: 7px;
  width: 111px;
  height: 136px;
  background-image: url(images/image_24.jpg);
}

* + html #arrow1 {
  position: absolute;
  top: 77px;
  left: 7px;
  width: 111px;
  height: 114px;
  background-image: url(images/image_26.jpg);
}


* + html #fill1 {
  position: absolute;
  top: -208px;
  left: 113px;
  width: 67px;
  height: 149px;
  background-image: url(images/image_13.jpg);
}

* + html #fill2 {
  position: absolute;
  top: -59px;
  left: 118px;
  width: 62px;
  height: 250px;
  background-image: url(images/image_25.jpg);
}

* + html #rightframe {
  position: absolute;
  top: 260px;
  left: 50%;
  margin-left: 425px;
  width: 69px;
  height: 406px;
  background-image: url(images/image_10.jpg);
}

* + html #subcontent {
  position: absolute;
  top: 666px;
  left: 50%;
  margin-left: -495px;
  width: 990px;
  height: 12px;
  background-image: url(images/image_27.jpg);
}

* + html #arrow2 {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -495px;
  width: 218px;
  height: 70px;
  background-image: url(images/image_28.jpg);
}

/* INTERNET-EXPLORER 5.5/6 KONFIGURATION */

* html #leftframe {
  position: relative;
  top: 199px;
  left: 1px;
  width: 213px;
}

* html #navigation-left {
  position: absolute;
  top: -208px;
  left: -31px;
  width: 40px;
  height: 399px;
  background-image: url(images/image_11.jpg);
}

* html #nav1 {
  position: absolute;
  top: -208px;
  left: 8px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_12.jpg);
}

* html #navfill1 {
  position: absolute;
  top: -189px;
  left: 8px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_14.jpg);
}

* html #nav2 {
  position: absolute;
  top: -182px;
  left: 8px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_15.jpg);
}

* html #navfill2 {
  position: absolute;
  top: -163px;
  left: 8px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_16.jpg);
}

* html #nav3 {
  position: absolute;
  top: -156px;
  left: 8px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_17.jpg);
}

* html #navfill3 {
  position: absolute;
  top: -137px;
  left: 8px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_18.jpg);
}

* html #nav4 {
  position: absolute;
  top: -130px;
  left: 8px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_19.jpg);
}

* html #nav5 {
  position: absolute;
  top: -111px;
  left: 8px;
  width: 106px;
  height: 13px;
  background-image: url(images/image_20.jpg);
}

* html #nav6 {
  position: absolute;
  top: -98px;
  left: 8px;
  width: 106px;
  height: 13px;
  background-image: url(images/image_21.jpg);
}

* html #navfill4 {
  position: absolute;
  top: -85px;
  left: 8px;
  width: 106px;
  height: 7px;
  background-image: url(images/image_22.jpg);
}

* html #nav7 {
  position: absolute;
  top: -78px;
  left: 8px;
  width: 106px;
  height: 19px;
  background-image: url(images/image_23.jpg);
}

* html #kult {
  position: absolute;
  top: -59px;
  left: 7px;
  width: 111px;
  height: 136px;
  background-image: url(images/image_24.jpg);
}

* html #arrow1 {
  position: absolute;
  top: 77px;
  left: 7px;
  width: 111px;
  height: 114px;
  background-image: url(images/image_26.jpg);
}


* html #fill1 {
  position: absolute;
  top: -208px;
  left: 113px;
  width: 67px;
  height: 149px;
  background-image: url(images/image_13.jpg);
}

* html #fill2 {
  position: absolute;
  top: -59px;
  left: 118px;
  width: 62px;
  height: 250px;
  background-image: url(images/image_25.jpg);
}

* html #rightframe {
  position: absolute;
  top: 260px;
  left: 50%;
  margin-left: 426px;
  width: 69px;
  height: 406px;
  background-image: url(images/image_10.jpg);
}

* html #subcontent {
  position: absolute;
  top: 666px;
  left: 50%;
  margin-left: -494px;
  width: 990px;
  height: 12px;
  background-image: url(images/image_27.jpg);
}

* html #arrow2 {
  position: absolute;
  top: 678px;
  left: 50%;
  margin-left: -495px;
  width: 218px;
  height: 70px;
  background-image: url(images/image_28.jpg);
}

/* --------------------------------------------------------*/