* {
  margin: 0;
  padding: 0;
  line-height: 1.15em;
  }

html, body {
  /* vertical alignment */
  height: 100%;
  }

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
 	color: #888;
  background-color: #FFF;
  }

a {
  color: #888;
	font-weight: normal;
	text-decoration: none;
  border: none;
  }
a.bold {
  font-weight: bold;
	border-bottom: 1px solid #ccc;
  }

a.bildlink:hover {
	border-bottom: none;
	}

a:hover {
	border-bottom: 1px solid #b7eb00;
	}

a.image, a.image:hover, a img {
  border: none;
  border-bottom: none;
  }

h1 {
  margin: .5em 0 2em;
  font-size: 1.11em;
  }
h2 {
  margin: .5em 0 1.2em;
  font-size: 1.15em;
  }

#screenreader h1 {
	text-indent: -9000px;
	margin-top: -40px;
}

#start h1 {
	text-indent: -9000px;
	margin-top: -50px;
	}

input, select, textarea, textarea * {
  border: 1px solid #BEBEBE;
  background-color: #eee;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1em;
  }
input {
  width: 13em;
  }
input.submit, input.reset, input.button {
  width: auto;
  font-size: .9em;
  font-weight: bold;
  color: #eee;
  background-color: #B3B3B3;
  padding: .25em .75em;
  }
.visualClear {
	clear: both;
  }


/* ################ global design ################ */
/* vertical alignment */
#distance {
  width: 1px;
  height: 50%;
  margin-bottom: -320px;
  float: left;
  }

#bodyWrapper {
	width: 890px;
	height: 620px;
  margin: 0 auto;
  padding-top: 20px;
 	/* vertical alignment */
  clear: left;
  /* reset fontsize from x-small to normal */
 	font-size: 114%;
  }
#header {
	display: block;
	height: 30px;
	}
#header img {
  border: none;
  float: left;
  }
#contentWrapper {
  position: relative;
  display: block;
  height: 550px;
  clear: both;
  background-color: #eee;
  }
.content {
  position: relative;
  padding: 30px 30px 0 40px;
  /*float: left;*/
  }
#image {
  float: right;
  }
div#image {
  position: relative;
  height: 550px;
  width: 330px;
  background-color: #DCDCDC;
  text-align: right;
  }
div#image div {
  position: absolute;
  bottom: 40px;
  right: 45px;
  }
.contentLeft {
  margin-left: 30px;
  }
.contentRight {
  float: left !important;
  margin-right: 35px;
  }
#footer {
  display: block;
  clear: both;
	margin-top: 15px;
	/* ie fix for link underlining */
	padding-bottom: 2px;
	text-align: center;
	font-size: .8em;
  }
/* ################ / global design ################ */


/* ################ menu ################ */
#menu {
	list-style: none;
	float: right;
	margin-top: 14px;
	text-transform: uppercase;
  }
#menu li {
	float: left;
	padding-left: 25px;
  }
#menu li a {
  display: block;
  font-size: .92em;
	}
/* ################ / menu ################ */

/* ################ slideshows ################ */
#slideshows {
  position: relative;
  width: 380px;
  height: 345px;
  margin-top: 30px;
  }
#slideshows #scrollWindow {
  width: 350px;
  }
#slideshows a {
  font-weight: bold;
  color: #676767;
  }
#slideshows table {
  width: 100%;
  color: #676767;
  font-size: .95em;
  }
#slideshows table td {
  padding: 6px 3px 7px;
  vertical-align: top;
  font-weight: bold;
  }
#slideshows table .lock {
  }
#slideshows table .name {
  width: 50%;
  }
#slideshows table .date {
  width: 50%;
  font-size: .9em;
  }



#passDialog {
  position: absolute;
  display: none;
  width: 145px;
  height: 123px;
  top: 78px;
  left: 102px;
  color: #666;
  background-color: #ccc;
  border: 1px solid #888;
  text-align: center;
  font-size: .95em;
  }
#passDialog p {
  line-height: 2em;
  }
#passDialog input {
  border: none;
  width: 120px;
  height: 17px;
  background-color: #eee;
  color: #666;
  padding: 1px; 
  }
#passDialog input.submit {
  border: 1px solid #888;
  width: 34px;
  height: 23px;
  color: #888;
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 10px; 
  }
