*{
	margin:0;
	padding:0;
	font:normal 10px Arial,Verdana,sans-serif;
	color:#333;
	outline:0;
	line-height:1;
}
html,body{
	width:100%;
	height:100%;
}
body{
	background:#a9a9a9 url(../img/bg.png) no-repeat 50% 50%;
}
a{
	text-decoration:none;
}
h1,h2,h3,h4,h5,strong,b{
	font-weight:bold;
}
em,i{
	font-style:italic;
}
ul,ol{
	list-style:none;
}
img{
	border:none;
}
#overall{
	width:100%;
	height:100%;
	z-index:100;
	min-width:980px;
	min-height:650px;
}
#head{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:30px;
	background:#333 url(../img/bg.head.gif) repeat-x;
	border-bottom:2px solid #ccc;
	z-index:10;
}
#head img,#head ul#selectYear{
	float:left;
}
#head ul#selectYear{
	position:relative;
	margin:3px 0 0 5px;
	padding-right:31px;
	width:49px;
	height:24px;
	background:url(../img/bg.select.png) no-repeat;
}
#head ul#selectYear li{
	padding:1px 0;
}
#head ul#selectYear a{
	display:block;
	padding:3px 10px;
}
#head ul#selectYear a,#head ul#selectYear a strong{
	color:#fff;
	line-height:15px;
}
#head #toggleHandle{
	position:absolute;
	top:0;
	right:0;
	height:24px;
	width:30px;
	cursor:pointer;
	background:url(../img/bg.toggle.handle.gif) no-repeat 0 -24px;
}
#head .closed #toggleHandle{
	background-position:0 0;
}
#head ul#selectYear ul{
	position:absolute;
	top:25px;
	left:0;
	width:80px;
	padding-bottom:3px;
	overflow:hidden;
	background:url(../img/bg.toggle.png) no-repeat bottom;
}
#head ul#selectYear ul a {
	margin:0 1px;
}
#head ul#selectYear ul a:hover {
	background:#ccc;
	color:#111;
}
#head ul#navi{
	float:right;
	width:auto;
	padding:10px;
}
#head ul#navi li{
	float:left;
	margin-left:4px;
	font-size:12px;
	line-height:10px;
	color:#fff;
}
#head ul#navi li#spacer{
	width:16px;
}
#head ul#navi li a,#head ul#navi li a strong{
	font-size:11px;
	line-height:10px;
	color:#fff;
}
#head ul#navi li a:hover,#head ul#navi li a:hover strong,#head ul#navi li a.active,#head ul#navi li a.active strong{
	text-decoration:underline;
}
#head ul#navi li a.active,#head ul#navi li a.active strong{

}
#flash  {
	position:absolute;
	top:50%;
	width:100%;
	height:630px;
	margin-top:-305px;
}

/* html_content */

div#content {
	position:absolute;
	top:50%;
	left:50%;
	margin:-270px 0 0 -490px;	
	width:960px;
	height:540px;
	padding:10px;
	background:url(../img/bg-box.png) no-repeat;
}

div#content div#headline {
	position:relative;
	top:-10px;
	left:-10px;
	height:65px;
	width:978px;
}

div#content h1 {
	text-indent:-999em;
}

div#content h3 {
	padding:5px 0;
	font-size:15px;
	border-bottom:1px dotted #666;
}

div#content div.column-1 h3 {
	margin-right:10px;
}

div#content ul.list, div#content ul.list li {
	float:left;
	margin-top:10px;
}

div#content ul.list li {
	width:130px;
	margin-top:5px;
}

div#content ul.downloads {
	padding:5px 10px 15px 0;
}

div#content ul.downloads li {
	padding:1px 0;
}

div#content a.pdf, div#content a.zip {
	display:block;
	padding:4px 30px;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
}

div#content a.pdf {
	background:url(../img/bg.common.png) no-repeat -211px -258px;
}
div#content a.zip { 
	background:url(../img/bg.common.png) no-repeat -211px -286px;  
}

div#content a:hover.pdf, div#content a:hover.zip {
	background-color:#fff;
}

div#content input.text {
	float:left; 
	width:150px;
	height:18px; 
	padding:4px; 
	margin:10px 5px 15px 0; 
	font-size:14px; 
	line-height:18px; 
	border:#cdcdcd 1px solid; 
	background:#eee; 
}

div#content input.error {
	border-color:#f30;
}

div#content input.submit { 
	background:url(../img/bg.common.png) no-repeat -348px -457px;
	cursor:pointer; 
	display:block;
	height:30px;
	width:100px;
	text-indent:-9999em;
}

