/*******************************************************************************
*  ORT DES TREFFENS started January 2009
* ------------------------------------------------------------------------------
*******************************************************************************/
* {
outline: none;
}	

body {
color: #424242;
background: #54585d;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.1%;
margin: 0;
padding: 0;
text-align: center;
}

body.home {
color: white;
}

html p {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 3px;
padding-bottom: 6px;
font-size: .85em;
}

img {
border: 0;
display: block;
}


/*-----*/

div#wrapper {
	background: #8c8b81 url('http://www.ortdestreffens.de/images/ui/content_back.jpg') no-repeat center top;
	background-attachment: fixed;
	text-align: left;
	width: 785px;
	margin: 0 auto;
	padding: 0;
}

body.home div#wrapper {
	background: #5c636b url('http://www.ortdestreffens.de/images/ui/home_content_back.jpg') no-repeat center top;
}

div#banner {
background: transparent;
/*max-width: 900px;
min-width: 745px;*/
height: 166px;
margin: 0 auto;
padding: 0;
padding-left: 0px;
/*border-bottom: 1px solid #AAA495;
border-left: 1px solid gray;
border-right: 1px solid gray;	*/
}

div#banner h1 {
position: absolute;
left: -9999px;
} /* HIDE TEXT */

div#marque {
text-align: right;
width: 490px;
float: right;
padding: 14px 15px 0px 0;
}

body.home div#marque {
text-align: right;
width: 400px;
float: right;
padding: 23px 15px 0 0;
}

#logo img {
margin: 0 auto;
}

#logo {
height: 111px;
padding-top: 12px;
/*border: 1px solid red;*/
}

#account {
text-align: right;
font-size: .7em;
padding-top: 6px;
margin: 0 8px;
}


div#page {
background: transparent;
clear: both;
padding-top: 0px;
margin: 0;
/*border-left: 1px solid gray;
border-right: 1px solid gray;*/
/*border-bottom: 1px solid silver*/
}


/*typography*/

h1, h2, h3, h4, h5 {
/*font-family: Georgia,'Times New Roman',Times,'Bookman Old Style','Hoefler Text',Serif;*/
margin-bottom: 2px;
padding-bottom: 0;
}

#content h1 {
margin: 0 2px 7px 0;
padding-bottom: 3px;
color: #2D3186;
background: transparent;
font-size: 2em;
line-height: 1.2em;
border-bottom: 8px solid #FBF2D8;
}

/*#content h2, #content h3 {
padding-left: 110px;
}*/

#content h2 strong {
color: #727046;
font-weight: bold;
}

#content h3 strong {
color:#c9c7b9;
font-weight: bold;
}

#content h2 {
font-size: 1.4em;
margin: 0 0 0px 0;
line-height: 1.0em;
padding: 8px 0;
color: #ffe033;
background: transparent;
text-transform: uppercase;
}

#content h3 {
font-size: 1.3em;
line-height:1.3em;
margin: 8px 0 2px 0;
color: #c9c7b9;
background: transparent;
}

body.home #content h3 {
color: #999999;
}

#content h4 {
	background: transparent;
	line-height: 1.6em;
	margin: 1px 0 4px 0;
}

#content h5 {
	background: transparent;
	line-height: 1.3em;
	margin-bottom: 3px;
	font-size: 0.95em;
}


body.home #content h4 {
	color: #ffe033;
	margin-bottom: 12px;
}


em {
font-style: italic;
}

/* standard links */
	
a:link, a   {
color:#A85644;
text-decoration: none;
background-color: transparent;
border-bottom: 1px dotted #9579C0;
}

a:visited   {
color: #A46E5C;
text-decoration: none;
background-color: transparent;
}

a:hover   {
color: #4C5CC5;
text-decoration: none;
background-color: transparent
}

a:active   {
color: #9E292B;
text-decoration: none;
background-color: transparent;
}

/*link colors*/

a:link, a   {
color:#38393d;
border-bottom: 1px dotted black;
}

a:visited   {
color: #38393d;
}

a:hover   {
color: #6a7184;
}

a:active   {
color: #9E292B;
}

/*on the home page*/

body.home #content a:link, body.home #content a   {
color:#858787;
border-bottom: 1px dotted #858787;
}

body.home #content a:visited   {
color: white;
}

body.home #content a:hover   {
color: #b7b7b7;
}

body.home #content a:active   {
color: #9E292B;
}

/*link colors in the sidebar*/

