/* Standard-CSS für www.netzhdk.ch
Author: Sabine Roediger
Author URI: http://www.pixilla.org
*/


/**********************************************
*        Grundelemente & Typografie           *
***********************************************/

* {
  padding: 0;
  margin: 0;
  border: none;
}

html {
  height: 100.08%; /* erzwingt Scrollbalken, ein Versatz des Inhalts wird bei laengerem Content vermieden */
}

body {
  background: url(../gfx/bg-gradient.gif) repeat-x #A1A1A1;
  margin: 0 auto;
  font: 10px Verdana, sans-serif; /* Standardgroesse in Browsern: medium bzw. 16px, 62.5% --> 1em = 10px */
  line-height: 1.25;
  color: #000;
  text-align:center;
}

p {
  font-size: 1em;
  margin: 0.5em 0 0.5em 0;
}
p.zitat{
  font-style: italic;
}

.clear {
  clear: both;
}

/* --- Verschiedenes --- */
.clearleft {
    clear: left;
}

.clearfix:after { /* float hack used to float content correctly */
    content: "."; 
   	display: block; 
   	height: 0; 
   	clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

a, a:link, a:visited, a:hover {
	color: #000;
	font-size: 1.0em;
	font-weight: normal;
	white-space: nowrap;
}

a img {
  border: 0;
  vertical-align: bottom;
  margin: 0 2px 0 2px;
}

a.ueberschrift {
  text-decoration: none;
}

a:hover,
a h2:hover {
  text-decoration: underline;
}


/* Ueberschriften
------------------------------------------------ */

h1 {
  color: #80CBEA;
  margin: 0 0 0.5em 0;
  font-size: 1.4em;
}

h2 {
  color: #AAAAAA;
  margin: 0 0 0.5em 0;
  font-size: 1.2em;
  white-space: normal;
}
h2 span.inaktiv {
  color: #CCC;
}

h3 {
  margin: 1em 0 0 0;
  font-size: 1em;
}

hr {
  height: 1px;
  color: #DDD;
  background-color: #DDD;
  margin: 1.5em 0 1.5em 0;
}

blockquote {
  margin: 0.5em 0;
  padding-left: 1em;
  color: #666;
  border-left: 2px dotted #DDD;
}

/* Textformatierung
------------------------------------------------ */

.fett {
  font-weight: bold;
}
.kein_umbruch {
  white-space: nowrap;
}
.text_right {
  text-align: right;
}

/* Aufzaehlung / Listen
------------------------------------------------ */

ol li,
ul li {
  list-style: outside;
  margin-left: 1.5em;
}
ul li {
  list-style-type: square;
}

/* Eingabe- und Auswahlfelder
------------------------------------------------ */

input,
textarea {
  font-family: verdana;
  color: #000;
  font-size: 1.0em;
  margin: 0.5em 0 0.5em 0;
  padding: 0.3em;
  border: 1px solid #ccc;
  height: auto;
}

select {
  margin: 0.2em 0 0.2em 0;
  border: 1px solid #ccc;
}
input[type=checkbox] {
  width: auto;
  vertical-align: middle;
  border: 0;
}
input[type=submit] {
  margin-bottom: 0;
}
.submit {
  width: 80px;
  height: 23px;
  background: url(../gfx/button.jpg) no-repeat;
  border: 0;
}

/* Tabellen
------------------------------------------------ */

table{ 
width: 100%;
border: 0; 
font-size: 1em;
}
td, th {
  vertical-align: top;
  padding: 2px;
}

td input,
td textarea { margin: 0; }
td input[type=text],
td input[type=password],
td textarea { width: 96%; }
th.schwach {
  color: #999;
  font-weight: normal;
  font-style: italic;
}

/* Formulare
------------------------------------------------ */

.formular_feld {
  margin-bottom: 0.5em;
}
.submit_taste {
  float: left;
  width: auto;
}
.weitere_taste {
  float: left;
  width: auto;
  height: 2.2em;
  padding: 0.8em 0 0 1em;
  border-left: 1px solid #CCC;
  margin-left: 1em;
}

/**********************************************
*  Seitenstruktur: Inhalt, Navigation, etc.   *
/**********************************************/

#container {
  width: 90%;
  min-width: 78em;
  margin: 0 auto;
  background:#FFF;
  padding: 0 2em 2em 2em;
  font-size: 1.2em;
  text-align:left;
  height: auto;
  position:relative;
}

