body {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  background: url('../images/Background_3.jpg') no-repeat top center #55bf27 fixed;
  text-align: center;
  padding: 0 0 50px 0;
  min-height: 101%;
}

a, p { color: #fff; }
a:hover { text-decoration: none; }
p { line-height: 20px; margin: 0; }
strong { font-weight: bold; }

.fixfloat { clear: both; float: none; width: 0; height: 0; font-size: 0; }
.hidden { visibility: hidden; }
.invisible { display: none; }



#globalWrapper {
  background: url('../images/top.png') repeat-x top left;
  width: 100%;
  height: 100%;
}

#innerWrapper{
  width: 960px;
  margin: 0 auto;
  min-height: 500px;
  height: auto !important;
  height: 500px;
  text-align: left;
}

#header {
  height: 195px;
  position: relative;
}

#header h1 {
  display: none;
}

#header h2 {
  font-size: 0;
  color: transparent;
  position: absolute;
  left: 0;
  top: 46px;
  width: 450px;
  height: 51px;
}

#header h2.index { background: url('../images/balkonien.png') no-repeat; }
#header h2.images { background: url('../images/bildergalerie.png') no-repeat; }
#header h2.upload { background: url('../images/foto-upload.png') no-repeat; }

ul#topNav {
  list-style: none;
  padding: 5px 0 0 538px;
}

ul#topNav li { display: inline; }

ul#topNav a {
  color: #717171;
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 25px;
  font-weight: bold;
  font-size: 0.9em;
  width: 150px;
  float: left;
  text-align: left;
  position: absolute;
}

ul#topNav a:hover,
ul#topNav a:focus { color: #fff; }

ul#topNav a.send { background: url('../images/pictoTop.png') no-repeat 0px 1px; }
ul#topNav a.send:hover,
ul#topNav a.send:focus { background-position: 0px -21px; }
ul#topNav a.contact { background: url('../images/pictoTop.png') no-repeat 0px -56px; right: 65px; }
ul#topNav a.contact:hover,
ul#topNav a.contact:focus { background-position: 0px -79px; }

#blkWappen {
  position: absolute;
  right: 0;
  top: 30px;
}

ul#nav {
  display: block;
  height: 81px;
  list-style: none;
  width: 160px;
  position: absolute;
  top: 107px;
  left: 17px;
  z-index: 5;
}

#nav li a {
  display: block;
  width: 52px;
  height: 70px;
  color: #333;
  font-size: 0px;
  background: url('../images/nav.png') no-repeat;
  -moz-box-shadow: 2px 1px 9px 2px #333;
  -webkit-box-shadow: 2px 1px 9px 2px #333;
  box-shadow: 2px 1px 9px 2px #333;
  position: absolute;
}

#nav li a:hover,
#nav li a:focus,
#nav li.active a {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#nav li a.index { background-position: 0 0; left: 0; top: 0; }
#nav li a.index:hover,
#nav li a.index:focus,
#nav li.active a.index { background-position: -53px 0; }

#nav li a.images { background-position: -104px 0; left: 52px; top: 0; }
#nav li a.images:hover,
#nav li a.images:focus,
#nav li.active a.images { background-position: -155px 0; }

#nav li a.upload { background-position: -206px 0; left: 104px; top: 0; }
#nav li a.upload:hover,
#nav li a.upload:focus,
#nav li.active a.upload { background-position: -259px 0; }

#navLeft, #navRight, #navBottom { 
  position: absolute;
  background-color: #333;
  -moz-box-shadow: 2px 1px 9px 2px #333;
  -webkit-box-shadow: 2px 1px 9px 2px #333;
  box-shadow: 2px 1px 9px 2px #333;
}
#navLeft { left: 0; top: 107px; width: 17px; height: 70px; }
#navRight { left: 171px; top: 107px; width: 614px; height: 70px; }
#navBottom { left: 0px; top: 177px; width: 785px; height: 10px; }

#contentWrapper {
  padding: 0 175px 0 0;
}

#content,
#footer {
  background-color: #333;
  -moz-box-shadow: 2px 1px 9px 2px #333;
  -webkit-box-shadow: 2px 1px 9px 2px #333;
  box-shadow: 2px 1px 9px 2px #333;
  padding: 21px;
  overflow: auto;
}

#footer {
  height: 80px;
  position: relative;
  font-size: 10px;
  color: #666;
}