#sidebar a:link, #sidebar a {
color:#f3f2e1;
border-bottom: 1px dotted #f3f2e1;
}

#sidebar a:visited   {
color: #38393d;
}

#sidebar a:hover   {
color: white;
}

#sidebar a:active   {
color: #9E292B;
}

#sidetext {
padding-bottom: 12px;
}



#content h2 a, #content h3 a {
color: #e8e4c5;
border-bottom: 0px solid #9579C0;
padding-right: 20px;
background: transparent url("http://www.ortdestreffens.de/images/ui/youarehere.png") no-repeat right center;
border: 0px solid #9579C0;
}


#page #sidebar {
font-size: .75em;
line-height: 1.4em; 
/* color: #343434; */
color: white;
margin: 0;
width: 250px;
float: right;
padding: 50px 10px 6px 10px;
/*border: 1px solid orange;*/
}

#sidebar .pic {
border: 1px solid #70767C;
padding: 4px;
margin-bottom: 30px;
}

#page #sidebar .pic img {
/* border: 1px solid white; */
margin: 0 auto;
}

#sidebar .pic p {
padding: 0px;
margin: 2px 0 0 2px;
font-size: .8em;
}

body.home #page #sidebar {
padding: 220px 10px 6px 10px;
background: transparent url("http://www.ortdestreffens.de/images/ui/circles.png") no-repeat top center;
text-transform: none;
color: #b2b1ac;
}

/*#page #sidebar p {
margin-bottom: 0;
font-size: .9em;
}*/

#page #sidebar strong {
color: white;
}

body.home #page #sidebar strong, body.home #page #sidebar em {
color: #c9c7b9;
}

#page #sidebar h2 {
color: white;
padding: 0;
margin: 0 0 2px 0;
font-size: 1.2em;
/*border-bottom: 1px solid #FFB268;*/
}

#page #sidebar h3 {
color: #f3f2e1;
padding: 0;
margin: 0 0 2px 0;
font-size: .95em;
line-height: 1.3em;
}

#page #sidebar h4 {
color: white;
padding: 0;
margin: 0;
margin: 2px 0;
font-size: .8em;
line-height: 1.3em;
}


#page #sidebar h2 a {
color: white;
padding-right: 20px;
background: transparent url("http://www.ortdestreffens.de/images/ui/youarehere_w.gif") no-repeat right center;
line-height: 1.2em;
}

#page #sidebar h3 a {
color: white;
padding-right: 20px;
background: transparent url("http://www.ortdestreffens.de/images/ui/youarehere_w.gif") no-repeat right center;
border: none;
}

#page #sidebar img {
border: 1px solid gray;
margin: 0 0 8px 0;
}


/* links in the sidebar */

#sidebar .sidebarlinks {
border: 1px solid silver;
padding: 5px;
margin: 8px 0px;
}

#page #sidebar .sidebarlinks h2 {
border-bottom: 1px solid silver;
color: #FDCE61;
padding: 0 0 4px 0px;
}


#content {
/* float: right; */
margin-top: 0px;
padding: 12px 12px 0 0;
margin-left: 142px;
/*border: 1px solid green;*/
font-size: 0.8em;
line-height: 1.4em;
margin-right: 266px;
border-right: 1px solid gray;
}

/* sidebar links when they are bulet list are yellow and Uppercase */

#page #sidebar ul li a {
color: #F7DF33;
border: none;
text-transform: uppercase;
font-size: 1em;
font-weight: 800;
}



body.home #content {
border-right: 0px solid gray;
color: #d2d2d2;
}

body.kontakt #content {
margin-right: 130px;
border-right: 0px solid gray; 
}


p.postdetails {
font-size: 0.75em;
margin-top: 0px;
}

#content p.postdetails {
clear: right;
}


#page_end {
color: #3e4346;
background: transparent;
clear: both;
font-size: 0.7em;
text-align: right;
/*border-top: 1px solid #F8FAF6;*/
/* width: 745px; */
margin: 0 auto;
padding: 4px 6px;
}

#page_end p {
padding: 0 4px;
margin: 2px;
}

#footer {
clear: both;
text-align: left;
/*background:#F8FAF2 url(http://www.ortdestreffens.de/images/ui/footerback.jpg) repeat-x top center;*/
background: #54585d;
color: #434345;
margin: 0 auto;
padding-left: 0px;
font-size: 0.75em;
line-height: 3em;
clear: both;
/*border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;*/
}