* html #container { 
  width: 78em; /* IE hack */
} 
  
  
/* Kopfbereich
------------------------------------------------ */

#header {
  color: #80CBEA;
  height: 14em;
  min-height: 150px;
  width: 100%;
  border-bottom: 1px solid #AAA;
}
#logo {
  background: url(../images/web_stempel_hellblau.gif) no-repeat;
  margin-top: 10px;
  width: 335px;
  color: #80CBEA;
  height: 145px;
  float: left;
}


#hauptnav {
  width: 62%;
  height: auto;
  line-height: 2.1em;
  margin-top: 70px;
  color: #AAA;
  float: right;
  font-size: 1em;
  text-decoration: none;
  text-align:right;
}

.tab {
  float: right;
  width: auto;
  padding: 0px;
  text-decoration:none;
  height: 2.1em;
  border-bottom: 1px solid #AAA;
  background: url(../gfx/bg_hauptnavi.gif) repeat-x;
}
.tab a{
  height: 2.1em;
  width: auto;
  padding: 0 0.7em 0 0.4em;
  background: url(../gfx/nav_separator.gif) bottom right no-repeat;
  color: #000;
  float: left;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  float: left;
}
.tab a:active, .tab a:hover {
  background: url(../gfx/nav_separator.gif) bottom right no-repeat #fff;
  text-decoration: none;
  float: left;
}
.tabactive  {
  width: auto;
  padding-left: 0.4em;
  text-decoration: none;
  background: #fff;
  height: 2.1em;
  line-height: 2.1em;
  border-bottom: 2px solid #fff;
  font-weight: bold;
  color: #000;
  float:right;
}
.tabactive a {
  width: auto;
  padding-right: 1em;
  text-decoration: none;
  height: 2.1em;
  color: #000;
  background: url(../gfx/nav_separator.gif) bottom right no-repeat #fff;
  float:left;
}

#header_aktionen {
  width: 100%;
  height: 4em;
  line-height: 2em;
  vertical-align: top;
  margin-top: 0.5em;
  font-size: 0.9em;
  text-align:right;
  float:right;
}
#header_aktionen img {
  margin: 0.2em 0 0 0.2em;
  width: auto;
  height: auto;
  vertical-align:text-bottom;
  border:0;
  padding:0;
}

#pagebody {
  float: left;
  width: 100%;
  margin: 2em 0 3em 0;
}

img.pfeil_subnav {
  width: 18px;
  height: 13px;
  margin: 0.5em 0 0.5em 0;
  float: left;
  border: 0;
}

.neu_icon {
  position: absolute;
  top: -35px;
  left: 15px;
}
.neu_icon a {
  padding: 0;
  margin: 0;
  height: auto;
  background: none;
}
.neu_icon img { border: 0; }


/* --- Titelzeile des spezifischen Inhalts --- */
#aktuelles{
  width: 100%;
  float: left;
  font-size: 1.2em;
  margin-bottom: 2em;
}
#aktuelles a{
color:#000000;
text-decoration:none;
}
#aktuelles a:hover{
color:#000000;
text-decoration:underline;
}

/* --- Inhalt Sidebar Footer --- */

#inhalt {
  float: left;
  width: 72%;
}

#sidebar_rechts {
  float: left;
  width: 22%;
  margin: 0 0 3em 2em;
  padding-left: 1.5em;
  border-left: 1px solid #AAA;
  font-size: 1em;
}
#sidebar_rechts h1 {
  color: #666;
  margin-left: 1.75em;
}

#footer {
  clear: both;
  width: 100%;
}

h1.nav_link {
  color: #888;
  font-weight: normal;
}


/* Eintrag Formatierung
------------------------------------------------ */

/* --- Übersicht --- */
.eintrag_uebersicht {
  width: auto;
  height: auto;
}
.eintrag_uebersicht div.zeitraum {
  margin-bottom: 0.2em;
  color: #000;
  font-size: 0.9em;
  font-weight: bold;
}
.eintrag_uebersicht p.autor {
  color: #888;
  font-size: 0.8em;
}
.eintrag_uebersicht p.autor a {
  color: #888;
  text-decoration: none;
}
.eintrag_uebersicht p.autor a:hover {
  color: black;
}

