/* CSS-Datei für MEER-Template (Helmut Brixel 
CMBasic is free software under the GNU/GPL
Copyright Johann-Christian Hanke 
Copyright CSS-Datei Johann-Christian Hanke
http://www.cmbasic.de 
http://cmbasic.sourceforge.net 

Modifiziert von Helmut Brixel September 2011
DAS MEER mit blauen Wasserfarben 

*/

* { margin: 0; padding: 0;}

/* Gesamtschrift und Gesamtrand festlegen */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;
  margin: 0; padding: 0;
  background-color: #006699;
  background-image: url(hintergrund.png);
  background-repeat: repeat-y; 
  background-position: center;
}

/* mother-container, contains logo, navi, content and footer */
#mother {
  text-align: left;
  margin: 0 auto; padding: 0;  
  width: 800px;
  color: black; background-color: #D6FFFF;
}

/* Container mit dem Logo */
#logo {  
  padding: 0;  margin: 0;
  text-align: left;
  height: 200px;
  color: black;
  background-color: transparent;  
  background-image: url("meer.jpg");
  margin-bottom: 20px;
}

/* Hauptüberschrift im Logo-Container */
#logo #gross {
  font-size: 2.2em; color: white;
  margin: 0px; padding-left: 5px; padding-top: 55px;    
  font-weight: bold;
  text-indent: 10px;  

}

/* Unterzeile im Logo-Container */
#logo #tagline {  
  margin: 0; padding-left: 6px; padding-top: 55px;
  font-size: 1.2em; font-weight: bold;
  color: #BCDFE3; background-color: transparent;  
  text-indent: 10px;
  height: 20px;  
}

/* Suchfeld */
#search {
  text-align: right;
  float: right;
  color: white;
  width: 250px;
  background-color: transparent;
  padding: 10px;
}

/* Innenrand Suchform */
#search form { margin: 0px;}

#search input { border: solid 1px #0B8A49;}

#searchfield {
/* Umrandung */
border: solid 1px white; background-color: #BCDFE3;}

.pdf { margin-top: 10px; padding: 5px; background-color: #FFFFD7;}

/* Haupt-Navigationsbereich */
#navi {
  font-size: 0.8em;
  float: left;
  width: 150px;
  color: black;
  background-image: url(navi_hg.png); background-repeat: repeat-y; background-color: transparent;
  margin-top: 5px;
}

#title {
  margin-top: 10px; margin-bottom: 10px;
  font-size: 1.2em;
  background-image: url(bluedot.gif); background-repeat: no-repeat;
  text-indent: 20px;
}

#path { margin-top: 3px; padding-bottom: 7px;}

/* Inhaltsbereich */
#content {
  float: right; width: 595px;
  color: #005174; font-size: 0.84em; background-color: transparent;
  line-height:1.45em;
  border-left-style: solid; border-left-width: 2px; border-left-color: #5AA5C2;
  padding-left: 12px; padding-right: 12px;
}

.plugin, .plugin td {color: blue; background-color: white; font-size: 0.84em; line-height:1.45em;}

.newsletter { color: blue; background-color: white; font-size: 0.9em; line-height:1.45em;}

.warning { color: red;}

/* Fußzeile */
#footer { color: black; padding: 2px; clear: both;}

div.copy { margin-top: 4px; font-size: 0.7em; text-indent: 10px; text-align: center;}

#topmenu {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold;
  padding-left: 0px; text-align: right;}

#topmenu ul { padding: 3px; border-bottom: 2px solid #5AA5C2; margin-bottom: 8px;}

#topmenu li {display: inline;}

#topmenu a {
  padding: 3px 1em; margin-right: 3px;
  color: white; background-color: #5AA5C2;
  border: 1px solid #5AA5C2;
  text-decoration: none; border-bottom: 0;}

#topmenu a:link {
    color: white; text-decoration: none;
  border-style: solid; border-width: 1px; border-color: #5AA5C2;}

#topmenu a:visited {
  color: white;
  border-style: solid; border-width: 1px; border-color: #5AA5C2;
  text-decoration: none;
  width: 100%;}

#topmenu a:hover {
  background-color: #0B8A49;
  width: 100%;
  color: white; background-color: #1277BB;
  border-style: solid; border-width: 1px; border-color: #5AA5C2;
  }

#topmenu .obermenuhigh {
  padding: 3px 1em; margin-right: 3px;
  color: #006699; background-color: white;
  border-style: solid; border-width: 1px; border-color: #006699;
  border-bottom: 0;
}


/* ENDE Listenstile für Menüeintrag im topmenu */

/* Listenstile für Menüeintrag im Navibereich  - Dieser Abschnitt ist sehr lang */

#navi ul { list-style-type: none; margin-top: 0px; margin-left: 1px; padding-left: 1px;}

#navi ul ul {
  list-style-type: none;
  list-style-image: url(navi_pfeil.png);
  padding-left: 13px; margin-left: 10px; }

  /* Ober-Titel */
#navi ul li a {
  display: block;
  list-style-type: none;
  text-indent: 0px;
  margin-top: 3px; padding: 2px 2px 2px 8px;
  font-weight: bold; color: white; background-color: #5AA5C2;
  border: solid 1px #5AA5C2;}

/* Unter-Titel */
#navi ul ul li a { 
 display: block;
 margin-top: 1px; padding:2px 2px 2px 2px;
 text-indent: 0px; font-weight: bold; color: #006699; background-color: #BCDFE3;
 border: solid 1px #98C2B6;}

