/*CSS for AHRA started September 2009
based on appearance of old site*/
/*Chris Jennings pagetoscreen*/

* {
outline: none;
}

body {
background: #E2E2E2;
font-size:75%;
font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
line-height: 1.4em;
}

#everything {
border: 1px solid gray;
width: 770px;
margin: 24px auto 0 auto;
background: #90986B;
}

#banner {
height: 125px;
padding-top: 5px;
margin: 0;
background: white;
border-bottom: 4px dotted #FFC702;
}

#banner img {
padding:0;
margin: 0;
display: inline;
}

#wrapper {
background: transparent url('../images/new_wave.jpg') no-repeat top center;
padding: 150px 20px 20px 15px;
color: white;
}


#content {
margin-left: 330px;
}


p {
padding: 0;
margin: 3px 0 10px 0;
}

h1 {
font-size: 1.2em;
}
h2 {
font-size: 1.1em;
color:#FFC702;
}

h2 strong {
font-size: 1.2em;
color:white;
}

h3 {
font-size: 1em;
padding: 4px 0 0 0;
margin: 0;
}

#specialblock h1 {
font-size: 1.5em;
margin:0;
}

ul {
list-style: none;
padding-left: 26px;
/* padding-top: 4px; */
padding-bottom: 6px;
line-height: 1.5em;
margin: 0;
font-size: .95em;
}

#content li, #specialblock li {
/* background: transparent url('images/listitem.gif') no-repeat left center; */
list-style-image: url('images/listitem.gif');
padding: 0;
margin-left:1px;
}
/* add a little >> to the list items*/
/*
#content li:before, #specialblock li:before {
content: "\00BB \0020";
}
*/

#specialblock li {
line-height: 1.8em;
}

/* standard links */

a:link, a   {
color:#FFF9E6;
text-decoration: none;
background-color: transparent;
border-bottom: 1px dotted #BBC2A1;
}

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

a:hover   {
color: white;
text-decoration: none;
background-color: transparent
}

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

/* links in the specialblock and banner image */
#banner a:link, #banner a, #specialblock a:link, #specialblock a   {
border-bottom: 0px dotted #BBC2A1;
}

/* links in the specialblock and banner image */
#banner #breadcrumbs a:link, #banner #breadcrumbs a {
border-bottom: 1px dotted #BBC2A1;
}

img {
border: none;
display: block;
}

#specialblock {
float: left;
width: 300px;
margin: 12px 0px;
font-size: .9em;
}

.picture {
padding-bottom: 12px;
}

#footer {
	border-top: 1px solid gray;
	background: #D3D3D3;
	clear: both;
	padding: 4px;
height: 25px;
}

#footer p {
font-size:.8em;
}

/* links in the footer */
#footer a, #footer a:link {
color: #63843A !important;
}

/*each menu item is in a different color!*/

#home, ul#tabmenus li#home ul li {
background: #90986B;
}

#about,ul#tabmenus li#about ul li {
background: #345460;
}

#events,ul#tabmenus li#events ul li {
background: #63843A;
}
#publications,ul#tabmenus li#publications ul li {
background: #A3A86B;
}
#membership,ul#tabmenus li#membership ul li {
background: #00A1DE;
}

#research,ul#tabmenus li#research ul li {
background: #898482;
}

#contacts,ul#tabmenus li#contacts ul li {
background: #466F85;
}

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

#menublock {
width: 100%;
/*height: 22px;*/
}

ul#tabmenus {
/* float: left; */
/*display: inline;*/
background: #90986B;
/*max-width: 900px;
min-width: 745px;*/
/* width: 760px; */
margin: 0 auto;
padding: 0px;
/* padding-left: 24px; */
list-style:none;
float: left;
/*height: 20px;*/


}

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

ul#tabmenus ul {
  margin: 0;
/*   border: 0 none; */
  padding: 0;
  width: 110px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  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: 22px;
border-top: 1px solid silver;
color:white;
text-transform: none;

}

ul#tabmenus ul li a {
	color:white;
	font-weight: normal;
	border: none !important;
}

/* 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;*/
/*border-bottom: 1px solid gray;*/
  padding: 0px 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: transparent;
color: white;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
font-weight: bold;
/*font-size: .5em;*/
/*line-height: 2.1em;*/
  height: auto !important;
  height: 1%; /*For IE*/
/*border: 1px solid red;*/
border: none;
}

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

/* 2nd Menu */
ul#tabmenus li:hover li a,
ul#tabmenus li.iehover li a {
  float: none;
/*  background: #EEE !important;*/
  color: white !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: #FFAE26 !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;
}

p.editor {
border: 1px dotted silver;
width: 290px;
line-height: 3em;
margin: -15px 0 0 0;
padding: 0 4px;
font-size: .7em;
}

.account {
float: left;
/* text-align: right; */
padding:0;
margin: 0;
width: auto;
/* display:inline; */
}

.lastedit {
float: right;
/* text-align: right; */
padding:0;
margin: 0;
width: auto;
/* display:inline; */
}

.hidden {
	display : none;
}

#breadcrumbs {
margin-left: 8px;
font-size: .8em;
line-height: 1em;
}

#breadcrumbs a, #breadcrumbs a:link {
color: #28566B;
}

#breadcrumbs a:hover {
color: #439FDF;
border-bottom: 1px dotted #439FDF;
}

.entry {
padding-bottom: 8px;
border-bottom: 1px solid #AEC490;
}

.postdetails {
padding-top: 3px;
font-size: .8em;
}

/*extra table styles for AHRA*/

.memberlist {
	font-size:.8em;
	border-collapse: collapse;
	border-top: 1px solid #ABAF7F;
	border-left: 1px solid #ABAF7F;
/* width: 690px; */
line-height: 1.5em;
}

.memberlist td, .memberlist th {
	border-bottom: 1px solid #ABAF7F;
	border-right: 1px solid #ABAF7F;
	padding: 2px 4px;
width: 16%;
}

.memberlist th {
background: #7F7A00;
font-weight: bold;
}

td.rowalt1, td.rowalt1person {
background: #738639;
}

td.rowalt2, td.rowalt2person {
background: #9A9F64;
}

td.pages {
color: black;
background: #BEC2A8;
}

td.pages a {
color: black;
}

.memberlist td p {
padding: 0;
margin: 0;
}

.memberlist td a:link, .memberlist th a:link  {
border-bottom: 1px solid silver;
}
.memberlist td a:visited, .memberlist th a:visited  {
border-bottom: 1px dotted silver;
}
.memberlist td a:hover, .memberlist th a:hover  {
border-bottom: 1px solid white;
text-decoration: none;
}
.memberlist td a:active, .memberlist th a:active  {
border-bottom: 1px solid gray;
text-decoration: none;
}

td.rowalt1person, td.rowalt2person {
width: 20%;
}

#textContent {
padding-top: 8px;
}