/* ============================
 *  KLIMAAKTIONSTAG Base Styles
 * ============================ */
 
/* ----------------------------
 *  Colours
 *  body-bg: #ffffff;
 *  header-bg: #fed500
 *  headerbar-bg: #005071
 *  colleft-bg: #fff3c3;
 *  content-bg: #fff9e1;
 *
 */



/* === Layout ============================================================== */

html {
  height: 100%;
}

body {
  font: 1em/1.4 Arial, Helvetica, sans-serif;
  background: url('/images/background_main.gif');
  height: 101%;
}

/* --- Header -------------------------------------------------------------- */
#header {
  background-color: #fed500;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

#header img {
  margin-left: 1em; /* 16px */
}

#header_inner {
  background: #fed500 url('/images/logo_kat_bg.png') no-repeat right top;
  height: 93px;
  margin: 0 auto;
  width: 50em;  /* 800px */
}

#header_inner a:hover img,
#header_inner a:focus img,
#header_inner a:active img {
  border-left: #005071 1em solid;
  margin-left: 0em;
}

#headerbar {
  position: relative;
  top: 4px;
  background-color: #005071;
  text-transform: uppercase;
  width: 100%;
}

#headerbar img,
#headerbar span.date {
  float: left;
  font-size: 1.05em;
  line-height: 1.15em;
  margin-left: 1em; /* 16px */
  padding-top: 0.1em;
  padding-left: 0.3em;
}

#headerbar_inner {
  background-color: #005071;
  color: #fed500;
  height: 1.31em; /* 21px */
  margin: 0 auto;
  width: 50em;  /* 800px */
}

#headershadow {
  height: 4px;
  width: 100%;
  background: transparent url('/images/border_header.png') repeat-x left bottom;
  position: relative;
  top: 4px;
}

#servicenav {
  float: right;
  padding: 0.5em 0.6em 0 0;
}

#servicenav li {
  float: left;
  font-size: 0.65em; 
  line-height: 1.1;
}

#servicenav li a,
#servicenav li span.current {
  color: #fed500;
  padding: 0 0.5em;
  text-decoration: none;
}

#servicenav li span.current {
  color: #fed500;
  text-decoration: underline;
}

#servicenav li a:hover,
#servicenav li a:focus,
#servicenav li a:active {
  color: #fed500;
  text-decoration: underline;
}

#servicenav #fontsize-widget {
  font-family: georgia, verdana, sans-serif; 
  padding: 0em 1em;
}

#servicenav #fontsize-widget li {
  display: inline;
  font-size: 1em;
  line-height: 1em;
}

#servicenav #fontsize-widget li a {
  color: #fed500;
  padding: 0 0.2em;
  text-decoration: none;
}

#servicenav #fontsize-widget .fontsize-default a {
  font-size: 0.7em; 
}

#servicenav #fontsize-widget .fontsize-large a {
  font-size: 1.0em; 
}

#servicenav #fontsize-widget .fontsize-xl a {
  font-size: 1.25em; 
}

#servicenav #fontsize-widget li a.disabled, 
#servicenav #fontsize-widget li a:hover, 
#servicenav #fontsize-widget li a:focus, 
#servicenav #fontsize-widget li a:active {
  background-color: #fed500;
  color: #005071;
}


/* --- Main ------------------------------------------------------------ */
#main {
  margin: 0 auto;
  background: #fff9e1 url('/images/border_colleft_left.gif') repeat-y left top;
  overflow: hidden;
  min-height: 100%;
  width: 51em;  /* 800px */
}

#main_inner {
  padding-left: 7px;
  height: 100%;
}

/* --- ColLeft ------------------------------------------------------------ */

#colleft {
  background: #fff3c3 url('/images/border_colleft_right.gif') repeat-y right top;
  float: left;
  overflow: hidden;
  /*margin-right: 37em;*/
  width: 11.64em;
  margin-bottom: -1999.5em;
  padding: 144px 0.75em 2000em 0.38em;
}