#passDialog #closeButton {
  background: #eee url('../../gfx/layout/cross.jpg') no-repeat;
  width: 15px;
  height: 14px;
  float: right;
  margin: 4px;
  cursor: pointer;
  }
#passDialog #passError {
  text-align: center;
  color: #f00;
  font-weight: bold;
  }

#flashSlideshow {
  position: relative;
  margin: 0 auto;
  width: 730px;
  height: 550px;
  overflow: hidden;
  }
#flashSlideshow #showit {
  position: absolute;
  top: -50px;
  }
#flashSlideshow #showit #error {
  margin: 180px auto;
  }

/* ################ / slideshows ################ */

/* ################ scrollbars ################ */
.verticalScroll #scrollWindow {
  float: left;
  height: 100%;
  }
.verticalScroll #scrollBar {
  float: right;
  width: 11px; 
  height: 100%;
  }
.verticalScroll #track {
  left: 5px;
  width: 1px;
  height: 100%;
  }
.verticalScroll #dragBar {
  width: 7px;
  height: 20px;
  }
/* ################ / scrollbars ################ */


/* ################ feedback ################ */
#feedback {
  height: 430px;
  }
#feedback #scrollWindow {
  width: 420px;
  }
#feedback u {
  text-decoration: underline;
  }
/* ################ / feedback ################ */



/* ################ leistungen & about & feedback ################ */
#about, #leistungen, #feedback {
  font-size: 95%;
  }
#about p, #leistungen p {
  line-height: 1.26em;
  }
/* ################ / leistungen & about & feedback ################ */



/* ################ galerie ################ */
#galerie {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent url('../../gfx/layout/loading.gif') center no-repeat;
  }
#galerie #thumbs {
  position: relative;
  float: right;
  width: 64px;
  height: 100%;
  }
#galerie .thumbNail {
  margin: 0 0 2px 2px;
  cursor: pointer;
  }
#galerie #countLabel {
  position: absolute;
  width: 100%;
  height: 18px;
  left: 0;
  bottom: 76px;
  text-align: center;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: .89em;
  }
#galerie .button {
  position: absolute;
  bottom: 58px;
  cursor: pointer;
  }
#galerie #buttonLeft {
  left: 10px;
  }
#galerie #buttonRight {
  left: 42px;
  }

#galerie img#preview {
  float: left;
  }
#galerie img#loading {
  position: absolute;
  left: 0; top: 0;
  z-index: 1;
  display: none;
  }
/* ################ / galerie ################ */

/* ################ impressum & error pages ################ */
table.greenLine th, table.greenLine td {
  vertical-align: top;
  line-height: 1.3em;
  }
table.greenLine th {
  text-align: left;
  padding: 5px 40px 5px 0;
  font-weight: normal;
}
table.greenLine td {
  background: url('../../gfx/layout/stripe.jpg') 0 0 repeat-y;
  padding: 5px 0 5px 40px;
  }
#impressum {
  position: relative;
  top: 20px;
  font-size: 95%;
  }
#errorPage {
  padding-top: 130px;
  }
#errorPage th {
  padding-left: 30px;
  }
/* ################ / impressum & error pages ################ */


/* ################ contact ################ */
#contact table {
  
  }
#contact table th {
  font-weight: normal;
  text-align: left;
  padding-right: 1em;
  }
#contact table td, #contact table th {
  vertical-align: top;
  padding-top: 1em;
  }
#contact table td.error, #contact table td.success {
  border: 1px solid #C33;
  padding: .5em;
  text-align: center;
  color: #C33;
  }
#contact table td.success {
  border-color: #b7eb00;
  color: #888;
  }
#contact textarea {
  width: 360px;
  max-width: 360px;
  height: 110px;
  max-height: 110px;
  padding: 0;
  /*padding: .5em .2em;*/
  }
#contact #boxWrapper, #contact #boxWindow {
  position: relative;
  overflow: hidden;
  }
#contact #contactBox, #contact #requestBox {
  position: relative;
  }
/* ################ / contact ################ */


/* ################ flash page ################ */
#hochzeitsfotosdeluxe #error {
  margin: 0 auto;
  width: 730px;
  padding-top: 130px;
  }
/* ################ / flash page ################ */