/* Start with some global parameters */
html{ font-size: 11px; }
body{ margin: 0em; padding: 0em; background-color: white; font: 11px arial, sans-serif; }
td { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; }
a{ text-decoration: none; color: #666666; font-weight: bold; }
a:hover, a:focus{ text-decoration: none; color: #000000; font-weight: bold; }
abbr:hover{ cursor: help; }
h1{ margin-bottom: 10px; font-size: 14px; line-height: 1.5em; font-weight: bold; color: #000000; }
h2{ margin-bottom: 10px; font-size: 12px; line-height: 1.2em; font-weight: bold; color: #000000; }
h3{ margin-bottom: 10px; font-size: 11px; font-weight: bold; }
hr { height: 1px; color: #ffffff; background-color: #ffffff; border: 1px none;}
img{ border: 0em; }

ul{ margin: 0em 0em 0em 1em; padding: 1em; }
ul.links{ list-style-image: url("../img/li_link.gif"); }
ul.links li{ padding: 0em 0em 0em 0.7em; vertical-align: middle; }
ul.unformattedList{ margin:0; padding:0; list-style-type:none; }
ul.unformattedList li{ clear:both; }

/* The first part describes the layout of the whole Page */
.mainContent{ float: left; width: 600px; height: 460px; }


#location{ float: left; padding: 0.3em 0em 0em 0.5em; width: 28em; height: 1.7em; }
#searchForm{ float: right; text-align: right; padding: 0.2em 1em 0em 0em; width: 15em; }

#content{ clear: both; padding-top: 20px; padding-left: 20px; padding-right: 20px; width: 580px; height: 440px; line-height: 15px;  overflow: auto; }
.contentBox, .contentBoxBorder{ clear: both; display: block; margin: 0px 0px 0px 0px ! important; padding: 0px 0px 0px 0px  ! important; color: #000000; }
.contentHalf{  /* allows 2 divs  */ float: left; width: 250px; }
.contentBoxBorder{  /* contentBox border at bottom */ margin: 0px 0px 0px 0px  ! important; padding: 0px 0px 0px 0px  ! important; border-bottom: 0.1em solid #ffffff; }
.newLine{ display: block; clear: both ! important; }
.imageRight { float: right; margin-left: 10px; margin-bottom: 10px; }
.imageLeft{ float: left; margin-right: 10px; margin-bottom: 10px; }
.contentRight{ padding-left: 10px; float: right; }
.contentLeft{ padding-right: 10px; float: left; }
.contentCenter{ padding-left: 10px; padding-right: 10px; text-align: center; }

/* following styles are used in listviews */
a.linkButton{ display: block; font-size: 11px; text-decoration: none; color: #666666; margin-top: 5px; margin-bottom: 5px;  width: 8em; text-align: center; border: 0.1em solid white; }
a.linkButton:hover, a.linkButton:focus{ color: #000000; }
a.ButtonMehr{ display: block; font-size: 11px; text-decoration: none; color: #666666; margin-top: 5px; margin-bottom: 5px; background-color: #edcdb6; width: 8em; text-align: center; border: 0.1em solid white; }
a.ButtonMehr:hover, a.ButtonMehr:focus{ color: #000000; }
a.ButtonOrange{ display: block; font-size: 11px; text-decoration: none; color: #666666; margin-top: 5px; margin-bottom: 5px; background-color: #edcdb6; width: 8em; text-align: center; border: 0.1em solid white; }
a.ButtonOrange:hover, a.ButtonMehr:focus{ color: #000000; }
img.thumbnail_120_90{ margin: 1em; border: 1px solid black; }

/* Here starts the part with the forms */
form{ margin: 0; padding: 0; }
fieldset{ margin: 0; padding: 0; border: 0; }
/* search form */
.searchForm{ font-size: 0.8em; margin: 0; padding-top: 0.2em; }
.searchForm#text{ width: 9em; }
.searchForm#submitbutton{ margin: auto; padding: 0.1em 0.1em 0em 0.1em; }
/*  contact form  */
.contactInput, .contactTextarea{ font-size: 1em; padding: 0; margin: 0; width: 18em; }
.contactSelect{ font-size: 1em; padding: 0; margin: 0; width: 9em; }
.contactTextarea{ height: 7em; }
.formError{ color: red; border-color: red; }
input, textarea{ font-family: arial, sans-serif; border: 0.1em solid #666666; margin: 0; padding: 0; }

/* Following part deals with the navigation in div with id "navContainer" */
#navigation{ float: left; width: 150px; margin: 0em; padding: 0em; }
#TitelContainer{ clear: both; color: black; background-color: #FFFFFF; }
.SubnaviTitel{ color: black; font-size: 11px; text-decoration: none; font-weight: bold; background-color: #FFFFFF; display: block; }  
.navigationBorder{ width: 150px; text-align: center; }
.navigationBorder#naviHead{ height: 20px; }
.navigationBorder#naviFoot{ height: 20px; }

#navContainer{ clear: both; width: 150px; }
/* navigation level 1 */
#navContainer ul{ margin: 0em; padding: 0em; list-style: none; }
#navContainer ul li{ background-image: url(../img/sonne_menu_leer.gif); }
#navContainer ul li#li_nav1_open{ color: #ffffff; background-image: }
#navContainer ul li a{ display: block; height: 20px; padding-left: 18px; line-height: 20px; color: #FFFFFF; text-decoration: none; font-weight: bold; }
#navContainer ul li a:hover, #navContainer ul li a:focus, #navContainer ul li a#a_nav1_open{ color: #ffffff; background-image: url(../img/sonne_menu_kl.gif);  }
/* Design for submenu 
#navContainer li li{ line-height: 18px; }
#navContainer ul ul a{ display: block; height: 18px; padding: 0px; padding-left: 25px; padding-top: 0px; padding-bottom: 0px; color: #000; font-size: 11px; text-decoration: none; font-weight: bold; }
#navContainer ul ul a:hover, #navContainer ul ul a:focus, #navContainer ul ul a#a_nav2_open{ color: #FFFFFF; url(../img/LinkLevel_02.gif); } */

#navContainer li li{ line-height: 20px; }

#navContainer ul ul a{
  display: block;
  background-repeat: no-repeat;
  height: 15px;
  padding: 0em;
  padding-left: 30px;
  padding-top: 0px;
  padding-bottom: 5px;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  background-image: none;
}

#navContainer ul ul a:hover, #navContainer ul ul a:focus, #navContainer ul ul a#a_nav2_open{
  color: #00000;
  background-image: url("../img/LinkLevel_02.gif");
}

/* stuff for voting */
table.voting { width: 41em; margin: 0em; padding: 0em 1em 0em 0em; }
table.voting td, table.voting th, table.voting tr { text-align: left; margin: 0em; padding: 0em 0em 0.4em 0em; }
table.voting td.answer { width: 10em; }
table.voting td.result { width: 31em; } 
table.voting div.votingBar { height: 1.3em; background: #AACCFF; }
table.voting div.resultPercent { position: absolute; }
input.votingAnswer { margin: 0.5em 1em 0em 0em; border: 0; }

/* Breadcrumb */
a.locationCat{ color: #000000; }
.error{ color: red; }
.debug{  border: 0.1em red solid; }
.editmode{ font-family: arial, sans-serif; font-size: 11px; color: red; margin: 0.2em; }