/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**  Stand       : 19.05.08 Kalle


@media all
{
/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
*/

/* ### Ueberschriften, Fliesstexte ###################################################################### */

body { color: #224A10; font-size: 81.25%; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; } /* 13px */
h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.6em; color: #224A10; margin: 0 0 0.25em 0; padding-top: 1.0em; font-weight:bold; }
h2 {font-size: 1.4em; color: #224A10; margin: 0 0 0.25em 0; padding-top: 1.0em; border-bottom: 2px #224A10 solid; }
h3 {font-size: 1.2em; color: #224A10; margin: 0 0 0.25em 0; padding-top: 1.0em; font-weight:bold; }
h4 {font-size: 1.0em; color: #224A10; margin: 0 0 0.30em 0; padding-top: 0.5em; font-weight:bold; border-bottom: 1px #224A10 solid;}
h5 {font-size: 1.0em; color: #224A10; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #FFFFFF; margin: 0 0 0.30em 0; background-color: #224A10; }

#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0em 0; 
	border:0; 
	border-bottom: 1px #224A10;

border-bottom-style:  solid; 
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

/* ### Auszeichnung lokaler und Externer Links ######################################################## */

a, a em.file {color: #669; text-decoration: underline;}
a:hover {color: #666; text-decoration: underline;}
a:focus {color: #666; text-decoration: underline;}

#topnav a { color: #669; background:transparent; text-decoration: underline; }
#topnav a:hover {color: #666; text-decoration:underline; }
#topnav a:focus {color: #666; text-decoration:underline; }

#footer a { color: #669; text-decoration:underline;}
#footer a:hover {color: #666; text-decoration:underline; }
#footer a:focus {color: #666; text-decoration:underline; }

#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/

table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }

form {overflow:hidden;}

input, textarea {
    width: auto;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}



/* ######################################################################### */
/* ###  unbekannte Formatierungen prýfen ob und wo wichtig ################# */
/* ######################################################################### */


/* ###  Textformatierungen ################################################# */

blockquote { 
 color: #444; 
 background: #f8f8f8; 	
 border: 1px #ddd solid;
 border-left: 8px #ddd solid;
 padding: 1em 1em 0 1em;
 margin: 0 0 1em 1em;
}

/* Ungeordnete Listen ohne Listenpunkt */ 
ul.linklist { 
 list-style-type: none; 
 margin: 0 0 1em 0; 
}
ul.linklist li { 
 margin: 0 0 1em 0;
}


/* ### Tabellen ########################################################### */

table.bugs { margin-bottom: 1em; margin-top: .5em; }
table.bugs th { 
 background: #444; color: #fff; 
 padding: 0.5em; 
 text-align: center; 
 border-bottom: 1px #fff solid; 
 border-right: 1px #fff solid;
}

table.bugs td {
 background: #888; color: #fff; 
 padding: 0.5em; 
 text-align: center; 
 border-bottom: 1px #fff solid; 
 border-right: 1px #fff solid;
}


/* ############################################################################
** ### Spezielle Formatanweisungen aus verwendeten Redaxo Modulen #############
** ############################################################################
*/


/* ### Module Artikellisten sortiert und unsortiert ######################## */

ul.article-list {
  margin-top: 20px;
  margin-bottom: 20px;
  list-style-type: square;
}

ul.article-list li {
  font-weight: bold;
}

/* ### Artikelliste mit Tesaser ################### */

.teaser2 { 
 font-size: 81.25%; 
 font-weight: normal;
}  

/* ### Module Artikel und Kategorie blättern ######################## */

div.links_zum_blaettern {
 float: left;
 width: 100%; 
 font-weight: bold;
 background-color: transparent;
 margin-top: 10px;
 margin-bottom: 10px;
}

div.links_zum_blaettern p.links,
div.links_zum_blaettern p.mitte,
div.links_zum_blaettern p.rechts {
 background-color: transparent;
 float: left;
 width: 49.9%;
}
div.links_zum_blaettern p.links,
div.links_zum_blaettern p.rechts {
 width: 25%;
}
div.links_zum_blaettern p.rechts {
 float: right;
 text-align: right;
}
div.links_zum_blaettern p.mitte {
 text-align: center;
}

/* ### download ############################################################ */

.download-hdl { 
  padding: 5px 1px 10px 10px;
  color: #ffffff;
  font-weight: bold;
  background-color: #224A10;
  margin-bottom: -10px;
}

.download-file { 
  padding: 1px 1px 10px 5px;
  margin-bottom: 0px;
  font-weight: bold;
  border-left: 1px solid #224A10;
  border-right: 1px solid #224A10;
}

.download-desc { 
  margin-bottom: 1.0em;
  padding: 10px 1px 10px 10px;
  background-color: #b8e0ae;
  border-top: 1px solid #224A10;
  border-left: 1px solid #224A10;
  border-right: 1px solid #224A10;
  border-bottom: 1px solid #224A10;
}

.download-without-desc { 
  margin-bottom: 1.0em;
  padding: 1px;
  border-top: 1px solid #224A10;
}


/* ### Sitemap ############################################################# */ 

#sitemap ul li.lev1 {
 font-size: 14px;
 font-weight: bold;
 list-style-position:outside;
 list-style-image: url('../files/eisen.gif');
 margin-left: 5em;
 margin-bottom: 10px;
}

#sitemap ul li.lev1 li{
 font-size: 12px;
 list-style-position:outside;
 list-style-type:square;
 list-style-image: none;
}

#sitemap ul li.lev1 li li{
 font-size: 11px;
 list-style-position:outside;
 list-style-type:disc;
}

#sitemap ul li.lev1 li li li{
 font-size: 11px;
 list-style-position:outside;
 list-style-type:circle;
}

#sitemap ul li.lev1 li li li li{
 font-size: 11px;
 list-style-position:outside;
 list-style-type:none;
}

/* ### Magazinlayout ###################################################### */ 

.magazine-container {
 background: #f7f7f7;
}

.magazine-container.rechts {
 background: #f7f7f7;
 float: right;
}

.magazine-container.links {
 background: #f7f7f7;
 float: left;
}
.magazine-image a, .magazine-image a:hover {
 border: 0;
 background: transparent;
}

/*### Bild mit Lightbox ... Ausrichtung Links-Rechts-zentriert ########## */ 

.pleft {
  float: left;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  vertical-align: text-bottom;
  border: none;
}

.pright {
  float: right;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
  vertical-align: text-bottom;
  border: none;
}

.pnormal {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  border: none;
}

/*### Bild mit Lightbox ... Definition der KLassen mit Rahmen ######### */

.pleft_b {
  float: left;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  vertical-align: text-bottom;
  background: #ffffff;
  padding: 4px;
  border: 1px #224A10 solid
}

.pright_b {
  float: right;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
  vertical-align: text-bottom;
  background: #ffffff;
  padding: 4px;
  border: 1px #224A10 solid
}

.pnormal_b {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ffffff;
  padding: 4px;
  border: 1px #224A10 solid
}
	
.trennelement {
  clear: both;
  width: 20px;
}

/* ### JAOS Lightbox Style-Sheet ###################################################################################### */
/* ### Einfaches Style-Sheet zur (X)HTML-validen Darstellung der Thumbnails, ausgelegt auf eine Thumbnail-Grýýe######## */
/* ### von 60 x 80 Pixel. Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet und dem jeweiligen div's zugeordnet.## */

div.jaosg_thumbnail{
 float: left;
 background: #86ae74;
 border: 1px solid;
 border-color: #FFFFFF #224A10 #224A10 #FFFFFF;
 margin: 5px 3px;
}

div.jaosg_thumbnail img{
 border: 1px solid;
 border-color: #224A10 #DEEEDB #DEEEDB #224A10;
}

/* ls=landscape-Format der Thumbs */

div.ls img{
 height: 90px;
 width: 120px;
 margin: 30px 15px;
}

/* pt=portrait-Format der Thumbs */

div.pt img{
 height: 120px;
 width: 90px;
 margin: 15px 30px;
}

/* footer schaltet float:left wieder aus */

div#jaosg_footer{
 clear: both;
 padding-top: 1em;
}

/* ### Bildpositionierung aus Yaml Stilesheet - benötigt? ############################ */

img.float_left {
 float: left;
 margin-right: 1em;
 margin-bottom: 0.15em;
 border:0;
}

img.float_right {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.15em;
  border:0;
}
img.center {
  text-align:center;
  background: #fff;
  padding: 4px;
  border:1px #ddd solid;
}
img.framed {
  padding:3px;
  border: 1px #ddd solid;
  background: #f4f4f4
}

/* ### Formatierung fýr das Excel-Tabellen Modul ################## */

.daten { 
 width: 100%;
 border-collapse: collapse;
 font-size: 0.9em;
 line-height: 1.2em;
 margin-bottom: 10px;
}

/* Tabellenýberschrift */

.daten caption { 
 margin-top: 30px;
 padding: 8px;
 font-size: 1.1em;
 font-weight: bold;
 color: #ffffff;
 background-color: #224A10;
 border: 1px solid #224A10;
}

/* Tabellendatenfelder */

.daten td { 
 border: 1px solid #224A10;
 padding: 3px;
 text-align: center;
 vertical-align: middle;
}

/* Tabellenkopf */

.daten th { 
 border: 1px solid #224A10;
 padding: 8px 3px;
 text-align: center;
 vertical-align: middle;
 background-color: #55A847;
 font-weight: bold;
 color: #000000;
}

/* Zwischenzeilen */

.daten .subtitle td { 
 padding: 8px 3px;
 background-color: #91E483;
 font-weight: bold;
 color: #000000;
}

/* Tabellenunterschrift */

.daten tfoot td { 
 padding: 8px;
 background-color: #91E483;
 font-weight: bold;
 color: #000000;
}

/* ### Brotkrumennavigation ############################# */

.breadcrumb {
 font-size: 0.8em;
 color: #224A10;
 font-weight: bold;
}

/* ### Kategorien blättern Navigation ############################# */
.introtext {
 font-size: 1.0em;
 color: #224A10;
 font-weight: bold;
}

/* ### Pinnwand ######################################################### */ 

#pinnwand{
 border: solid 1px #224A10;
 background: url(../files/pinwand.jpg);
 padding: 5px;
 position: relative;
 overflow: auto;
 height: 490px;
}
.pinnwandeintrag, .pinnwandneuereintrag{
 background-color: #FFFF99;
 border: solid 1px #224A10;
 margin: 5px;
 float: left;
 position: relative;
 overflow: auto;
 width: 13em;
 height: 12em;
}
.pinnwandneuereintrag{
 width: 13em;
 height: 12em;
}
.pinnwandneuereintrag textarea{
 width: 95%;
}
.pinnwandneuereintrag input{
 width: 95%;
}
.pinnwandeintrag p{
 margin: 5px;
}
.pinnwandadmin{
 font-size: 10px;
 position: absolute;
 bottom: 2px;
 right: 2px;
}
.pinnwand_human{
 background-color: #FFFFFF;
 width: 70%;
 margin-left: 15%;
 padding: 5px;
 border: 1px solid #224A10;
}
.pinnwand_human_error{
 font-weight: bold;
 color: #FF0000;
}
.pinnwanddate{
 font-size: 0.7em;
 position: relative;
 bottom: 0px;
 left: 0px;
 background-color: #FFFF99;
}
.pinnwanderror{
 display: block;
 background-color: #ff0000;
 color: #224A10;
 border: solid 1px #224A10;
 margin: 5px;
 padding: 3px;
}

/* ### Formular Modul ########################################## */

#form-module * {
 padding:0px;
 margin:0px;
}

