*/* */ 
 {margin:0;list-style:none;padding:0; }

html {
	height: 100%;
	background: #961C30;
	}
	
* html {
	background-image: none;
}

body {
	color:#1c1c1c;
	text-align: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 18px;
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
	}
	
.wrapper_1 { 
	width: 858px;
	padding: 0;
	position: relative;
	float: none;
	margin: 0 auto;
	height: 100%;
	min-height: 100%;
	background: url(../hg/page.gif) repeat-y top left;
}

html>body .wrapper_1 { height: auto;   }

* html .wrapper_1 { 
	
}


.wrapper_2, .wrapper_3 {
clear:both;
float:left;
width: 858px;
}

* html .wrapper_2 {
	overflow-x: hidden;
}

#header {
	position: relative; 
	float: left;
	padding: 22px 35px 15px 35px;
	width: 788px;
	height: 124px;
	background: #fff;
}

.nav { 
	float:left; 
	width: 798px; 
	position: relative;
	height: 32px;
	padding: 0 35px 20px 25px;
	margin-bottom: -20px;
	background: #fff url(../hg/top.gif) no-repeat 0 12px;
}


.top_links {
	float: right;
	position: relative;
	width: auto;
}

.nav li, .nav a, .top_links li, .top_links a, .subnav li, .subnav a {
	float: left; 
	height: 32px;
	overflow: hidden;
	text-indent: -1000em;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.home .nav li { margin-top: -6px; }
.gaestebuch .nav li, .impressum .nav li { margin-top: -4px; }

.subnav li, .subnav a { height: 20px; }

.nav a:hover {
	background-position: -300px 0; 
}

.top_links a:hover {
	background-position: -200px 0; 
} 

.subnav a:hover {
	background-position: -300px 0; 
}

.nav .selected { padding-right: 2px; margin-right: 1px; }

.nav .selected a, .nav .selected a:hover {
	background-position: -600px 0;
	padding-right: 2px;
}

.subnav .selected { margin-right: 3px; }
.subnav .selected, .subnav .selected a, .subnav .selected a:hover {
	background-position: -600px 0;
}

#museum, #museum a { 
	background-image: url(../nav/de/museum.gif);
	width: 78px;	
}

.nav .selected#museum, .nav .selected#museum a { margin-left: 2px; } 

#ausstellung, #ausstellung a { 
	background-image: url(../nav/de/ausstellung.gif);
	width: 101px;	
}

#kinderstationen, #kinderstationen a { 
	background-image: url(../nav/de/kinderstationen.gif);
	width: 124px;	
}

#klangweg, #klangweg a { 
	background-image: url(../nav/de/klangweg.gif);
	width: 85px;	
}

#fuehrungen, #fuehrungen a { 
	background-image: url(../nav/de/fuehrungen.gif);
	width: 173px;	
}

#veranstaltungen, #veranstaltungen a { 
	background-image: url(../nav/de/veranstaltungen.gif);
	width: 128px;	
}

#information, #information a { 
	background-image: url(../nav/de/information.gif);
	width: 100px;	
}

#gaestebuch, #gaestebuch a {
	background-image: url(../nav/de/gaestebuch.gif);
	width: 80px;	
}

#language, #language a {
	background-image: url(../nav/de/english.gif);
	width: 90px;	
}

#ueberblick, #ueberblick a { 
	background-image: url(../subnav/de/ueberblick.gif);
	width: 90px;
}

#der-ostheimer-orgelbau, #der-ostheimer-orgelbau a { 
	background-image: url(../subnav/de/ostheimerorgelbau.gif);
	width: 178px;
}

#die-geschichte-der-orgel, #die-geschichte-der-orgel a { 
	background-image: url(../subnav/de/geschichtederorgel.gif);
	width: 180px;
}

#die-geschichte-des-orgelbaus, #die-geschichte-des-orgelbaus a { 
	background-image: url(../subnav/de/geschichtedesorgelbaus.gif);
	width: 190px;
}

