/* @group Layout */

* {
	margin:0;
	padding:0;
}

body {
	background-repeat-x:repeat;
	background-repeat-y:repeat;
	background-repeat:repeat;
	background-attachment: fixed;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#000000;
	font-family:'Myriad Pro', 'Trebuchet MS', Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	overflow: auto;
	background-image:url(../images/layout/bg.jpg); 
	font-family: 'Indie Flower', cursive;
}

a {
	text-decoration: none;
	color: maroon;
}

.header {
	height: 100px;
	min-width: 1024px;
	background-image:url(../images/layout/bg_header_repeat.jpg);
	margin-top: 0;
	-moz-box-shadow:0px 1px 8px #fff;
	-webkit-box-shadow:0px 1px 8px #fff;
	box-shadow:0px 1px 8px #fff;
	border-bottom: 1px solid white;
}

.logo {
	float:left;
	width: 650px;
	height: 100px;
	background: url(../images/layout/bg_header.jpg) no-repeat;
	/*border: 1px solid green;*/
}

.nav {
	float: right;
	width: 370px;
	height: 100px;
	/*border: 1px solid purple;*/
}

h1 {
	color:#333333;
	font-size:8em;
	font-style:inherit;
	margin: 5px 5px 5px 0;
}

h2 {
	color:#333333;
	font-size:6em;
	font-style:inherit;
	margin: 5px 5px 5px 0;
}

h3 {
	color:#333333;
	font-size:4em;
	font-style:inherit;
	margin: 5px 5px 5px 0;
}

.next {
	margin-top:220px;
	float: right;
	width: 40px;
	height: 160px;
	/*border: 1px solid green;*/
}

.prev {
	margin-top:220px;
	float: left;
	width: 40px;
	height: 160px;
	/*border: 1px solid blue;*/
}

.arrow {
	width: 300px;
	height: 300px;
	/*border: 1px solid white;*/
	margin: 200px auto 0;
	background: url(../images/layout/arrow.png) no-repeat;
}	

.subpages {
	padding: 0 20px 20px;
	margin: 20px 0 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.wartung {
	padding: 100px 20px 20px;
	/*font-family: "Lucida Grande", Lucida, Verdana, sans-serif;*/
	font-size:2em;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: auto;
	
}

.twitter {
	width: 100px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
}

.pp_loading {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	background-image:url(../layout/loader.gif);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:50% 50%;
	background-position-x:50%;
	background-position-y:50%;
	background-origin:initial;
	background-clip:initial;
	background-color:#FFFFFF;
	width:70px;
	height:70px;
	z-index:999;
	opacity:0.7;
	-webkit-border-top-left-radius:10px 10px;
	border-top-left-radius:10px 10px;
	-o-border-top-left-radius:10px 10px;
	-ms-border-top-left-radius:10px 10px;
	-moz-border-radius-topleft:10px 10px;
	-webkit-border-top-right-radius:10px 10px;
	border-top-right-radius:10px 10px;
	-o-border-top-right-radius:10px 10px;
	-ms-border-top-right-radius:10px 10px;
	-moz-border-radius-topright:10px 10px;
	-webkit-border-bottom-right-radius:10px 10px;
	border-bottom-right-radius:10px 10px;
	-o-border-bottom-right-radius:10px 10px;
	-ms-border-bottom-right-radius:10px 10px;
	-moz-border-radius-bottomright:10px 10px;
	-webkit-border-bottom-left-radius:10px 10px;
	border-bottom-left-radius:10px 10px;
	-o-border-bottom-left-radius:10px 10px;
	-ms-border-bottom-left-radius:10px 10px;
	-moz-border-radius-bottomleft:10px 10px;
	margin:-35px 0px 0px -35px;
}

.pp_next, .pp_prev {
	cursor:pointer;
	top:50%;
	margin-top:-16px;
	width:32px;
	height:32px;
	position:fixed;
	text-align:center;
	color:#FFFFFF;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 3px;
	box-shadow:rgb(0, 0, 0) 0px 0px 3px;
	-o-box-shadow:rgb(0, 0, 0) 0px 0px 3px;
	-ms-box-shadow:rgb(0, 0, 0) 0px 0px 3px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 3px;
	border:1px solid #111111;
}

.pp_next {
	right:-116px;
	background-image:url(../layout/next.png);
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:50% 50%;
	border-style: none;
	width: 116px;
	height: 120px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	/*border: 1px solid green;*/
}

.pp_prev {
	left:-116px;
	background-image:url(../layout/prev.png);
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:50% 50%;
	border-style: none;
	width: 116px;
	height: 120px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	/*border: 1px solid red;*/
}

pp_prev a{
	text-decoration: none;
}

#pp_thumbContainer {
	position:fixed;
	bottom:0;
	left:0;
	height:65px;
	width:100%;
}

#pp_thumbContainer .album {
	position:absolute;
	width:200px;
	height:65px;
	bottom:-90px;
}

/*Albenansicht und Link zu Alben*/
.album .descr, .pp_back {
	position:absolute;
	bottom:0;
	left:-16px;
	text-align:center;
	width:150px; /* Breite vom Titeltab */
	height:24px;
	color:#000;
	font-size:1.3em;
	padding: 5px 5px 0;
	background: url(../images/layout/album_tab.png) no-repeat;
}

.pp_back {
	text-transform:uppercase;
	bottom: 120px;
	left:-110px;
	width:110px;
	height:50px;
	background: url(../images/layout/backtoalbum.png) no-repeat;
	border: none;
	font-size: 1.8em;
}