/*	menu stuff */
div.menus {
border-top: 1px solid #B9BFDD;
border-left: 1px solid #B9BFDD;
border-right: 1px solid #B9BFDD;
color: black;
background: white;
padding: 0;
padding-top: 0px;
padding-bottom: 0px;
margin: .6em 2px 0 0;
}


div#sidebar div.menus p.heading {
color: #000066; 
font-size: 1.0em;
line-height: 1.3em;
font-weight: bold;
margin: 0;
border-bottom: 1px solid #B9BFDD;
padding: 1px 3px 1px 4px;
background:#D4D9E0;
}


div#sidebar #editorbox p.heading {
background:#DBDDED;
}

div#sidebar div.menus p.heading a {
font-weight: bold;
padding-right: 12px;
background: transparent url("http://www.ortdestreffens.de/images/ui/youarehere.gif") no-repeat right center;
}

div.menus ul {
margin: 0; 
padding: 0; 
background: transparent;
border-left: 0px solid gray;
border-right: 0px solid gray;
}

/*.menus li {
font-size: .9em; 
line-height: 1.1em;
list-style: none; 
margin: 0;
padding: 4px 4px;
background: transparent;
border-bottom: 1px solid #B9BFDD;
}*/

li:hover {
background: transparent;
text-decoration: none;
cursor:auto;
}

li a:hover  /* Insert for IE's sake */ {
text-decoration: none;
}

div.menus li a {
display: block; 
text-decoration: none;
border: 0;
}

#sidebar div.menus li a {
display: block; 
text-decoration: none;
border: 0;
}

/*.menus>ul a {
width: auto;
}*/

/* light up where we are */

/*body.home li.home, body.about li.about, body.news li.news {
background: #F7F6F8 url("http://www.ortdestreffens.de/images/ui/youarehere.gif") no-repeat 1px center;
padding-left: 16px;
}*/

/*tabs stuff*/

div#tabs   {
text-align: center;
clear: both;
/* float: left; */
display: block;
/* width: 780px; */
/*height: 35px;*/
/*padding: 18px 0 0 19px;*/
background: transparent;
font-size:.74em;
/* line-height:20px; */
border-top: 2px solid #ffe033;
border-bottom: 2px solid #ffe033;
width: auto;
height: 35px;
/* margin: 0 auto; */
}
  
div#tabs ul {
/*float: left;*/
/*display: inline;*/
background: transparent;
/*max-width: 900px;
min-width: 745px;*/
margin: 0 0;
padding: 0px;
list-style:none;
/* border-left: 1px solid silver; */
/* border-right:1px solid silver;*/
 line-height: 34px; 
/*border-bottom: 1px solid #8E9CB2;*/
  }
  
#tabs li {
  display:inline;
  margin: 0;
  padding: 0;
  height: 20px;
/* border-right: 1px solid #ffe033; */
text-transform: uppercase;
}

#tabs li:last-child {
border-right: 0px solid #ffe033;	
}

/*in case of IE that don't like last*/

#tabs li.last {
border-right: 0px solid #ffe033;	
}
  
#tabs a {
/*width: 12%;*/
/*display: block;*/
/*float: left;*/
/*line-height: 26px;*/
margin: 5px 0px 5px 0px;
padding: 4px 6px 4px 6px;
text-align: center;
color: #ffe033;
background: transparent;
text-decoration:none;
/* border: 1px solid #AAA495; */
/*
border-bottom: 0px solid #D0D2EA;
border-right: 0px solid #ffe033;
*/
}

body.home #tabs a {
border: 1px solid #707376;
}
  

/* light up where we are */

body.home #tabs li#home a, body.projekt #tabs li#projekt a, body.beteiligung #tabs li#beteiligung a, body.kontakt #tabs li#kontakt a, body.projektteam #tabs li#projektteam a, body.kommentare #tabs li#kommentare a, body.events #tabs li#events a, body.klangfeld #tabs li#klangfeld a, body.sponsoren #tabs li#sponsoren a {
color: white;
background: #ffe033;
/* border-bottom: 0px solid #ffe033; */
color: gray;
}

#tabs a:hover, body.home #tabs a:hover {
background: transparent;
background-image: none;
color: white;
border: 1px solid #ffe033;
}

/* something to hide */

.hidethis {
display: none;
}


#content .picture-left {
padding: 4px;
margin: 4px 5px 3px 0;
float: left;
border: 1px solid silver;
}

#content .picture-left p {
font-size: .6em;
padding: 2px 0;
margin: 0;
}