#das-orgelbaumuseum, #das-orgelbaumuseum a { 
	background-image: url(../subnav/de/dasorgelbaumuseum.gif);
	width: 162px;
}

#die-gruendungsgeschichte, #die-gruendungsgeschichte a { 
	background-image: url(../subnav/de/diegruendungsgeschichte.gif);
	width: 180px;
}


.subnav { 
	float: left;
	position: relative;
	width: 790px; 
	height: 18px; 
	padding: 14px 37px;
	color: #fff;
	margin-bottom: -15px;
}
	
.subnav li { line-height: 18px; margin-bottom: 3px; }
.subnav a { color: #fff; }

.subnav h3 {
	position: absolute;
	background-position: top right;
	background-repeat: no-repeat;
	bottom: 0;
	right: 65px;
	height: 43px;
	width: 400px;
	overflow: hidden;
	text-indent: -1000em;
}



#footer { position: absolute; height: 25px; width: 780px; left: 50%; bottom: 0; margin-left: -394px; z-index: 2; border-top: 1px solid #888;  }
* html #footer { bottom: 2px; clear: both; float: left; position: relative; float: none; left: 0; margin: 0 auto; }
#footer p { padding-top: 0; width: auto; padding-right: 10px; margin-top: -1.2em; background: #eaeaea;   }
* html #footer p { position: relative; }
	
.content {
	float: left;
	position: relative;
	width: 788px;
	padding: 30px 35px 60px 35px;
	display: inline;
	clear: both;
}


h1 {
	font-size: 11px;
	float: left; 
	width: 100%; 
	margin-bottom: 20px;
	margin-left: -2px;
	background-position: 0 0;
	background-repeat:no-repeat; 
	height: 30px;
	overflow: hidden;
	text-indent: -1000em;
}

.home h1 { background-image:url(../typo/h1/de/willkommen.gif); height: 60px; }
.museum h1 { background-image:url(../typo/h1/de/dasorgelbaumuseum.gif);  }
.gruendungsgeschichte h1 { background-image:url(../typo/h1/de/gruendungsgeschichte.gif);  }
.ausstellung h1 { background-image:url(../typo/h1/de/dauerausstellung.gif);  }
.orgelbautradition h1 { background-image:url(../typo/h1/de/orgelbautradition.gif);  }
.geschichtederorgel h1 { background-image:url(../typo/h1/de/geschichtederorgel.gif);  }
.geschichtedesorgelbaus h1 { background-image:url(../typo/h1/de/geschichtedesorgelbaus.gif);  }
.kinderstationen h1 { background-image:url(../typo/h1/de/kinderstationen.gif);  }
.klangweg h1 { background-image:url(../typo/h1/de/klangweg.gif);  }
.veranstaltungen h1 { background-image:url(../typo/h1/de/veranstaltungen.gif); margin-bottom: 25px;  }
.fuehrungen h1 { background-image:url(../typo/h1/de/fuehrungen.gif); margin-bottom: 25px;  }
.information h1 { background-image:url(../typo/h1/de/information.gif); height: 32px; margin-top:-2px;  }
.gaestebuch h1 { background-image:url(../typo/h1/de/gaestebuch.gif); margin-bottom: 25px;  }
.impressum h1 { background-image:url(../typo/h1/de/impressum.gif);  }



	
p 	{
	margin-bottom: 10px;
	float: left;
	width: 100%;
	}

a { color: #A41D34;  text-decoration: none; }

a:hover {
	color: #1c1c1c;
	text-decoration: none;
	border-bottom: 1px solid #A41D34;
}
	
img { border: none; float: left; margin: 0; }

td	{
	
	font-size:11px;
	}
	
ul,li {
	margin:0;
	padding:0;
	}
	
.content ul { clear: left; width: 100%; padding-bottom: 10px;}
.content li, .content p.bulleted { width: 95%; background:url(../typo/bullet.gif) no-repeat 0 8px; padding-left: 7px; margin-left: -7px; }
	
h2,h3,h4,h5,h6 	{
	font-size:11px;
	line-height:18px;
	color: #A41D34;
	margin-bottom: 0;
	float: left;
	position: relative;
	width: 100%;
	}

	
h5	{
	font-size:14px;
	line-height:18px;
	margin-top:20px;
	}
	
label { float: left;
	width: 230px;
	padding-top: 0;
	}
	
input,textarea,select {
	float: left;
	width: 360px;
	padding: 2px;
	border: 1px inset #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #444;
}

select { width: 326px; }

form .row { margin-bottom: 4px; }
form .row span { float: left; width: auto; padding: 0 4px 3px 4px; }

input.radio, input.checkbox { width: auto; border: none; margin-top: 3px;}
*+ html input.radio, *+ html input.checkbox { margin-top: 0; padding: 0; } 
* html input.radio, * html input.checkbox { margin-top: 0; padding: 0; } 

input.submit { 
	width: auto;
	background: #E69500;
	color: #fff;
	border: 1px outset #E69500;
	cursor: pointer;
	cursor: hand;
	margin-left: 230px;
	margin-top: 15px;
	font-weight: bold;
}

form h3 { margin-top: 15px; margin-left: 190px; margin-bottom: 10px;}

form { float: left; clear:both; width: 100%; display: inline; margin-top: 10px; }

h2#anfrage { border-top: 20px solid 	#FACD88; margin: 20px  -77px 10px -37px; padding: 30px 77px 0 37px; width: 600px; }

	
/* helper classes --------------------------- */
	

.shown {
	display:;
	}
	
.hidden {
	display:none;
	}

p.error { color: #c00;
margin-bottom: 0; width: 100%; clear: left; }
	
/* page-specific classes --------------------- */


/* background images ----------------------------- */



/* helpers ---------------------------- */

.plus0t {margin-top:0;}

.plus5t {margin-top:5px;}

.plus5l {margin-left:5px;}

.plus2l {margin-left:2px;}

.plus5b {margin-bottom:5px;}

.plus0b {margin-bottom:0;}

.plus0r {margin-right:0;}

.plus10b {margin-bottom:10px;}

.plus10t {margin-top:10px;}

.plus15b {margin-bottom:15px;}

.plus25 {margin-bottom:25px;}

.plus15t {margin-top:15px;}

.plus20t {margin-top:20px;}

.plus20l {margin-left:20px;}

.plus20b {margin-bottom:20px;}

.plus25b {margin-bottom:25px;}

.plus30t {margin-top:30px;}

.plus30b {margin-bottom:30px;}

.plus35r {margin-right:35px;}

.plus40l {margin-left:40px;}

.plus50l {margin-left:50px;}

.plus13b {margin-bottom:13px;}

.w200 {width: 200px; }

div.w310 {width: 310px; }

div.w260 {width: 260px; }

div.w350 {width:350px; }

div.w600 {width: 600px; }

.w700 {width: 700px; }

.hidden {display:none;}
		
.shown {display:block;}

.addInfo {display:none;}

.row { clear: left; float: left; width: 100%; }

.toTop { padding-left: 12px; background:url(../typo/arrow_top.gif) no-repeat 0 6px; }
.toTop a { color:#ffa700; }

#GB_overlay {
  background: #430C15;
  opacity:.90;
  filter:alpha(opacity=90);
  position: fixed;
  margin: auto;
  top: 0;
  left: 50%;
  z-index: 100;
  width:  100%;
  height: 100%;
  margin-left: -50%;
}

* html #GB_overlay { position: absolute; }

.GB_preload_message {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -16px;
  background: url(../hg/ajax-loader.gif) no-repeat 0 0;
  opacity:.5;
  filter:alpha(opacity=50);  
}

.GB_window {
  position: fixed;
  z-index: 150;
  top: 25px;
  left: 25px;
}

* html .GB_window { position: absolute; z-index: 200; }

.GB_caption {
  position: absolute; 
  width: 100%;
  margin: 0;
  float: left;
  bottom: 0;
  left: 0;
  background: #911A2F;
  border: 1px solid #911A2F; 
}

.GB_caption p {
  padding: 5px 15px;
  color: #fff;
  margin: 0;
  width: auto;
}

.GB_window img { border: 2px solid #911A2F; position: relative; }

.copy { width: 520px; float: left; position: relative;  }
.img_col { width: 141px; padding-top: 4px; padding-bottom: 10px; padding-right: 10px; z-index: 2; position: relative; float: right;}
.img_col img { float: left; padding: 0; border: none; margin-left: 1px;     }
.img_col a { position: relative; display: block; height: auto; float: right; border: 0 solid transparent; margin-bottom: 1px;  }
.img_col img.enlarge { position: absolute; bottom: 0; left: 0; visibility: hidden; }
.img_col a:hover { z-index: 2;   }
.img_col a:hover img.enlarge { visibility: visible; }
.img_col a:hover img {      }
.img_col a:hover div.border { border: 10px solid #911A2F; height: 100%; width: 100%; position: relative; top: 0; left: 0; }

.home .hallo_kinder { background: url(../hg/hallokinder.gif) no-repeat 0 0; margin-top: -110px; padding: 90px 50px 0 3px; width: 215px; margin-right: -15px; position: relative; float: left;   }
.home .hallo_kinder p { padding: 0 47px 20px 20px;  width: 160px; margin: 0; position: relative; float: left; border-bottom: 1px solid #888;   }
.museum .wrapper_2 { background: url(../hg/museum.gif) no-repeat 510px 370px; } 
.gruendungsgeschichte .wrapper_2 { background: url(../hg/museum.gif) no-repeat 460px 360px; } 
.ausstellung .wrapper_2 { background: url(../hg/dauerausstellung.gif) no-repeat 610px 600px; }
.orgelbautradition .wrapper_2 { background: url(../hg/orgelbautradition.gif) no-repeat 630px 370px; } 
.geschichtedesorgelbaus .wrapper_2 { background: url(../hg/geschichtedesorgelbaus.gif) no-repeat 600px 330px; } 
.kinderstationen .wrapper_2 { background: url(../hg/kinderstationen.gif) no-repeat 645px 450px; height: 900px; } 
.veranstaltungen .wrapper_2 { background: url(../hg/veranstaltungen.gif) no-repeat 600px 620px;  } 
.klangweg .wrapper_2 { background: url(../hg/klangweg.gif) no-repeat 520px 700px;  } 

.ausstellung .img_col { padding-right: 25px; padding-bottom: 20px; }
.ausstellung .copy { float: none; width: 520px; }
.ausstellung .copy p { float: none; }

.img_row { width: 100%; clear: both; position: relative; float: left; padding: 10px 0 20px 0;}
.img_row img { margin-right: 1px; }

img.fotostreifen, #intro { margin-top: 2px; position: relative; float: left; border-bottom: 2px solid #911A2F; }

.content a { font-weight: bold; }

.geschichtederorgel .wrapper_2 { background-image: none; }
.geschichtederorgel .copy { width: 620px; }

ul.subnav2 { float: left; width: 620px; position: relative; z-index:2; margin-left: -15px; margin-bottom:5px;  }

* html ul.subnav2 { margin-left: -7.5px; }

.subnav2 li, .subnav2 a {
	display: block;
	float: left;
    height: 20px;
	background-position: 12px -2px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	position: relative;
	border: none;
}

.subnav2 a { 
	text-indent: -1000em;
	overflow: hidden;
	border: none;
	border-right: 1px solid #bbb; 
	outline: none;
}

.subnav2 a:hover, .subnav2 .selected a { background-position: -188px -2px; border-bottom: none; } 

#mittelalter, #mittelalter a { width: 201px; background-image: url(../subnav/de/mittelalter.gif);   }
#barock, #barock a { width: 170px; background-image: url(../subnav/de/barock.gif) }
#neuzeit, #neuzeit a { width: 170px; background-image: url(../subnav/de/neuzeit.gif); border: none; }

#wind, #wind a { width: 210px; background-image: url(../subnav/de/wind.gif);   }
#stein, #stein a { width: 210px; background-image: url(../subnav/de/stein.gif) }
#holz, #holz a { width: 210px; background-image: url(../subnav/de/holz.gif); border: none; }

.subcopy { float: left; width: 500px; position: relative; clear: both; }
.geschichtederorgel .copy img { position: absolute; bottom: 5px; right: 10px; }
.geschichtederorgel .copy { width: 790px; position: relative; float: left;  }
.geschichtederorgel .copy_main { width: 590px; }
.subcopy p { float: left; width: 100%; }
.soundsample { float: left; margin-top: 3px; width: 100%; position: relative; }
.soundsample p { margin: 0; width: 100%; float: left; position: relative; }
.soundsample p.mp3 { margin-top: 3px; margin-bottom: 3px; }
.soundsample .flashplayer { float: left; position: relative; margin-top: 3px; margin-bottom: 3px; }

.kinderstationen h1 { margin-bottom: 25px; }
.kinderstationen .copy { float: none; width: 555px; }
.kinderstationen .copy img  { margin: 7px 25px 20px 0; }
.kinderstationen .copy p  { float: none; width: auto; display: block;  }

p.kinderfreundlichesmuseum {
	background: url(../hg/kinderfreundlich.gif) 0 4px no-repeat;
	padding-left: 50px;
	height: 80px;
}

img.anfahrt {
	float: right; margin: 10px 15px 0 -150px; 
}

* html img.anfahrt { margin-left: -180px; }

.clearfix {
	clear: both;
	height: 0;
	overflow: hidden;
}

.event_item { float: left; padding: 0 0 10px 0; }
.event_item p { margin-bottom: 5px; }
.event_date { width: 210px; clear: none; float: left; padding-right: 40px; margin: 0;  }
.event_date strong { color: #555; }


.gaestebuch p.pages { float: left; width: auto; clear: both;   }
.gaestebuch p.pages a { text-decoration:none;  }
.gaestebuch p.pages a:hover { }

.gaestebuch p.number { width: auto; font-size:40px; color: #ccc; padding-top: 0; letter-spacing:-5px; line-height: 1em; margin-top: -4px; clear: none; padding-right: 18px; margin-left: -2px; font-family: "Palatino Linotype",Georgia,serif; font-weight: bold;  }

.gaestebuch .row { float: left; width: 100%; padding: 15px 0 5px 0; margin: 0; clear: left; display:inline; }

.gbMeta { float: left; width: 240px; margin-right: 35px; padding-bottom: 10px;  }

.gbuchHeader { position: relative; z-index:2; padding-left: 0; width: auto; clear: none; float: none;  }
.gbuchHeader strong { color: #A41D34; }
.gaestebuch .entry { float: left; width: 450px; margin-right: -10px;   }

#entryForm { width: 780px; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; margin-bottom: 20px;  }
* html #entryForm { margin-left: 0;  }
* html .gaestebuch .formCol { margin-left: 265px; display: inline; }

label {
		font-size: 11px;
		margin-bottom: 2px;
		padding: 0 10px 2px 0;
		float: left;
		clear: left;
		color: #A41D34;
		font-weight: bold;
		width: 265px;	
		position: relative;	
		display: inline;
		
		}
		
label span { font-weight: normal; color: #aaa; }

input, textarea {
		width:440px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		background-color:#fff;
		border: 1px inset #fff;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
		padding: 2px;
		margin: 0 20px 5px 0;
		color: inherit;
		float: left;
		display: inline;
		clear: none;
		position: relative;
		}
		
select, optgroup, option {
		font-size:11px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		}

optgroup label {
		font-variant: normal;
		}

input.formButton {
		font-weight:bold;
		background-color:#A41D34;
		border: 1px outset  #A41D34;
		cursor: pointer;
		cursor: hand;
		color:#fff;
		width: auto;
		text-align: center;
		margin: 2px 0 0 275px;
		padding: 2px;

		}
		
input#sendConfirm { display: none; }

p.write { float: left; width: auto; z-index: 20; background:url(../typo/icon_write.gif) no-repeat 0 3px; padding-left: 20px; }
p.write a {  }