@charset "UTF-8";
@media all {

/* - - - - - - - - - - - - - - COMMON - - - - - - - - - - - - - -  */
  * { margin:0; padding:0 }
  option { padding-left:0.4em } /* Korrektur:Das setzen aller Abstände auf 0pt macht zu kleine Selectboxen. */
  /* Korrektur:Italic-Bug bei IE <6 */
  html { height:100%; }
  body { font-size:100.01%; color:#ab9988; text-align:left; background:#4a3e33 url('/_img/bg_body.jpg') no-repeat 0 0; padding:0 0 10px 0; }
  fieldset, img { border:0 solid; }
  ul, dl { margin:0; list-style-type:none;}
  ol {padding-left:1.8em;}
  li { }
  dt { font-weight:bold; }
  dd { margin:0 0 1em 2em; }
  blockquote { margin:0 0 1em 1.5em; }
  #header { position:relative; color:#000; padding:0 10px 0 0; min-height:1px; z-index:200;}
  #metaNavi {  }
  #topNavi { margin-top:26px; margin-right:10px; text-align:right;}
  #header, #nav, .mainRow, .specialNavi, #footer { clear:both; }
  #footer {position:relative;}

  .clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
  .clear { display:block } /* 4Safari */

/* - - - - - - - - - - - - - - DEFAULT CONTENTS - - - - - - - - - - - - - -  */
  pre, tt, code {font-family:"Courier New", Courier, monospace;}
  body, textarea {font-family: Arial, Helvetica, Verdana ,sans-serif; font-size:12px; line-height:19px; color:#ab9988;}
  h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, Verdana ,sans-serif; font-weight:bold; color:#ab9988; margin:0; padding:0}
  h1 {font-size:100%;}
  h2 {font-size:100%;}
  h3 {font-size:100%;}
  h4 {font-size:100%;}
  h5 {font-size:100%;}
  h6 {font-size:11px;}
  label {color:#ab9988;}
  p {margin:0;}
  li { }

  dt {font-weight:bold }
  dd {margin:0 0 1em 2em }

  cite, blockquote {font-style:normal}
  blockquote {margin:0 0 1em 1.5em}

  strong,b {font-weight:bold}
  em,i {font-style:italic}

  pre, code {font-family:monospace; font-size:1.1em;}

  acronym, abbr {letter-spacing:.07em; border-bottom:.1em dashed #c00; cursor:help;}
  
	.center {text-align:center; margin:0.5em auto;}

  a {color:#ab9988; text-decoration:underline;}
  a:focus,
  a:hover,
  a:active {color:#ddd6cf; text-decoration:underline;}
  
  a span {background:transparent;cursor:pointer;}
  a:hover span {cursor:pointer;}

  input.radio { height:1.2em; width:1.2em;}
  input.checkbox { height:1.2em; width:1.2em;}
  input {color:#003; font-size:11px; padding:1px 0 1px 0; border:1px solid #e2e3ea; border-top:1px solid #abadb3;
			background-color: #322a37;
            border: 1px solid #808080;
            color: #ab9988;
	}
  textarea {color:#003; font-size:11px; padding:1px; border:1px solid #e2e3ea; border-top:1px solid #abadb3;
			background-color: #322a37;
            border: 1px solid #808080;
            color: #ab9988;
  }
  select {color:#003; font-size:11px; border:1px solid #e2e3ea; border-top:1px solid #abadb3;}

	body.start { height: 98%;}
	body.start h1 {position: static; width: 198px; margin: 0 auto 23px auto;}
/* - - - - - - - - - - - - - - GRID - - - - - - - - - - - - - -  */
	div.intro {padding-top: 65px; margin: 0 auto; width: 990px}
	div.intro ul li { float: left; padding: 0 7px 0 8px;}
	div.intro ul li a,
	div.intro ul li img { display: block; }
	
	div.intro ul li a {border: 4px solid #fff;}
	
	div.intro .bppLogos {margin: 20px auto 0 auto; width: 395px; overflow: hidden;}
	div.intro .bppLogos a { display: block; float: left; margin-left: 30px;  margin-bottom: 20px;}
	div.intro .bppLogos a.first-child {margin-left: 0;}
	div.intro .bppLogos a img{ display: block;}
	
	
	ul.navi {position: absolute; left: 25px; top: 137px;}
	ul.navi li {text-transform:uppercase; margin-bottom: 18px; font-size:10px; font-family: Verdana, Helvetica, Arial ,sans-serif;}
	ul.navi li a {color: #ab9988; text-decoration: none; text-indent: -999em; display: block; height: 12px; width: 100px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}
	ul.navi li.hi a {color: #ddd6cf; background-position: 0 -12px;}
	
	ul.navi li a:focus,
	ul.navi li a:hover,
	ul.navi li a:active {color: #ddd6cf; text-decoration: none; background-position: 0 -12px;} 
	
	ul.navi ul.subnavi {margin-left: 25px; margin-top: 16px; }
	ul.navi ul.subnavi li a {color: #ab9988;  background-position: 0 0; width: 75px;}
	ul.navi ul.subnavi li.hi a {color: #ddd6cf; background-position: 0 -12px;}
	
	h1 {position: absolute; left: 25px; top: 25px;}
	
	div.content {position: absolute; left: 252px; top: 137px; width:806px;}
	
	
	div.gallery {position: absolute; left: 252px; top: 30px; width:726px; overflow:auto;}
	
	div.guest-book {position: absolute; left: 252px; top: 30px; width:auto;}
	
	div.gallery ul li, .carouselContent li {float: left; margin: 0; padding: 0; margin-left: 10px;  margin-bottom:10px;}
	div.gallery ul li.first, .carouselContent li.first {margin-left: 0;}
	
	div.gallery ul li img {display: block;}

	div.content ul.linklist {}
	div.content ul.linklist li {margin-bottom: 15px;}

	div.content div.imageCopy {}
	div.content div.imageCopy img {float:left; margin-right: 20px;}
	div.content div.imageCopy .txtCopy { height: 295px; position:relative; width: 390px; float: left;}
	div.content div.imageCopy .txtCopy p {}
	div.content div.imageCopy .txtCopy .bpp-logo {position: absolute; bottom: -27px;}
	
	div.content h4 {font-size:14px; font-weight:bold; line-height:18px; margin-bottom: 5px;}

}/* end:@media all */