/* CSS Document */

body {
	background-color:#000000;
}

img {
	border:none;
}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#beup {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -350px;
	margin-top:-200px;
	width: 154px;
	height: 124px;
	z-index: 40;
}

#motocycle {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -350px;
	margin-top: -60px;
	width: 154px;
	height: 124px;
	z-index: 40;
}

#scooters {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -350px;
	margin-top: 80px;
	width: 154px;
	height: 124px;
	z-index: 40;
}

#quats {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 200px;
	margin-top: -200px;
	width: 154px;
	height: 124px;
	z-index: 40;
}


#bikes {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 200px;
	margin-top: -60px;
	width: 154px;
	height: 124px;
	z-index: 40;
}
#bikes {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 200px;
	margin-top: -60px;
	width: 154px;
	height: 124px;
	z-index: 40;
}
#inet {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 200px;
	margin-top: 80px;
	width: 154px;
	height: 124px;
	z-index: 40;
}
#links {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -350px;
	margin-top: 236px;
	z-index: 40;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	
}
#guestbook {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 265px;
	margin-top: 236px;
	z-index: 40;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	
}
}
#guestbook a {
	text-decoration:none;
}
#guestbookdeutsch {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 315px;
	margin-top: 226px;
	z-index: 40;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	
}
}
#guestbookdeutsch a {
	text-decoration:none;
}
#break {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -200px;
	margin-top: 236px;
	z-index: 40;
	font-size:20px;
	color:#000000;
	font-weight:bold;
	
}
#links a {
	text-decoration:none;
}



/* BORDER color */



#inet img, #bikes img, #quats img, #scooters img, #motocycle img, #beup img {
	padding: 2px;
}

#inet a, #bikes a, #quats a, #scooters a, #motocycle a, #beup a  {
	display: block;
	width: 100%;
	height: 100%;
}

#inet a:hover, #bikes a:hover, #quats a:hover, #scooters a:hover, #motocycle a:hover, #beup a:hover {
	background-color: #FFFF00;
}






/* main content */

#logo {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -145px;
	margin-top: -107px;
	z-index: 40;
}

#content {  
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -400px;
	margin-top: -265px;
	width: 800px;
	height: 530px;
	z-index: 10;
	border: 4px solid #FFFF00;
	background-color:#FF0000;
	background-image:url('/img/bgcontent.jpg');
}

#contentindex {  
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -400px;
	margin-top: -265px;
	width: 800px;
	height: 530px;
	z-index: 10;
	border: 4px solid #FFFF00;
	background-color:#FF0000;
	
}

#water {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -140px;
	margin-top: -200px;
	width: 80px;
	height: 100px;
	z-index: 40;
	text-align: center;
}

#water h4 {
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#air {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -40px;
	margin-top: -236px;
	width: 80px;
	height: 100px;
	z-index: 40;
	text-align: center;
}
#air  h4 {
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#earth {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 60px;
	margin-top: -200px;
	width: 80px;
	height: 100px;
	z-index: 40;
	text-align: center;
}
#earth  h4 {
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
#hline {
	position: absolute;
	top:50%;
	left:50%;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	margin-left: -200px;
	margin-top: -200px;
	text-decoration: none;	
	z-index: 50;

}

#kontakt {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -352px;
	margin-top: -240px;
	width: 150px;
	z-index: 50;
	text-align: center;
	display:block;
	border: 2px solid #FFFF00;
}

#kontakt a {
	padding: 4px;
	vertical-align: middle;
	display:block;
	text-decoration: none;
}

#kontakt a:hover {
	background-color: #FFFF00;
}

#staff {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 0px;
	margin-top: -240px;
	width: 150px;
	z-index: 50;
	text-align: center;
	display:block;
	border: 2px solid #FFFF00;
}
#staff a {
	padding: 4px;
	vertical-align: middle;
	display:block;
	text-decoration: none;
}

#staff a:hover {
	background-color: #FFFF00;
}

#find {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	padding: 0px;
	margin-left: 198px;
	margin-top: -240px;
	width: 150px;
	z-index: 50;
	text-align: center;
	border: 2px solid #FFFF00;
}

#find a {
	padding: 4px;
	vertical-align: middle;
	display:block;
	text-decoration: none;
}

#find a:hover {
	background-color: #FFFF00;
}

#openingh{
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#000000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -86px;
	margin-top: 175px;
	width: 150px;
	z-index: 50;
	text-align: center;
}
#menulogo{  
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -398px;
	margin-top: -261px;
	width: 150px;
	height: 220px;
	z-index: 15;
	border-right: 4px solid #FFFF00;
	background-color: #FF0000;
}
#menu {  
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -75px;
	margin-top: 110px;
	width: 150px;
	height: 310px;
	z-index: 15;
	border-right: 4px solid #FFFF00;
	background-color: #FF0000;
}

