/*
TYPO3 
Hier wird der Hauptbereich mit seinen 3 Spalten gestaltet, 
Linke Spalte: Pfadangabe, Menue 2Ebene. Neuigkeiten
Mittelspalte: Inhalt der Webseite
Rechte Spalte: Login Bereich, Bilderlinks
*/	


/* Inhalt */
/* Positionsmeldung (Hintergrund blau) */
/* Mitgliederlogin (Hintergrund weiss)*/ 
h2 {
  /* background: #ffffff;  nicht setzbar da unterschiedl. Hintergrund */
  color: #0000ff; 
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 2px; 
	text-align: center;
}


/* Ueberschriften wir Aktuelles, MitgliederLogin, Positionsmeldung */
h3 {
  background: #ffffff;
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 2px;
  text-align: left;	
}

/* Abfragen wie Benutzername, Passwort, Zugangsdaten */
h4 {
  background: #ffffff;  /* weiß #87CEFA; blau */
  color: #000000;
	font-size: 120%; 	
	font-weight: normal;
	text-align: left;
}

h5 {
  background: #ffffff;
	color: #000000;
	font-size: 100%;	
	font-weight: normal;
	line-height: 200%;
	text-align: center;   /* left; */
	text-decoration: none;
}	


#hauptbereich {
clear: both;
  border: 0px;
  height: 86%;	/* 75%; 600px height: 75%; height: 71%;	*/
  left: 0px;
	margin: 0px;
overflow: hidden;	
	padding: 0px;
	position: relative;
	width: 99.5%;	 /* 98.5% 97%;  100% */
	z-index: 10;	
}

/* +++++++++++++++++++     Linke Spalte     +++++++++++++ */

#linke_spalte { 
  background: #ffffff; /*	background: #87CEFA;*/
  border: 0px;
  clear: both;
  color: #87CEFA;
  float: left;
	height: 95%; /* 99%; 89%;  70%; 600px;*/
  margin:	0px;
	padding: 0px; 
	/* overflow: hidden; */
	width: 15%;  /* width:  20%; */
  z-index: 20;
	/* border: 1px solid #ff0000; */
}


/* News-Rahmen */
#neuigkeiten {
  color: #444444;
	display: block;
  font-family:  Arial, sans-serif;
  font-size:  100%; /* 3 */
	margin:	30px 5px 5px 0px; /* margin:	20px 5px 5px 10px; */
	padding: 5px 0px 5px 5px;
	/* position: relative; dan ist die breite fest*/
	width: 96%;
  z-index: 100; 
}

/* aktuelles-Rahmen tt_news-Table-Box*/
/* Titel News */
#neuigkeiten table {
  display: block;
  font-size:  110%; /* 3 */
  table-layout: fixed;  /* im IE spielt width dann eine Rolle */
  width: 100%;
}

/* Ticker links unten Titel Aktuelles */
#neuigkeiten dd {
  color: #0000ff;
  font-weight: bold;
  font-size: 130%; 
  padding: 5px 0px 5px 0px;
}

/* bei FF Breite tt_news Spalten ohne Titel */
#neuigkeiten table tbody tr td {
  border: 0px;
  display: block;
  height: auto;
  margin: 0px;
  /* overflow: hidden;   FF zeigt keine Box mehr*/
  padding: 0px;
  /* position: relative; feste Breite über Hauptfeld*/
  width: 100%;  /* nur bei FF relevant*/
}

/* Untertitel im tt_news */
#neuigkeiten table tbody tr td font .bodytext {
  font-size:  100%; /* 3 */
  font-style: italic;
  margin: 0px;
  display: block;
}

#neuigkeiten ul {
	display: block;
  margin:	0px;
  padding: 0px;  
}

/* news-punkte rahmen */
#neuigkeiten ul li {
	display: block;
  font-size: 140%;
  margin:	0px;
  padding: 10px 5px 5px 5px;  /* padding: 10px 5px 5px 10px; */  		
}

#neuigkeiten ul li a {
	background: #ffffff; /*	background: #87CEFA;*/
  color: #000080;
  display: block;
}

/* TEXT more */
.morelink {
  display: block;
  font-size: 90%;
  }

/* +++++++++++++++++++     Mittlere Spalte / Seiteninhalt     +++++++++++++ */


#seiteninhalt { 
	background: #ffffff; /*	background: #ADD8E6;*/
	color: #000000;
  float: left;
  height: 90%; /* 84%; 88% 550 560px; 73%;	 auto;*/
	margin: 0px;
	overflow: auto;
	padding:  20px 10px 0px 15px; /* 20px 5px 10px 15px; */ 
	width: 70%;  /* 70% 69% 57%;	52.5%; */
	z-index: 10;
}


/* +++++++++++++++++++     Rechte Spalte     +++++++++++++ */