#mainnav {
  border-top: 1px dotted black;
  font-size: 0.7em;
  text-transform: uppercase;  
}

#mainnav li {
  border-bottom: 1px dotted black;
  padding: 0.3em 0 0.6em 0;
  margin: 0 0.5em;
}

#mainnav li a,
#mainnav li span {
  color: black;
  display: block;
  font-weight: bold;
  text-decoration: none;
}

#mainnav li a:hover,
#mainnav li a:focus,
#mainnav li a:active,
#mainnav li.current span {
  color: black;
  font-weight: bold;
  text-decoration: underline;
}

#mainnav li li {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

#mainnav li li a,
#mainnav li li span {
  background: url('/images/more_blueonbeige.gif') no-repeat 0.1em 50%;
  color: #005071;
  font-weight: normal;
  margin: 0 0.5em;
  padding: 0.2em 0 0.2em 1em;
}

#mainnav li li a:hover,
#mainnav li li a:focus,
#mainnav li li a:active {
  background: url('/images/more_blackonbeige.gif') no-repeat 0.1em 50%;
  color: #000;
  font-weight: normal;
  padding-left: 1em;
  text-decoration: underline;
}

#mainnav li.trail li.current,
#mainnav li.trail li.trail {
  background-color: #005071;
}

#mainnav li.trail li.current span,
#mainnav li.trail li.trail a {
  background-image: url('/images/more_whiteonblue.gif');
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#mainnav li.trail li.currentItem span {
  background: url('/images/more_blackonbeige.gif') no-repeat 0.1em 50%;
  color: #000;
}

#mainnav li.trail li.current a:hover, 
#mainnav li.trail li.current a:focus, 
#mainnav li.trail li.current a:active,
#mainnav li.trail li.trail a:hover, 
#mainnav li.trail li.trail a:focus, 
#mainnav li.trail li.trail a:active {
  background-image: url('/images/more_yellowonblue.gif');
  color: #fed500;
  text-decoration: none;
} 

#mainnav li.trail li.current ul,
#mainnav li.trail li.trail ul {
  background-color: #fed500;
}

#mainnav li.trail li.current li a, 
#mainnav li.trail li.current li span,
#mainnav li.trail li.trail li a, 
#mainnav li.trail li.trail li span {
  background-image: none;
  border-bottom: 1px dotted #005071;
  color: #000;
  font-weight: normal;
}

#mainnav li.trail li.current li a:hover, 
#mainnav li.trail li.current li a:focus, 
#mainnav li.trail li.current li a:active,
#mainnav li.trail li.trail li a:hover, 
#mainnav li.trail li.trail li a:focus, 
#mainnav li.trail li.trail li a:active {
  background-image: url('/images/more_blueonyellow.gif');
  color: #005071;
} 

#mainnav li.trail li.current li.current, 
#mainnav li.trail li.trail li.current {
  background-color: #fed500;
}

#mainnav li.trail li.current li.current a, 
#mainnav li.trail li.current li.current span,
#mainnav li.trail li.trail li.current a, 
#mainnav li.trail li.trail li.current span {
  background-color: #fed500;
  background-image: url('/images/more_blueonyellow.gif');
  color: #005071;
  font-weight: bold;
}
  
#bezirksnav {
  color: #005071;
  font-size: 0.7em;
  font-weight: bold;
  margin: 0 auto;
  padding-top: 4em;
  width: 170px;
}

/* --- Content ------------------------------------------------------------- */

#content {
  background: url('/images/border_content_right.gif') repeat-y  99% 50%;
  font-size: 0.85em;
  margin-left: 15.5em;
  margin-bottom: -998.5em;
  padding-bottom: 1000em;
  padding: 0 2em 1000em 0.6em;
}

/* --- Actiondetails ------------------------------------------------------- */

