* {
    font-size: 100.01%;
    margin: 0;
    padding: 0;
}

body {
    background: url(../bilder/layout/patern.gif);
    font-family: verdana, arial, georgia, tahoma;
    font-size: 11px;
}

a, img {
    border: 0;
    text-decoration: none;
    color: black;
}

h1, h2 {
    display: none;
}

#container {
    background: url(../bilder/layout/background.jpg);
    margin: 0 auto;
    margin-top: 1%;
    width: 1004px;
}

#middle {
    padding-top: 6px;
}

#head {
    background: url(../bilder/layout/head.jpg);
    height: 98px;
    width: 1004px;
}

a#link {
  display: block;
  position: absolute;
  float: left;
  width: 78px;
  height: 98px;
  margin-left: 144px;
  }

#foot {
    background: url(../bilder/layout/foot.jpg);
    clear: both;
    height: 13px;
    width: 1004px;
}

#head ul {
    list-style: none;
}

#head li {
    cursor: pointer;
    display: block;
    height: 18px;
    position: absolute;
    width: 113px;
}

#head li a {
    position: absolute;
    color: #0057BF;
    font-size: 12px;
    font-weight: bold;
}

#head li#projekt {
    margin: 21px 0 0 735px;
}

#head li#kontakt {
    margin: 21px 0 0 880px;
}

#head li#wirfuernienburg {
    margin: 44px 0 0 735px;
    width: 130px;
}

#head li#impressum {
    margin: 44px 0 0 880px;
}

/* Inhalt */

#vorschau {
    float: left;
    padding-left: 35px;
    width: 194px;
}

#middle > #vorschau {
    margin-left: 35px;
    padding: 0;
}

#vorschau div {
    background: url(../bilder/layout/bildrahmen_klein.jpg);
    color: #fff;
    height: 160px;
    width: 192px;
    margin-bottom: 2px;
}

#vorschau div img {
    border: 1px solid #fff;
    height: 131px;
    margin: 5px 7px 0 8px;
    width: 175px;
}

#vorschau div span {
    margin-left: 8px;
}

#bannerleiste {
    float: right;
    padding-right: 36px;
    width: 186px;
}

#middle > #bannerleiste {
    margin-right: 36px;
    padding-right: 0;
}

#bannerleiste h2 {
    color: #283038;
    display: inline;
    font-size: 90%;
    font-weight: normal;
    position: absolute;
    margin: -14px 0 0 135px;
}

#bannerleiste div {
    background-color: #fff;
    border: 1px solid #000;
    margin-bottom: 6px;
    padding: 10px;
}

#bannerleiste div img {
    display: block;
}

#kamera {
    background: url(../bilder/layout/bildrahmen.jpg);
    height: 401px;
    width: 468px;
    margin-left: 270px;
}

#kamera h3 {
    color: #254164;
    display: block;
    float: left;
    font-size: 120%;
    margin: 22px 0 11px 7px;
    left: 15px;
}

#kamera img {
    margin: 0 0 0 14px;
    display: block:
}

#kamera #buttons {
    float: right;
    position: relative;
    top: 4px;
    right: 14px;
}

#buttons img {
    margin: 0;
    padding: 0;
}

#banner {
    text-align: right;
    display: block;
    margin: 2px 264px 0 0;
}

#banner span {
    font-size: 90%;
    margin-right: 3px;
}

#banner img {
    border: 1px solid #000;
    margin: 1px 0 0 0;
}

#popup {
    background: #fff;
    height: 570px;
    margin: 10px;
    overflow: auto;
    padding: 5px;
}

#popup h2 {
    border-bottom:  1px solid #ccc;
    color: #254164;
    display: block;
    font-size: 140%;
    margin-bottom: 10px;
}


/* Kontaktformular */

p {
  margin: 5px 0 15px;
}

label, input {
    height: 15px;
    margin: 2px 0;
}

input.submit {
    background: #fff;
    height: auto;
    margin-top: 20px;
    width: 160px;
}

label {
    color: #425267;
    float: left;
    width: 120px;
}

fieldset {
    border: 0;
}

legend {
    border: 1px solid #ccc;
    font-weight: bold;
    margin: 0 5px;
}

textarea {
    height: 120px;
    font-size: 13px;
}

textarea, input {
    border: 1px solid #C0C0C0;
    width: 270px;
}


/* Kamerakarte */

#kamerakarte li, #kamerakarte ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#webcamuebersicht h2 {
    border-bottom: 2px solid #95A5BC;
    color: #254164;
    display: block;
    font-size: 140%;
    height: 21px;
    margin-left: 270px;
    width: 470px;
}

#kamerakarte {
    background: url(../bilder/content/kamerakarte.jpg);
    border: 1px solid #94A8C3;
    /*height: 401px;*/
    height: 375px;
    margin-top: 5px;
    margin-left: 270px;
    width: 468px;
}

#kamerakarte a {
    background: url(../bilder/content/kamera.gif) no-repeat;
    color: #fff;
    display: block;
    height: 27px;
    position: absolute;
    text-decoration: none;    
    width: 27px;
}

#kamerakarte a:hover {
    background: url(../bilder/content/kamera_over.gif) no-repeat;    
    z-index:5;
}

#kamerakarte a span {
    display: none;
}

#kamerakarte a:hover span {
    background: url(../bilder/layout/bildrahmen_klein.jpg);
    color: #fff;
    cursor: pointer;
    display: block;
    height: 160px;
    margin: 21px 0 0 21px;
    position: absolute;
    width: 192px;
}

#kamerakarte a:hover span img {
    border: 1px solid #fff;
    height: 131px;
    margin: 5px 7px 0 8px;
    width: 175px;
}

#kamerakarte a:hover span span {
    background: none;
    display: inline;
    margin-left: 8px;
    height: auto;
    position: static;
    width: auto;
}

/* Vollansicht */
#vollansicht {
    border: 4px solid #fff;
    cursor: pointer;
    height: 480px;
    left: 50%;
    margin-left: -320px;
    margin-top: -240px;
    position: absolute;
    top: 50%;
    width: 640px;
}

h2.vollansicht {
    background-color: #fff;
    border: 4px solid #fff;
    color: #254164;
    display: block;
    font-size: 160%;
    margin: 34px 80px;
    width: 640px;
}