* {
	margin: 0;
	padding: 0;
}

body {	
	background-color:#FFFFFF;
	background: transparent url(../images/common/bg-wolken.jpg) repeat ;	
}


h1, h2, h3, h4 {
	font-family: Palatino,"Palatino Linotype",Palladio, Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	text-align: center;
}

h1 {
	background: transparent url(../images/menu/bg-head.gif) repeat;	
	height: 45px;
	font-size: 16pt;
	margin-bottom: 2em;
}

h2 {
	font-size: 1.2em;
	margin-bottom: 1.5em;
}

h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		margin-bottom: 0.2em;
		text-Align: left;
		font-weight: bold;
}

p, #agb #text li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		color: #414175;
		margin-bottom: 1em;
		text-Align: justify;	
}	

p.blocksatz {

}

p.italic{
	font-style: italic;
}

p.subtitle {
		font-Size: small;
		font-style:italic;
	 	margin-top: 0px;
		text-align: center;
}

p.float_left { float: left; }

span { white-space: nowrap; }

.center { text-align: center; }

.linkbox a, a {
		font-family: Arial, Helvetica, sans-serif;
		color: #6495ED;
		text-decoration: underline;
}	

.linkbox a:hover, a:hover {
		color: #414175;
}	

.linkbox a { font-size: small;}
	
#frame {
	position: relative;
	width: 980px;
	margin: auto;
	margin-top: 20px;
	text-align: left;
/*
	border: 1px solid black;
*/
	
}	
#navi hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.nostyle { display: none; }

.container {
	height: 1200px;
}
/*
.container {
	border: 1px solid black;
	height: 5300px;
	width: 1040px;
	padding: 20px;
}
*/

/* =========== Header ================================================================= */
#header {
	position: relative;	
	top: 50px;
	left: 180px;
/*
	border: 1px solid black;
*/
	width: 800px;
	text-align: right;
	background: transparent url(../images/common/header.gif) no-repeat;
	height: 100px;
}

#header p {
	position: relative;
	top: 80px;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

p.textheader {	
	margin-bottom: 0em;
	font-size: 1.2em;
	background-image: none;
	display: none;
}

#content {
	position: relative;
/*
	border: 1px solid black;
*/
	top: -390px; /* ! wert bei navi */
	width: 800px;
	left: 180px;
	height: 300px;	
}


/* =========== Footer ================================================================= */
.footercontainer {
	width: 1000px;
	margin: auto;
	margin-top: 75px;
	text-align: center;
}

.footer p {
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center; 
}


/* =========== Navi-Image ============================================================= */
#navimage {
	position: relative;	
	top: -70px;
	width: 130px;
	height: 130px;
	background: transparent url(../images/menu/thumb-wolken.gif) repeat;
	margin-left: 20px;
/*
	border: 1px solid black;
*/
}

/* =========== Navi-Left ============================================================== */
#navi {
	position: relative;	
	top: -50px;
/*
	border: 1px solid black;	
*/
	background: transparent url(../images/menu/bg-menu.gif) no-repeat;
	height: 340px;
	width: 175px;
	margin-left: 0px;
	text-align: left;
}

#navi ul {
	list-style: none;
	border: none;
	padding-top: 15px;
}

#navi li { 
	height: 25px;
	width: 165px;
	margin-top: -5px;
}

#navi li:hover { 
	height: 25px;
	width: 160px;
	margin-left: 4px;	
	background: transparent url(../images/menu/bg-menuline.gif) no-repeat;
}

#navi li a { 
	padding-top: 3px;
	margin-left: 10px;
	display: block;
	color: #414175;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	letter-spacing: 0.05em;
	height: 22px;
}


#navi li:hover a { 
	color: #FFFFFF;
	margin-left: 6px; 
}

.menu {
		text-decoration: none;
}
#navi .menuAktiv span { 
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}

#navitop .menuAktiv span { 
	text-decoration: underline;
	font-weight: bold;
	color: #414175;
}



/* =========== Navi-Top =============================================================== */
#navitop {
	position: absolute;	
	top: 5px;
	right: -10px;
/*
	border: 1px solid black;	
*/
}

#navitop ul {
	list-style: none;
	border: none;
}

#navitop li { 
	float: left; 
	margin-right: 20px;
}

