@font-face {
font-family: Aller;
src: url('Aller_Rg.ttf') format("truetype");
}
@font-face {
font-family: AllerLight;
src: url('Aller_Lt.ttf') format("truetype");
}



body { line-height: 1.4em; color: #000000; font-size: 11px; font-family: Aller, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #b6b6b6; margin: 0; }
#hg1 { background-image: url(images/hg2.gif); background-repeat: repeat-y; background-position: center 50%; width: 900px; }
#hg2 { background-image: url(images/hg3.jpg); background-repeat: no-repeat; background-position: center bottom; }
#hg3-start { background-image: url(images/hg1-start.jpg); background-repeat: no-repeat; background-position: center top; }
#hg3 { background-image: url(images/hg1.jpg); background-repeat: no-repeat; background-position: center top; }
#nav { text-align: right; width: 810px; padding-top: 82px; }
#slider {  }
#slider-space { height: 144px; }
#inhalt1 { padding-top: 60px; padding-bottom: 75px; width: 790px; }
#inhalt-main { padding-top: 60px; padding-bottom: 60px; width: 850px; }
#inhalt-reli { width: 790px; }
.clear { clear: both; }
.album { border-bottom: 1px #fff solid; border-top: 1px #bfbfbf solid; background-color: #000; padding-top: 5px; padding-bottom: 2px; margin-bottom: 10px; }
.icons { text-align: right; padding-right: 15px; width: 200px; position: fixed; right: 0; bottom: 0; }
.icons a[href^="http"]{ border: 0 background: none; padding-right: 0; }
.icons img { margin: 0; border: 0; }

.inhalt { margin: 25px 0; box-shadow:3px 3px 12px #000; -webkit-box-shadow:3px 3px 12px #000; -moz-box-shadow: 3px 3px 12px #000; width: 700px; background-color: #ffffff; }

#hg-gal { background-color: #0e0e0e; background: url(images/psps-gal/hg-gal.gif); }
#hg-gal02 { background: url(images/psps-gal/hg.jpg) center top no-repeat; padding: 40px 0 35px 0; }
#hint { margin-left: -10px; background: url(images/psps-gal/pfeil-hint.gif) center top no-repeat; position: absolute; top: 30px; left: 50%; width: 20px; height: 20px; }
#unten01 { background-image: url(images/psps-gal/hg-unten.gif); background-repeat: repeat-x; background-position: center top; background-color: #b6b6b6; box-shadow:0px -4px 4px #000; -webkit-box-shadow:0px -4px 4px #000; -moz-box-shadow: 0px -4px 4px #000; }
#unten02 { width: 820px; padding: 20px 0; }
#tesaerpro { float: left; width: 290px; padding-right: 20px; }
#logo { position: absolute; top: 45px; right: 20px; background: url(images/psps-gal/psps-logo.png) center top no-repeat; width: 105px; height: 67px; }
#inhalt01 { margin: 25px 0; box-shadow:3px 3px 12px #000; -webkit-box-shadow:3px 3px 12px #000; -moz-box-shadow: 3px 3px 12px #000; padding: 0; position:relative; border:10px solid #fff; width:650px; background: #FFF;  }
#inhalt02 { font-size: 12px; line-height: 1.4em; color: #848484; text-align: left; padding: 30px; background: #eeeeee; }
.inhaltsbild { border: 6px #ffffff solid;  }
.csc-textpic-imagewrap img { -webkit-box-shadow:1px 1px 3px #848484; -moz-box-shadow: 1px 1px 3px #848484; }



#links-start { float: left; text-align: left; width: 236px; margin-right: 20px; }
#mitte1-start { float: left; text-align: left; border-left: 1px dotted #AFAFAF; border-right: 1px dotted #AFAFAF; }
#mitte2-start { width: 236px; margin-left: 20px; margin-right: 20px; }
#rechts-start { float: left; text-align: left; width: 236px; margin-left: 20px; }

#links { float: left; text-align: left; width: 375px; margin-right: 20px; padding-bottom: 15px; }
#mitte { text-align: left; }
#rechts1 { text-align: right; float: left; width: 394px; border-left: 1px dotted #AFAFAF; padding-bottom: 15px; }
#rechts2 { text-align: left; width: auto; margin-left: 20px; }
.linie-danach { clear: both; width: auto; margin-top: 20px; padding-top: 20px; border-top: 1px dotted #AFAFAF; }

h1 { line-height: 26px; text-transform: uppercase; color: black; font-size: 22px; font-family: Aller, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding-top: 0px; padding-bottom: 14px; }
h2 { color: black; font-size: 16px; font-family:Aller,  "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding:14px 0 8px 0; }
h3 { text-transform: uppercase; color: black; font-size: 11px; font-family:  Aller, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding-top: 0px; padding-bottom: 5px; }
h4 { text-transform: uppercase; color: #5d6469; font-size: 16px; font-family:  Aller, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding-top: 0px; padding-bottom: 14px; }
h5 { text-shadow: 1px 1px 1px #fff; text-align: center; text-transform: none; color: #848484; font-size: 14px; font-family: Aller, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin-top: 0px; margin-bottom: 0; padding-top: 6px; padding-bottom: 30px; background-image: url(images/slider-head2.gif); background-repeat: no-repeat; background-position: center top; }
p { margin: 0; padding: 0px; }
.bodytext { margin: 0; padding: 0px; }
/* b { text-transform: uppercase; } */
ol { margin: 0; padding: 0 0 0 18px; }
ul { margin: 0; padding: 0 0 0 18px; }

ul li { text-align: left; list-style-image: url(images/psps-gal/pfeil.gif); }
/* ul li ul li { text-align: left; list-style-image: url(images/pfeil2.gif); margin-bottom: 2px; } */
#inhalt01 a { color: #000; text-decoration: none; border-bottom: 1px solid #848484; }
#inhalt01 a:link { color: #000; text-decoration: none; }
#inhalt01 a:hover { color: #848484; text-decoration: none; border-bottom: 1px solid #000; }
#inhalt01 a:visited { color: #000;text-decoration: none; }
.breite-inh { width: 920px; }


input { background-color: #ffffff; border: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 5px; }


/* Nav */

.linie01 { margin: 0 20px 2px 20px; border-top: #a09f9f 1px solid; text-align: left; }
.linie02 { border-top: solid 1px #cfcfcf; }
#nav01 { -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; margin: 0px 10px 5px 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px;  padding: 10px; }
#nav01:hover { background-color: #adadad; }
#nav01 a { -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; margin: 2px 0; color: #a2a2a2; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; display: block; padding: 10px 10px; }
#nav01:hover #nav02 .nav-1l a { border: 0px; color: #000; }
#nav01:hover #nav02 .nav-1l a:hover  { border: 0px; text-decoration: none; background-color: #d9d9d9; box-shadow:1px 1px 3px #898989; -webkit-box-shadow:1px 1px 3px #898989; -moz-box-shadow: 1px 1px 3px #898989;  }
#nav02 { float: left; width: 500px; }
.nav-1l { float: left; }
#social { width: 161px; float: right; }
#social a { mrgin: px; padding: 0px; }
#social img { -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; border: 0; float: left; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1; }
#nav01:hover img { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#nav01:hover a:hover img { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.social-icon { width: auto; float: left; margin-left: 5px; }


#navoben01 { height: 0px; overflow: hidden;  border-bottom: #a09f9f 1px solid; position: relative; }
#navoben02 { width: 820px; position: relative; }
#navobenges { z-index:1020; width: 100%; box-shadow:0px 0px 12px #000; -webkit-box-shadow:0px 0px 12px #000; -moz-box-shadow: 0px 0px 12px #000; position:absolute; left:0; top:0; background-color: #b6b6b6; }
#open { text-shadow: 1px 1px 0px #cfcfcf; color: #808080; text-transform: uppercase; font-size: 14px; border-top: solid 1px #cfcfcf; border-bottom: #a09f9f 1px solid; }
#open a { background-color: #b6b6b6; color: #808080; text-decoration: none; display: block; padding: 4px 0; }
#open a:hover { color: #4a4a4a; text-decoration: none; background-color: #a09f9f; }



/* Teaser */

.tesaergal { background-color: #b6b6b6; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; width: 260px;  padding: 10px 0; margin: 10px; }
.tesaergal:hover, .tesaergal02:hover { background-color: #adadad; }
.tesaergal:hover .teaser-item a img, .tesaergal02:hover .teaser-item a img { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.teaser-item02, .tesaergal02 .teaser-item02 { -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; border-bottom: solid 1px #a09f9f; }
.teaser-titel, .tesaergal02 .teaser-titel { font-size: 12px; }
.teaser-item a:hover .teaser-titel, .tesaergal02 .teaser-item a:hover .teaser-titel  { color: #000; }
.tesaergal:hover .teaser-titel, .tesaergal02:hover .teaser-titel { color: #000; }
.teaser-item a, .tesaergal02 .teaser-item a { -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; margin: 2px 0; color: #a2a2a2; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; display: block; padding: 10px 10px; }
.teaser-item a:hover, .tesaergal02 .teaser-item a:hover  { text-decoration: none; background-color: #d9d9d9; box-shadow:1px 1px 3px #898989; -webkit-box-shadow:1px 1px 3px #898989; -moz-box-shadow: 1px 1px 3px #898989;  }
.teaser-item a img, .tesaergal02 .teaser-item a img  { -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; margin: 0 6px 0 0; float: left; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.tesaergal:hover .teaser-item a:hover img, .tesaergal02:hover .teaser-item a:hover img {  box-shadow:1px 1px 2px #898989; -webkit-box-shadow:1px 1px 2px #898989; -moz-box-shadow: 1px 1px 2px #898989; margin: 0 6px 0 0; float: left; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.teaser-item, .tesaergal02 .teaser-item  { float: left;  margin: 0 10px; width: 240px; border-bottom: #cfcfcf 1px solid; margin-bottom: 2px; text-align: left; }

.tesaergal:hover .teaser-item, .tesaergal02:hover .teaser-item  { border-bottom: #c5c5c5 1px solid; }
.tesaergal:hover .teaser-item a, .tesaergal02:hover .teaser-item a  { margin: 2px 0; color: #898989; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; display: block; padding: 10px 10px; }
.tesaergal:hover .teaser-item02, .tesaergal02:hover .teaser-item02 { border-bottom: solid 1px #908f8f; }
.teaser-head-main { text-align: left; padding: 5px 0 10px 20px; text-shadow: 1px 1px 1px #c1c1c1; text-transform: uppercase; color: #868686; font-size: 16px; font-family: Aller, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; }
.tesaergal:hover .teaser-head-main, .tesaergal02:hover .teaser-head-main { color: #000; }

.tesaergal02 { -moz-border-radius: 8px; -webkit-border-radius: 8px; float: left; width: 520px;  padding: 10px 0; margin: 10px; }
.teaser02-item { float: left; width: 240px; margin: 0 10px 2px 10px; border-top: #a09f9f 1px solid; text-align: left; }
.teaser02-item02 { border-top: solid 1px #cfcfcf; }
.tesaergal02:hover .teaser02-item { border-top: #908f8f 1px solid; }
.tesaergal02:hover .teaser02-item02 { border-top: solid 1px #c5c5c5; }

.teaser-item a img.stern, .tesaergal02 .teaser-item a img.stern { -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; border: 0px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position:relative; right: -15px; top: -22px; float: right; }
.tesaergal:hover .teaser-item a img.stern, .tesaergal02:hover .teaser-item a img.stern { border: 0px; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; position:relative; right: -15px; top: -22px; float: right; }
.tesaergal:hover .teaser-item a:hover img.stern, .tesaergal02:hover .teaser-item a:hover img.stern { border: 0px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  position:relative; right: -15px; top: -22px; float: right; }


/* Gallery */

#main_image_wrapper{ box-shadow:3px 3px 12px #000; -webkit-box-shadow:3px 3px 12px #000; -moz-box-shadow: 3px 3px 12px #000; padding: 0; position:relative; border:10px solid #fff; width:600px; height:399px; background: #FFF url(images/psps-gal/loading_image.gif) no-repeat 50% 50%;}
#imgloader{text-align:center;vertical-align:middle;}
#thumbbox{ -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 5px; text-align:center; width: 590px; position:relative; left: -10px; padding:5px;}
#thumb_container{position:relative; left: 10px; overflow:hidden; width:530px; height:105px; margin:0 0 0 30px;}
#thumbs img{margin-right:4px;vertical-align:top;}
#thumbs a img{ -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1; border:1px solid #444444; }
#thumbs a:hover img{  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; border:1px solid #000;}
#thumbs a:hover{color:red;}
#photocount{
        font-weight: bold;
        text-shadow: 1px 1px 1px #111; text-align:center; color:#333;
	font-size: 14px;
	width: 50px;
	height: 21px;
	padding: 3px 10px 6px 10px;
	text-align: center;
	float: left;
}
#photocount02{
        background-image: url(images/psps-gal/hg-count02.gif); background-repeat: no-repeat; background-position: top right;
	color:#FFF;
	font-size:10px;
	width: auto;
	height: 21px;
	padding: 3px 10px 6px 10px;
	text-align: center;
}
#back{position:absolute;top:0;left:0;visibility:hidden;z-index:1001;}
#more{position:absolute;top:0;left:585px;float:right;z-index:1001;}
.morelink:hover{font-size:11px;color:#FFF;text-decoration:underline;}
#thumbgall{position:absolute;left:0;top:0;white-space:nowrap;z-index:1000;}
#widthbox{position:relative;display:inline;left:0;top:0;padding:1px;}
#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:center;}
#iptc_btn{width:100%;text-align:right;position:absolute;left:0;top:0;z-index:999;}
#iptc_info{position:absolute;bottom:0;left:0;height:auto;width:100%;background-color:#000;color:#CCC;font-size:10px;line-height:140%;text-align:left;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.iptc_left{ float:left; text-align:right; width:18%; color:#FFF; padding:0 0 0 2%;}
.iptc_right{float:right;text-align:left;width:79%;}
#rightmore li a{background:url(images/psps-gal/right_more01.gif);display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#rightmore li a:hover{background:url(images/psps-gal/right_more01_over.gif);color:#fff;height:115px;}
#leftmore li a{background:url(images/psps-gal/left_more01.gif);display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#leftmore li a:hover{background:url(images/psps-gal/left_more01_over.gif);color:#fff;height:115px;}
.spacing{padding:1px;}
.morelink:link,.morelink:visited{font-size:11px;color:#FFF;text-decoration:none;}
#rightmore,#leftmore{color:#333;height:115px;width:31px;padding:0;}
#rightmore ul,#leftmore ul{list-style-image: none; list-style:none; border:none;height:115px;margin:0;padding:0;}
#rightmore li,#leftmore li{list-style-image: none; height:115px;margin:0;}
html>body #rightmore li a,html>body #leftmore li a{width:auto;}
#pn_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:998;}
#prev, #next{
	width: 30%;
	height: 100%;
	background: transparent url(images/psps-gal/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	}
#prev { left: 0; float: left; outline: none; -moz-outline: none; visibility:hidden;}
#next { right: 0; float: right; outline: none; -moz-outline: none;}
#prev:hover, #prev:visited:hover { background-image:url(images/psps-gal/right_more01.gif); background: url(images/psps-gal/prev.gif) left 50% no-repeat; }
#next:hover, #next:visited:hover { background: url(images/psps-gal/next.gif) right 50% no-repeat; }
#imgtitle { text-shadow: 1px 1px 1px #333; width:600px; height: 30px; font-size:20px; text-align:center; color:#555; padding: 15px 0 0 0; display:block}
#imgtitle h2 { text-shadow: 1px 1px 1px #333; font-size: 20px; margin:0; padding:0 }
#thumbtoggler {
	text-align: center;
	width: 48%;
	z-index:1100;
	float: right;
}
#thumbtoggler img {  -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  }
#thumbtoggler img:hover {  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  }
#thumbdisplay {
	width: 250px;
}
.clear{clear:both;}
#e2link {font-family: Aller, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:5px 0;
	color: #FFFFFF;
	text-align:left;}
#e2link a {
	color: #FFFFFF;
	text-decoration:none
}

.tooltip {
	color: #fff;
	width: 150px;
	z-index: 15000;
	text-align:left;
}


/*  Nav   */

* { margin: 0; padding: 0; }

.nav-wrap { margin: 50px auto;  background-color: rgba(0,0,0,0.6); border-top: 2px solid white; border-bottom: 2px solid white; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#example-one { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-one li { display: inline; }
#example-one li a { color: #bbb; font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }
#example-one li a:hover { color: white; }
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }

#example-two { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-two li { display: inline; }
#example-two li a { position: relative; z-index: 200; color: #bbb; font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }
#example-two li a:hover { color: white; }
#example-two #magic-line-two { position: absolute; top: 0; left: 0; width: 100px; background: rgba(220, 133, 5, 0.9); z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.current_page_item a, .current_page_item_two a { color: white !important; }

.tooltip h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 8px 8px 2px;
	background:#000;
}

.tooltip p {
	font-size: 11px;
	padding: 1px 8px 8px;
	margin:0px;
	background: #000;
}#thumbhide {
	position: relative;
	overflow:hidden;
}