/* Stylesheet für die SCREENVERSION der Webseiten der Homepage des Fördervereins Mobilitätszentrale Konstanz */
/* ######################################   Seitenbereiche  ###################################### */

html { padding: 0; margin: 0; }

body  { 
color: black; 
background-color: #ccc;
/* background-image: url(grafiken/design/embleme-bg3.gif); 
Background-attachment: fixed; */
font-family: Arial, Helvetica, sans-serif; 
font-size: 100.01%; /* um MSIE-Anzeige-Bug zu umgehen */
text-align: center; 
margin: 0; 
padding: 0.5em; }

#seite { background-color: #FFFF99; text-align: left; margin: 0 auto; padding: 0; width: 760px; border: ridge 2px silver; }

#kopf { font-size: 1em; font-weight: bold; background-color: #9cf; text-align: center; padding: 1px; border-bottom: ridge 0px silver; }

/* ######################################  Navigationleiste links ###################################### */
/* Oberkategorie navi1, Unterkategorie navi2, Farbe mit hover-Effekten, aktuelle Seite fett und unverlinkt */

#navi {
float: left;
width: 160px;
margin: 0px;
padding: 0px;
background-color: #FFFF99; 
/* border-left: 5px solid #EC9638;  */ 
border-right: 5px solid #EC9638; 
/* border-top: 5px solid #EC9638;  */ 
/* border-bottom: 5px solid #EC9638;  */ }

#navi ul {
text-align: left;  
list-style-type: none; 
/* line-height: 1.2em;  */ /* kleinere line-height führt im MSIE zu Lücken */
margin: 0em;
padding: 0em; }

#navi li a:link, #navi li a:visited {
color: #000080; 
display: block; 
text-decoration: none; 
width: 100%; }

.navi1, .navi1_aktiv  { font-size: 1.1em; }
.navi2, .navi2_aktiv { font-size: 0.8em; }

li.navi1_aktiv, li.navi2_aktiv  { background-color: #EC9638; }
.navi2_aktiv   { font-weight: bold }


#navi li.navi1, li.navi1_aktiv, #navi li.navi1_aktiv { padding: 10px 0px 0px 0px; }
#navi li.navi2, li.navi2_aktiv, #navi li.navi2_aktiv { padding: 0px 0px 0px 0px; }

#navi a { padding: 0px 0px 0px 5px; }

#navi li a:hover, #navi li a:active, #navi li a:focus { color: white; background-color: #EC9638;  width: 100%; }
#navi li.navi1_aktiv a:hover, #navi li.navi2_aktiv a:hover { color: #000080; } 

/* Neues zu den  Webseiten innerhalb navi */
div#neues {float: left; margin-left: 2em; font-size: 8pt; font-style: italic; }

/* ######################################  Seiteninhalt ###################################### */

div#inhalt  { 
margin-left: 165px; 
padding: 10px 16px;  
/* min-width: 16em;  */
background-color: white; 
/* border-left: 12px solid #EC9638; */ }

.fliesstext { font-size: 0.8em; }
div#inhalt h1 { font-size: 130%; }
div#inhalt h2 { font-size: 115%; }
div#inhalt h3 { font-size: 105%; }
div#inhalt h4 { font-size: 95%; }
/* p innnerhalb table wird noch mal verkleinert!, auch mit inherit: none;  */
div#inhalt table { font-size: 0.8em; line-height: 1.2em; } 
div#inhalt p { font-size: 0.8em; line-height: 1.3em; } 
div#inhalt li { font-size: 0.8em; line-height: 1.3em; } 

/* ###################################### Fusszeile ###################################### */

#fusszeile1 { clear: both; background-color: #9CF; margin: 0; padding: 0.2em; text-align: right; border-top: 0px ridge silver; font-size: 0.8em; }

#fusszeile1 ul { list-style-type: none; margin: 0; padding: 4px; }

#fusszeile1 li { display: inline; }

#fusszeile1 li a { 
/* border-right: 1px solid black; border-left: 1px solid black; */
padding: 2px 0.4em; margin: 0px 0.4em; }

#fusszeile1 li a:link, #fusszeile1 li a:visited { color: black; background-color: #9CF; } 

#fusszeile1 li a:hover, #fusszeile1 li a:active, #fusszeile1 li a:focus { color: #F3F8EF; background-color: #EC9638; } 

/* Fusszeile für Printversion per style-switcher */
#fusszeile2 { clear: both; display: none; background-color: white; margin: 0; padding: 0.2em; text-align: right; font-size: 1em; }

#fusszeile2 ul { list-style-type: none; margin: 0; padding: 4px; }

/* ######################################  Elemente ###################################### */

h1 { margin: 0.5em; font-size: 160%; }
h2 { font-size: 115%; }
h3 { font-size: 110%; }
h4 { font-size: 105%; }
h5 { font-size: 70%; text-align: center; }
/*p {  font-size: 0.8em; } */

.text { background-color: #3c9 }
.textklein  { font-size: 8pt; font-style: italic; }
.textwichtig { font-size: 1.3em; color: red; }

a:link { color: #000080; } 
a:visited { color: #000080; }
a:hover { color: #FF0000; text-decoration: underline } 
a:active { color: #FF0000 }

/* Externe Links mit Grafik, leider auch vor verlinkten gifs usw ! 
a[href^="http"]:before {
content:url(grafiken/design/extern.gif);
margin-right:3px; } */

/* Externe Links zu  PDF-Dateien mit Grafik */
a[href$=".pdf"]:before {
content:url(grafiken/design/pdf.gif);
margin-right:3px; } 

a[href^="http"]:hover { color: #FF0000; }