#pp_thumbContainer .content {
	position:absolute;
	top:0;
	height:155px;
	cursor:pointer;
}

#pp_thumbContainer img {
	-webkit-box-shadow:rgb(0, 0, 0) 1px 1px 7px;
	box-shadow:rgb(0, 0, 0) 1px 1px 7px;
	-o-box-shadow:rgb(0, 0, 0) 1px 1px 7px;
	-ms-box-shadow:rgb(0, 0, 0) 1px 1px 7px;
	-moz-box-shadow:rgb(0, 0, 0) 1px 1px 7px;
	border:5px solid #FFFFFF;
}

#pp_thumbContainer .content span {
	display:none;
}

.pp_preview {
	position:fixed;
	top:150%;
	left:50%;
}

.pp_preview img {
	position:absolute;
	top:0;
	left:0;
	-webkit-box-shadow:rgb(0, 0, 0) 1px 1px 7px;
	box-shadow:rgb(0, 0, 0) 1px 1px 7px;
	-o-box-shadow:rgb(0, 0, 0) 1px 1px 7px;
	-ms-box-shadow:rgb(0, 0, 0) 1px 1px 7px;
	-moz-box-shadow:rgb(0, 0, 0) 1px 1px 7px;
	border-left:10px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	border-top:10px solid #FFFFFF;
	border-bottom:45px solid #FFFFFF;
}

.pp_descr {
	height:45px;
	line-height:45px;
	font-size:20px;
	width:100%;
	bottom:0;
	left:0;
	position:absolute;
	text-align:center;
	color:#00021C;
}

/* @end */

/* @group slidedown */

/*Hauptrahmen fuer Navigationsbereich*/
ul.sdt_menu{
	float:right;
	margin: 0;
	list-style: none;
	font-size:12px; /* Beschreibungstext (blau) im Untermenue*/
	width:300px;
	padding: 0 2px 0 0;
	/*border: 1px solid maroon;*/
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
/*Einzelne Menue-Elemente*/
ul.sdt_menu li{
	float:right;
	width:100px; /*Abstand zw. einzelnen Boxen */
	height:100px; /*Höhe von einzelner Box*/
	position:relative;
	cursor:pointer;
	/*border: 1px solid blue;*/
}

ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:100px; /*Breite Navibox*/
	height:100px; /*Höhe Navibox*/
	z-index:0;
	background: transparent url(../images/layout/nav/overlay.png) no-repeat right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
	/*border: 1px solid yellow;*/
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:100px; /*Breite Textbereich*/
	height:60px;
	z-index:15;
}
/* Erster Kasten (Single) */
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background: #fff;
	top:100px; /*Abstand schwarze Box von oben*/
	width:100px; /*Breite der schwarzen Box*/
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
	background-image:url(../images/layout/bg_nav.jpg);
	/*border-radius:0 0 0 10px;  o_links o_rechts u_rechts u_links 
	-moz-border-radius: 0 0 0 0px;
	-webkit-radius: 0 0 0 10px;*/
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:10px; /* Schriftabstand von links */
	text-transform:uppercase;
}
/* Titelüberschrift */
ul.sdt_menu li span span.sdt_link{
	color:white;
	font-size:15px;
	float:left;
	clear:both;
	margin-top:15px;
	text-shadow:1px 1px 3px #000;
}
/*Zusatzinfo zur Titel-Ueberschrift*/
ul.sdt_menu li span span.sdt_descr{
	color:white;
	float:left;
	clear:both;
	width:80px; /*For dumbass IE7 & Breite für blaue Schrift*/
	font-size:12px;
	letter-spacing:1px;
	text-shadow:1px 1px 3px #000;
}
/* Zweiter Kasten (Submenue) */
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:100px;
	overflow:hidden;
	height:100px; /*Höhe der Box im Submenue*/
	top:100px; /*Abstand Untermenü zu oben*/
	left:0px;
	display:none;
	background: #fff;
	background-image:url(../images/layout/bg_subnav.jpg);
	/*border-radius:0 10px 10px 0;  o_links o_rechts u_rechts u_links 
	-moz-border-radius: 0 10px 10px 0;
	-webkit-radius: 0 10px 10px 0;*/
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
/*Submenue Titel*/
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height: 30px;
	color:white;
	text-shadow:1px 1px 3px #000;
}
/* Abstand Submenue Links nach oben */
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:5px;
}
/* Link Hovereffekt */
ul.sdt_menu li div.sdt_box a:hover{
	color:white;
	font-size: 1.2em;
	text-shadow: #000 1px 1px 3px;
	text-decoration:underline;
}

/* @end */

/* @group Menunavigation */

ul.nav{
	list-style:none;
	padding:0;
	margin:0;
	position:fixed;
	left:-200px; /*Ausgeblendetes Areal der Grafik*/
	top:140px;
	z-index: 100;
}

li.nav{
	position:relative;
	height:55px;
	transition: left 0.3s linear;
    -webkit-transition: left 0.3s linear;
    -moz-transition: left 0.3s linear;
}

li.nav:hover {
    left:200px;
    transition: left 0.3s linear;
    -webkit-transition: left 0.3s linear;
    -moz-transition: left 0.3s linear;
}

/* @end */

/* @group Slider auf Startseite */

.mainpage_gallery {
	text-shadow: #000000 0 0 0;
	border: 3px solid white;
	margin: 50px auto 0;
	width: 800px;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 0 auto;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 800px;
  border: 0;
  }

.caption {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  text-align: center;
  background: rgba(0,0,0,0.66);
  color: #fff;
  font-size: 1.5em;
}

/* @end */