#rechte_spalte {
	background: #ffffff; /*	background: #87CEFA;*/
  border: 0px;
	color: #87CEFA;
  float: right;
  height: 95%; /* 89%; 70%; 600px; */
	margin:	0px;	
	width: 12%;  /* width: 11% 13%  20%; */
	/* overflow: hidden; */
	padding: 0px; 
	z-index: 20;
	/* border: 1px solid #0000ff; */
}


/* Login-Rahmen */
#login_box {
	display: block;
	margin: 0px;    /* 10px 5px 10px 5px; 	  margin:	10px; */
  padding: 10px 5px 5px 0px;  /* padding: 10px; */
  position: relative;
	right: 1px;
  top: 1px;
	z-index: 100;
}

/* "nur" Eingabefelder von Benutzer und Password */
#login_box input.input {
	display: block;
	height: 20px;
  margin: 2px 0px;
  position: relative;
  width: 100%;   /* width: 170px; */
	z-index: 100;
}

/* Anmelden Button */
#login_box input.submit,
submit logout {
  border: 0px;
  display: block;  
	font-size: 120%;
  margin: 10px auto 5px auto;  /* margin: 20px 10px 10px 50px;*/
  padding: 3px;  
  position: relative;
	z-index: 100;
}

/* Login Typo3 */
/* <h4>Angemeldet als User:   <span><!--###USERNAME###--></span> </h4> */
#login_box span {
   font-style: italic;
   text-align: center;
}

#login_box input.logout{
  border: 0px;
  margin: 20px auto;  /*   margin-top: 5px; */
  padding: 0px; 
}


/* Bilderlinks */
#bildlink {
	height: auto;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-align: center;
  width: 100%;
  z-index: 200;
}

/* Mitglied werden */
#bildlink img {
	vertical-align: middle;  /* falsch: center;*/
	padding: 5px;	
	margin: 5px 5px 5px 5px; /* HSS: 15px 5px 5px 5px; */
	width: 50%;              /* UNTERSCHIED HSS: 100px / SS: 60px; mit Schrift*/  
	z-index: 200;
}

#bildlink a {
	color: #000080;
  font-size: 140%; 	
	font-weight: normal;
	text-decoration: none;
}

/* fuer die Protokoll Download Seite
die Schrift ist zu klein */
.csc-uploads-fileName {
  border: 0px;
  font-size: 120%;
  height: auto;
  margin: 0px;
  padding: 10px 0px 10px 0px;
  width: 40%;
}

/* Anzeige dder Datei-Groesse */
.csc-uploads-fileSize {
  border: 0px;
  font-size: 100%;
  height: auto;
  margin: 0px;
  padding: 10px 0px 10px 100px; 
}


/* Layout für tt_news */

.news-list-item {
  font-family:  Arial, sans-serif;
}

.news-list-item h2 strong{
  line-height: 180%;
  }

.news-list-date {
 /* font-size:  140% */
  margin: 0px 15px 15px 0px;
}

.news-list-morelink {
  font-size: 100%; /* 62,5 % */
  margin: 10px 0px 8px 0px;
}

.news-single-item {
  font-family:  Arial, sans-serif;
}
/* Kategorie */
.news-catRootline {
  font-size:  160%; /* org: 140% */
  margin: 0px 0px 10px 0px;
  /* line-height: 50px; */
}

/* Datum */
.news-single-timedata {
  font-size:  135%;   /* org: 130% */
  margin: 0px 0px 10px 0px;
}

/* Titel */
.news-single-item h2 font strong {
  font-family:  Arial, sans-serif;
  font-size:  150%; /* 3 */
}

/* keine wirkung für untertitel*/
.bodytext strong em {
  text-align: center;
}

/* TEXT */
.bodytext {
  font-size: 135%;   /* org: 130% */
  margin: 10px 0px 10px 0px;
}


/* WINDFINDER gesamte box */
#windfinder_report {
  border: 0px;
  margin: 0px;
  padding: 10px 0px 0px 0px; /* keine Auswirkung auf IE7 */
  width: 98%;
}

/* OrtsStationsName */
#windfinder_station {
   padding: 0px 0px 0px 5px;
   font-weight: bold;
}

/* Messwerte (rechte Spalte) */
#windfinder_report tbody tr td b font{
  border: 0px;
  font-size: 110%; /*font-size: 105%;*/ 	
	font-weight: 800;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

/* Messangaben (links Spalte) */
.windfinder_label {
  border: 0px;
	font-size: 100%; 	
	font-weight: normal;
  margin: 0px;
  padding: 0px 5px 0px 0px;  /* padding: 0px 4px 0px 2px;*/
	text-decoration: none;
}

/* windfinder links, untere zwei Zielen*/
#windfinder_report a {
  border: 0px;
  font-size: 70%; 	
	font-weight: normal;
  margin: 0px;
  padding: 0px;
	text-decoration: none;
}