#content .picture-right {
padding: 4px;
margin: 4px 0 3px 5px;
float: right;
border: 1px solid silver;
}

#content .picture-right p {
font-size: .6em;
padding: 2px 0;
margin: 0;
}

/* picture blocks was class / right and left -- change in markup to */
/* all small pictures should float right */

img {
border: 0;
margin: 0;
}


img a, img a:link {
border: 0;
}

.rightpic, .leftpic {
	border: 1px solid silver;
	padding: 0;	
	background: white;
	font-size: .9em;
	}
	
	.centerpic {
	border: 1px solid silver;
	padding: 0;	
	background: transparent;
	font-size: .9em;
	margin: 3px auto;
	float:none;
	}
	
/* 	images NOT in a block look like this */
	
	#content img {
	border: 1px solid silver;
	padding: 3px;	
	background: transparent;
	margin: 8px 0px;
/*
	max-width: 100%;
	max-height: 100%;
*/
	float:none;
	}
	
/* 	---- */
	
	#content p .rightpic {
	float: right;
	margin: 6px 0 1px 6px;
	clear: right;
	/* width: 180px; */
	}
	
	#content p .leftpic {
	float: left;
	margin: 6px 6px 1px 0;
	clear: left;
	}
	
	#content .rightpic img, #content .leftpic img, #content .centerpic img {
	margin: 4px auto;
	display: block;
	border: 0px solid #f2f2f2;
	}
	
	#content .rightpic p, #content .leftpic p {
	font-size: .8em;
	line-height: 1em;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 1px;
	line-height: 1.2em;
	margin-bottom: 3px;
	}
	
	img.rightpic, img.leftpic {
	padding: 4px
	}

/* form and input stuff */

form {
border: 0;
margin: 0;
}

fieldset {
border: 1px solid gray;
margin: 3px 0 ; 
padding: 0 6px;
line-height: 2em;
width: auto;
}

.feature fieldset {
border: 0px solid #ddd;
margin: 0 ; 
padding: 0;
}

.quickselector {
background: #fafbff;
border: 1px solid #ddd;
margin: 4px 0 8px 0; 
padding: 8px;
line-height: 0em;
width: auto;
clear:none;
}

legend {
background: transparent;
font-size: .7em;
margin: 1px;
padding: 0.5em;
font-weight: bold;
}

label {
font-weight: normal;
}

input {
background: #EFEEEE;
border: 1px solid #ccc;
color: #555;
/*font-family: Arial, Helvetica, sans-serif;*/
font-size: 1.1em;
line-height: 1.4em;
vertical-align: middle;
padding: 2px 1px;
visibility: visible;
width: 76%;
}

.login label, .enquiry label {
position: absolute;
text-align:right;
font-weight: normal;
}

.login input {
margin-left: 75px;
width: 20em;
}

.enquiry input {
margin-left: 140px;
width: 25em;
}

.enquiry select {
margin-left: 140px;
/* width: 25em; */
}



input.button {
width: auto;
color: white; 
font-size: 1.0em;
line-height: 1.8em;
font-weight: bold;
margin-right: 6px;
padding: 3px;
border: 1px solid silver;
background: gray;
cursor: pointer;
}

input.radio {
width: auto;
}

input.checkbox {
margin-right: 6px;
width: auto;
border: none;
background: transparent;
}


textarea {
background: #EFEEEE;
margin: 0px 8px 3px 0px;
padding: 0px;
border: 1px solid #ccc;
color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
width: 95%;
text-align: left;
}


textarea:focus, input:focus {
background: #F0F0F9;
border: 1px solid #55517B;
}


select, .select {
background-color: #EFEEEE;
border: 1px solid #ccc;
color: #000;
vertical-align: top;
width: auto;
font-size: .9em;
}

div#searchbox {
font-size: .8em;
float: right;
width: 218px;
padding: 5px 0px;
margin: 0px 0px 4px 0px;
/* border: 1px solid red; */
text-align: right;
}

div#searchbox p {
color: gray;
font-size: .8em;
padding: 1px 6px;
}

/*div#searchbox a {
color: gray;
font-size: .9em;
padding: 1px 0;
text-decoration: none;
}*/

div#searchbox .input {
background: white;
border: 1px solid silver;
color: #555;
vertical-align: middle;
visibility: visible;
margin: 0 4px 0 4px;
padding: 2px 0 0 3px;
width: 74%;
font-size: 1.0em;
}