#navitop li:hover { 
}

#navitop li a { 
/*
	margin-left: 10px;
*/
	color: #6495ED;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	letter-spacing: 0.05em;
}

#navitop li:hover a { 
	color: #414175;
	text-decoration: underline;
}


/* =========== Geschichte & Infos ===================================================== */
#part1, #part2, #part3, #part4, #part5, #part6  {
	margin-bottom: 2em;
}
	
#part1 {
	width: 750px;
	margin-left: 20px;
}

#threes {
	position: absolute;
	top: 460px;
	left: -160px;
}


#montgolfiere {
	text-align: right;
	width: 240px;
	float: right;	
}

#part2 {
	width: 520px;
	text-align: left;
	margin-left: 20px;
}

#part3 {
	width: 520px;
	margin-top: 20px;
	margin-left: 20px;
	text-align: right;
	float: left;
}

#part4 {
	margin-left: 20px;
	clear: both;
}

#threes .subtitle {
	width: 100px;
}	

#kap-ballon  {
	margin-top: 75px;
	position: relative;
}

#img-ballon1 {
	position: absolute;
	top: 50px;
	left: -160px;
	width: 303px;
	text-align: left;
	float: left;
}


#part5 {
	width: 600px;
	margin-top: 20px;
	margin-left: 180px;
}

#images-part5 {
	position: relative;
	width: 950px;
	top: 30px;
	left: -160px;
	text-align: center;
	height: 300px;
}

#korb,#brenner,#brennerallerlei  { position: relative; float: left;}

#korb 				{ left: 0px; }
#brenner 			{ left: 100px; }
#brennerallerlei 	{ left: 150px;}


#kap-ablauf {
	position: relative;
	width: 800px;
	left: -75px;
	position: relative;
	margin-top: 75px;
	text-align: center;	
}

#kap-ablauf h3 { 
	background: transparent url(../images/geschichteInfos/remnatsried.jpg) no-repeat;
	background-position: center;  
	height: 180px;
	margin-bottom: 70px;

}
#kap-ablauf h3 span { display: none; }

#startplatz { 
	float: left; 
	margin-right: 20px;
	margin-bottom: 70px;
}


#aufbauenL { 
	position: relative;
	width: 700px;
	margin-left: 40px; 
}
#aufbauenL p { 
	position: relative; 
	width: 350px;
	left: 120px; /*IE -100 */
	top: -120px;
}

#blockAufbauen{ 
	position: relative;
	margin-left: -450px;
	top: -50px;
	  
}
#blockAufbauen p { 
	position: relative; 
	width: 350px;
	left: 800px; /* IE 400 */
	top: -120px;
}

#inside {
	position: relative; 
	top: -50px;
}

#ballon-alle {
	margin-top: 50px;	
	margin-bottom: 50px;	
}

.mitbringen {
	margin-top: 75px;
}


/* =========== Philosophie ============================================================ */
#philo1 {
	background: transparent url(../images/philosophie/sehnsucht3.jpg) no-repeat;  
	background-position: center;  
	height: 340px;
	width: 461px;
	margin: auto;	
}
#philo2 {
	background: transparent url(../images/philosophie/sehnsucht-text2.gif) no-repeat;
  	background-position: center;  
	height: 45px;
	width: 510px;	
	margin: auto;
	margin-top: 10px;	
}
#text {
	width: 90%;	
	margin: auto;
}
				
/* =========== Anfahrt ================================================================ */
.gmap {
	text-align: center;
}

.gmap form {
	margin-bottom: 50px;
}								

#ballon-flash {
	background-image: url(../images/common/no-flash.jpg);
	width: 451px;
	height: 600px;
	margin: auto;
}

#flashsub {
	margin: auto;
	width: 451px;
	display: none;
}

#welcome {
	margin: 30px 0 0 140px;
	padding: 110px 0 0 90px;
	width: 500px;
	height: 750px;
	background: url(../images/opener/scrollx.gif) no-repeat;
}
#welcome h1 { display: none; }
#welcome p {
	font-family: "Times New Roman", Times, serif;
	font-family: Palatino,"Palatino Linotype",Palladio, Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11pt; 
	width: 320px;
	margin-bottom: 10px;
}

