/*
StyleSheet für groningen-info.de - Version 3.10
Stand: 2009-02-21
- #wrapper im HTML eingebaut
- #wrapper max/min/width definiert
- #wrapper für IE6 auf 960px begrenzt
- #randbereich margin-right angepasst
- body dunkler Hintergrund

Früher schon geändert:
- font-size geändert: -> small und % (bulletproof)
- #inhaltsbereich p kleiner -> 90%
- #inhaltsbereich line-height -> 1.8em (ala, war 1.5em)
- #inhaltsbereich h4: farbe geändert -> orange
- #randrechts umbenannt in -> #randbereich

#kopfbereich: static;
#topmenu: static, Suckerfish dropdown menus
#randbereich : absolute, in margin-right von #inhaltsbereich
  #navmeta: oben im #randbereich
  #linkliste: darunter in #randbereich
#inhaltsbereich: static, grosser margin-right für #randbereich
*/
html, body {
  height: 100%;
}
body { /* Grundeinstellungen */
  background: #555;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0;
  padding: 1em 2em;
}
/* Allgemeines */
img {
  border: 0;
}
a:link, a:visited{
  color: #000000;
	background-color: transparent;
	text-decoration: none;
}
a:hover, a:active{
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
}
.unsichtbar {
  display:none;
}
ins {
  text-decoration: none;
  background-color: lightyellow;
}
keyb {
  font-variant: small-caps;
}
blockquote {
	font-family: 'Courier New', Courier, monospace;
	padding: 0.5em;
	color: #000;
	background: white;
	border-left: 4px #a5ba8c solid;
}

/* =========================================== */

/* Umfassung für die Seite, max. Breite */
#wrapper {
  position:relative;
  background-color: white;
  color: black;
  min-width: 640px;
  max-width:80em;
  min-height: 800px;
  margin: 10px auto;
}
/* IE6  */
* html #wrapper {
  width: 960px;
}

/* BEGIN #kopfbereich --- Kopfzeile über der ganzen Seite */
#kopfbereich {
  background-color: #a5ba8c;
  color: white;
  height: 60px;
  padding: 10px;
  margin: 0;
  background-image: url(../../bilder/groningen-info.jpg);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  z-index: 1000;
}
#kopfbereich img {
  float:left;
}
#kopfbereichtext {/* contains h1 und p */
  float: left;
	padding-top: 0.5em;
  margin-left: 0.3em;
}
#kopfbereich h1 {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: 600;
  padding-left: 0;
	padding-bottom: 0; 
	margin-top: 0;
	margin-bottom: 0;
}
#kopfbereich p {
	font-size: 100%;
  padding-top: 0; 
	padding-bottom: 0; /* MSIE addiert bottom */
  margin: 0 0.2em 0.4em 0; 
}
#kopfbereich a {
  color: #ffffff;
	background-color: transparent;  
}
#kopfbereich a:link, #kopfbereich a:visited {
	text-decoration: none;
}
#kopfbereich a:hover, #kopfbereich a:active {
	text-decoration: underline;
}

/* ENDE #kopfbereich */

/* =========================================== */
/* BEGIN #topmenu --- dropdown menu unter #kopfbereich */
#topmenu { 
  font-weight: normal; 
  background-color: #d7e0cc; 
  height: 2.3em; 
  padding: 0;
  padding-left: 3em;
  margin: 0 ;
}
/* alle links in #topmenu auf block und none */
#topmenu a {
  display: block; /* sonst klappt das menu daneben aus ... */
  text-decoration: none; 
  padding: 0.5em; 
  margin: 0;
}
/* various links in #topmenu  */
#topmenu a:link {
  color: #485731; 
	text-decoration:none ; 
}
#topmenu a:visited  {
	color: #485731; 
}
#topmenu a:active {
  color: white; 
	background-color: #ffa500; 
}
#topmenu a:hover {/* -> #menu_active (2x) und #topmenu li ul a:hover */
  color: white; 
  background-color: orange;   
}
/* Aktiver Menüpunkt */
#topmenu #menu_active,
#navmeta #menu_active {
  color: white; 
  background-color: orange;
}