div#searchbox input:focus, div#searchbox fieldset textarea:focus, div#searchbox fieldset .input:focus {
background-color: white;
border: 1px solid #55517B;
color: black;
}

#searchbox .button {
color: white;
width: auto;
vertical-align: middle;
/*margin: 3px;*/
border: 1px solid #f78f1e;
background: #f78f1e;
padding: 0 2px;
font-size: .9em;
line-height: 1.3em;
font-weight: bold;
}

div#searchbox fieldset {
border: none;
margin: 0px 0px 0px 0px;
padding: 0;
}


#searchbox label {
color: #fff;
font-size: 1em;
font-weight: bolder;
line-height: 1em;
text-transform: uppercase;
margin-right: 5px;
vertical-align: middle;
}

#searchbox p {
margin-left: 4px;
}

#mailinglist {
margin-top:36px;
}

#mailinglist h3 {
margin-right: 58px;
font-size: .9em;
}

a.stronglink {
background: #F3F9F8;
padding: 2px 6px;
border: none;
font-size: .9em;
}

#content div.editbox img {
float: left;
border: none;
}

#content div.members_only {
font-size: .8em;
border: 1px dotted silver;
background: #F7FAFC;
margin: 6px 6px 6px 0px;
padding: 4px;
}

/*bullets in the content*/

/* 	list items in content area will be in Verdana */

#content li {
/*font-size: 1.1em;*/
line-height: 1.4em;
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
background-color: transparent;
margin: 0 4px 4px 4px;
padding-right: 8px;
}

#content li ul {
list-style-type: square;
/*font-size: .85em;*/
line-height: 1.3em;
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
background-color: transparent;
margin-left: 3px;
padding: 3px 0;
}

#content ul {
font-size: .9em;
list-style-type: disc;
margin-top: 0px;
padding: 2px 6px;
}

#content ol {
font-size: .9em;
margin-top: 0px;
padding: 2px 6px;
}

#content li {
margin-left: 2em;
}

/*names in the sidebar will be left aligned*/

#sidebar ul {
font-size: .9em;
list-style-type: none;
margin: 0px;
padding: 2px 6px 2px 0px;
}


/*#sidebar ul li {
margin-left: 1em;
}*/

div.feature {
font-size: .7em;
/*border: 1px solid #D4DFED;*/
background: #c6c9ad;
padding: 4px 4px 12px 4px;
margin: 6px 0;
}

.entry {
border-bottom: 1px solid #EEF6F5;
padding: 4px 0;
margin-bottom: 4px;
}

.entryalt1 {
background:transparent;
margin-bottom: 0px;
padding: 2px 7px 9px 0;
border-bottom: 1px solid #b9b89a;
}

.entryalt2 {
background:transparent;
margin-bottom: 0px;
padding: 2px 7px 9px 0;
border-bottom: 1px solid #b9b89a;
}

/* 	search hilite */

.marker { 
background-color: #d2fcf5;
font-weight: bold;
}


/* 	contents list */

ul#contentsbox {
border: 1px solid #d6ddff;
float: right;
width: 170px;
background: #eff2ff;
font-size: .7em;
line-height: 1em;
margin-left: 4px;
}


ul#contentsbox li {
list-style: none; 
margin: 2px;
padding: 4px 4px;
background: transparent;
}


ul#contentsbox li:hover {
background: #FCFCFE;
text-decoration: none;
cursor:auto;
}

ul#contentsbox li.heading {
font-weight:bold;
border-bottom: 1px solid #d3daff;
}

ul#contentsbox li.heading:hover {
font-weight:bold;
background: transparent;
}


ul#contentsbox li a:hover  /* Insert for IE's sake */ {
text-decoration: none;
}

ul#contentsbox li a {
display: block; 
text-decoration: none;
border: 0;
}

/* 	Google Map */

#map {
border: 1px solid silver;
width: 520px;
height: 380px;
margin: 8px 0 20px 0;
}

.mapinfo {
font-size: .8em;
}

.searchselector {
padding: 6px;
margin: 4px 0;
border: 1px solid #ddd;
}

.searchselector .select {
font-size: .7em;
width: 50%;
}

.quickselect {
margin: 2px 2px 2px 0;
font-size: .8em;
}

#content table {
border-top: 1px solid silver;
border-right: 1px solid silver;
border-collapse: collapse;
font-size: .9em;
margin: 6px 0 10px 0;
}

td {
vertical-align: top;
padding: 4px;
border-bottom: 1px solid silver;
border-left: 1px solid silver;
}

