/* CSS fuer karlsruhe.de (Basic)
** fuer alle Browser mit
** Erscheinungsdatum nach dem Jan. 2000
** Zusammenfuehrung von costumBasic und
** costum-Stylesheet. Kontentorspezifika entfernt
**
** Alle Medien (Grund-CSS)
** Behringer, 23.02.03
** revised 5. April 2005
*/
a:link {
	color: #0000ff;
	text-decoration: underline;
}
a:visited {
	color: #204070;
	text-decoration: underline;
}
a:active, a:focus {
	color: #ff0000;
	text-decoration: underline;
}
body {
   background-color: #ffffff;
	background-image: url(/Chromes/Default/grauweiss.gif);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 80%;
	width: 99%;
}

body, td, th, div, span, h1, h2, h3, h4, h5, h6, p {
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	/*font-size: 90%;*/
	text-decoration: none;
}
blockquote {
	margin: 5px 0px 5px 10px; 
	background: transparent url(/gifs/quote.gif) no-repeat scroll left top; 
	font-family: 'Times New Roman',serif; 
	padding-left: 20px; padding-top: 10px; 
	display: block; font-style: 
	normal; color: rgb(32, 64, 112); 
	float: right; width: 58%; 
	font-size: 140%;
}
code {
	font: 100% courier new, monospace;
}
div.breadcrumbs {
	border-top-color: #c0c0c0;
	border-top-style: solid;
	border-top-width: 1px;
	/*font-size: 8pt;*/
	margin-top: 0cm;
	text-align: left;
	width: 100%;
}
/* Spalten */
div.leftColumn {
	float: left;
	width: 48%;
}
div.linksnav {
	/*background: #ffffcc;*/
	background: #ffff99;
	border: none;
	font-size: 85%; /*padding: 7px 0px 7px 2px;*/
	padding: 7px 0px 0px 0px;
}
div.linksnav a:link, div.linksnav a:visited, div.linksnav a:hover,
div.linksnav a:active , span.activepage, span.activesubpage {
	display: block;
	/*font-size: 9pt; */
	text-decoration: none;
}
div.normal {
}
div.randspalte {
	margin-top: 4px;
	padding: 8px 8px 8px 8px;
	width: 100%; /*background-color: #e4e4e4;*/
}
div.rightColumn {
	clear: right;
	float: right;
	width: 48%;
}
h1 {
	color: #305070;
}
h2 {
	color: #000000;
}
h3 {
	color: #000000;
	font-weight: bold;
}

