body {
  margin: 0;
  background: #93afc9 url(../img/hg_linie.gif) repeat-x;
}
body * {
  font-family: Arial, Sans;
}
.clear { clear: both; }

sub { font-size: 7pt; }

table.layout { border-collapse: collapse; border-spacing: 0; empty-cells: show; padding: 0; margin: 0; }
table.layout td, table.layout th { padding: 0; margin: 0; border: 0; }

div.dotted {
  border-bottom: 1px dotted #93afc9;
}

div#overDiv {
  position:absolute;
  visibility:hidden;
  z-index:1000;
  padding: 10px; 
}
div#overDiv a {
  text-decoration: none;
}

.abb { font-size: 8pt; font-style: italic;}
li { font-size: 9pt; }

div#leftnavi {
  background: url(../img/navi_hg.jpg) no-repeat;
  width: 220px;
  height: 342px;
  padding-top: 8px;
}

div#leftnavi ul {
  margin: 0 0 0 22px;
  padding: 0px;
  list-style: none;
}

div#leftnavi ul li {
  margin-bottom: 4px;
}

div#leftnavi ul li a {
  display: block;
  text-decoration: none;
  width: 198px;
  height: 23px;
  background: url(../img/navi_button_hg_ia.gif);
}

div#leftnavi ul li a.selected,
div#leftnavi ul li a:hover {
  background: url(../img/navi_button_hg_a.gif);
}

div#leftnavi ul li a span {
  color: #2f4d88;
  font-family: Arial, Sans;
  font-size: 9pt;
  font-weight: bold;
  line-height: 23px;
  vertical-align: middle;
  margin-left: 20px;
}

div#leftnavi ul li a.selected span,
div#leftnavi ul li a:hover span {
  color: #ffffff;
}

div#rect {
  border: 6px solid #c9d8e4;
  background-color: #fefefe;
  padding: 8px;
}

div#footer {
  height: 24px;
}

div#footer a {
  color: #fefefe;
  font-family: Arial, Sans;
  font-size: 9pt;
  line-height: 24px;
  vertical-align: middle;
  margin-right: 16px;
  text-decoration: none;
}

div#content div#oc {
  width: 498px;
}

div#content div#ic {
  padding-left: 20px;
}


img.head {
  margin-bottom: 8px;
}

div_align{
	vertical-align:bottom;
}

div#livestream div,
div#route div,
div#tagebuch div {
  margin: 0 0 20px 20px;
}

div#tagebuch div {
  background-color: #e5ecf2;
}
div#tagebuch h2 {
  margin: 0px 8px 16px 0;
  padding-top: 16px;
}

table.tagebuch {
	background-color: #e5ecf2;
	border-top: 16px solid #e5ecf2;
	border-bottom: 16px solid #e5ecf2;
}
table.tagebuch td {
  font-size: 9pt;
  padding: 4px;
  vertical-align: top;
  border-bottom: 1px solid white;
}
table.tagebuch tr.odd td {
	background-color: #ffffff;
}
div#entry {
	background-color: #e5ecf2;
	padding: 20px;
	margin-bottom: 24px;
}

table.presse {
	background-color: #e5ecf2;
	border-top: 16px solid #e5ecf2;
	border-bottom: 16px solid #e5ecf2;
}
table.presse td {
  font-size: 9pt;
  padding: 4px;
  vertical-align: top;
  border-bottom: 1px solid white;
}
table.presse tr.odd td {
	background-color: #ffffff;
}
table.presse td h4 {
  margin: 0;
}

table.bilder {
	background-color: #e5ecf2;
	border-top: 1px solid #e5ecf2;
	border-bottom: 1px solid #e5ecf2;
}
table.bilder th,
table.bilder td {
  font-size: 9pt;
  padding: 4px;
  vertical-align: top;
  border-bottom: 1px solid white;
}
table.bilder td.num { text-align: right; }
table.bilder tr.odd td {
	background-color: #ffffff;
}

div#route {
  width: 250px;
  float: left;
}
div#livestream {
  width: 212px;
  float: right;
}
div#sponsor div  {
  border: 4px solid #dce6ee;
  margin-bottom: 20px;
  padding: 4px;
  position: relative;
  width: 212px;
  height: 88px;
}
a.logo {
  position: absolute;
  left: 10px;
}
a.medien {
  position: absolute;
  left: 10px;
}

div#medien {
  clear: both;
}
div#medien div {
  border: 4px solid #dce6ee;
  margin-bottom: 20px;
  padding: 4px;
  text-align: center;
  position: relative;
  width: 212px;
  height: 88px;
}

