html, body {
margin: 0;
padding: 0;
}
body {
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size : 1em;
text-align: center; /*fuer IE_quirks */
}
a:link{
text-decoration: none;
color: #069;
}
a:hover{
text-decoration: underline;
}
a:visited{
text-decoration: none;
}
h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #cc6600;
margin-top: 0.5em;
padding-top:2px;
}
h2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #cc6600;
margin-top: 1em;
}
h3
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #cc6600;
margin-top: 1em;
}
p{
font-size: 0.7em;
line-height: 1.5em;
}
/* Layout container 
----------------------------------------------------*/
#wrapper {
position: relative;
margin: 5px 1px 10px 1px;
background-color: #fff;
color: #000;
text-align: left; /* Aufheben von IE_quirks im BODY */
}
#dienste{
background-color: #fff;
font-size : 0.7em; 
margin-top: 0px;
margin-bottom:0px;
padding:0;
}
#header {
background-color: #ededed;
height: 70px;
margin:0px;
padding:0px;
}
#buttons {
background-color: #ededed;
color: #000;
margin:0px 0px 1px 0px;
padding: 0px;
}
#streifencontainer {
background-color: #666666; 
margin: 0px;
padding:0px;
border:0px;
}
#pulldown {
background-color: #fff;
font-size : 0.5em; 
margin: 10px 5px 0px 20px;
padding:0px;
height:30px;
}
#content {
position: relative;
top: 0px;
margin: 0 auto 5px 20px;
padding: 15px;
text-align: left;
background-color: #fff;
color: #333;
width: 960px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 938px;
}
html>body #content {
width: 938px;
} 
#content-fullscreen{
color: #333;
position: relative;
top: 10px;
margin: 0;
padding: 10px;
text-align: left;
background-color: #fff;
width: 98%;
} 
#footer {
width: 960px;
position: relative;
top: 10px;
clear: both;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
color: #666;
text-align: center;
}
/* Conetnt - Spalten
______________________________*/
#li_spalte{
float: left;
width: 450px;
margin: 0;
padding: 0 10px 10px 0;
clear: left;
}
#re_spalte{
position: relative;
margin: 0px 0 0 460px;
padding: 1px 20px 10px 20px;
color: #000;
}
.clear{
clear:right;
}
/* dienste Navigation / obere rechte Ecke 
----------------------------------------------------*/
#dienste ul {
list-style-type: none; 
text-align:right;
margin:4px 0px;
padding:0px;
}
#dienste  ul li { 
display: inline; 
margin:0;
padding:2px 8px;
border-right: 1px solid #999;
color: #ff9933;
}
#dienste ul li.letztes {
border: 0px;
display: inline;
}
#dienste  ul li a { 
color: #666666;
text-decoration: none; 
}
#dienste  ul li a:hover{
color: #666666;
text-decoration: underline; 
}
#dienste  ul li a:active, #dienste  ul li a:active{
color: #ff9933;
text-decoration: none; 
}
/* Header formatierung
----------------------------------------------------*/
#header p{
font-size : 1.6em; 
color:#cc6633;
margin:0px;
padding:0px;
}
#header p a{
color:#cc6633;
text-decoration: none; 
}
#header .untertitel{
FONT-SIZE : 0.5em; 
color:#cc6633;
margin:0px;
padding:0px;
}
/* hauptnavigation / Buttons 
----------------------------------------------------*/
#buttons ul { 
font-size : 0.7em;
margin: 0px 0px 0px 20px;
padding:4px 0px 0px 0px;
list-style-type: none; 
}
#buttons ul li { 
margin: 0px;
border:0px;
display: inline; 
}
#buttons ul li a { 
color: #003366;
text-decoration: none; 
padding:4px 10px 1px 10px;
background-color: #dfdfdf;
border-left: 1px solid #999;
}
#buttons ul li a:hover{
color: #666;
text-decoration: none; 
}
/* Zweite-Ebene Navigation / Streifen 
----------------------------------------------------*/
#streifencontainer ul {
margin: 0px;
border:0px;
padding: 4px 20px;
list-style-type: none; 
FONT-SIZE : 0.7em; 
}
#streifencontainer ul li { 
display: inline; 
padding: 4px 10px;
color: #cccccc;
}
#streifencontainer ul li a { 
color: #ffffff;
text-decoration: none; 
/*text-decoration: underline; 
padding: 4px 10px;*/
}
#streifencontainer ul li a:hover{
color: #cccccc;
text-decoration: underline; 
}
/* Farben für HG-Menü und Content-Ramen 
----------------------------------------------------*/
.farbe_null{
background-color: #cc6600;
padding:4px 10px 2px 10px;
margin-right: 4px;
border: 3px solid #cc6600;
color:#333;
}
.farbe_eins{
background-color: #669999; 
padding:4px 10px 2px 10px;
margin-right: 4px;
border: 3px solid #669999;
color: #fff;
}
.farbe_zwei{
background-color: #009966; 
padding:4px 10px 2px 10px;
margin-right: 4px;
border: 3px solid #009966;
color: #fff;
}
.farbe_drei{
background-color:#336666;
padding:4px 10px 2px 10px;
margin-right: 4px;
border: 3px solid #336666;
color: #fff;
}
.farbe_vier{
background-color: #0099cc;
padding:4px 10px 2px 10px;
margin-right: 4px;
border: 3px solid #0099cc;
color: #fff;
}
.farbe_fuenf{
background-color: #006699;
padding:4px 10px 2px 10px;
margin-right: 4px;
border: 3px solid #006699;
color: #fff;
}
.farbe_sechs{
background-color: #666666; /*#003366;*/
padding:4px 10px 2px 10px;
margin-right: 4px;
border: 3px solid #666666;
color: #fff;
}
/* Pfeile vor und zurück blättern
----------------------------------------------------*/
.leafing{
font-size:0.8em;
font-weight: bold;
color: #999999;
margin:0 0 15px 0;
padding: 0;
text-align: left;
width: 960px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 938px;
}
html>body .leafing {
width: 938px;
}
.leafing a{
color: #999999;
}
.leafing p{
color: #ffffff;
padding: 10px;
}
.row {
clear: both;
padding: 0;
width: 98%;
text-align: center;
}
.left {
float: left;
width: 450px;
margin: 0;
padding: 0 40px;
clear: left;
}
.right {
float: right;
text-align: right;
margin: 0 10px 0 0 ;
 }