input, select, textarea {
	color: #000000; /*font-size: 8pt;*/
}
span.activepage, span.activesubpage {
	color: #000000;
	font-weight: bold;
}
span.breadcrumbs {
	color: #ff0000;
	/*font-size: 8pt;*/
	margin-top: 0cm;
	text-align: left;
}
span.breadcrumbs a:active, span.breadcrumbs a:hover, span.breadcrumbs a:focus{
	color: #ff0000;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
td.kalender {
	font-size: 85%;
	vertical-align: top;
	white-space: nowrap;
}

/* Dies hier hebt den Hack von oben wieder auf, wenn das Element in
   den Ediermodus schaltet, weil sonst die MiniToolBar nicht
	funktionsfaehig ist geaendert am 19.1.2005 */

div.editablesection div.normal {
	position: static;
}
div.managebar {
	margin-bottom: 0px;
}
div.normal {
	border: solid 0px gray; /* Hack for MSIE */
	position: relative; /*line-height: 1.2; */
}
p {
max-width:600px;
}

p, div, h1 , h2 , h3, h4 ,h5, h6, ol, ul, dl {
	border: solid 0px black; /*width: 100%;*/
	margin-bottom: 1em; /*background-color: yellow;*/
	margin-top: 0px;
	padding-top: 0px;
}
ul,ol, dl {
	border: dotted 0px silver; /* Patch fuer MSIE */
	position: relative;
}
/* Linken Abstand angleichen
   Das ist ein Hack */
/* Hides from IE-mac \*/
/* End hide from IE-mac */
/*
** ACHTUNG: Linksbuendig hat 2em rechten Rand bekommen.*/
div.linksbuendig > div {
	margin-top: 0px;
}
* html dl, * html ul, * html ol {
	height: 1%;
}
a.bottomline:link, a.bottomline:visited, a[name], td.boxcell a:link, td.kalender a ,
td.boxcell a:visited , td.boxcell a:hover, body.menuTree a, body.menuTree a:visited,
body.menuTree a:hover, body.messageBody div.toolBar_button a, 
body.messageBody div.toolBar_hover a, body.messageBody div.toolBar_hover a:hover, #bottomnav a, #copyright a,
.boxrechts a, .boxrechts a:visited, td.boxcell a:link, td.boxcell a:visited , td.boxcell a:hover {
	text-decoration: none !important;
}
a.bottomline:active, a.bottomline:hover, a.bottomline:focus, #topnav a:active, #topnav a:hover, #topnav a:focus {
	text-decoration: underline;
}
a.reiter:link, a.reiter:visited, a.textversion:link, a.textversion:visited {
	color: #c0c0c0;
	text-decoration: none;
}
/* Sprung eine Ebene hoeher */
a.return:link, a.return:hover, a.return:focus, a.return:active, a.return:visited {
	background: #ffffcc url(/Chromes/Default/up_2.gif) no-repeat .2em .5em;
	border: 0px solid black;
	border-bottom: 1px solid #ffcc00;
	margin-bottom: .3ex !important;
	min-height: 1ex;
	padding-bottom: .4ex;
	padding-left: 1.5em !important;
}
abbr, acronym, dfn,  .help {
	border-bottom: 1px dotted #333;
	cursor: help;
	font-style: normal;
}
/*End of Navigation*/
/*Forms*/
body.formbody {
	background: none;
}
body.managementscreenbody, body.messagebody {
	background: #ffffff none;
}
/*Navigation*/
body.menutree {
	background: buttonface none;
}
/* Der Unterstrich ist ungrammatikalisch */
body.messagebody div.toolbar_button {
	border: 1px solid #f7f7f7;
}
caption, .boxtitle{
	background: #ffffff;
	caption-side: top;
	color: #000000;
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 0em;
	text-align: left;
}
code {
	font: 100% monospace;
}
div.border {
	margin-left: 0.6em;
	margin-right: 0.6em;
}
div.bottomline {
}
/*Stylesheet breadcrumbs*/
div.breadcrumbs {
	border-top-color: #c0c0c0;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 85%;
	margin-top: 0cm;
	text-align: left;
	text-align: left;
	width: 100%;
}
div.formbuttons {
	background: #f7f7f7;
	border: 1px solid #808080;
	margin: 0px;
}
/* Spalten Buergerdienste */
div.hauptspalte {
	float: left;
	width: 57%;
}
div.kasten {
	border-style: solid;
	border-width: 1px;
	float: right;
	font-size: 85%;
	margin: 0px 0em 1em 1em;
	padding: 0.5em;
	padding-top: 0px;
	position: relative;
	right: 0px;
	width: 35%;
	z-index: 9;
}
div.kasten li {
	list-style-position: inside;
	margin: 0px;
	margin-top: 0.5em;
	padding: 0px;
}
div.kasten ul {
	margin-left: 0px;
	padding-left: 0px; /*border: 1px dotted green; */
}
/*Ende breadcrumbs*/
/*
** Stylesheet fuer die Navigation
** Behringer 15.08.03
*/
div.linksnav {
	background: #ffffcc;
	border: none;
}
div.linksnav a , .activepage, .activesubpage {
	display: block;
	font-size: 1em; /*min-height: 3ex;*/
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding-bottom: 2px;
	padding-left: .7em;
	padding-top: 2px;
	text-decoration: none;
}
div.linksnav a.linksnavsub, a.return:hover, a.return:focus, a.return:active {
	background: #ffffff;
}
div.linksnav a:link {
	color: #0000ff;
	font-size: 100%;
}
div.linksnav a:visited {
	color: #204070;
	font-size: 100%;
	overflow: hidden;
}
/* Verhalten von aktiven Links in der Nav. */
div.linksnav a:hover, div.linksnav a:focus, div.linksnav a:active {
	background: #ffffff url(/Chromes/Default/bPfeil) no-repeat -0.5em .1em;
	color: #ff0000;
	font-size: 100%;
	overflow: hidden;
}
div.messagebox {
	background: #f7f7f7;
	margin: 20%;
	margin-top: 10%;
}
div.randspalte {
	background: #f7f7f7;
	float: right;
	margin-top: 10px;
	width: 37%;
}
div.subtitle {
	color: #808080;
	font-size: 100%;
	padding-top: 8px; /* Patch:  font-size:11pt; */
}
div.system-msg {
	color: #990000;
   background-color: #ffdead;
   /*font-family: verdana, sans-serif;*/
   border:  1px solid #000000;
   margin: 0.1em;
   padding: 0.2em;
   width: auto;
}
dt {
	font-weight: bold;
}
fieldset {
	background: #f7f7f7;
	border: 1px solid #808080;
	margin: 0em 0.5em 0.5em;
	padding: 5px;
	width: 95%;
}
h1 {
	clear: both;
	color: #305070;
	font-size: 160%;
	width: 100%; /*margin-bottom: 0px;*/
}
h1, h2, h3, h4, h5, h6 {
	background: transparent;
	clear: none;
	color: #000000;
	font-weight: normal; /*margin: 0;*/
}
h2 {
	clear: both;
	color: #000000;
	font-size: 160%;
	font-weight: 500;
	width: 100%;
}
h3 {
	color: #000000;
	font-size: 135%;
	font-weight: 500; /*padding-top: 0.5em;*/
	line-height: 1.2em; /* MSIE Hack */
}
h4 {
	font-size: 120%;
	line-height: 1.2em;
	padding-top: 0.5em; /* MSIE Hack */
}
h4,h5,h6 {
	border-bottom: 1px solid #c0c0c0;
}
h5 {
	font-size: 100%; /* MSIE Hack */
	line-height: 1.2em;
}
h6 {
	font-size: 80%; /* MSIE Hack */
	line-height: 1.2em;
}
hr {
	background: transparent;
	border: solid #c0c0c0 1px;
	clear: both;
	color: #c0c0c0;
	height: 0px;
	margin: 0;
	padding: 0;
}
hr.element {
	background: #ffffff;
	border: none;
	clear: both;
	color: #ffffff;
	height: 1px;
}
html, .absatzchunk, fieldset textarea, .absatzchunk {
	font-size: 100%;
}
img {
	border: none;
}
input {
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
}
input.field {
	background: #fff5ee;
	border: 1px #808080 solid;
	margin: 1px;
	margin-right: 3px;
}
input.image {
	border: 0px;
}
input:focus, input.field:focus, select:focus, textarea:focus {
	background: #ffffff;
	border: 1px #ff0000 solid;
}
input[type=text], input[type=password], select {
	border: 1px solid #000000;
	color: #000000;
	font-size: 80%;
	margin: 1px;
	padding: 1px;
}
label {
	background: transparent;
}
label.searchLabel {
	background: transparent;
	color: black;
	display: block;
	font-size: 80%;
	font-weight: bold;
	line-height: 80%;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	width: auto;
}
legend {
	font-size: 160%;
}
li {
	list-style-image: none;
	margin-left: 1em;
	/*margin-top: 0px;
	padding-top: 0px; */
}
ol {
	list-style-type: decimal;
	margin-left: 0em;
	padding-left: 2em;
}
option {
	color: #000000;
	margin: 1px;
}
p.eventcategory {
	font-weight: bold;
	margin-bottom: 0px;
}
p.first:first-letter {
	font-size: 120%;
	font-weight: bold;
}
pre {
	background: #dee7ec;
	border: 1px solid #8cacbb;
	color: #000000;
	font-size: 100%;
	font-weight: normal;
	padding: 0.5em;
	font-family: "courier new", monospace;
	/* mit den folgenden Tags kann man erreichen, dass
	ueberlange Zeilen in <pre> umgebrochen werden. */
	white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;       /* Opera 4-6 */
   white-space: -o-pre-wrap;       /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/* Style fuer aktuelle Seite */
span.activepage, span.activesubpage {
	background: #dee7ec url(/Chromes/Default/bPfeil) no-repeat -0.5em .1em;
	color: #000000;
	font-size: 100%;
	font-weight: normal;
	overflow: hidden;
}
span.breadcrumbs {
	color: #ff0000;
	margin-top: 0cm;
	text-align: left; /*font-size:100%;*/
}
span.breadcrumbs a:visited, span.breadcrumbs a:link {
	color: #ff0000;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
span.breadcrumbs a:active, span.breadcrumbs a:hover, span.breadcrumbs a:focus{
	color: #ff0000;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
table {
	margin-top: 0px;
}

table, td, p, li, dt, dd, ul, ol, div, span {
	color: #000000;
	font-size: 100%;
	text-decoration: none;
}
table.kalendar_table {
	background: #f7f7f7;
	border-top: 1px solid #ff0000;
	margin: 0px;
	padding: 0px;
	padding-top: 0.2em;
	width: 150px;
}
/* Der Unterstrich ist ungrammatikalisch */
table.kalendar_table a:link,
table.kalendar_table a:visited,
table.kalendar_table a:active {
	font-weight: normal;
	text-decoration: none;
}
table.kalendar_table a:hover {
	color: #ff0000;
	font-weight: normal;
	text-decoration: none;
}
td.kalendar {
	background: #ffffff;
	vertical-align: top; /*font-size:85%;*/
	white-space: nowrap;
}
td.kalendar_searchday {
	background: #ff0000;
	border: 1px solid gray; /*font-size:85%;*/
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}
td.kalendar_today {
	background: #ffffcc;
	border: 1px solid gray;
	font-size: 85%;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}
textarea {
	border: 1px solid #000000;
	color: #000000;
	font-size: 120%;
	margin: 1px;
	padding: 1px;
}
ul {
	list-style-type: circle; /*margin-bottom: 1em; */
	margin-left: 0em;
	padding-left: 2em;
}
.blue {
	background: #dee7ec;
	border-color: #8cacbb;
}
.box {
	border-top-color: #ff0000;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 0.2em;
	width: 150px;
}
.box {
	background: #f7f7f7;
	border-top: 1px solid #ff0000;
	padding-top: 0.2em;
	width: 150px;
}
.boxcell {
	background: #f7f7f7;
	/*font-size: 9pt; */
	margin: 0;
}
.boxcell {
	font-size: 85%;
	margin: 0;
	padding: 0;
}
.boxrechts {
	background: #f7f7f7;
	color: inherit;
	font-size: 85%;
	margin: 0px 3px 0px 0px;
	padding: 5px 1px 5px 1px;
}
.boxtitle{
	background: #ffffff;
	caption-side: top;
	color: #000000;
	/*font-size: 9pt; */
	font-weight: bold;
	margin-bottom: 0em;
	text-align: left;
}
.boxtitleTabellenfrei {
	background: transparent;
	border-bottom: 1px solid #ff0000;
	display: block;
	font-size: 85%;
	font-weight: bold;
	margin: 0px 3px 0px 0px;
	padding-bottom: 0px;
}
/* Neue Boxen Styles: 24.03.2007*/
  .floatLeft {
      float:left;
      border: 1px dotted black;
      margin:0em 1em 1em 0em;
      }
  .floatRight {
      float:right;
      border: 1px dotted black;
      margin:0em 0em 1em 1em;
      }
  .boxWeiss {
      background-color: white;
      border: 2px solid #cccccc;
      }
  .boxTransparent {
      background-color: transparent;
      border: 0px solid #cccccc;
      }
  .boxGrau {
      background-color: #f7f7f7;
      border: 2px solid #cccccc;
      }
  .boxGelb {
      background-color: #ffeeaa;
      border: 2px solid #ffdd00;
      }
  .boxBlau {
      background-color: #dee7ec;
      border: 2px solid #8cacbb;
      }
  .boxOrange {
      background-color: #ff9900;
      border: 2px solid #ff6600;
      color: white;
      }
  .boxTiefBlau {
      background-color: #006699;
      border: 2px solid #006699;
      }
  .boxTiefBlau h2, .boxOrangeGradient h2 {
      color: white;
  }

   .boxGrauGradient {
      background-image:url(http://www.karlsruhe.de/Chromes/Default/gradientgrau.gif);
      background-repeat: repeat-x;
      border: #cccccc 1px solid;
      }
   .boxGelbGradient {
      background-image:url(http://www.karlsruhe.de/Chromes/Default/gradientgelb.gif);
      background-repeat: repeat-x;
      border: #cccccc 1px solid;
      }
   .boxBlauGradient {
      background-image:url(http://www.karlsruhe.de/Chromes/Default/gradientblau.gif);
      background-repeat: repeat-x;
      border: #cccccc 1px solid;
      }
   .boxOrangeGradient {
      background-image:url(http://www.karlsruhe.de/Chromes/Default/gradientorange.gif);
      background-repeat: repeat-x;
      border: #ff6600 1px solid;
      }
/* Ende Neue Boxen Styles: 24.03.2007*/

/*Forms Ende */
/* Diese folgenden drei Definitionen werden im CustomCSS endgueltig wiederholt
** und sollten hier verschwinden, zumindest die Margins raus
*/
.chunk {
	clear: both;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
.chunk {
	clear: both;
	margin-bottom: 1em;
	margin-top: 0px;
	max-width: 650px;
	padding-bottom: 0em;
}
.chunk p {
	margin: 0px;
}
.default {
	background: white;
	border-color: gray;
}
.head1 {
	color: #808080;
	display: inline;
	font-size: 160%;
	font-weight: normal;
	margin-left: 0px;
	text-decoration: none;
	vertical-align: bottom;
}
/* Style fuer eingebettete Bilder */
.imageTitle {
	font-size: smaller;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
}
.kalendar_header {
	background: #ffffff;
	caption-side: top;
	color: #000000; /*font-size:85%;*/
	font-weight: bold;
	margin-bottom: 0em;
	text-align: left;
}
/*Ende Navigation*/
.klein {
	font-size: 85%;
}
.klein, .bottomline {
	/*font-size: 8pt; */
}
/* Eingebettete Bilder */
.linksbuendig {
	border: #ff0000 solid 0px; /* MSIE Hack */
	float: left;
	margin-right: 1em;
	margin-top: 0em;
	z-index: 10; /*zoom: 1;*/
}
/* 2 Spalten */
.linksbuendigtext {
	border: #ff0000 solid 0px;
	float: left;
	margin-right: 1em;
	margin-top: 1em;
}
.netscape {
    left: -10000px;
    position: absolute;
    width: 9000px;
}

.nullbuendig {
	border: #ff0000 dashed 0px;
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: .5em;
}
.rechtsbuendig {
	border: #ff0000 dashed 0px; /* MSIE Hack */
	float: right;
	margin-left: 1em;
	margin-top: 0em;
	z-index: 10; /*zoom: 1;*/
}
.rechtsbuendigtext {
	border: #ff0000 dashed 0px;
	float: right;
	margin-left: 1em;
	margin-top: 1em;
}
.reiter {
	color: #c0c0c0;
	font-size: 100%;
	text-decoration: none;
	vertical-align: bottom;
}
.reitersmall {
	color: #000000;
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	vertical-align: bottom;
}
/*
** Ende
*/
/*Zusatz fue den Bereich "Aufgaben"*/
.tasks {
	padding-top: 0;
}
.textversion {
	color: #c0c0c0;
	font-size: 100%;
	font-weight: bold;
	position: absolute;
	right: 180px;
	text-decoration: none;
        top: 23px;
	vertical-align: bottom;
}
.wochentag {
	/*background: #f7f7f7;*/
	font-size: 85%;
	background: #dee7ec;
	padding-top: 2px;
	text-align: center;
}
.yellow {
	background: #ffffcc;
	border-color: #ffcc00;
}
#bottomnav {
	clear: both; /*text-align: left;
  width: 100%;*/
	font-size: 85%;
	margin-bottom: 0cm;
	margin-left: 144px;
	margin-right: 161px;
	padding-left: 5px;
	padding-right: 5px;
        max-width:100%;
}
#copyright {
	border-top-color: silver;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 85%;
	margin-top: 0px; /* 144+padding 6 */
	text-indent: 149px;
	max-width: 99%;
        width: 99%
}
/*Tabellenfreies layout*/
#header {
	background: transparent; /*background-color: silver;*/
	border: 0px dashed black;
	display: block;
	margin: 4px 200px 0px 4px;
	overflow: visible;
	padding: 0px;
	vertical-align: bottom;
	width: auto;
}
#header a,a img {
	border: 0px solid black;
}
#heute {
	background: #ffffcc;
	border: 1px solid gray;
}
#links {
	background: transparent;
	border: 0px solid #000;
	left: 4px;
	padding-left: 1px;
	padding-right: 5px;
	position: absolute;
   top: 67px;
	width: 130px;
	z-index: 2;
}
/* Wegen eines Bugs des IE muss dieser Selector am Schluss
stehen */
#mitte {
	background: #ffffff;
	border: 0px solid #000; /*z-index: 3;*/
	margin-left: 145px;
	margin-left: 144px;
	margin-right: 162px;
	margin-right: 161px;
	min-height: 350px; /*background-color:#ffffcc;*/
	padding: 0px 5px 0px 5px; /*width: 99%;*/
	voice-family: "\"}\"";
	voice-family: inherit; /*margin-left: 143px;
	margin-right: 160px;*/
}
/* MSIE Hack */
#mitte a {
	line-height: 1.2em;
	zoom: 1;
}
#rechts {
	background: #ffffff;
	color: #000000;
	margin-right: 0px;
	position: absolute;
	right: 5px;
   top: 67px;
	width: 150px;
}
#suchform {
	border: 0px dashed blue;
	display: inline;
	float: right;
	height: 36px;
	margin-bottom: 0px;
	overflow: visible;
	position: absolute;
	right: 5px;
	top: 2px;
	vertical-align: bottom;
	width: auto;
}
#suchform input {
	border: none;
	font-size: 85%;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
}
#suchform input.field {
	background: #fff5ee;
	border: 1px gray solid;
	color: black; /*margin-right:3px;*/
	margin: 1px 3px 1px 1px;
}
#switchlayout {
	display: block;
}
#topheader{
	background: transparent;
	border: solid #ff0000 0px;
	color: #808080;
	display: inline;
	font-weight: normal;
	margin-left: 0px;
	vertical-align: bottom;
}
#topnav {
	border-top-color: #c0c0c0;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 85%;
	margin-left: 4px;
	margin-top: 0cm;
	padding: 0px; /*margin-bottom: 0px;*/
	text-align: left;
        max-width:99%;
	width: 99%;
}
#topnav a:visited, #topnav a:link, a.reiter:hover, a.reiter:active, a.reiter:focus, a.textversion:hover, a.textversioniter:active, a.textversion:focus {
	color: #ff0000;
	text-decoration: none;
}
 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (de) Diese Angabe benoetigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }