/* Allgemein */
h1 { font-size: 1.05em; }
h2 { font-size: 1.05em; }
h3 { font-size: 1.05em; }

.boxmargin {
    margin-bottom: 10px;
}

.inline-p {
    margin-top: 0;
}

.scrollable {
    min-height:190px;
    max-height:250px;
    overflow-y:auto;
    overflow-x:hidden;
    border: 1px solid #aaa;
    padding: 15px;
}

h2.newstitle {
  background-color:#eee;
  position: relative;
  cursor: pointer;
}

h2.newstitle span.ui-icon {
    float:left;
}

h2.newstitle span.newsinfo {
    position:absolute;
    top:.5em;
    right:10px;
    color:#666;
    font-weight:normal;
    font-size:80%;
}

.newscontent div {
    padding: 0 15px;
}

.newscontent div.newsext {
    padding: 0;
    text-align: right;
    margin: 20px -5px 20px 0;
}

.newscontent p {
    text-align: justify;
    font-size:1em;
}

.segtitle {
  color:black;
  padding-top:1px;
  padding-left:5px;
  font-size:110%;
  font-weight:bold;
  width:100%;
  border-bottom: solid #ddd 1px;
  margin-left:-1px;
  margin-bottom: 1px;
}

.active {
  background-color:#ddd;
}

td {
  color: #554;
  text-decoration: none;
}

th {
  background: #F0F0EB;
  color: #654;
  padding-top:3px;
  padding-bottom:3px;
}

th a {
  color: #554;
  text-decoration:none;
}

.upcol {
  vertical-align:top;
}

.datalist {
  width:100%;
  /* font-size:110%;  */
}

.datalist td, .verttab td {
    font-size: 0.9em;
    color: #554;
    padding-left: 6px;
    text-decoration: none;
    line-height: 25px;
}

.datalist td.date {
  padding: 0;
  font-weight:bold;
  text-align: center;
}

.datalist tr.separator td {
  /* color:#FFF;
  background-color:#949490; */
  text-align:center;
  font-weight:bold;
}

.datalist tr.colorrow {
  background-color:#f0f0f0;
}

.datalist tr:hover, .datalist tr.colorrow:hover {
  background-color:#ddd;
}

/* Small Location icons in event lists */

td.locicon {
    padding:0;
    text-align:center;
    width:34px;
}

td.locicon img {
    padding:1px;
    vertical-align:middle;
    height:26px;
    width:32px;
}


.locdata {
 width:50%;
}

.locdata td.plz {
  width:30px;

}

.loclogo {
  margin-top:8px;
  float:right;
  width:35%;
}

.avatar {
  float:right;
  margin-top:1.5em;
  margin-right:2em;
}

.comavatar {
  float:right;
  margin-left: 3px;
  z-index:-5;
  height:50px;
  width:50px;
}

blockquote h4 {
    margin:3px;
}

.gender {
  height:1.5em;
}

input.error {
  border-color:red;
}

label.error:after {
  /* TODO: Change Path when going into Production */
  content:url("http://192.168.1.55/betaeuhg/gfx/exclam.gif");
  margin-left:2px;
}

div.eventinfo {
  background-color:#eee;
  /* max-height:300px; */
  overflow:auto;
}

select {
  padding-right:3px;
}

/* Colors for rows */

.lightgreen {
  background-color:#ddffdd;
}

tr.lightgreen:hover {
  background-color:#eeffee;
}

.green {
  background-color:#bbffbb;
}

tr.green:hover {
  background-color:#ccffcc;
}

.red {
  background-color:#ffbbbb;
}

tr.red:hover {
  background-color:#ffcccc;
}

iframe, applet {
  width:100%;
}

.small {
  font-size:80%;
}

label.mandatory:after { content:" * " }


input[type=text],input[type=password] {
  border:1px solid #cccccc;
  padding:3px;
}

input[type=text]:focus,input[type=text]:hover,input[type=password]:focus,input[type=password]:hover {
  border-color:#888888;
}