/* Dropdown Menu */
/* nach http://www.htmldog.com/articles/suckerfish/dropdowns/ */
#topmenu ul  {
float:left;
  padding: 0 0 0 0;
  border-left: 1px solid #A5BA8C;
  margin: 0 0 0 0;
/*   white-space: nowrap; */
}
#topmenu li {
	float: left;
  width: 100px;
  text-align: center;
  list-style: none;
	padding: 0;
  border-right: 1px solid #A5BA8C;
  margin: 0;
}
#topmenu li ul {/* verstecke ul in li (dropdown menus) */
	position: absolute;
	left: -999em; /*  besser als display:none */
  background-color: #d7e0cc;
  padding: 0;
  padding-bottom: 0.5em;
  border: none;
  border-bottom: 0.2em solid #a5ba8c;
  margin: 0;
  z-index: 1; /* dropdown menu über #randbereich (z-index: 0;) */
}
#topmenu li li {
  width: auto;
  text-align: left;
  border: none;
  padding: 0;
  margin:0;
}
* html #topmenu li li  {
  width: 200px; 
}


#topmenu li ul li {
 clear: both; /* hebt das float von #topmenu li auf */
}
/* links in dropdown menus */
#topmenu li ul a:link,
#topmenu li ul a:visited {
   padding: 0.25em 0.5em 0.25em 0.5em;
}
#topmenu li ul a:active {
  color: white;
}
#topmenu li ul a:hover {
  color: white;
  background-color: orange;
/*  padding: 0.25em 0.5em 0.25em 0.5em;*/
}
/* dropdowns SICHTBAR machen */
#topmenu li:hover ul,
#topmenu li.sfhover ul {
	left: auto ; /* instead of left:0 */
}
/* suchformular rechts in #topmenu */
#topmenu form {
  float: right; 
  margin: 0.2em 0.2em 0 0.5em; 
  padding: 0; 
}
#topmenu .formbutton, #topmenu .formfield {
  margin: 0;
  padding: 0;
}
/* ENDE #topmenu*/

/* =========================================== */
/*  BEGINN #randbereich */
#randbereich {
  position: absolute;
	width: 14em;
  right: 0; /* 2009-02-20, an #wrapper ausgerichtet */
	background-color: #d7e0cc;
background-color: #E5E2D1;
	padding: 0;
  border-top: 0.25em solid #a5ba8c;  /* dunkles Grün */
border-top: 0.25em solid #C0B990; /* dunkles Braun */
  border-bottom: 0.25em solid #a5ba8c;
border-bottom: 0.25em solid #C0B990;
	margin: 1em;
  margin-right: 1em;
  margin-left: 0;
  z-index: 0;
}

#randbereich img {
  vertical-align: middle;
}
#randbereich a:hover {
  color: white;
  background-color: #ffa500; 
  text-decoration: none; 
}
#randbereich h1 {
	font-size: 120%;
	font-weight: 600;
	color: black; 
	padding: 0.5em 0.2em 0.2em 1em;
	margin: 0;
}
#randbereich h2 {
	font-size: 100%;
	font-weight: 600;
	color: #000000; 
	padding-left: 1.3em;
	padding-bottom: 0.4em;
	margin-top: 1em;
	margin-bottom: 0;
}
#randbereich ul { 
	padding-top: 0.2em;
	padding-left: 1.4em; 
	margin-left: 0; 
/* padding-left zum Einrücken in Mozilla, IE _und_ Opera, 
   zusammen mit margin-left: 0 scheint's zu funktionieren */
	margin-top: 0; 
	margin-bottom: 0; 
}
#randbereich li { 
  font-size: 90%;
  list-style: none;
	padding-top: 0.2em; 
}
#randbereich p {
  padding-left: 1.3em;
	}

/* Hotel buchen, Forum, Kontakt */
#navmeta {
  color: orange; /* Aufzählungspunkt, Textfarbe -> #navmeta ul a */
  font-weight: bold; 
  background-color: white; 
	padding-bottom: 1em; 
	padding-left: 0.5em; 
  border-bottom: 0.25em solid #a5ba8c; /* dunkles Grün */
