/* Global styles
---------------------------------------- */
html { 
  background: 				url(../graphics_template/stamm_handheld.png) no-repeat left top fixed, 
							url(../graphics_template/background_handheld.jpg) no-repeat center center fixed black; 
  -webkit-background-size: 	cover;
  -moz-background-size: 	cover;
  -o-background-size: 		cover;
  -ms-background-size:		cover;
  background-size: 			cover;
  min-height: 				100%;
}

body { 
  font-size:        		9pt;
}

#allcontent {
  margin-left:      		0;
  margin-right:     		0;
}

/* Code for offsetting anchor targets. add class="jumptarget" to all targets. */
.jumptarget:before {
  height:40px; /* fixed header height*/
  margin:-40px 0 0; /* negative fixed header height */
}

/* Navigation styles
---------------------------------------- */

nav {
  padding:					60px 20px 60px 20px;
  bottom: 					auto;
  left:						auto;
  position: 				absolute;
}

nav a {
  height:					25px;
}

#language_screen {
  display:					none;
}

#language_handheld {
  display:					inline;
}

#language {
  width: 					80px;
  height: 					65px;
  position: 				absolute;
  top:						210px;
}

/* Main Article styles
---------------------------------------- */

#page {
  padding:          		440px 0px 0px 0px;
  max-width:            	none;
  min-width:				0;
  width:            		auto;				
  margin:           		0px;
}

#symbol_handheld {
  display:					inline;
  position: 				absolute;
  top:						40px;
  left:						100px;
  right:					0px;
  width:					auto;
  margin:					0px;
  padding:					20px 2% 20px 20px;
  text-align:				right;
}

#symbol_handheld img {
  width: 					inherit;
  max-width: 				100%;
  height: 					auto;
  vertical-align: 			bottom;
}

#symbol {
  display:					none;
}

#page_content {	
  padding:          		10px 20px 40px 20px;
  -webkit-box-shadow: 		0px 0px 40px 40px rgba(0, 0, 0, .5);
  -moz-box-shadow: 			0px 0px 40px 40px rgba(0, 0, 0, .5);
  box-shadow:				0px 0px 40px 40px rgba(0, 0, 0, .5);
}

.back-to-top {
  text-align:				center;
}

/* Header and Footer styles
---------------------------------------- */

header {
  text-align:				center;
  height: 					auto;
  min-height: 				24px;
  -webkit-box-shadow: 		0px 0px 12px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 			0px 0px 12px 3px rgba(0, 0, 0, 0.6);
  box-shadow:				0px 0px 12px 3px rgba(0, 0, 0, 0.6);
  min-width:				0px;
}

footer {
  height:					auto;
  -webkit-box-shadow: 		0px 0px 12px 3px rgba(0, 0, 0, .6);
  -moz-box-shadow: 			0px 0px 12px 3px rgba(0, 0, 0, .6);
  box-shadow:				0px 0px 12px 3px rgba(0, 0, 0, .6);
  text-align:				center;
  min-width:				0px;
}

#mailinglist {
  float:					none;
  background-image: 		none;
  margin: 					0px 0px 0px -36px;
  left: 					50%;

}

#couvert {
  display:					none;
}

#couvert_handheld {
  display: 					inline;
  background-repeat: 		no-repeat;
  background-position:		right top; 
}

#mailinglist img {
  top:						auto;
  right:					auto;
}

.mailinglist {
  padding:					0px 5px 0px 0px;
}

#copyright {
  display:					none;
}

#copyright_handheld {
  display:					block;
  text-align:				center;
  padding-top:				20px;
}

/* Global Content Styles
---------------------------------------- */
.screen {
  display: 					none;
}

.handheld {
  display: 					inline;
}


/* Global image and table stiles
---------------------------------------- */
.image_right {
  margin:					15px 0px;
}

.image_left {
  margin:					15px 0px;
}

dt {
  width: 					150px;
}

dd {
  margin: 					0 0 0 150px;
}

#page table {
  width: 					inherit;
  max-width: 				100%;
  height: 					auto;
  vertical-align: 			bottom;
}

/* Global image and table stiles
---------------------------------------- */

/*Lyrics - Liedertexte styles*/
#album {
  margin:					0px 0px 15px 0px;
}