body{ /**************** der body    ****************/
display:block;
width:100%;
margin:1%;
font:15px/120% Trebuchet MS, Arial, sans-serif}

div {
    display: block;
}

#kopf{ /**************** die box: kopf    ****************/
width:100%;
height:10%;
background-color: transparent;
z-index:5}

#sozial{ /**************** die box: "sozial" für diverse buttons und co. ***************/
width:100%;
top:10%;
margin:0px;
padding:0px}

#inhalt{ /**************** die box: "inhalt" für den alles umschließenden container ***************/
display:block;
position:absolute;
width:97%;
top:10%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px
}

/*-------------------------------------- strukturelemente mit globaler gültigkeit */

#inhalt h1{ /**************** alle h1 überschriften ****************/
display:block;
color:#00380f;
font-size:200%;
line-height: 115%;
font-weight:500;
margin-top:0}

#inhalt h2{ /**************** alle h2 überschriften ****************/
display:block;
border-bottom: 1px dotted gray;
border-left: 4px solid gray;
color:#00380f;
font-size: 1.5em;
font-weight: 500;
padding-left: 4px;
padding-bottom: 4px;
}

#inhalt h3{ /**************** alle h3 überschriften ****************/
display:block;
color:black;
font-size:1em;
font-weight:bold;
margin-top:0}

#inhalt p{ /**************** alle p-blöcke ****************/
color:black;
font-size:1em;
/*
text-indent: 0.3cm;
*/
font-weight:normal}

/*-------------------------------------- besondere elemente */

#sozial .cr{ /**************** für den copyrighttext unter dem titelbanner ****************/
color:black;
font-size:1em;
font-weight:normal;
margin: 0px 0px 0px 0px}

#sozial .fb{ /**************** für den likebutton ****************/
text-align:right;
margin: 0px 0px 0px 0px}

#sozial .sprache{
text-align:right;
margin: -40px 230px 0px 0px}

#inhalt .aida{ /**************** für die AIDA untertitel ****************/
font-style:italic;
margin-top:-10px}

/*-------------------------------------- links */

#inhalt a{ /**************** für alle links ****************/
color:#00380F;
font-size:1em;
font-weight:500;
text-decoration:underline}

#inhalt a:hover{
color:red}

a.top{ /* icon nur für link zum seitenanfang */
background:url(top.png) top left no-repeat;
color: #00380f !important;
font-size: 70% !important;
right: 0px;
padding-left:20px;
}

a.gflag { /* sprachauswahlwidget */
font-size:16px;
padding:1px 0;
background-repeat:no-repeat;
background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/16.png');
}

a.gflag img {
border:0;
}

a.gflag:hover {
background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/16a.png');
}

/*-------------------------------------- tabellenelemente */

#inhalt table{
width:100%;
color:black;
font-size:1em;
font-weight:normal;
background:transparent}

#inhalt tr{
height:auto;
vertical-align:top;
text-align:left}

#inhalt td{ /**************** für alle Bilderseiten !!! ****************/
border-bottom-style:solid;
border-bottom-color:#00380f;
border-bottom-width:1px;
padding:20px 30px 20px 0px}


#inhalt > table > tbody > tr > td.tabel_in_text{ /**** Tabelle im Text ****/
border-bottom-style:solid;
border-bottom-color:#00380f;
border-bottom-width:1px;
padding:0px 0px 0px 0px}


#inhalt > table > tbody > tr > td.textspalte > h2 {
border-bottom: 1px dotted gray;
border-left: 4px solid gray;
color: #00380f;
font-size: 1.5em;
font-weight: 500;
padding-left: 4px;
padding-bottom: 4px;
margin-right: -1.5em;
}

/*-------------------------------------- social bookmarkin tools */

#sbt_custom{ /*Social Bookmarking Tools*/
padding:2px 3px 2px 3px;
font-size:12px}

#sbt_custom img{ /*Social Bookmarking Tools*/
margin-top:4px;
margin-right:3px}

/*-------------------------------------- klassenselektoren */

.tracks li{ /* für die auflistungen von googleearth-kmz-dateien */
margin-bottom:1em;
list-style-image:url(ge-small.ico)}

.tracks p{
margin:0}

.OSM-Karte li{ /* für die auflistungen von OSM-Kartenseitenlinks */
margin-bottom:1em;
list-style-image:url(OSM-32.png)}

.newslinks{ /* die linke textspalte auf der newsseite */
width:100px}

.newsrechts{ /* die rechte textspalte auf der newsseite */
width:900px}

.linkspalte1{ /* die textspalte auf der linkseite */
width:300px}

.linkspalte2{ /* die buttonspalte auf der Linkseite */
width:600px}

.linkspalte2 img{ /* bilderlinks sollen auf der linkseite keinen rahmen haben */
border:none}