border-bottom: 0.25em solid #C0B990; /* dunkles Braun */
}
#navmeta ul {
 padding-left: 2.2em; 
}
#navmeta ul a {
  display:block;
  color: black;
  width: 8em; 
  padding: 0.2em; 
  padding-bottom: 0em;
}
#navmeta ul a:hover {
  color: white;
  background-color: #ffa500;
  text-decoration: none; 
}
#navmeta li {
  list-style-type: square; 
}
/* ENDE #randbereich */

/* ================================*/
/* BEGINN #inhaltsbereich */

#inhaltsbereich {
  padding: 0 3em 1em 0;
  margin: 1em 15em 1em 3em;
}
#inhaltsbereich h1 {
  font-size: 100%;
  font-weight: normal;
  color: black;
	background-color: #d7e0cc;
	padding: 0.5em;
  border-top: 0.25em solid #a5ba8c;
	margin: 0 0 1em 0;
}
#inhaltsbereich h2 { /* Thema über jedem Artikel */
	font-size: 80%;
	font-weight: normal;
	padding: 0;
	padding-bottom: 0.1em;
	margin: 0;
margin-top: 2em;
}

#inhaltsbereich h3 { /* Überschrift der Artikel */
	font-size: 110%;
  background-color: #D7E0CC;
	padding: 5px 0.2em 5px 5px;
	border-top: 1px solid #a5ba8c;
	margin: 0;
	margin-top: 0.2em;
}
#inhaltsbereich h3 a:link,
#inhaltsbereich h3 a:visited {
	text-decoration: none;
  color: #333;
}
#inhaltsbereich h3 a:hover,
#inhaltsbereich h3 a:focus {
  background-color: orange;
  color: white;
}

#inhaltsbereich h4 {
	font-size: 110%;
	color: #637843;
	padding-bottom: 0; 
/*  border-top: 1px solid #637843;*/
	margin-bottom: 0; 
}
.artikeltext {
  padding-right: 1em; /* Artikel rechts nicht ganz bis zum Rand */
  margin-bottom: 1em;
  margin-top: 1em;
}
#inhaltsbereich p, #inhaltsbereich li { /* Fliesstext der Artikel */
/*   font-size: 90%;  */
  line-height: 1.8;
	padding-top: 0; 
	margin-top: 0.5em; 
	margin-bottom: 0; 
}
#inhaltsbereich ul {
	padding-top: 0; 
	margin-top: 0; 
	padding-bottom: 0; 
	margin-bottom: 0; 
}
#inhaltsbereich li {
	list-style-type: square; 
}
#inhaltsbereich p:first-letter { /* Der erste Buchstabe im Abatz */
/*  font-size: 120%; 
  font-weight: bold; 
	font-family: Georgia, "Times New Roman", Times, serif;*/
}
#inhaltsbereich img {
  vertical-align: middle;
}
/* .posted wg. abwärtskompatibilität, könnte wahrscheinlich raus */
.artikelinfo, .posted {/* Zeile unterhalb eines Artikels */
  clear:both; /* damit gefloatete Grafiken im Textbereich bleiben */
	font-size: 80% ;
	border-top: 1px dotted #ccc;
	padding-top: 0.5em;
  margin-top: 1em;
	margin-bottom: 2em; /* Abstand zum nächsten Artikel */
}
/* Die Fusszeile unterm Inhaltsbereich */
#inhaltsbereich .fusszeile{
  line-height: 1.5em;
  text-align: center;
	background-color: #d7e0cc;
  padding: 1em 0 1em 0;
  border-bottom: 0.25em solid #a5ba8c;
  margin: 3em 0 0 0 ; 
}