#uebersicht {
	width: 729px;
	height: 583px;
	margin: 0; padding: 0;
	border: none;	
	line-height: 0px;
	margin-bottom: 20px; 
}

#uebersicht img {margin: 0; padding: 0;}
/*

*/

/* =========== AGB ==================================================================== */
#agb #text ul {
	list-style-type: decimal;
	padding-left: 30px;
}

/* =========== Angebot ================================================================ */
#gruppe {
	float: left;
	margin-right: 100px; 
}

#vip {
	margin-top: 50px;
}

#vip p {
	margin-bottom: 30px;
}

#vip p.italic {
	margin-top: -20px;
}

#alpenX, #sonderfahrten {
	margin-top: 50px;
}

#security {
	text-align: center;
/*
	border: 1px solid #B0C4DE;
	padding: 20px;
	width: 650px;
*/
}

#security img {
	margin-bottom: 20px;
}

#imgteaser {
	width: 503px;
	height: 244px;
	margin: auto;
	margin-bottom: 50px;	
/*
	background: transparent url(../images/angebot/haslachersee.jpg) no-repeat;
*/
	background-position: center;  	  
	background: transparent url(../images/angebot/sommer.jpg) no-repeat center;  
}


	
/* =========== Team =================================================================== */
#team {
	width: 760px;
	height: 180px;
	margin: auto;
	margin-bottom: 50px;
}

#team p { 
	text-align: center;
}

#team1 { 
	height: 180px;
	float: left;
	text-align: center;
	margin-left: 75px;
	margin-right: 100px;
	
}

#team2 { 
	height: 177px;
	float: left;
	text-align: center;	
}

#team3 h3 { 
	background: transparent url(../images/team/michl.jpg) no-repeat;
	background-position: center;  	  
	height: 180px;
}


#team1 p { 	font-style:italic; }
#team2 p { 	font-style:italic; }
#team3 p { 	font-style:italic; }

#team1 h3 span { display:none; }
#team2 h3 span { display:none; }
#team3 h3 span { display:none; }
	
	
/* =========== Romantik =============================================================== */
#bgromantik {
	width: 709px;
	height: 944px;
	margin-left: 10px;
	background: transparent url(../images/romantik/bg-romantik.jpg) no-repeat;  
}	
	
#romantikhead h2 {
	position: absolute;
	background: transparent url(../images/romantik/romantik-head.jpg) no-repeat;  
	top: 328px;
	left: 117px;
	width: 331px;
	height: 52px;
}	
	
#romantikhead span { display: none; } 	
	
#romantiktext {
	position: absolute;
	
	top: 450px;
	left: 144px;
	width: 350px;
}	


#romantiktext p { 
	font-style: italic; 
	color: #FFF8DC;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: left;
}

#moeglichkeiten {
	position: absolute;
	background: transparent url(../images/romantik/romantik-moeglichkeiten.jpg) no-repeat;  
	top: 384px;
	left: 127px;
	width: 307px;
	height: 54px;
}

#moeglichkeiten span { display: none; } 

#freude {
	position: absolute;
	background: transparent url(../images/romantik/romantik-freude.jpg) no-repeat;
	top: 652px;  
	left: 128px;
	width: 310px;
	height: 45px;
}

#freude span { display: none; }

#romantiktext a {
	font-style: italic; 
	color: #FF8040;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: left;
	text-decoration: underline;
}

#romantiktext a:hover {
	color: #FFFFCC;
}

/* =========== Auerbergland =========================================================== */
#auerbergland  #text { text-align: left; } /* IE */

#karte {
	position: relative;
	background: transparent url(../images/auerbergland/auerberglandS.jpg) no-repeat;  
	width: 759px;
	height: 609px;
	left: -8px;
	margin-bottom: 20px;	
} 


#img1text {
	width: 450px; 
}

#img1 {
	position: relative;
	background: transparent url(../images/auerbergland/auerbergland1.jpg) no-repeat;  
	width: 358px;
	height: 242px;
	left: 60px;
	margin-top: 25px;
	margin-bottom: 25px;
} 


#img2text {
	position: relative;
	width: 450px;
	left: 180px;
}
	
#img2 {
	position: relative;
	background: transparent url(../images/auerbergland/auerbergland2.jpg) no-repeat;  
	width: 358px;
	height: 242px;
	left: 350px;
	margin-top: 25px;
	margin-bottom: 25px;
} 