#menu a { 
	padding: 5px 5px 5px 12px;
	vertical-align: middle;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}


#menu a:hover {
	background-color: #FFFF00;
}

#menu img {
	margin-bottom: 0px;
}
#marquee {
	top:50%;
	left:50%;
	margin-top: 480px;
	z-index: 50;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff000;
	font-weight:bold;
}

/** BEUP -- AIxAM seiten **/
#beup_m {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -202px;
	margin-top: -240px;
	width: 150px;
	z-index: 50;
	text-align: center;
	display:block;
	border: 2px solid #FFFF00;
}

#beup_m a {
	padding: 4px;
	vertical-align: middle;
	display:block;
	text-decoration: none;
}

#beup_m a:hover {
	background-color: #FFFF00;
}

#beup_m a:active {
	background-color: #FFFF00;
}

#aixam_m {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	padding: 0px;
	margin-left: 198px;
	margin-top: -240px;
	width: 150px;
	z-index: 50;
	text-align: center;
	border: 2px solid #FFFF00;
}

#aixam_m a {
	padding: 4px;
	vertical-align: middle;
	display:block;
	text-decoration: none;
}

#aixam_m a:hover {
	background-color: #FFFF00;
}

#aixam_m a:active {
	background-color: #FFFF00;
}

#air_m {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	padding: 0px;
	margin-left: 0px;
	margin-top: -240px;
	width: 150px;
	z-index: 50;
	text-align: center;
	border: 2px solid #FFFF00;
}

#air_m a {
	padding: 4px;
	vertical-align: middle;
	display:block;
	text-decoration: none;
}

#air_m a:hover {
	background-color: #FFFF00;
}

#air_m a:active {
	background-color: #FFFF00;
}

#hline_m {
	position: absolute;
	top:50%;
	left:50%;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	margin-left: -70px;
	margin-top: -200px;
	text-decoration: none;	
	z-index: 50;

}



#scroller {
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -240px;
	margin-top: -150px;
	width: 640px;
	height: 417px;
	z-index: 30;
	overflow:auto;
}

#img_m_left {
	float:left;
	width: 250px;	
	position:relative;
}

#img_m_left #img_a_1,#img_m_left #img_a_2, #img_m_left #img_a_3, #img_m_left #img_a_4 {
	display:none;
}

#img_m_left #mini {
	padding: 4px;
}


#right_m_content {
	float:right;
	width: 368px;
	padding:1px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.prices td {
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.mail_form td {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

.mail_form h5 {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.mail_form input, .mail_form textarea {
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

.mail_form #failer {
	color:#FF0000;
}

#lauterbrunnen {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	padding: 0px;
	margin-left: 198px;
	margin-top: -240px;
	width: 150px;
	z-index: 50;
	text-align: center;
	border: 2px solid #FFFF00;
}

#lauterbrunnen a {
	padding: 4px;
	vertical-align: middle;
	display:block;
	text-decoration: none;
}

#lauterbrunnen a:hover {
	background-color: #FFFF00;
}

#lauterbrunnen a:active {
	background-color: #FFFF00;
}
#grindelwald {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -202px;
	margin-top: -240px;
	width: 150px;
	z-index: 50;
	text-align: center;
	display:block;
	border: 2px solid #FFFF00;
}

#grindelwald a {
	padding: 4px;
	vertical-align: middle;
	display:block;
	text-decoration: none;
}

#grindelwald a:hover {
	background-color: #FFFF00;
}

#grindelwald a:active {
	background-color: #FFFF00;
}
#beatenberg {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: 0px;
	margin-top: -240px;
	width: 150px;
	z-index: 50;
	text-align: center;
	display:block;
	border: 2px solid #FFFF00;
}

#beatenberg a {
	padding: 4px;
	vertical-align: middle;
	display:block;
	text-decoration: none;
}

#beatenberg a:hover {
	background-color: #FFFF00;
}

#beatenberg a:active {
	background-color: #FFFF00;
}
#views {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF000;
	font-weight:bold;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -352px;
	margin-top: 100px;
	width: 150px;
	z-index: 50;
	text-align: center;
	display:block;
	border: 2px solid #FFFF00;
}

#views a {
	padding: 4px;
	vertical-align: middle;
	display:block;
	text-decoration: none;
}

#views a:hover {
	background-color: #FFFF00;
}