body{ /**************** der body    ****************/
width:1000px;
margin:0px auto 0px auto;
padding:0 0 0 0;
background:url(hintergrund-2.gif) top left repeat;
font:14px/140% Trebuchet MS}

#kopf{ /**************** die box: kopf    ****************/
position:fixed;
width:1000px;
height:200px;
background:url(hintergrund-2.gif) top left repeat;
margin:0px;
z-index:5}

#inhalt{ /**************** die box: "inhalt" für den alles umschließenden container ***************/
position:absolute;
width:1000px;
top:230px;
margin:0px;
padding:0px}

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

#inhalt h1{ /**************** alle h1 überschriften ****************/
color:#c90;
font-size:2em;
font-weight:500;
margin-top:0}

#inhalt h2{ /**************** alle h2 überschriften ****************/
color:#c90;
font-size:1.5em;
font-weight:500;
margin-top:0}

#inhalt h3{ /**************** alle h3 überschriften ****************/
color:#c90;
font-size:1em;
font-weight:500;
margin-top:0}

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

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

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

#inhalt .sprache{
text-align:right;
margin-top: -20px;
}

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

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

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

#inhalt a:hover{
color:red}

a.top{ /* icon nur für link zum seitenanfang */
background:url(top.png) top left no-repeat;
color: #cc9900 !important;
font-size: 70% !important;
position: absolute;
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:1000px;
color:black;
font-size:1em;
font-weight:normal;
background:transparent}

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

#inhalt td{
border-bottom-style:solid;
border-bottom-color:#c90;
border-bottom-width:1px;
padding:20px 30px 20px 0px}

#inhalt > table > tbody > tr > td.textspalte > h2 {
border-bottom: 1px dotted gray;
border-left: 4px solid gray;
color: #cc9900;
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:400px;
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 */
padding-bottom:5px}

.textspalte{ /* die textspalte auf einer bilderseite */
width:500px;
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  ****************/
top:0;
left:0px;
margin:0px;
padding:0px;
position:absolute;
width:300px}

.rechts{ /**************** die box: "rechts" für die titel- und die übersichtsseiten  ****************/
top:0;
left:350px;
margin:0px;
padding:0px;
position:absolute;
width:650px}

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

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

.info{ /**************** für den infotext unter dem überschriften TESTSTADIUM ****************/
color:gray !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-top: 3px solid #f3c600;
   border-bottom: 3px solid #f3c600;*/
   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 */
position:relative;
top:-38px;
left:0px;
width:100%;
background:transparent;
float:left;
color:#FC0}

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

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

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

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

#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:#f90}

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

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:url(hintergrund-2.gif) top left repeat;
border-width:1px;
border-style:solid;
border-color:#f90;
font-size:medium;
font-weight:bold;
width:auto}

div#menu ul ul li:hover ul{  /* hier wird eingeblendet und formatiert */
display:block;
background:url(hintergrund-2.gif) top left repeat;
border-width:1px;
border-style:solid;
border-color:#f90;
font-size:medium;
font-weight:bold;
width:auto}

div#menu ul ul ul li:hover ul{  /* hier wird eingeblendet und formatiert */
display:block;
background:url(hintergrund-2.gif) top left repeat;
border-width:1px;
border-style:solid;
border-color:red;
font-size:medium;
font-weight:bold;
width:auto}

/*-------------------------------------- die tooltipps */
a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
/*background:url(messagebox_info.png) top left no-repeat;*/
text-decoration: none;
font-weight: bold;
/*border-bottom:0px dotted #4dbcf3;*/
/*border:none;*/
}

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

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

a.tooltip:hover {
/*background:url(messagebox_info.png) top left no-repeat;*/
background: transparent;
/*z-index: 100;*/
/*border:none;*/
}

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: #f90;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #f90;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
/*font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;*/
font:14px/140% Trebuchet MS;
text-align: left;
}