/* hebt Initial aus p:first-letter auf */
#inhaltsbereich .fusszeile:first-letter,
#inhaltsbereich .morelink:first-letter  
{ 
  font-size: 100%;
  font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#inhaltsbereich p.fusszeile {
  text-align: center; 
  background-color: white; 
  padding: 0;
  border: none; 
  margin-top: 1em; 
}
/* links in #inhaltsbereich */
#inhaltsbereich a {
 	background-color: transparent;
	text-decoration: underline;
}
#inhaltsbereich a:link {
  color: #637843; 
}
#inhaltsbereich a:visited {
  color: #485731; 
}
#inhaltsbereich a:hover, 
#inhaltsbereich a:active { 
	color: white; 
	background-color: #ffa500;
	text-decoration: none;
}
#inhaltsbereich h1 a:link, #inhaltsbereich h1 a:visited, 
#inhaltsbereich h2 a:link, #inhaltsbereich h2 a:visited, 
#inhaltsbereich .artikelinfo a:link, #inhaltsbereich .artikelinfo a:visited, 
#inhaltsbereich .posted a:link, #inhaltsbereich .posted a:visited, 
#inhaltsbereich .inhaltsbereichfuss a:link, #inhaltsbereich .inhaltsbereichfuss a:visited 
{
  color: #485731; 
  text-decoration: none;
}
#inhaltsbereich h1 a:hover, 
#inhaltsbereich h2 a:hover, 
#inhaltsbereich .artikelinfo a:hover,
#inhaltsbereich .posted a:hover, 
#inhaltsbereich .inhaltsbereichfuss a:hover 
{
  color: white; 
  background-color: orange; 
} 
/*=========================================================*/
/* Die <div>(Bild-)Boxen INNERHALB eines Artikels */
.leftbox, .rightbox {
	margin: 0.1em;
	padding: 0.25em;
	min-width: 10%;
	border-bottom: 1px solid #a5ba8c;
	margin-bottom: 0.2em;
}
.leftbox {
	float: left;
	border-right: 1px solid #a5ba8c;
	margin-right: 0.2em;
}
.rightbox {
	float: right;
	border-left: 1px solid #a5ba8c;
	margin-left: 0.2em; 
}
/* kennzeichnet Suchbegriffe und bei Artikeln das "neu" */
.highlight {
	color: white; 
	background-color: #ffa500;
}

dl.bildbox { float: right; text-align: center; padding: 0.25em; margin: 0 0 0 1em; }
dl.bildbox dt { padding: 0; margin: 0; }
dl.bildbox dd { font-size: 80%; margin: 0; }


/* =====================================*/
/* Kontaktformular auf kontakt.php */
.kontaktformular { /* Formulartabelle */
  background-color: #d7e0cc;
  padding: 0 10px 0 10px;
  border: 1px solid #a5ba8c;
  margin-top: 10px;
}
.fehlertext {color:#cd0000;}
.fehlerfeld {background:#cd0000;}

.anmerkung { /* Kästchen um Anmerkung */
  padding: 10px;
  border: 2px dotted #a5ba8c;
  background-color: #d7e0cc;
}
.smallfont {
  font-size: 80%;
}
.honigtopf {
  position: absolute;
  top: 9999px;
  right: 9999px;
}

#inhaltsbereich div.kontaktformular_hinweis * {
  line-height: 1.7;
}
#inhaltsbereich div.kontaktformular_hinweis p {
    margin-bottom: 1em;
}
#inhaltsbereich div.kontaktformular_hinweis li {
  margin-bottom: 2em;
}

#inhaltsbereich div.kontaktformular_hinweis strong {
  background-color: #d7e0cc;
  color: black;
  padding: 5px;
}


/* Commentform von Nucleus */
form div.commentform div {
  margin-bottom: 1em;
}
form div.commentform .error {
  background-color: red;
  color: white;
  padding: 5px;
  border: 1px solid darkred;
}
form div.commentform #nucleus_cf_verif {
  margin: 0 0 0.5em 0;
}
/* Kommentare von mir */
div.kommentar1 {
  background-color: #d7e0cc;
  padding: 0 5px 0 10px; 
  border: 1px solid #a5ba8c;
}


/* =====================================*/
/*End of file v310.css */