#navi a:link {
  display: block; width: 140px;
  text-decoration: none;
  border: solid 1px transparent;}

#navi a:visited {
  text-decoration: none;
  display: block; width: 140px;
  border: solid 1px transparent;}

#navi a:hover {
  display: block; width: 140px;
  color: white; background-color: #1277BB;
  border: solid 1px #1277BB;}

#navi ul .obermenuhigh {
  list-style-type: none;
  display: block; width: 150px;
  margin-top: 3px; padding: 2px 2px 2px 8px;
  font-weight: bold; color: #006699; background-color: white;
  border: solid 1px #006699;}

#navi ul ul .submenuhigh {
  list-style-type: none;
  display: block; width: 140px;
  margin-top: 1px; padding: 2px 2px 2px 2px;
  font-weight: bold; color: #006699; background-color: white;
  border: solid 1px #006699; }
 
/* ENDE Listenstile für Menüeintrag im Navibereich */

/* Überschrift 1 */
h1 { margin-top: 3px; font-weight: normal; font-size: 1.6em; line-height: 1.4;
  margin-top: 10px; padding-left: 5px;
  color: #D6FFFF;
  background-image: url(verlauf_k.png); background-repeat: repeat-y;
  margin-bottom: 12px;
}

/* Überschrift 2 */
h2 { margin-top: 15px; margin-bottom: 6px;
  font-size: 1.1em;   
  background-image: url(pfeil_1.png); background-repeat: no-repeat;
  padding-left: 12px;
  background-position: 0px 5px;  
}

/* Überschrift 3 */
h3 { margin-top: 15px; margin-bottom: 2px; font-size: 1em;}

/* Absatz und div */
#content p, div, object { margin-top: 2px; margin-bottom: 8px;}

#navi div.rss {line-height: 1.1; margin: 5px; padding-left: 6px;}

#navi div { line-height: 1.1; padding-left: 1px; margin: 0; }

b { color: black;}

strong { color: black;}

.bu { margin-top: 0px; font-size: 0.75em; font-weight: bold;}

/* normaler Listenstil, beschränkt auf Inhaltsbereich */
#content ul, .plugin ul {
  margin-bottom: 12px; margin-left: 1.2em; padding-left: 1.2em;
  list-style-image: url(bluedot.gif);
  font-size: 1em; line-height: 1.4;}

#content ol, .plugin ol {
  margin-bottom: 12px; margin-left: 1em; padding-left: 1em;
  font-size: 1em; line-height: 1.4;}

a:link { color: #006699;}

/* besuchte Hyperlinks */
a:visited { color: #006699;}

/* Hovereffekt für Links */
a:hover { text-decoration: none; color: white; background-color: #006699;}

/* Hier beginnen die ungebundenen Klassen, zu erkennen
am Punkt vor dem Klassennamen 
Diese werden im Auswahlmenü von TinyMCE gezeigt */
/* Gestaltung des rechts ausgerichteten News-Kastens */
.kasten {
  clear: both;
  font-size: 0.9em;
  background-color: #BCDFE3;
  margin-top: 2px; margin-left: 3px; padding: 5px;
  float: right; width: 200px;
  border: dotted 2px #006699;
}

.kasten h3 {
margin-top: 0px; padding-left: 5px;
color: #D6FFFF; font-weight: bold;
background-color: #5AA5C2;
} 

.boxcover {
  font-size: 0.9em;
  margin-top: 10px; margin-left: 4px; padding: 3px;
  float: right; width: 200px;
}

.box {
  font-size: 0.9em;
  margin-top: 8px; margin-right: 3px; padding-right: 0px;
  float: right; width: 100%;
  border: solid 1px #0B8A49;
}

.box h3 {
  color: white; background-color: #0B8A49; 
  padding-left: 4px; padding-right: 4px; margin-top: 0px;
}

.box div { padding-left: 4px; padding-right: 4px;}


/* Einführungsabsatz */
.lead, .lead p {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
  font-size:  1em; line-height: 1.5em; font-weight: bold;
  margin-top: 5px; margin-bottom: 10px;
}

.lead img { padding: 5px;}

.rahmen {
  font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 1em;
  width: 90%;
  background-color : #F5F4F2; 
  border: solid 1px #006699; 
  padding: 5px; 
}

/* Rahmen mit gestrichelter Umrandung */
.tipp {
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size : 1em; 
  width: 95%;
  border: dotted 1px #006699; 
  padding : 3px; margin-top: 8px; margin-bottom: 10px; 
}

.code {
  font-family: 'Courier New', Courier, monospace;
  font-size: 1em;
  color: #000099;
}

/* Linie interessant gestalten */

hr#trenner {
  border: solid 1px white;
  width: 370px;
  margin-left: 0px;
  text-align: left;
}

hr {
  border: 1px dashed #0B8A49;
  width: 95%;
  margin-left: 0px;
  text-align: left;
}

#linie {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: silver;
  padding-top: 4px; padding-bottom: 8px;  
  line-height: 0.3;
}

/* Luft für Tabellen */
table th, th, tbody { padding: 3px;}

/* Links innerhalb von Absätzen mit 
kleinem Zeichen versehen */
#content p a {
  display: inline;
  padding-left: 10px;  
  background-image: url(bluedot.gif);
  background-repeat: no-repeat;
}

#content p.image {text-align: left;}

.datum {font-size: 0.8em;}