#footer .legal { position: absolute; top: 60px; left: 20px; }
#footer .legal a,
#footer .copyright a { color: #999; text-decoration: none; }
#footer .copyright a:hover, 
#footer .legal a:hover { color: #fff; }

#footer .copyright { position: absolute; top: 60px; left: 150px; }

div.left,
div.right,
div.col50-50 { float: left; }
div.left { width: 67%;  overflow: auto;}
div.right { width: 33%; text-align: right; }
div.col50-50 { width: 50%; overflow: visible; }
div.col50-50.left { width: 47%; margin-right: 3%; }

hr, div.hr {
  height: 1px;
  border: 0;
  background-color: #000;
  margin: 5px 0;
}

div.left p { padding-right: 20px; }
div.left hr { margin-right: 20px; }

#content hr {
  margin: 20px 0;
}

#content a.spreadshirt {
  display: block;
  width: 46px;
  height: 46px;
  float: left;
  padding-right: 10px;
  font-size: 0;
  color: transparent;
  background: url('../images/spreadshirt.png') no-repeat 0 0;
}
#content a.spreadshirt:hover,
#content a.spreadshirt:focus {
  background-position: 0 -47px;
  outline: none;
}

#content a.thumb {
  text-decoration: none;
  display: block;
  float: left;
  width: 108px;
  height: 108px;
  border: 19px;
  margin: 0 19px 19px 0;
  padding: 0;
  border: 0;
  position: relative;
  /*
  opacity: 0.75;
  filter: alpha(opacity = 75);
  */
}

#content a.thumb:hover,
#content a.thumb:focus {
  
  opacity: 0.75;
  filter: alpha(opacity = 75);
  /*
  width: 102px;
  height: 102px;
  border: 3px solid #fff;
  overflow: hidden;
  */
}
#content a.thumb:hover img,
#content a.thumb:focus img {
/*
  margin: -3px 0 0 -3px;
*/
}

#content a.thumb.last { margin-right: 0; }

#content a.thumb img.delete {
  display: none;
}
#content a.thumb:hover div.delete {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: url('../images/delete-light.png') no-repeat;
}
#content a.thumb:hover div.delete:hover {
  background-image: url('../images/delete.png');
}

#content form#upload {
  font-size: 0.9em;
}

#content form p {
  color: #999;
  line-height: 15px;
  padding-right: 0;
}

#content form .col50-50 p label {
  color: #FFF !important;
}

.white {
  color: #fff !important;
}
.white a {
  color: #999;
}


.capitalize {
  text-transform: uppercase;
}

#content form .col50-50 p {
  line-height: 20px;
}

#content fieldset {
  border: 0;
  border-bottom: 1px solid #000;
  padding: 10px 0;
  position: relative;
  overflow: visible;
}

#content fieldset span.help {
  display: block;
  position: absolute;
  right: -200px;
  top: 30px;
  width: 230px;
  min-height: 100px;
}

#content fieldset a.help {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 18px;
  height: 18px;
  background: url('../images/help.gif') 0 0 no-repeat;
}

#content fieldset span.desc {
  position: absolute;
  left: 25px;
  top: 0;
}

#content a.help:hover,
#content a.help:focus { background-position: 0 -18px; cursor: pointer; }

form input,
form select,
form textarea {
  border: 1px solid #333;
  background-color: #999;
  color: #000;
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 12px;
  -moz-box-shadow: inset 0 0 5px #333;
  -webkit-box-shadow: inset 0 0 5px #333;
  box-shadow: inset 0 0 5px #333;
}
form input:focus,
form select:focus,
form textarea:focus {
  border: 1px solid #666;
  -moz-box-shadow: inset 0 0 5px #666;
  -webkit-box-shadow: inset 0 0 5px #666;
  box-shadow: inset 0 0 5px #666;
  background-color: #aaa;
}

form textarea {
  margin: 0;
  padding: 2%;
  width: 96%;
  display: block;
}

form#upload textarea { height: 89px; }

form label { display: block;  float: left; font-weight: bold; }
form .col50-50 label { float: none; }

form input[type=checkbox] {
  display: inline-block;
  margin: 0px 0px 2px 2px;
  width: 14px;
  height: 14px;
  background: none;
}
form input[type=file] { width: 100%; border: 0;}
form input[type=submit] {
  width: 173px;
  height: 51px;
  padding: 8px 15px 9px 50px;
  color: transparent;
  font-size: 0;
  border: 1px solid #333;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font-weight: bold;
  cursor: pointer;
  /*
  -moz-box-shadow: 0px 1px 10px 0px #000;
  -webkit-box-shadow: 0px 1px 10px 0px #000;
  -box-shadow: 0px 1px 10px 0px #000;
  */
  background: url('../images/submit.png') 0 0 no-repeat transparent;
}
form input[type=submit]:hover,
form input[type=submit]:focus {
  background-position: 0px -51px;
}