.bild_thumb {
  float: left;
  width: auto;
  margin: 0 1em 0.5em 0;
}
.bild_thumb img {
  padding: 0;
  margin: 0;
  border: 1px solid #CCC;
}

/* --- Detail --- */
h1.links {
  float: left;
  width: auto;
}
h1.rechts {
  float: right;
  width: auto;
}

.eintrag_detail div.zeitraum {
  color: #999;
  font-size: 1em;
  font-weight: bold;
}
.eintrag_detail h2 {
  color: #DC3CBD;
  font-size: 1.5em;
}
.eintrag_detail h2.detail {
  background:#EEE;
  margin: 1.5em 0 0.5em 0;
  font-size: 1.6em;
  margin-top: 0.5em;
}
.eintrag_detail div.einleitung{
  font-weight: bold;
  margin: 0.5em 0 0.5em 0;
}
.eintrag_detail div.inhalt{
  font-size: 1.0em;
  margin: 0.5em 0 0.5em 0;
}
.eintrag_detail div.ort{
  font-size: 1.0em;
}
.eintrag_detail p.autor {
  font-size: 0.9em;
  margin: 0.5em 0 0.5em 0;
  color: #888;
}
.eintrag_detail p.autor a {
  color: #888;
}
.eintrag_detail p.autor a:hover {
  color: black;
}

/* --- Formate für das grosse Bild in der Anzeige von Eintraegen --- */
.eintrag_detail .bild_ansicht {
  float: left;
  width: auto;
}
.eintrag_detail .bild_ansicht img {
  margin: 0.3em 1em 0.3em 0em;
  border: 2em solid #EEE;
}

/* --- Binnenformate Textile für den Inhalt des Eintrags ---*/

#eintrag .inhalt h1 {
  margin: 1em 0 0.5em 0;
  color: black;
  font-size: 1.2em;
}
#eintrag .inhalt h2 {
  margin: 1em 0 0.5em 0;
  color: black;
  font-size: 1.1em;
}
#eintrag .inhalt h3 {
  margin: 0.5em 0 0em 0;
  color: black;
  font-size: 1em;
}

/* --- Marken an Eintraege Formate --- */

.marke a {
  color: #999;
  text-decoration: none;
}
.marke a:hover {
  color: black;
}

/* Formulare
------------------------------------------------ */

.kommando_formular {
  margin: 0.5em 0 2em 0;
  padding: 0.7em 1em 0.5em 1em;
  background-color: #EEE;
  border: 1px solid #CCC;
}


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

a.help, a.help:link, a.help:visited {
	color: #FF7700;
	font-size: 1.0em;
	font-weight: normal;
	padding: 0 0.2em 0.1em 0.2em;
	cursor: help;
}

a.help:hover {
	color: #FFFFFF;
	background-color: #FF6600;
}

a.kommando {
  color: #999;
  text-decoration: none;
}
a.kommando:hover {
  color: black;
}
a.kommando img {
  vertical-align: middle;
  padding-right: 0.3em;
}
h1 a.kommando {
  font-size: 0.714em; /* 1/1.4 */
}

.aktion {
  margin: 0.5em 0 0.5em 0;
}
.aktion a {
  color: #888;
  font-size: 1em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.aktion a:hover {
  text-decoration: none;
  color: black;
}
.aktion a:active {
  color: red;
}
.aktion a img {
  margin: 0 0.2em 0 0;
  vertical-align: middle;
}
span.aktion {
  padding-right: 1em;
}

a.normal {
  color: black;
}

a.dick,
a.dick:hover {
  font-weight: bold;
  text-decoration: none;
}


/* Marken
------------------------------------------------ */
.marken_auswahl {
	color: #666;
	margin: 0 0 0 2.5em;
}
.marken_auswahl li {
  margin: 1em 0 1em 0;
  height: 16px;
  display: list-item;
  list-style: none;
  border-bottom: 1px dotted #CCC;
}
.marken_auswahl li.aktiv {
  color: black;
  list-style-image: url("../gfx/pfeil_tuerkis.gif");
}
.marken_auswahl li a {
  color: #666;
  text-decoration: none;
  white-space: nowrap;
  font-size: 1em;
  display: list-item;
  list-style: none;
}
.marken_auswahl li a:hover {
  color: #666;
  font-weight: bold;
  list-style-image: url("../gfx/pfeil_tuerkis.gif");
  text-decoration: none;
  width: auto;
}
.marken_auswahl li a img {
  vertical-align: middle;
  margin-right: 0.3em;
}
.marken_auswahl li.aktiv a {
  text-decoration: none;
  color: black;
  margin-top:0px;
}
.marken_auswahl li.aktiv a:hover {
  font-weight: normal;
}

#rechts li {
  text-decoration: none;
  color: black;
  font-weight: bold;
  height: 1.6em;
  display: list-item;
  list-style-type: none;
  list-style-image: url("../gfx/pfeil_tuerkis.gif");
}
#rechts li a{
  text-decoration: none;
  color: black;
  margin-top:0px;
}