th {
border-bottom: 1px solid silver;
border-left: 1px solid silver;
background: #A4B3C9;
color: white;
font-size: 1.1em;
padding: 2px 4px;
}


	/* to display the message as it was entered */
	
pre {
	background-color: white;
	color: #173558;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height:1.4em;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0em;
	padding: 3px;
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
border: 1px solid silver;
}

/* lightbox stuff */


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#content #lightbox a img {
border-bottom: 0;
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer {
	padding: 10px;
	}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

img a {
border-bottom: 0px solid white;
}

#loading img {
margin: 0 auto;
}


#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.ortdestreffens.de/images/ui/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.ortdestreffens.de/images/ui/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.ortdestreffens.de/images/ui/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}
	
	
	
/*for the home page we want a block that moves out of the way of the temple picture*/

#homepageinfo {
	padding-top: 285px;
}

/*br {
	padding:0;
	margin:0;
}*/

#logofooter {
/* border: 1px solid gray; */
width: 100%;
float: left;
background: transparent;
padding: 5px;
text-align: center;
}

#logofooter img {
border: 1px solid silver;
display: inline;
margin: 4px 7px 0 0;
}

/* please don't display dotted line under image link */

#marque img {
display: inline;
border-bottom: 0px solid red;
text-decoration: none;
outline: none;
margin-bottom: 5px;
float: right;
}

a {
   outline: none;
}


/* tab menus */
/* based on Suckerfish */

#menublock {
border-top: 2px solid #ffe033;
border-bottom: 2px solid #ffe033;
float: left;
width: 100%;
/* padding: 12px 0; */
height: 44px;
}

ul#tabmenus {
/* float: left; */
/*display: inline;*/
background: transparent;
/*max-width: 900px;
min-width: 745px;*/
/* width: 760px; */
margin: 0 auto;
padding: 10px 0px;
/* padding-left: 24px; */
list-style:none;
/* line-height: 36px;  */
/*
border-top: 2px solid #ffe033;
border-bottom: 2px solid #ffe033;
*/
height: 30px;
}

ul#tabmenus li {
  margin: 0 5px;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  text-transform: uppercase;
  height: 24px;
}

ul#tabmenus ul {
  margin: 0;
/*   border: 0 none; */
  padding: 0;
  width: 240px;
  list-style: none;
  display: none;
  position: absolute;
  top: 23px;
  left: -4px;
}

ul#tabmenus ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#tabmenus ul li {
  width: 100%;
  margin: 0 4px;
  padding: 0;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height: 20px;
}

/* light up where we are */

body.home #tabmenus li#home a, body.projekt #tabmenus li#projekt a, body.beteiligung #tabmenus li#beteiligung a, body.kontakt #tabmenus li#kontakt a, body.projektteam #tabmenus li#projektteam a, body.kommentare #tabmenus li#kommentare a, body.events #tabmenus li#events a, body.klangfeld #tabmenus li#klangfeld a, body.sponsoren #tabmenus li#sponsoren a {
color: white;
background: #ffe033;
/* border-bottom: 0px solid #ffe033; */
color: gray;
}



/* Root Menu */
ul#tabmenus a {
border: 1px solid #AAA495;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: transparent;
color: #ffe033;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#tabmenus a:hover,
ul#tabmenus li:hover a,
ul#tabmenus li.iehover a {
  background: #CCC;
  color: black;
}

/* 2nd Menu */
ul#tabmenus li:hover li a,
ul#tabmenus li.iehover li a {
  float: none;
  background: #EEE !important;
  color: #666 !important;
  line-height: 1.9em;
}

/* 2nd Menu Hover Persistence */
ul#tabmenus li:hover li a:hover,
ul#tabmenus li:hover li:hover a,
ul#tabmenus li.iehover li a:hover,
ul#tabmenus li.iehover li.iehover a {
  background: #CCC !important;
  color: #FFF !important;
}



/* Do Not Move - Must Come Before display:block for Gecko */
/*
ul#tabmenus li:hover ul ul,
ul#tabmenus li:hover ul ul ul,
ul#tabmenus li.iehover ul ul,
ul#tabmenus li.iehover ul ul ul {
  display: none;
}
*/

ul#tabmenus li:hover ul,
ul#tabmenus ul li:hover ul,
ul#tabmenus ul ul li:hover ul,
ul#tabmenus li.iehover ul,
ul#tabmenus ul li.iehover ul,
ul#tabmenus ul ul li.iehover ul {
  display: block;
}