form span.right {
  float: right;
  display: block;
  width: 90px;
  text-align: right;
}
form span.right label {
}

form input.validation-failed,
form select.validation-failed,
form input.failed,
form textarea.validation-failed {
  background-color: #B00;
  -moz-box-shadow: inset 0 0 5px #F00;
  -webkit-box-shadow: inset 0 0 5px #F00;
  box-shadow: inset 0 0 5px #F00;
  color: #000;
}

form label.validation-failed,
form strong.validation-failed {
  color: #b00;
}

form #selectFile {
  width: 25%;
  margin-right: 7px;
}
form #image {
  width: 72.5%;
}

form #demo-list {
  display: none;
}

form.login label {
  display: block;
  width: 128px;
}

form.login input {
  width: 200px;
}

form.login p {
  line-height: 20px;
  padding-bottom: 10px;
}

#content form p.error {
  color: #f00;
}



#errorFilesize.error {
  color: #f00;
}

#pleaseWait {
  height: 50px;
  width: 500px;
}

#lightbox {
  background: none;
  background-color: #fff;
  font-family: Arial, sans-serif;
  color: #333;
  text-align: left;
  padding-right: 15px;
}
#lightbox *,
.lightbox * {
  color: #666;
}
.lightbox select * {
  color: #000 !important;
}
.lightbox .validation-failed * {
  color: #000 !important;
}
#lightbox a:hover {
  text-decoration: none;
}



#lightbox h3,
.lightbox h3 {
  font-weight: bold;
  padding-bottom: 10px;
}
.lightbox h3 img { float: left; }
.lightbox h3 span.block {
  display: block;
  float: left;
  line-height: 25px;
  font-size: 16px;
  padding: 2px 6px 6px 6px ;
}

#lightbox li {
  line-height: 1.4em;
}

#lightbox ul {
  list-style-type: disc;
  padding-left: 15px;
}

h2.message {
  color: #333 !important;
  font-size: 1.5em;
  line-height: 1.2em;
  padding-bottom: 10px;
}

a.evilImage {
  color: #666;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  position: absolute;
  left: 28px;
  bottom: 29px;
}
a.evilImage:hover {
  color: #000;
}

div.evilMsg {
  position: absolute;
  top: 50px;
  left: 100px;
  width: 450px;
  height: 400px;
}

div.evilMsg label {
  font-weight: bold;
  display: block;
}

div.evilMsg select,
div.evilMsg textarea,
div.evilMsg submit,
div.evilMsg input,
div.evilMsg form input[type=submit],
div.evilMsg input.submit {
  color: #000 !important;
  font-size: 12px;
}

div.evilMsg select {
  width: 150px;
}

div.evilMsg textarea {
  height: 100px;
}

div.evilMsg input[type=submit],
div.evilMsg input.submit,
form.login input.submit,
#contactForm input.submit,
#forwardForm input.submit {
  background: #aaa;
  width: 100px;
  height: 20px;
  padding: 1px 0 4px 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #000;
  font-size: 12px;
}

div.evilMsg img.thumbPreview {
  position: absolute;
  width: 74px;
  height: 74px;
  left: -86px;
  top: 6px;
}

/*
#contactForm label {
  display: block;
  width: 100px;
  float: left;
}

#contactForm input {
  width: 300px;
  display: block;
  float: left;
  color: #000;
}

#contactForm textarea {
  width: 283px;
  height: 100px;
  float: left;
  display: block;
  color: #000;
}

#contactForm p {
  clear: both;
  float: none;
  height: 30px;
}
*/
#forwardForm p,
#contactForm p {
  clear: both;
  float: none;
  line-height: 20px;
  padding-bottom: 5px;
}

#forwardForm label,
#contactForm label {
  display: block;
  float: none;
}

#forwardForm input,
#contactForm input {
  display: block;
  width: 380px;
  color: #000;
}

#forwardForm input.submit,
#contactForm input.submit {
  display: inline-block;
}

#forwardForm textarea,
#contactForm textarea {
  width: 363px;
  height: 100px;
  display: block;
  color: #000;
}