.marken_anzahl {
  color: #AAA;
  font-size: 0.9em;
}


/* --- Marken Zuordnung --- */

.marke {
  margin: 0.25em 0 0.25em 0;
}

/* Login Box (Sabine)
------------------------------------------------ */
.login_box input[type=text],
.login_box input[type=password],
.login_box textarea {
  font-family:verdana; 
  color:#000; 
  font-size: 1.0em;
  padding: 0.2em;
  border: 1px solid #000;  
  width: 15em;
  height: auto;
  margin-right: 0.5em;
}

/*
------------------------------------------------ */
.nicht_fertig_schild {
  margin-top: 2em;
  padding: 1em;
  color: #999;
  border: 1px solid #CCC;
}
.nicht_fertig_schild a {
  color: #999;
}

/* Hilfetexte
------------------------------------------------ */

.hilfe_text {
  margin: 0.5em 0 0.5em 0;
  padding: 0.25em 0.5em 0.25em 0.5em;
  font-size: 0.9em;
  color: #369;
  background-color: #DEF;
  border-top: 1px dotted #BCF;
  border-bottom: 1px solid #BCF;
}
.hilfe_formatierung {
  width: 38em;
  margin: 0.5em 0 0.5em 0;
  padding: 1em;
  font-size: 0.9em;
  background-color: #DDD;
  border-top: 1px dotted #BCF;
  border-bottom: 1px solid #BCF;
}
.hilfe_formatierung h1 {
  color: black;
  font-size: 1.2em;
}
.hilfe_formatierung h2 {
  color: black;
  font-size: 1.1em;
}
.hilfe_formatierung table {
  background-color: white;
  border: 1px solid #999;
  border-collapse: collapse;
}
.hilfe_formatierung td,
.hilfe_formatierung th {
  border: 1px solid #999;
}
.hilfe_formatierung th {
  background-color: #BBB;
}

/* Flashs (Notizen, Warnungen, Fehler, etc.)
------------------------------------------------ */

#flash {
  text-align: center;
  background-color: #EEE;
  color: #666;
  padding: 0.2em 1em 0.2em 1em;
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
  margin-bottom: 1em;
}
#flash.warning {
  background-color: #F6D7B2;
  color: #961D12;
  border-top: 1px solid #961D12;
  border-bottom: 1px solid #961D12;
}

/* Fehlermeldungen (Rails)
------------------------------------------------ */

.fieldWithErrors {
  padding: 3px;
  background-color: #E5817D;
  display: table;
}
.fieldWithErrors input {
  margin: 0;
}

#errorExplanation {
  border: 2px solid #80180F;
  padding-bottom: 1em;
  margin-bottom: 2em;
  background-color: #EEE;
}
#errorExplanation h2 {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  padding: 4px;
  margin: 0;
  background-color: #80180F;
  color: #fff;
}
#errorExplanation p {
  color: #333;
  padding: 5px;
  margin: 0;
}
#errorExplanation ul {
  margin-bottom: 4px;
  list-style: square;
}
#errorExplanation li {
  margin-left: 1em;
  list-style-position: inside;
}

/* Resets
------------------------------------------------ */
img { 
  border: 2px solid #fff;;
  margin: 3px;
}

img.icon {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
}

img.bullet {
  border: 0;
  vertical-align: center;
}

/* Ende
------------------------------------------------ */