*{
	margin:0;
	padding:0;
	border:0px solid #eee;
	list-style:none;
}
html,body,#bg,#bg table,#bg td,#content {
	width:100%;
	height:100%;
	overflow:hidden;
}
body {
	font-family:Verdana;
	font-size:12px;
	color:#666;
	}

h3 {
	font-family:Arial;
	font-size: 24px;
	}

/* - - - - - - -   B A C K G R O U N D   I M A G E   - - - - - - - */

#bg div {
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
	border-spacing: 0;
	}

#bg img {
	min-height:50%;
	min-width:50%;
	margin:0 auto;
	display:block;
	}

#bg_schutz {
	position:absolute;
	width:100%;
	height:100%;
	background:url(../img/leer.gif);
	z-index: 10;
	}

#content {
	position:absolute;
	bottom:50px;
	left:0px;
	padding: 20px 0 0 80px;
	height: 85px;
	z-index:70;
	overflow:none;
	color: #CCCCCC;
	background-color: #000000;
	filter:alpha(opacity=75); /* IE */
	-moz-opacity: 0.65; /* Mozilla */
	opacity: 0.65; /* Opera */
	resize:both;
	}
	
#navigation {
	position:absolute;
	bottom:75px;
	right:20px;
	width: 200px;
	z-index:80;
	background:url(../img/logo.png) no-repeat top left;
	padding-top: 24px;
	}

a, a:hover, a:visited {
	color: #FFFFFF;
	padding: 0 2px 0 2px;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}
a:focus {
	outline: none;
	}

a.nav{
	font-size:13px;
	}

/* - - - - - - -   S L I D I N G   P A N E L   - - - - - - - */

.info, .map_info, .contact_info {
position: absolute;
right: 0;
display: none;
background: #000;
border:1px solid #000;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 600px;
height: 400px;
padding: 30px 30px 30px 80px;
filter: alpha(opacity=65);
z-index: 200;
}

.info {
	top: 30px;
	}

.map_info {
	top: 100px;
	}

.contact_info {
	top: 170px;
	}

.info p {
	margin: 0 0 5px 0;
	padding: 0;
	}

.info a, .info a:visited{
	color: #ccc;
	text-decoration: none;
	}

.info a:hover, .info a:visited:hover{
	color: #FFF;
	text-decoration: underline;
	}


/* - - - - - - -   N A V I G A T I O N   T R I G G E R   - - - - - - - */

a.trigger, a.map, a.prev, a.next, a.contact {
	text-decoration: none;
	display: block;
	}

a.trigger, a.map, a.next, a.contact {
	opacity: 0.3;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	}

a.trigger {
	padding: 20px 25px 20px 25px;
	position: absolute;
	top: 30px; right: 0;
	background:#000 url(../img/info.png) 50% 50% no-repeat;
	z-index: 220;
	}

a.map {
	padding: 20px 25px 20px 25px;
	position: absolute;
	top: 100px; right: 0;
	background:#000 url(../img/map.png) 50% 50% no-repeat;
	z-index: 225;
	}

a.contact {
	padding: 20px 25px 20px 25px;
	position: absolute;
	top: 170px; right: 0;
	background:#000 url(../img/contact.png) 50% 50% no-repeat;
	z-index: 230;
	}

a.trigger:hover, a.map:hover, a.contact:hover {
	opacity: 0.75;
	padding: 20px 35px 20px 35px;
	}

a.active.trigger, a.active.map, a.active.contact {
	background:#000 url(../img/minus.png) 50% 50% no-repeat;
	}


a.prev, a.next {
	opacity: 0.55;
	position: absolute;
	top: 350px;
	z-index: 60;
	}

a.prev{
	left: 0;
	background:#000 url(../img/prev.png) 50% 50% no-repeat;
	padding: 50px 20px 50px 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;	
	}

a.next{
	right: 0;
	background:#000 url(../img/next.png) 50% 50% no-repeat;
	padding: 50px 20px 50px 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	}

a.prev:hover, a.next:hover{
	opacity: 0.75;
	padding: 50px 35px 50px 35px;
	}



/* - - - - - - -   S L I G H T S H O W   - - - - - - - */

a.iframe {
	background:#000 url(../img/next.png) 50% 50% no-repeat;
	text-decoration: none;
	padding: 50px 50px 50px 50px;
	display: block;
	position: absolute;
	top: 350px;
	left: 45%;
	z-index: 60;
	opacity: 0.45;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	}

a.iframe:hover {
	opacity: 0.75;
	}



/* - - - - -   C O L O R   B O X   - - - - - */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
	background:#000;
	}

#colorbox {}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:10px;
        -moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}