div#content input.submit:hover { 
	background:url(../img/bg.common.png) no-repeat -245px -457px;
}

div.column {
	float:left;
	width:920px;
	height:420px;
	margin:20px 0;
	padding:10px 20px;
	position:relative;
}

div.column-1 {
	width:600px;
}

div.column-2 {
	width:280px;
	border-left:1px dotted #666;
	margin-left:-1px;
}

div.column-1 h2 {
	margin-bottom:5px;
	font-size:17px;
	line-height:20px;
}

div.column-2 h2 {
	margin-bottom:10px;
	font-size:13px;
}

div.column-1 p {
	padding-top:15px;
}

div.column-2 p {
	padding-bottom:25px;
}

div.column-1 p,div.column-1 li, div.column-1 a, div.column-1 strong {
	font-size:14px;
	line-height:18px;
}

div.column-2 p, div.column-2 a, div.column-2 strong, div.column-2 span, div.column-2 i {
	font-size:12px;
	line-height:16px;
}

div.column-2 p a {
	text-decoration:underline;
}
div.column-2 p a:hover {
	text-decoration:none;
}

div.column-2 p span.left {
	float:left;
	width:50px;
}

/* login */

div#login {
	position:absolute;
	top:50%;
	left:50%;
	width:380px;
	height:200px;
	margin:-120px 0 0 -200px;
	padding:20px;
	background:url(../img/bg.common.png) no-repeat;
}

/* gallery_listing */

div#galleries ul, div#galleries li { 
	float:left;
}

div#galleries ul {
	margin-left:-10px;
}

div#galleries li { 
	width:176px;
	height:170px;
	margin:0 0 10px 10px;
	border-bottom:1px dotted #111;
}

div#galleries li a { 
	display:block;
	height:170px;
}
div#galleries li h4 {
	margin-top:10px;
	font-size:13px;
}

div#galleries li p { 
	padding:5px 0;
	color:#666;
}

/* gallery_view */

div.caption-container {
	color:#555;
}

div.image-title {
	font-weight:bold;
	font-size:1.4em;
}
div.image-desc {
	line-height:1.3em;
	padding-top:12px;
}
div.download {
	margin-top:8px;
}
div.photo-index {
	color:#888;
}
div.navigation a.prev {
	background-image:url(../img/prevPageArrowWhite.gif);
}
div.navigation a.next {
	background-image:url(../img/nextPageArrowWhite.gif);
}
div.loader {
	background-image:url(../img/loaderWhite.gif);
}
ul.thumbs li.selected a.thumb {
	background:#fff;
}

div.content {
	display:none;
	clear:both;
}

div.content a, div.navigation a {
	text-decoration:none;
}
div.content a:hover, div.content a:active {
	text-decoration:underline;
}

div.navigation a.pageLink {
	height:77px;
	line-height:77px;
}

div.controls {
	margin-top:5px;
	height:23px;
}

div#controls{
	text-align:right;
	position:absolute;
	bottom:10px;
}
div.ss-controls {
	float:left;
}
div.nav-controls {
	float:right;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width:480px;
}

div.slideshow-container {
	position:relative;
	clear:both;
	float:left;
	height:320px;
	left:19px;
	top:7px;
}

div.navigation{width:385px; left:81px; top:18px;float:right;}


a#prev { 
	background:url(../img/bg.common.png) -87px -262px;
	width:50px;
	height:50px;
	display:block;
	position:absolute;
	left:29px;
	bottom:30px;
	text-indent:-999em;
}

a#next {
	background:url(../img/bg.common.png) -35px -262px;
	width:50px;
	height:50px;
	display:block;
	position:absolute;
	left:499px;
	bottom:30px;
	text-indent:-999em;
}

p.back {
	display:block;
	background:url(../img/bg.common.png) -35px -457px;
	position:absolute;
	top:498px;
	left:749px;
	width:200px;
	height:30px;
}

p.back a {
	color:#646464;
	display:block;
	font-size:16px;
	font-weight:bold;
	height:30px;
	padding-top:8px;
	width:200px;
}

div.loader {
	position:absolute;
	top:0;
	left:0;
	background-image:url(../img/loader.gif) no-repeat 50% 50%;
}

div.slideshow a.advance-link {
	display:block;	
	text-align:center;
}

div.slideshow img {
	border-width:0px;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration:none;
}

div.caption-container {
	left:105px;
	float:right;
	position:absolute;
	bottom:26px;
	background:url(../img/bg.common.png) 0 -321px;
}

div.caption-container, span.image-caption {
	width:390px;
	height:80px;
}

span.image-caption {
	display:block;
	position:absolute;
	top:0;
	left:0;
}

