/*
	Betke / Mrozek Bildergalerie Bad Saarow
	Version: 1.1
	Author: Stephan Betke
	Site: d-cypher.net
*/

@font-face {
  font-family: 'CapsuulaRegular';
  src: url('font/Capsuula-webfont.eot');
  src: url('font/Capsuula-webfont.eot?#iefix') format('embedded-opentype'),
       url('font/Capsuula-webfont.woff') format('woff'),
       url('font/Capsuula-webfont.ttf') format('truetype'),
       url('font/Capsuula-webfont.svg#CapsuulaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

p {margin:10px 0 0 0;}
hr {border:0; border-bottom:#555 1px solid; height:1px; margin:10px 0 10px 0;}
h1 {color:#fff; font:30px/38px 'CapsuulaRegular', Arial, sans-serif; letter-spacing:0; text-shadow:1px 1px 2px #000000;}
h2 {border-bottom:#555 1px solid; color:#fff; font:17px 'CapsuulaRegular', Arial, sans-serif; letter-spacing:0; margin:15px 0 10px 0; padding:3px 0; text-shadow:1px 1px 2px #000000;}
table {border:0; border-collapse:collapse; margin:15px 0 0 0; width:100%;}
td {border-bottom:#555 1px solid; padding:5px 0 5px; vertical-align:top;}
td:first-child {width:120px;}

#start {font:14px/19px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:50px auto; width:400px;}
#start #willkommen {background:url('../img/bg-black.png'); color:#fff; margin:0 0 15px 0; padding:15px;}
#start a {color:#fff; display:block; float:left; font:20px 'CapsuulaRegular', Arial, sans-serif; letter-spacing:0; outline:0; padding:15px; text-decoration:none;}
#start a:link, #start a:visited {background:url('../img/bg-black.png'); color:#fff;}
#start a:hover, #start a:focus {background:#fff; color:#000;}
#start a span {background:url('../img/button-tray-right.png') 0 3px no-repeat; display:block; float:left; height:21px; margin:0 10px 0 0; width:15px;}
#head {background:url('../img/bg-black.png'); clear:both; float:left; margin:15px 5px 0 15px; padding:10px;}
#head a {color:#fff; text-decoration:none;}
#head span {color:#777;}
#navi {background:url('../img/bg-black.png'); float:left; left:189px; margin:15px 15px 0 0; position:absolute;}
#navi a {color:#fff; display:block; float:left; font:15px 'CapsuulaRegular', Arial, sans-serif; letter-spacing:0; padding:19px 15px; text-decoration:none;}
#navi a:link, #navi a:visited {background:transparent; color:#fff; transition:background .25s ease-in-out; -moz-transition:background .25s ease-in-out; -webkit-transition:background .25s ease-in-out;}
#navi a:hover, #navi a:focus {background:#fff; color:#000;}
#uebersicht {background:url('../img/bg-black.png'); clear:both; margin:0 15px; min-width:400px; padding:20px 0 0 20px; position:absolute; top:77px;}
#uebersicht a {display:block; float:left; height:150px; letter-spacing:0; margin:0 20px 20px 0; overflow:hidden; text-decoration:none; width:350px;}
#uebersicht a img {float:left;}
#uebersicht a:link img, #uebersicht a:visited img {opacity:0.5; filter:alpha(opacity=50); transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
#uebersicht a:hover img, #uebersicht a:focus img {opacity:1; filter:alpha(opacity=100);}
#uebersicht a span {display:block; font:12px/18px "Helvetica Neue",Helvetica,Arial,sans-serif; height:144px; overflow:hidden; padding:6px 3px 0 10px; text-overflow:ellipsis;}
#uebersicht a:link span, #uebersicht a:visited span {background:transparent; color:#fff; transition:background .25s ease-in-out; -moz-transition:background .25s ease-in-out; -webkit-transition:background .25s ease-in-out;}
#uebersicht a:hover span, #uebersicht a:focus span {background:#fff; color:#000;}
#uebersicht a strong {display:block; font:15px 'CapsuulaRegular', Arial, sans-serif; margin:0 0 12px 0; overflow:hidden; text-overflow:ellipsis;}

.clear {clear:both; display:block; height:1px; overflow:hidden;}
.info {background:url('../img/bg-black.png'); color:#fff; font:14px/19px "Helvetica Neue",Helvetica,Arial,sans-serif; left:15px; letter-spacing:0; padding:0 15px 15px 15px; position:absolute; text-shadow:1px 1px 2px #000000; top:77px; width:600px; z-index:100;}
.info .spalte {float:left; width:45%;}
.info img {float:left; margin:0 15px 0 0;}