div#erdgas div {
  background-color: #e5ecf2;
  padding: 16px;
}
div#erdgas p {
  padding: 4px;
  margin: 0;
}
div#erdgas p#co2 {
  background-color: #00458e;
  color: white;
  padding: 8px 8px 4px 8px;
  text-align: center;
}
div#erdgas table {
  margin-top: 8px;
}
div#erdgas td {
  font-size: 9pt;
  padding: 4px;
}
div#erdgas tr#km td {
  background-color: #ffffff;
  color: #00458e;
  font-weight: bold;
  padding: 4px;
}
div#erdgas tr#green td {
  color: #c41212;
  font-weight: bold;
}
/* content */
div#content a {
  color: #7ea5c8;
  text-decoration: none;
  font-weight: bold;
}
div#content a:hover {
  text-decoration: underline;
}
h1 {
  color: #00458e;
  font-size: 11pt;
}
h2 {
  color: #00458e;
  font-size: 11pt;
}
h2.home {
  color: #c41212;
  font-size: 9pt;
}
h3 {
  color: #00458e;
  font-size: 10pt;
}
h4 {
  color: #00458e;
  font-size: 9pt;
  margin-bottom: 0;
}
p {
  font-size: 9pt;
}


/* formular */
div.formular {
	margin: 0;
}
table.formular {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #e5ecf2;
	border-top: 16px solid #e5ecf2;
	border-bottom: 16px solid #e5ecf2;
}
table.formular th {
	color: #000000;
	vertical-align: top;
	text-align: left;
	padding: 4px 4px 4px 20px;
	width: 140px;
}
table.formular th label {
	display: block;
	width: 140px;
	color: #000000;
	font-size: 9pt;
	font-weight: normal;
}
table.formular td {
	padding: 0;
	vertical-align: top;
}
table.formular td span.mandatory {
	margin-top: 24px;
}
table.formular td div.value {
	margin: 2px 8px 2px 2px;
}

table.formular caption {
	color: #000000;
	text-align: left;
	font-size: 9pt;
	font-weight: bold;
	padding: 4px 4px 20px 20px;
	width: 100%;
}
div.formular input[type=text], 
div.formular input[type=password], 
div.formular input[type=checkbox], 
div.formular input[type=radio], 
div.formular input[type=file], 
div.formular select,
div.formular textarea {
	font-size: 9pt;
	vertical-align: middle;
}
/*div.formular input[type=submit] {
	background-color: <?php echo $lightColor; ?>;	
}*/

div.formular .form-error {
	color: red;
	font-size: 8pt;
}
div.formular span.info {
	font-weight: normal;
	font-size: 8pt;
}
div.success {
	margin: 8px 0 0 0;
	padding: 12px;
	font-size: 9pt;
	background-color: #e5ecf2;
}
div.error {
	margin: 0;
	padding: 12px;
	font-size: 9pt;
	background-color: #e5ecf2;
	color: red;
}
div.formular  div.buttons {
	margin: 8px 0 8px 20px;
	font-size: 9pt;
}
div.value {
	font-size: 9pt;
}

div.logo {
  clear: both;
}
div.logo div {
  width: 225px;
  background: #dde7f0;
  float: left;
  margin-bottom: 48px;
}
div.logo img {
  border: 1px solid #6792c1;
  margin: 11px;
}
div.logo p {
  width: 480px;
  margin: 11px 8px 0 0;
  display: inline-block;
  float: right;
}



table.presseformular {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0 0 20px 0;
	float: left; 
}
table.presseformular th {
	color: #000000;
	vertical-align: top;
	text-align: left;
	padding: 4px 4px 4px 0px;
}
table.presseformular th label {
	display: block;
	color: #000000;
	font-size: 9pt;
	font-weight: normal;
}
table.presseformular td {
	padding: 0;
	vertical-align: top;
}
table.presseformular td span.mandatory {
	margin-top: 24px;
}
table.presseformular td div.value {
	margin: 2px 8px 2px 2px;
}

table.presseformular caption {
	color: #000000;
	text-align: left;
	font-size: 9pt;
	font-weight: normal;
	padding: 4px 4px 20px 0px;
	width: 200px;
}
div.presseformular input[type=text], 
div.presseformular input[type=password], 
div.presseformular input[type=checkbox], 
div.presseformular input[type=radio], 
div.presseformular input[type=file], 
div.presseformular select,
div.presseformular textarea {
	font-size: 9pt;
	vertical-align: middle;
}
div.presseformular div.buttons {
	font-size: 9pt;
	margin-left: 10px;
	display: inline;
}