#img3 {
	position: relative;
	background: transparent url(../images/auerbergland/auerbergland3.jpg) no-repeat;  
	width: 358px;
	height: 242px;
	margin-top: 25px;
	margin-bottom: 25px;
	left: -10px;
} 

#img4 {
	position: relative;
	background: transparent url(../images/auerbergland/auerbergland4.jpg) no-repeat;  
	width: 358px;
	height: 242px;
	left: 10px;
	margin-bottom: 25px;
	float: right;
	margin-top: -200px
} 

/* =========== Galerie-Preview ====================================================== */
#preview {
	margin-top: 40px;
	padding: 5px;
	text-align: left;
	border: 1px solid #B0C4DE;
	height: 1300px;
	padding-top: 20px;
	width: 750px;
	margin: auto;
}

.thumbs {
	width: 129px;
	height: 93px;
	background-image:url(../images/common/thumb-ss2.gif);
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 12px;
	float: left; 
}

.thumb { margin-left: 1px; }

.line1, .line2, .line3, .line4, .line5 {
	clear: both;
	margin: auto;
}   

.line1 { width: 150px; }
.line2 { width: 290px; }
.line3 { width: 430px; }
.line4 { width: 570px; }
.line5 { width: 710px; }


#framer {
	position: absolute;
	margin-left: 60px;
	margin-top: 0px;
	padding-bottom: 18px;
}

/* =========== Galerie-Image ======================================================== */
#bild {
	position: relative;
	margin-left: 81px;
	margin-top: 29px;
}

#arrows {
	position: relative;
	padding-top: 10px;
	margin-left: 330px;
}

#arrows img {
	margin-left: 5px;
}


#divImageCnt {
	position: relative;
	font-size: 10px;
	top: -58px;
	left: 670px;
}

#divImageCnt p {
	font-style: italic;
	font-size: 13px;
}

#arrows img, #preview img, #imager img { border: none; }

#imager { display: none; }

#nojs {
	font-family: Palatino,"Palatino Linotype",Palladio, Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 1.5em;
}

/* =========== Impressum ============================================================== */
#adresse a {
	text-decoration: underline;	
}

#adresse table {
	position: relative;
	top: -1em;
	width: 340px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#adresse p, #adresse table{
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		color: #414175;
		margin-bottom: 1em;
		text-Align: justify;	
}

/* =========== Kontakt ================================================================ */
#kontakt h1.error {
	color: #CC3333;
	font-size: 1.2em;
}

#kontakt p.error {
	color: #CC3333;
	font-size: 0.9em;
	margin-bottom: 10px;
	text-align: center;
}

#kontakt .mandatory {
	color: #003399;
	font-size: 75%;
}

#kontakt #content #formular .label {
	float: left;
}

#kontakt #content #formular .field {
	margin-left: 70px;
	padding-bottom: 1em;
}

#kontakt #content #formular .centered {
	clear: both;
	text-align:center;
	padding-bottom: 1em;
}



#kontakt-ok #content #adresse {
	position: absolute;
	width: 300px;
	top: 160px;
	left: 270px;
}

#kontakt #content #adresse a,
#kontakt-ok #content #adresse a {
	text-decoration: underline;	
	color: #004080;
}

#kontakt #content #adresse a:hover,
#kontakt-ok #content #adresse a:hover {
	color: #8080ff;	
}

#kontakt #content #adresse p, #kontakt #content #adresse table { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	text-align: left;
}

#kontakt #content #adresse .adrHead {
	font-size: 0.9em;
	font-weight:bold;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#kontakt #content #adresse table {
	width: 300px;
	margin-top: 10px;
}

#kontakt #content #formular {
	position: absolute;
	top: 90px;
	left: 10px;

	border-right-style:solid;
	border-right-width: 1px;
	border-right-color:#CCCCCC;

	width: 455px;
	height: 480px;
	margin-left: 1px;
	margin-top: 1em;
	padding-top: 1em;
	padding-left: 1em;
}

#kontakt #content #adresse {
	position: absolute;
	width: 300px;
	top: 120px;
	left: 510px;
}

#kontakt #gutscheine {
	position: relative;
	top: -40px;
	left: 130px;
	padding: 5px;
	padding-top: 15px;
	padding-bottom: 0px;
}