#form-module {
 margin:0px;
 padding:0px;
 width:550px;
 background-color:transparent; /* Hintergundfarbe des Formulars */
 color: #224A10;
 font-family:verdana, arial, helvetica, sans-serif;
 font-size:9pt;
}

#form-module fieldset {
 border:0px solid #fff;
}

#form-module legend {
 display:none;
}


#form-module p {
 margin:0;
 padding:5px;
 font-size:9pt;
 font-weight:bold;
}

#form-module .element {
 display:block;
 clear:both;
 background-color:transparent;
 border-top:1px solid #86ae74; /* Haarlinien als Trennung, horizontal */
}

#form-module label {
 display:block;
 float:left;
 padding:5px;
 width:200px; /* Abstand zwischen Name: und Formularfeld */
 /* border-right:1px solid #537ca9; */ /* Haarlinien als Trennung, horizontal zwischen checkbox und Wort */
}

#form-module label.checkbox {
 padding-top:0px;
 padding-bottom:15px;
 width:350px; /* Textebreite rechts von Checkbox */
 /* border-left:1px solid #537ca9; */ /* Haarlinien als Trennung, horizontal zwischen input und Wort */
 border-right:none;
}

#form-module input,
#form-module select,
#form-module textarea {
 float:left;
 padding-top:2px;
 padding-left:2px;
 margin:1px;
 width:334px;
 border:1px solid #86ae74;
 font-family:verdana, arial, helvetica, sans-serif;
 font-size:9pt;
 color:#224A10;
 background-color:#FFFFFF;
}