div.caption {
	padding-top:25px;
	text-align:center;
	font-size: 14px;
	line-height:18px;
}

div.image-title {
	font-weight:bold;
	font-size:1.4em;
}
div.image-desc {
	line-height:1.3em;
	padding-top:12px;
}
div.download {
	margin-top:8px;
}
div.photo-index {
	position:absolute;
	bottom:0;
	left:0;
	padding:0 12px;
}
div.navigation-container {
	float:left;
	position:relative;	
}
div.navigation {
	float:left;
	position:relative;
}
div.navigation a.pageLink {
	display:block;
	position:relative;
	float:left;
	margin:2px;
	width:16px;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

ul.thumbs {
	position:relative;
	float:left;
	height:330px;
	overflow:hidden;
	top:3px;
	left:3px;
}
ul.thumbs li {
	float:left;
	padding:0;
	margin-right:5px;
	margin-bottom:5px;
}
a.thumb {
	display:block;
}
ul.thumbs img {
	border:none;
	display:block;
}
div.pagination {
	clear:both;
	float:left;
	position:relative;
	background:url(../img/bg.common.png) 0 -419px;
	height:37px;
	width:375px;
	left:3px;
	text-align:center;
}

/*
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	margin-right:5px;
}
*/

div.pagination a#page_nr, div.pagination span.current {
	margin-right:5px;
}

div.pagination a.page_back {
	background:url(../img/bg.common.png) -142px -262px;
	width:21px; height:21px;
	left:7px; top:7px;
	position:absolute;
}
div.pagination a#page_back_off { background:url(../img/bg.common.png) -142px -287px; }

div.pagination a.page_next {
	background:url(../img/bg.common.png) -170px -262px;
	width:21px; height:21px;
	right:7px; top:7px;
	position:absolute;
}
div.pagination a#page_next_off { background:url(../img/bg.common.png) -170px -287px; }

div.pagination a#page_nr {
	position:relative;
	top:10px;
	font-size:16px;
	color:#d0d0d0;
	font-weight:bold;
}
div.pagination a#page_nr:hover {
	color:#343434;
}

div.pagination span.current {
	position:relative;
	top:10px;
	font-weight:bold;
	font:16px Arial,Verdana,sans-serif;
	top:10px;
	font-weight:bold;
	color:#343434;
}

div.pagination p {
	text-align:center;
	border:1px solid #000;
}

div.pagination span.ellipsis {
	border:none;
	padding:5px 0 3px 2px;
}

div.gallery-gutter {
	clear:both;
	padding-bottom:20px;
}

#slideshow span.previous {
	position:absolute;
}

/* ------------------------------------ */

.jScrollPaneContainer {
	position:relative;
	overflow:hidden;
	z-index:1;
	float:left;
	padding-bottom:10px;
	margin-top:-5px;
}

.jScrollPaneTrack {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	cursor:pointer;
	background:url(../img/img_scroller_bg.gif) repeat-y;
}
.jScrollPaneDrag {
	position:absolute;
	/*overflow:hidden;*/
	cursor:pointer;
	margin:5px 0;
	background:#111;
}
.jScrollPaneDragTop {
	position:absolute;
	top:-5px;
	left:-1px;
	height:8px;
	padding-right:1px;
	overflow:hidden;
	background:url(../img/bg.common.png) -432px 0;
}
.jScrollPaneDragBottom {
	position:absolute;
	bottom:-5px;
	left:-1px;
	height:8px;
	padding-right:1px;
	overflow:hidden;
	background:url(../img/bg.common.png) -422px 0;
}
a.jScrollArrowUp {
	display:block;
	position:absolute;
	top:0;
	right:0;
	height:9px;
	overflow:hidden;
	text-indent:-999em;
	/*background-color:#666;*/
	z-index:1;
}
a.jScrollArrowUp:hover {
	/*background-color:#f60;*/
}

a.jScrollArrowDown {
	display:block;
	position:absolute;
	z-index:1;
	bottom:0;
	right:0;
	height:9px;
	text-indent:-999em;
	overflow:hidden;
	/*background-color:#666;*/
}
a.jScrollArrowDown:hover {
	/*background-color:#f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color:#f00;*/
}

h2 span.red {
	color: #c00;
	margin-bottom:5px;
	font-size:17px;
	line-height:20px;
	font-weight: bold;
}

p span.red {
	color: #c00;
	padding-top: 15px;
	font-size: 14px;
	line-height: 18px;
}

div#hotel-bild {
	background-image: url(../img/infos-hotel-32.png);
	width: 320px;
	height: 248px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}