#content .actiondetails {
  background: #FFF3C3; 
  border: 1px dotted #005071; 
  float: right; 
  font-size: 0.85em; 
  margin-left: 0.8em; 
  margin-bottom: 1em;
  padding: 0.8em; 
  width: 18em; 
}

#content .actiondetails ol,
#content .actiondetails ul {
  margin-left: 0em;
}

#content .actiondetails .actionMap {
  display: block; 
}


/* === Standard Elements =================================================== */


/* --- Headings ------------------------------------------------------------ */

#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  color: #005071;
}

#content h1 {
  color: #005071;
  font-size: 1.5em;
  padding-top: 160px;
  margin-bottom: 1em;
  text-transform: uppercase;
}

#content h1.home {
  background: url('/images/bild_startseite_2011.jpg') no-repeat scroll 0px 145px; 
  padding-top: 520px; 
  /* padding-top: 145px; */
}

#content h2 {
  font-size: 1.3em;
  font-weight: normal;
  margin-bottom: 0.5em;
}

#content h3 {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
#content .actions h3 {
  font-size: 1.0em;
  margin-bottom: 0em;
}

#content h4 {
  font-size: 1em;
  margin-bottom: 0.3em;
}

/* --- Lists --------------------------------------------------------------- */

#content ul, 
#content ol {
  margin: 0 0 1em 1.5em;
}

#content dl {
  margin: 0 0 1em 0;
}

#content ul li {
  background: url('/images/more_blackonbeige.gif') no-repeat 0.2em 0.4em;
  list-style: none;
  padding-left: 1em;
}

#content ol li {
  list-style-type: decimal;
}

#content dl dt {
  font-weight: bold;
  margin-top: 0.5em;
}

#content ul li,
#content ol li,
#content dl dd {
  margin-bottom: 0.1em;
}

#content dl dd {
  margin-left: 1em;
}

#content dl.formcheck {
  margin-bottom: 2em;
}

#content dl.formcheck dt {
  float: left;
  text-align: right;
  width: 10em;
}

#content dl.formcheck dd {
  padding-top: 0.5em;
  margin-left: 10.5em;
}



/* --- Images -------------------------------------------------------------- */

#content img.bildLinks {
  float: left;
  margin: 0 0.5em 0.5em 0;
}

#content img.bildRechts {
  float: right;
  margin: 0 0 0.5em 0.5em;
}

/* --- Tables -------------------------------------------------------------- */

#content table {
  font-size: 0.85em;
  margin: 1em 0;
  width: 100%;
}

#content table caption {
  background-color: #fff;
  margin: 1em 0 -1em 0;
}

#content table th {
  background-color: #ffeb7f;
  font-weight: bold;
  padding: 0.2em 0.4em;
  text-align: left;
}

#content table th.rowheader {
  background-color: #fff;
  
}

#content table td {
  padding: 0.2em 0.4em;
}

#content table tr.even {
  background-color: #fff;
}

/* --- Other standard tags ------------------------------------------------- */

#content p {
  margin: 0.5em 0 0.8em 0;
}
#content .actions p {
  margin-top: 0em;
}

#content a:link,
#content a:visited {
  color: #005071;
}
#content a:hover,
#content a:focus,
#content a:active {
  color: #000;
}

#content sub,
#content sup {
  font-size: 0.7em;
}

#content sup {
  vertical-align: top;
}

#content .video {
  padding: 1em 0 1.5em 0;
}

/* --- Special Links ------------------------------------------------------- */

#content a.pdf:link,
#content a.pdf:visited {
  display: block;
  padding-left: 25px;
  background: url('/images/pdf.gif') no-repeat 0 2px;
}

#content a.word:link,
#content a.word:visited {
  display: block;
  padding-left: 25px;
  background: url('/images/word.gif') no-repeat 15px 3px;
}

#content a.pdf:hover,
#content a.word:hover {
  text-decoration: none;
}



/* === Forms =============================================================== */


#content fieldset {
  padding-left: 0px;
  padding-right: 0px;
}