p.error {
  color:red;
  padding-bottom:2px;
}

p.error:before {
  /* TODO: Change Path when going into Production */
  content:url("../gfx/exclam.gif");
  margin-right:2px;
}

div.flashmsg {
  padding:1px;
  border: 1px solid #ccc;
}

/* Add-Ons to jQuery UI CSS styling */
a.ui-state-default {
    text-decoration: none;
}

h2.ui-widget-header, h3.ui-widget-header {
    padding:5px;
    margin:0;
    margin-bottom:3px;
    /* Remove jQuery borders */
    border:none !important;
    font-weight:bold !important;
}
.ui-widget {
    /* Stop widgets from increasing in size */
    font-size : 1em !important;
}

.ui-accordion-content {
   overflow:auto;
}

/* Google Maps iFrame */
iframe.map {
    width:800px;
    height:470px;
    border: dotted 1px #666;
}

/* Image Gallery */

div#gallery {
    padding: 15px 0 15px 15px;
}

div#imageview {
    width: 95%;
    text-align:center;
}

div#imageview img {
    max-width:100%;
    max-height:400px;
}

/* Gallery Overview */

div.imagebox {
    float:left;
    margin-bottom: 15px;
    margin-right: 15px;
    text-align: center;
    padding: 5px;
    border: 1px solid #777;
    height: 150px;
}

div.imagebox:hover {
    border-color:#333;
}

div.imagebox a.image {
    display: block;
    text-align: center;
    width: 130px;
    padding: 0;
}

div.imagebox p {
    display:block;
    /* margin-top: 0px; */
    margin-bottom:0px;
    width:130px;
}

div.imagebox img {
    max-width: 120px;
    max-height: 80px;
    border: 0;
}

div.galeventinfo {
    width:58%;
    float:left;
    overflow-y:auto;
    height:250px;
    margin-bottom:50px
}

/* Polls */
ul.poll li {
    padding: 6px;
    margin-bottom:5px;
    margin-right:45px;
    border: 1px solid #888;
    font-size:110%;
}

ul.poll li span {
    display:block;
    background-color:#EEE;
    text-align:right;
}

.actionbox a {
    display:block;
    margin:5px;
}


/* Taken from Dirtylicious */
.path {
    padding-left: 10px;
    color:#444;
    background-color:black;
    border-top:1px solid #111;
    border-bottom:1px solid #555;
    line-height: 18px;
    font-size: 0.9em;
}

.path a {
    color:#666;
    text-decoration: none;
}

.path a:hover {
    color:#999;
    text-decoration: underline;
}

blockquote {
        margin:0 0 15px 0;
	background: url('../gfx/quote.gif') no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

/* Google Custom Search */

.gsc-resultsHeader, .gsc-tabHeader,.gs-watermark,.gsc-cursor-box,.gs-visibleUrl {
    display:none;
}

.gs-title {
    font-size:120%;
    color:white;
    padding:2px;
    background-color:#333;
}

.gs-snippet {
    padding:5px;
}

.gs-webResult {
    border:1px solid;
    margin-top:5px;
}

/* Pagination */
div.pagination
{
    padding: 3px;
    margin: 3px;
}

div.pagination a
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    text-decoration: none; /* no underline */
    color: #000099;
}

div.pagination a:hover, div.pagination a:active
{
    border: 1px solid #000099;
    color: #000;
}

div.pagination span.current
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #993300;
    color: #FFF;
}
div.pagination span.disabled
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
} 

/* More custom classes */

.nextevent {
    padding: 15px;
}

.nextevent h3 {
    margin-top: 0;
}

.nexteventleft {
    float:left;
    width:200px;
}

.nexteventright {
    margin-left:215px;
}

.nexteventleft img {
    max-width: 200px;
}

.pagination {
    text-align:center;
}

.pagination a {
    margin:2px;
    text-decoration: none;
}

.loading {
    position:absolute;
    display:inline-block;
    height:1em;
    width:100%;
    top:0;
    z-index:5000;
    opacity:.8;
    background-color:#FFF;
}