/* Formular Elemente werden hier formatiert
----------------------------------------------------*/
select{
	background: #F5F5F5;
	/*padding: 12px;*/
	color: #333;
	font-family: Verdana, sans-serif;
	font-size : 1.4em;
}
html>body select{
	padding: 0px;
}
/* Navigations-Bereich unten gelbe Buttons
______________________________*/
#buttons-details ul {
width:895px;
font-size:0.7em;
list-style-type: none; 
text-align:right;
margin:0px 60px 0 40px;
padding:2px;
background:#ffcc66;
}
#buttons-details  ul li { 
display: inline; 
margin:0;
padding:0px 8px 0px 2px;
border-right: 1px solid #333;
color: #666;
}
#buttons-details ul li.erstes {
border: 0px;
display: inline;
}
#buttons-details  ul li a { 
color: #333;
text-decoration: none; 
}
#buttons-details  ul li a:hover{
color: #333;
text-decoration: underline; 
}
#buttons-details  ul li a:active, #buttons-details  ul li a:active{
color: #ff9933;
text-decoration: none; 
}
/* Zusätzliche content formatierungen
----------------------------------------------------*/
#content a:hover{
text-decoration: underline;
}
#content ul{
font-size: 0.7em;
list-style : disc;
}
#content ol{
font-size: 0.7em;
}
#content td{
font-size: 0.7em;
}
.bild-titel{
font-size: 0.7em;
color: #cc6633;
font-style:italic;
padding:0px;
margin-top: 0px;
margin-bottom: 1em;
}
.glossar {
color: #cc3333;
text-decoration: none;
}
.grafik {
color: #cc3333;
text-decoration: none;
}
.tabelle {
color: #cc3333;
text-decoration: none;
}
.link {
color: #069;
text-decoration: none;
}
.overline
{text-decoration: overline;
}
.hintergrundfarbe{
background-color: #ededed;
padding: 10px;
}
#bild-rechts {
float: right;
margin: 0 0 3px 3px;
padding: 10px;
background: #fff;
}
#content-fullscreen p a{
color:#cc3333;
}
#content-fullscreen a:hover{
text-decoration: underline;
}
#content-fullscreen ul{
font-size: 0.7em;
list-style : disc;
}
#content-fullscreen ol{
font-size: 0.7em;
}
#content-fullscreen td{
font-size: 0.7em;
}
#content .glossar{
color: #cc3333;
text-decoration: none;
}