#form-module input.text {
 height:18px;
}

#form-module input.checkbox {
 width:125px;
 padding:0;
 border:none;
}

#form-module input.submit {
 width:200px;
 margin:10px 2px 50px 212px; /* letzter Wert zur Positionierung des Schalters */
 padding:1px 1px 1px 1px;
 border:1px solid #224A10;
 background-color:#224A10;
 font-weight: bold;
 color:#FFFFFF;
 font-family: verdana, arial, helvetica, sans-serif;
 text-align: center;
 cursor:pointer;
}

#form-module input.submit:hover {
 border:1px solid #224A10; 
 background-color:#DEEEDB;
 color:#224A10;
}

#form-module label.textarea,
#form-module textarea.textarea {
 height:150px;
}

#form-module-thanks { /* Danksagung */
 display:block;
 color:#224A10;
 font-family:verdana, arial, helvetica, sans-serif;
 font-size:11pt;
 font-weight:bold;
 line-height:13pt;
}


/* ### Suchformular ########################################## */

#Suchformular input.submit {
 width:50px;
 margin:0px 0px 0px 2px; /* letzter Wert zur Positionierung des Schalters */
 padding:1px 1px 1px 1px;
 border:1px solid #224A10;
 background-color:#224A10;
 font-weight: bold;
 color:#FFFFFF;
 font-family: verdana, arial, helvetica, sans-serif;
 text-align: center;
 cursor:pointer;
}