#content fieldset legend {
  background-color: #fff9e1;
  font-weight: bold;
  padding: 1em 0.5em 0.3em 0;
}

#content fieldset fieldset {
  background: transparent;
}

#content fieldset fieldset legend {
  background: transparent;
  font-weight: bold;
  margin-left: 0;
  padding-left: 9em;
}

#content textarea {
  font-size: 1.0em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content div.eingabe input,
#content div.eingabe select,
#content div.eingabe textarea,
#content div.option label {
  display: block;
}

#content div.eingabe input,
#content div.eingabe select {
  border: 1px solid #005071;
  background-color: #FFF3C3;
  width: 22em;
}

#content div.eingabe textarea {
  border: 1px solid #005071;
  background-color: #FFF3C3;
  width: 24em;
}

#content div.eingabe {
  padding-left: 9em;
  margin: 0.8em 0;
  position: relative;
}

#content div.option {
  padding-left: 9em;
  padding-bottom: 0.5em;
  position: relative;
}

#content div.eingabe label {
  left: 0;
  padding-right: 1em;
  position: absolute;
  text-align: right;
  vertical-align: middle;
  width: 8em;
}

#content div.option label {
  text-align: left;
  padding-top: 0;
  width: 30em;
}

#content div.eingabe input {
  padding: 1px;
}

#content div.option input {
  padding: 0;
  position: absolute;
  left: 7em;
  top: 0.2em;
}

#content div.button {
  font-size: 1em;
  margin: 1em 0 2em 0;
  padding-left: 0em;
  position: relative;
}

#content div.button button,
#content div.button input {
  border: 2px outset #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFF3C3;
  cursor: pointer;
  font-weight: bold;
  margin-left: 10.3em;
  padding: 0.3em 0.5em;
}

#content div.button button .hint,
#content div.button input .hint {
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 1em;
}

#content div.eingabe select:hover,
#content div.eingabe select:focus,
#content div.eingabe input:hover,
#content div.eingabe input:focus,
#content div.eingabe textarea:hover,
#content div.eingabe textarea:focus,
#content div.button button:hover,
#content div.button button:focus,
#content div.button input:hover,
#content div.button button:focus {
  background-color: #FFF9E1;
}

#content div.eingabe .hint {
  font-size: 0.9em;
  margin-top: 0;
}

#content .required {
  font-weight: bold;
  font-style: normal;
  color: Red;
}


#content .error {
  color: Red;
  display: block;
  font-size: 0.9em;
  font-weight: bold;
}

/* --- Submission Form ----------------------------------------------------- */
#content form.toSubmissionForm {
  float: left;
}
#content form.doSubmitForm {
  margin: 0em;
}
#content form.toSubmissionForm div.button,
#content form.doSubmitForm div.button {
  display: inline;
}
#content form.doSubmitForm div.button {
  margin: 0em;
  padding-top: 1em;
}
#content form.doSubmitForm div.button input {
  margin-left: 2em;
}

/* --- Question Form ------------------------------------------------------- */

#content form.question {
  background-color: #fff;
  border: 1px solid #005071;
  padding: 0 0.5em;
}

#content form.question div.button {
  margin-bottom: 1em;
}

#content form.question div.button input {
  margin-left: 2em;
}



/* --- Skip Links ---------------------------------------------------------- */

#skiplinks p a {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: auto;
  width: 0;
}

#skiplinks p a:focus, 
#skiplinks p a:hover, 
#skiplinks p a:active {
  color: #005071;
  display: inline;
  height: auto;
  left: 10px;
  overflow: visible;
  position: absolute;
  top: 10px;
  width: auto;
  z-index: 1;
}


/* === Special Functions =================================================== */

.hidden {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: auto;
  width: 0;
}

/* --- clearfix ------------------------------------------------------------ */
 
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display:inline-block;
}

/* for safari */
/* Hide from IE Mac \*/
.clearfix { display: block }
/* End hide from IE Mac */