.fotospalte{ /* die fotospalte auf einer bilderseite */
width:30%;
text-align:center}

.fotospalte img{ /* bilderlinks sollen auf den fotoseiten keinen rahmen haben */
border:none;
cursor:sw-resize}

.links >img{ /* bilder auf den Übersichtsseiten sollen nach unten Abstand haben */
width: 100%;
max-width: 300px; /* nicht größer werden als das Bild */
height: auto;
padding-bottom:5px}

.textspalte{ /* die textspalte auf einer bilderseite */
width:65%;
vertical-align:top;
text-align:left}

.textspalte a[href^="http:"]{ /* icon nur für externe links */
background:url(link.png) top right no-repeat;
padding-right:12px}

.links{ /**************** die box: "links" für die titel- und die übersichtsseiten  ****************/
left:0%;
position:absolute;
width:30%}

.rechts{ /**************** die box: "rechts" für die titel- und die übersichtsseiten  ****************/
left:31%;
position:absolute;
width:65%}

.wichtig{ /* hervorhebung für wichtiges */
color:red}

.kursiv{ /* hervorhebung */
font-style:italic}

.info{ /**************** für den infotext unter dem überschriften TESTSTADIUM ****************/
color:#A2AEA5 !important;
text-align:left;
font-size: 0.8em !important;
font-weight:normal !important;
font-style:italic;
margin:-20px 0px 0px 0px}

.fett{ /* fett hervorheben */
font-weight:bold}

.peterbild{ /* spezielle formatierung für firmennamen */
color:white;
background-color:red;
font-style:italic;
font-size:200%}

.hervorgehoben { /* hervorgehobene textpassage */
float:right;
width: 15em; 
color: #f90;
font-size: 110%;
background-color: #fff9df;
padding: 2px 10px 2px 10px; 
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #f90; 
margin: 10px;   
}

/*-------------------------------------- die navigationsleiste */
/*-------------------------------------- vorlage von: http://www.seoconsultants.com/css/menus/tutorial/ */
/*-------------------------------------- Horizontal CSS Dropdown and Popout Menu */

#menu{ /* die alles umgebende box für die spaltenmenütitel */
top:-38px;
left:0px;
width:100%;
z-index:10;
background-color: #FFFFFF;
float:left; /* nachfolgende Elemente darunter */
color:#00380F}

#menu ul{ /* neudefinitionen in iefix.inc */
list-style:none;
margin:0;
padding:0;
width:auto;
float:left /* hier wird das Menü horizontal */
}

#menu a,#menu h2{ /* neudefinitionen in iefix.inc */
font-size:medium;
display:block;
margin:0;
padding-top: 2px;
padding-right: 6px;
padding-bottom: 2px;
padding-left: 0px}

#menu a,#menu h2:hover{ /* test */
color:#ffffff;
background-color: #00380f;}

#menu a{ /* spezielle formatierungen für die menütitelleiste */
background-color: #A2AEA5;
text-decoration:none}

#menu a:hover{ /* spezielle formatierungen für die menübestandteile */
color:#00380f;
background-color: #ffffff;}

#menu li{ /* Positioning the Popout Menus and Dropdown Menus */
position:relative}

#menu ul ul{
position:absolute;
z-index:1000}

#menu ul ul ul{
top:0;
left:100%}

#menu ul li ul li a{ /* für die einträge in der ersten aufklappebene */
color:#ffffff}

#menu ul li ul li{ /* für die überschriften in der ersten aufklappebene */
color:#ffffff}

div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul{
display:none}/* Hiding and Revealing using :hover */

div#menu ul li:hover ul{  /* hier wird eingeblendet und formatiert */
display:block;
background-color: #A2AEA5;
border-width:1px;
border-style:solid;
border-color:#00380F;
font-size:medium;
font-weight:bold;
width:auto}

div#menu ul ul li:hover ul{  /* hier wird eingeblendet und formatiert */
display:block;
background-color: #FFFFFF;
border-width:1px;
border-style:solid;
border-color:#00380F;
font-size:medium;
font-weight:bold;
width:auto}

div#menu ul ul ul li:hover ul{  /* hier wird eingeblendet und formatiert */
display:block;
background-color: #FFFFFF;
border-width:1px;
border-style:solid;
border-color:#00380F;
font-size:medium;
font-weight:bold;
width:auto}

/*-------------------------------------- die tooltipps */
a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-weight: bold}

a.tooltip h3{
color:#00380f;
font-size:1em;
font-weight:500;
margin-top:0}

a.tooltip img{ /* tooltipsbilder sollen keinen rahmen haben */
border:none}

a.tooltip:hover {
background: transparent}

a.tooltip span {
display: none;
text-decoration: none}

a.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 200px;
z-index: 100;
color: #00380f;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #00380f;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font:14px/140% Trebuchet MS;
text-align: left}