#Suchformular input.submit:hover {
 border:1px solid #224A10; 
 background-color:#DEEEDB;
 color:#224A10;
}

#Suchformular input,
#Suchformular select,
#Suchformular textarea {
 color:#224A10;
 padding-top:0px;
 padding-left:2px;
 margin:1px;
 width:150px;
 border:1px solid #86ae74;
 font-family:verdana, arial, helvetica, sans-serif;
 font-size:10pt;
 background-color:#FFFFFF;
}


/* ### Loginformular ########################################## */

.login input.submit {
 width:120px;
 margin:0px 0px 0px 10px; /* letzter Wert zur Positionierung des Schalters */
 padding:1px 1px 1px 1px;
 border:1px solid #224A10;
 background-color:#224A10;
 font-weight: bold;
 color:#FFFFFF;
 font-family: verdana, arial, helvetica, sans-serif;
 text-align: center;
 cursor:pointer;
}

.login input.submit:hover {
 border:1px solid #224A10; 
 background-color:#DEEEDB;
 color:#224A10;
}

.login input,
.login input:focus,
.login textarea:focus,
.login textarea {
 color:#224A10;
 padding-top:0px;
 padding-left:2px;
 margin:1px;
 width:120px;
 border:1px solid #86ae74;
 font-family:verdana, arial, helvetica, sans-serif;
 font-size:10pt;
 background-color:#FFFFFF;
}


/* ### Pferde-Gästeliste ########################################## */

#gaeste {
 margin: 10px 0;
 padding: 0;
 list-style-type: none;
}

#gaeste li {
 float: left;
 width: 120px;
 list-style-type: none;
 margin: 0 10px 5px 0;
 padding: 0;
 outline-style: none; 
}

#gaeste li a, #gaeste li a:visited {
 text-indent: -9000em;
 display: block;
 width: 120px;
 height: 180px;
 border: 3px solid #224A10;
 background-position: 0 0;
 outline-style: none; 
}

#gaeste li a:hover {
 background-position: 0 -180px;
 border: 3px solid #55A847;
 outline-style: none; 
}


/* ### Seiten blättern ########################################## */

.catlinks_text {
 font-size: 1.4em;
}

.catlinks_spacer {
 font-size: 3em;
}

#catlink_up a {
 text-align: center;
}
#catlink_up img {
 text-align: center;
}

#catlink_next a {
 float: right;
}
#catlink_next img {
 float: right;
}
#catlink_prev a {
 float: left;
}
#catlink_prev img {
 float: left;
}

/* ### Linkliste ######################### */

.contentlinklist {
 margin-left: 0%;
 margin-top: 0px;
}

/* bei fixer Breite ggf.  width: 500px; einbauen */

.linkarea {
 background: none;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 0px;
}

.linkarea_txt {
 position: relative;
 margin-left: 30%;
 border: 0px;
}