#kontakt #gutscheine p {
	margin-top: -10px;
	font-size: 90%;
}

#kontakt #content #formular, 
#kontakt #content #formular .feld,  
#kontakt #content #formular .button {
/*
	font-family:Verdana, Arial, Helvetica, sans-serif;
	word-spacing:1px;
	font-size: 0.9em;
	*/

		line-height: 1.3em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		color: #414175;
		text-Align: justify;		
}

#kontakt #content #formular .feld {
	width: 350px;
}

#kontakt #content #formular .button {
	width: auto;
	margin-top: -10px;
	color: #8080FF;
	margin-left: 20px;
}

#kontakt #content #formular #buttontext p {
	font-weight: bold; 
}
#kontakt #content #formular #fieldKopie {
	float: left;
	padding-right: 0.5em;
}

#kontakt #content #formular #noetig {
	margin-top: -1em;
	margin-left: 0em;
}

#kontakt #content #formular #labelError {
	color: #CC0000;
	font-weight: bold;
	text-align: center;
}

#kontakt .errorfield {
	background-color: #D9E3FD;
}


/* =========== Sponsor ================================================================ */
#das #text {
	position: relative;
	width: 134px;
	height: 134px;
	margin: auto;
}

#das #text img {
	border: none;
}


/* =========== Links ================================================================ */
.linkbox {
	width: 300px;
	margin: auto;
	text-align: center;	
	margin-bottom: 60px;
}

.linkbox img { border: none; }
.linkbox p {
	text-align: center;
}

/* =========== Gästebuch ============================================================ */
#gaestebuch p.eintrag { text-align: center; margin-bottom: 20px;}

#gaestebuch .message p {text-align: left;}
#gaestebuch .message p.msgDate {text-align: right;}
#gaestebuch .message {
	width: 700px;
	margin: auto;
	margin-bottom: 60px;
}

#gaestebuch .message img { border: none; padding-left: 5px; }
#gaestebuch .msgName {	position: relative; top: 35px; font-weight: bold; width: 700px; float: left; border-bottom: 1px solid #B0C4DE;}

#gaestebuch .msgDate { 
	position: relative; left: 550px; 
	width: 150px;
	text-align: right; 
	font-size: small;
}

#gaestebuch .msgTopic { font-style: italic; font-weight: bold; }

#gaestebuch .message p.msgText { text-align: justify; }

#gaestebuch .msgDelete { position: relative; top: 25px; left: -5px;}

/* =========== Gästebuch-Formular =================================================== */
#gaesteformular {
	position: relative;
	width: 470px;
	margin: auto;
	left: 10px;
}

#gaesteformular .label {  
		line-height: 1.3em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		color: #414175;
		text-Align: justify;	
		margin-top: 15px;
}  
#gaesteformular #topic { width: 450px; }
#gaesteformular #textarea { width: 450px; }

#gaesteformular #gbname, #gaesteformular #gbemail, #gaesteformular #gbhomepage { 
	float: left; 
	margin-right: 14px;
	width: 140px;
}

#gaesteformular #noetig {  
	font-size: small;	
}  

#gaesteformular .button {
	width: 100px;
	margin: auto;
	margin-top: 20px;
}


/* =========== Anfahrt ============================================================== */
#landsberg {
	width: 100%; 
	height: 440px; 
	margin: auto; 
	border: 1px solid #414175;
}


#stoetten {
	width: 100%; 
	height: 440px; 
	margin: auto; 
	border: 1px solid #414175;
}

.gmapnojs { width: 640px; }

/* =========== Tops ================================================================= */
.toplink span { display: none; }
.toplink img { border: none; }


.toplink  { margin-left: 750px; margin-bottom: 50px; z-index: 50;}
#geschichte .toplink, #galerie .toplink { margin-left: 790px; }
#auerbergland .toplink { margin-left: 750px; margin-bottom: 0px; }
#gaestebuch .toplink, #agb .toplink  { margin-left: 750px; margin-top: -30px; margin-bottom: 0px; }
/*
#top1, #top2, #top3, #top4 { position: absolute; left: 900px; }
#top1 { top: 1000px; }
#top2 { top: 2000px; }
#top3 { top: 3000px; }
*/

#spacer {
	height: 50px;
}