.linkarea_head {
 font-size : 1.2em;
 font-weight: bold;
 text-transform : uppercase;
 background-color : transparent;
 padding : 5px 0px;
 margin : 0;
}

.linkarea_img {
 padding: 2px;
 background: #fff;
 float: left;
 margin-right: 15px;
 border: 0px;
}

.linkarea_imgmax {
 padding: 10px;
 background: none;
}

.clean {
 clear: both;
}

/* ### Laufband mit Link ##################### */

.laufbanner {
 width:96%;
 border: 1px solid #224A10;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:1.3em;
 color: #26772a;
 padding:2px 10px 2px 10px;
 margin-top:15px;
 margin-bottom:15px;
 font-weight:bold;
}

div.laufbanner a:link { 
 color: #224A10; 
 text-decoration: none;
}
div.laufbanner a:visited {
 color: #26772a;
 text-decoration: none; 
}
div.laufbanner a:active {
 color: #724121; 
 text-decoration: none;
}
div.laufbanner a:hover {
 color: #724121; 
 text-decoration: none; 
}

/* ### Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie ######### */

div.wysiwygimg {}

/* ### ----- Hack only for IE 7 -----######## */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {
 clear:both; 
 display:block;
 font-size:1px;
 line-height:0px;
 margin:0;
 padding:0;
 position:relative;
}

/* ### Text ####### */
.wysiwygimg .wysiwygimgtext {}

/* ### Bild und Link ######## */
.wysiwygimg img.wysiwygimg {
 border:0;
 margin:1px;
}

.wysiwygimg img.wysiwygimg {
 border:solid 1px #DEEEDB;
 padding:1px;
}
.wysiwygimg a.wysiwygimg img {
 border:0;
 padding:0px;
 vertical-align:top;
 margin:1px;
}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {
 border:solid 1px #DEEEDB;
 display:table;
 display:inline-block;
 line-height:0.0em;
}

.wysiwygimg a.wysiwygimg:visited {}

.wysiwygimg a.wysiwygimg:hover {
 border:solid 1px #DEEEDB;
}

.wysiwygimg a.wysiwygimg:focus {
 border:solid 1px #DEEEDB;
}

.wysiwygimg a.wysiwygimg:active {
 border:solid 1px #DEEEDB;
}

/* ### Bildunterschrift ###### */
.wysiwygimg .wysiwygimgtitle {
 color:#224A10; 
 font-size:0.9em; 
 font-style:italic;
 margin:2px 0px;
}

/* ### Wrapper-Classe um Bild und Bildunterschrift ####### */

.wysiwygimg .wysiwygimgwrap {}

/* ### Bild links im Text (Textumfluss) ###### */

.wysiwygimg .wysiwygimgleft {
 float:left;
 margin:0 1.0em 0 0;
}

/* ### Bild rechts im Text (Textumfluss) ##### */

.wysiwygimg .wysiwygimgright {
 float: right;
 margin:0 0 0 1.0em;
}

/* ### Bild oben links ##### */

.wysiwygimg .wysiwygimgtopleft {
 float:left;
 margin-bottom:0.5em;
}

/* ### Bild oben rechts ###### */

.wysiwygimg .wysiwygimgtopright {
 float:right;
 margin-bottom:0.5em;
}

/* ### Bild oben mittig ######## */

.wysiwygimg .wysiwygimgtopcenter {
 margin-bottom:0.5em;
 text-align:center;
}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {
 margin:0 auto;
}

/* ### Bild unten links ####### */
.wysiwygimg .wysiwygimgbottomleft {
 float:left; 
 margin-top:0.5em;
}

/* ### Bild unten rechts ####### */
.wysiwygimg .wysiwygimgbottomright {
 float:right;
 margin-top:0.5em;
}

/* ### Bild unten mittig ######### */
.wysiwygimg .wysiwygimgbottomcenter {
 margin-top:0.5em;
 text-align:center;
}

.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {
 margin:0 auto;
}

.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {
 margin:0 auto;
}

/* ### Für Bilder links/rechts vom Text ###### */

.wysiwygimg table {
 border-spacing: 0px;
 font-size:1.0em;
}
.wysiwygimg td {
 vertical-align:top;
 font-size:1.0em;
}

/* ### Bild links vom Text ##### */

.wysiwygimg td.wysiwygimgleftcol {
 padding-right:1.0em;
}

/* ### Bild rechts vom Text ##### */

.wysiwygimg td.wysiwygimgrightcol {
 padding-left:1.0em;
}