/*
#################################################
## Fuer die Umstellungen wg. des Usability-    ##
## Tests wurden Aenderungen vorgenommen.       ##
## Die neuen Formate stehen am Ende dieser     ##
## Datei, geringfuegige Aenderungen an schon   ##
## bestehenden Formaten sind kommentiert.      ##
## Ausserdem wurden die drei bisherigen CSS-   ##
## Dateien basics, containers und individuals  ##
## wegen der Einfuehrung der Kontrastschaltung ##
## zusammengefasst unter screen.css.           ##
## 02.11.2007                             MS.  ##
#################################################
*/



/*
###############################################
## Alles, was vorher in basics.css war       ##
###############################################
*/


/* Workarounds für verschiedene Bugs des IE */

/* Guillotine-Bug */
#guihack
{
clear: both;
visibility: hidden;
}

/* 3-Pixel-Bug bei floatenden Spalten
   vor IE Mac verstecken */

* html div#inhalt
{
    height: 1em;
}
/* Verstecken Ende */

/*  Cursorform für Formularbuttons  */

@media screen
{
	.pointer
	{
	cursor: pointer;
	}
}

form
{
margin: 0px;
padding: 0px;
}





/* Formatierungen für alle Seiten */

html
{
	width: 100%;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}

body,p,span,table,th,tr,td,ul,ol,h1,h2,h3,h4,h5,h6
{
	color: #000000;
}

p,span,table,th,tr,td,ul,ol
{
	font-weight: normal;
}

p,span
{
	line-height: normal;
}

table
{
	text-align: left;
	border-collapse: collapse;
}

caption
{
	font-weight: bold;
}

thead,th,tfoot
{
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

td
{
	margin: 0px;
	padding: 6px;
	line-height: 1.2em;
}

h1,h2,h3,h4,h5,h6
{
	font-size: 1em;
	text-align: left;
	font-weight: bold;
}

ul,ol
{
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}

ul
{
	margin-left: 1.3em;
	padding-left: 0px;
	list-style-position: outside;
}

ol
{
	margin-left: 2em;
	padding-left: 0px;
}

b,strong
{
	font-weight: bold;
}

i,em
{
	font-style: italic;
}

a:link,
a:visited,
a:active
{
	color: #005093;
	font-weight: bold;
	text-decoration: none;
}

#threecolsspots a:link,
#threecolsspots a:visited,
#threecolsspots a:active
{
	color: #880000;
	text-decoration: none;
}

a:hover,
#threecolsspots a:hover
{
	text-decoration: overline underline;
}

img
{
	border: 0px;
}





/*
###############################################
## Alles, was vorher in containers.css war   ##
###############################################
*/


/* alle Blockelemente */

#kopfgesamt,#dreispaltig
{
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#kopfportal,
#kopfaids,
#kopfernaehrung,
#kopfgesundheit,
#kopfkindergesundheit,
#kopfnichtrauchen,
#kopffamilienplanung,
#kopfsexualaufklaerung,
#kopfsucht,
#kopfverleihadressen,
#kopfspots
{
	height: 140px;
	margin: 0px;
	padding: 0px;
}

#kopfportal,
#kopfverleihadressen
{
	border-bottom: 2px solid #005093;
	background:  url("pix/bg/startseite.gif");
	background-repeat: no-repeat;
}

#kopfaids
{
	border-bottom: 2px solid #e60003;
	background:  url("pix/bg/aids.gif");
	background-repeat: no-repeat;
}

#kopfernaehrung
{
	border-bottom: 2px solid #109357;
	background:  url("pix/bg/ernaehrung.gif");
	background-repeat: no-repeat;
}

#kopfgesundheit
{
	border-bottom: 2px solid #f28e00;
	background:  url("pix/bg/gesundheit.gif");
	background-repeat: no-repeat;
}

#kopfkindergesundheit
{
	border-bottom: 2px solid #ffd300;
	background:  url("pix/bg/kindergesundheit.gif");
	background-repeat: no-repeat;
}

#kopfnichtrauchen
{
	border-bottom: 2px solid #00abef;
	background:  url("pix/bg/nichtrauchen.gif");
	background-repeat: no-repeat;
}

#kopffamilienplanung
{
	border-bottom: 2px solid #ee7900;
	background:  url("pix/bg/familienplanung.gif");
	background-repeat: no-repeat;
}

#kopfsexualaufklaerung
{
	border-bottom: 2px solid #f9b800;
	background:  url("pix/bg/sexualaufklaerung.gif");
	background-repeat: no-repeat;
}

#kopfsucht
{
	border-bottom: 2px solid #5944af;
	background:  url("pix/bg/sucht.gif");
	background-repeat: no-repeat;
}

#kopfspots
{
	border-bottom: 2px solid #880000;
	background:  url("pix/bg/spots.gif");
	background-repeat: no-repeat;
}

#logo
{
	width: 97px;
	height: 140px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navi,#ariadnepfad
{
	padding: 0px 0px 0px 24px;
}

#navi
{
	margin: 0px;
}

#ariadnepfad
{
	width: auto;
	margin: 12px 0px 24px 0px;
	float: left;
}

#print
{
	width: auto;
	margin: 6px 12px 6px 0px;
	float: right;
}

#threecols,
#threecolsspots
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	clear: both;
}

#menulinks,#menurechts
{
	padding: 0px;
	margin: 0px 0px 2em 0px;
	background: transparent;
}

#menulinks
{
	width: 200px;
	w\idth: 210px;
	\width: 200px;
	float: left;
	height: 100%;
}

#menurechts
{
	width: 176px;
	w\idth: 186px;
	\width: 176px;
	float: right;
	padding: 12px 12px 0px 12px;
	background-color: #ffffff;
	margin-bottom: 24px;
}

#inhalt
{
	margin: 0px 224px 10px 224px;
	padding: 0px;
	background: transparent;
}

#medlinks
{
	width: 140px;
	height: 100%;
	margin: 0px;
	margin-top: 16px;
	padding: 0px;
	float: left;
	background: #faecd1;
}

#medbox
{
	width: auto;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	background: #faecd1;
}

#medrechts
{
	width: auto;
	height: auto;
	margin: 0px 0px 0px 152px;
	padding: 0px;
}






/*
###############################################
## Alles, was vorher in individuals.css war  ##
###############################################
*/


/* alle  individuellen Formatierungen */

body.bggrau
{
	background-color: #eeeeee;
}

body.bgstartseite
{
	background-color: #fcf6eb;
}

body.bgaids
{
	background-color: #fef5f6;
}

body.bgernaehrung
{
	background-color: #f3fbfe;
}

body.bggesundheit
{
	background-color: #fff9f1;
}

body.bgkindergesundheit
{
	background-color: #fff9f1;
}

body.bgnichtrauchen
{
	background-color: #f3fbfe;
}

body.bgfamilienplanung
{
	background-color: #fef5ef;
}

body.bgsexualaufklaerung
{
	background-color: #fcf6eb;
}

body.bgsucht
{
	background-color: #eceef7;
}

body.bgspots
{
	background-color: #f2f2f3;
}

body.bgverleihadressen
{
	background-color: #f2f9f0;
}

 .noborder,
a.noborder,
a.noborder:link,
a.noborder:visited,
a.noborder:hover,
a.noborder:active

{
	border: 0px;
	text-decoration: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

.navi
{
	color: #000000;
	line-height: 1em;
	margin: 6px 0px 0px 0px;
	padding: 0px;
}

.trenner
{
	font-weight: bold;
	color: #999999;
	line-height: 0.8em;
	margin: 6px 4px 0px 4px;
	padding: 0px;
}

.suchfeld,
.spotssuchfeld
{
	width: 84px;
	height: 16px;
	margin-top: 1px;
	background: #ffffff;
	text-decoration: none;
}

.suchfeld
{
	border: 1px solid #dd8129;
}

.spotssuchfeld
{
	border: 1px solid #880000;
}

 .go,
a.go,
a.go:link,
a.go:visited,
a.go:hover,
a.go:active,
 .gospots,
a.gospots,
a.gospots:link,
a.gospots:visited,
a.gospots:hover,
a.gospots:active
{
	width: 16px;
	height: 16px;
	padding: 2px;
	margin-left: 4px;
	margin-right: 6px;
	color: #ffffff;
	font-weight: bold;
	background:  #dd8129;
	text-decoration: none;
}

 .go,
a.go,
a.go:link,
a.go:visited,
a.go:hover,
a.go:active
{
	background:  #dd8129;
}


 .gospots,
a.gospots,
a.gospots:link,
a.gospots:visited,
a.gospots:hover,
a.gospots:active
{
	background:  #880000;
}

 .ariadnepfad,
a.ariadnepfad,
a.ariadnepfad:link,
a.ariadnepfad:visited,
a.ariadnepfad:hover,
a.ariadnepfad:active,
 .print,
a.print,
a.print:link,
a.print:visited,
a.print:hover,
a.print:active,
 .ariadnepfadspots,
a.ariadnepfadspots,
a.ariadnepfadspots:link,
a.ariadnepfadspots:visited,
a.ariadnepfadspots:hover,
a.ariadnepfadspots:active,
 .printspots,
a.printspots,
a.printspots:link,
a.printspots:visited,
a.printspots:hover,
a.printspots:active
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #dd8129;
}

 .ariadnepfad,
a.ariadnepfad,
a.ariadnepfad:link,
a.ariadnepfad:visited,
a.ariadnepfad:hover,
a.ariadnepfad:active,
 .print,
a.print,
a.print:link,
a.print:visited,
a.print:hover,
a.print:active
{
	color: #dd8129;
}

 .ariadnepfadspots,
a.ariadnepfadspots,
a.ariadnepfadspots:link,
a.ariadnepfadspots:visited,
a.ariadnepfadspots:hover,
a.ariadnepfadspots:active,
 .printspots,
a.printspots,
a.printspots:link,
a.printspots:visited,
a.printspots:hover,
a.printspots:active
{
	color: #880000;
}

 .print,
a.print,
a.print:link,
a.print:visited,
a.print:hover,
a.print:active,
 .printspots,
a.printspots,
a.printspots:link,
a.printspots:visited,
a.printspots:hover,
a.printspots:active
{
	text-align: right;
}

.menudachzeile,
.menudachzeilespots
{
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 20px;
	font-weight: bold;
}

.menudachzeile
{
	background: #faecd1;
	border-right: 2px solid #888888;
	border-bottom: 2px solid #888888;
	border-left: 2px solid #888888;
}

.menudachzeilespots
{
	background: #ecc8c8;
	border-right: 2px solid #880000;
	border-bottom: 2px solid #880000;
	border-left: 2px solid #880000;
}

.titelservice,
.titelbzga,
.titelaids,
.titelernaehrung,
.titelgesundheit,
.titelkindergesundheit,
.titelnichtrauchen,
.titelfamilienplanung,
.titelsexualaufklaerung,
.titelsucht,
.titelverleihadressen,
.titelspots,
.titelsitemap
{
	height: auto;
	padding: 3px 3px 3px 8px;
	font-weight: normal;
}

.menuservice,
.menubzga,
.menuaids,
.menuernaehrung,
.menugesundheit,
.menukindergesundheit,
.menunichtrauchen,
.menufamilienplanung,
.menusexualaufklaerung,
.menusucht,
.menureferat,
.menuspotshp,
.titelservice,
.titelbzga,
.titelaids,
.titelernaehrung,
.titelgesundheit,
.titelkindergesundheit,
.titelnichtrauchen,
.titelfamilienplanung,
.titelsexualaufklaerung,
.titelsucht,
.titelverleihadressen,
.titelsitemap
{
	background: #faecd1;
}

.menuspots,
.menuservicespots,
.titelspots
{
	background: #faecd1;
}

.titelservice,
.titelbzga,
.titelaids,
.titelernaehrung,
.titelgesundheit,
.titelkindergesundheit,
.titelnichtrauchen,
.titelfamilienplanung,
.titelsexualaufklaerung,
.titelsucht,
.titelverleihadressen,
.titelspots,
.titelsitemap
{
	margin: 0px 0px 0px 0px;
	padding-right: 36px;
}

.titelspots
{
	width: auto;
}

.titelservice,
.titelbzga,
.titelaids,
.titelernaehrung,
.titelgesundheit,
.titelkindergesundheit,
.titelnichtrauchen,
.titelfamilienplanung,
.titelsexualaufklaerung,
.titelsucht,
.titelverleihadressen,
.titelspots,
.titelsitemap
{
	width: auto;
	font-weight: bold;
}

.menuservice,.menuservicespots,
.titelservice,.titelverleihadressen
{
	border-right: 2px solid #888888;
	border-bottom: 2px solid #888888;
	border-left: 16px solid #888888;
}

.menubzga,.titelbzga,
.menureferat,.titelnewsletter,
.titelsitemap
{
	border-right: 2px solid #005093;
	border-bottom: 2px solid #005093;
	border-left: 16px solid #005093;
}

.menuaids,.titelaids
{
	border-right: 2px solid #e60003;
	border-bottom: 2px solid #e60003;
	border-left: 16px solid #e60003;
}

.menuernaehrung,.titelernaehrung
{
	border-right: 2px solid #109357;
	border-bottom: 2px solid #109357;
	border-left: 16px solid #109357;
}

.menugesundheit,.titelgesundheit
{
	border-right: 2px solid #f28e00;
	border-bottom: 2px solid #f28e00;
	border-left: 16px solid #f28e00;
}

.menukindergesundheit,.titelkindergesundheit
{
	border-right: 2px solid #ffd300;
	border-bottom: 2px solid #ffd300;
	border-left: 16px solid #ffd300;
}

.menunichtrauchen,.titelnichtrauchen
{
	border-right: 2px solid #00abef;
	border-bottom: 2px solid #00abef;
	border-left: 16px solid #00abef;
}

.menufamilienplanung,.titelfamilienplanung
{
	border-right: 2px solid #ee7900;
	border-bottom: 2px solid #ee7900;
	border-left: 16px solid #ee7900;
}

.menusexualaufklaerung,.titelsexualaufklaerung
{
	border-right: 2px solid #f9b800;
	border-bottom: 2px solid #f9b800;
	border-left: 16px solid #f9b800;
}

.menusucht,.titelsucht
{
	border-right: 2px solid #5944af;
	border-bottom: 2px solid #5944af;
	border-left: 16px solid #5944af;
}

.menuspots,.menuspotshp,
.titelspots
{
	border-right: 2px solid #880000;  /* Farbe geaendert 02.11.2007 MS */
	border-bottom: 2px solid #880000;
	border-left: 16px solid #880000;
}

.titelsitemap
{
margin-bottom: 36px;
}

#navi a,
#navi a:link,
#navi a:visited,
#navi a:hover,
#navi a:active,
#menulinks a,
#menulinks a:link,
#menulinks a:visited,
#menulinks a:hover,
#menulinks a:active /*,
#menurechts a,
#menurechts a:link,
#menurechts a:visited,
#menurechts a:hover,
#menurechts a:active */
{
	font-weight: normal;
	color: #000000;
}

.trailerservice,
.trailerbzga,
.traileraids,
.trailerernaehrung,
.trailergesundheit,
.trailerkindergesundheit,
.trailernichtrauchen,
.trailerfamilienplanung,
.trailersexualaufklaerung,
.trailersucht,
.trailernewsletter,
.trailerspots,
.trailerspotsplayer,
.trailerspotsplayertv,
.trailerspotsplayeroly
{
	font-weight: bold;
}

.trailerservice,
.trailerbzga,
.traileraids,
.trailerernaehrung,
.trailergesundheit,
.trailerkindergesundheit,
.trailernichtrauchen,
.trailerfamilienplanung,
.trailersexualaufklaerung,
.trailersucht,
.trailernewsletter
{
	width: auto;
	height: auto;
	margin: 0px 6px 6px 0px;
	padding: 3px 8px 3px 8px;
	line-height: 1.6em;
	background: #faecd1;
}

.trailerspots,
.trailerspotsplayer,
.trailerspotsplayertv,
.trailerspotsplayeroly
{
	height: auto;
	margin: 0px 0px 12px 0px;
	padding: 2px 8px 2px 8px;
	line-height: normal;
	background: #faecd1;  /* Farbe geaendert 02.11.2007 MS */
}

.trailerspots
{
	display: inline;
	line-height: 170%;
}

.trailerspotsplayer,
.trailerspotsplayertv,
.trailerspotsplayeroly
{
	display: block;
}

.trailerspotsplayer
{
	width: 300px;
	margin-left: 24px;
}

.trailerspotsplayertv
{
	width: 320px;
	margin-left: 24px;
}

.trailerspotsplayeroly
{
	width: auto;
}

trailerservice
{
	border-right: 2px solid #888888;
	border-bottom: 2px solid #888888;
	border-left: 2px solid #888888;
}

.trailerbzga,
.trailernewsletter
{
	border-right: 2px solid #005093;
	border-bottom: 2px solid #005093;
	border-left: 2px solid #005093;
}

.traileraids
{
	border-right: 2px solid #db0025;
	border-bottom: 2px solid #db0025;
	border-left: 2px solid #db0025;
}

.trailerernaehrung
{
	border-right: 2px solid #109357;
	border-bottom: 2px solid #109357;
	border-left: 2px solid #109357;
}

.trailergesundheit
{
	border-right: 2px solid #ec7425;
	border-bottom: 2px solid #ec7425;
	border-left: 2px solid #ec7425;
}

.trailerkindergesundheit
{
	border-right: 2px solid #fdbd1d;
	border-bottom: 2px solid #fdbd1d;
	border-left: 2px solid #fdbd1d;
}

.trailernichtrauchen
{
	border-right: 2px solid #00abef;
	border-bottom: 2px solid #00abef;
	border-left: 2px solid #00abef;
}

.trailerfamilienplanung
{
	border-right: 2px solid #e03625;
	border-bottom: 2px solid #e03625;
	border-left: 2px solid #e03625;
}

.trailersexualaufklaerung
{
	border-right: 2px solid #f7a42d;
	border-bottom: 2px solid #f7a42d;
	border-left: 2px solid #f7a42d;
}

.trailersucht
{
	border-right: 2px solid #59448f;
	border-bottom: 2px solid #59448f;
	border-left: 2px solid #59448f;
}

.trailerspots,
.trailerspotsplayer,
.trailerspotsplayertv,
.trailerspotsplayeroly
{
	border-right: 2px solid #880000;  /* Farbe geaendert 02.11.2007 MS */
	border-bottom: 2px solid #880000;
	border-left: 2px solid #880000;
}

.suchfeldmedien,
.suchfeldmedienlang,
.auswahlfeldmedien,
.adressliste,
.suchfeldspots,
.suchfeldspotslang,
.auswahlfeldspots
{
	margin-top: 1px;
	border: 1px solid #888888;
	background: #ffffff;
	text-decoration: none;
}

.suchfeldmedien,
.suchfeldspots
{
	height: 16px;
	width: 110px;  /* Breite geaendert 02.11.2007 MS */
}

.suchfeldmedienlang,
.suchfeldspotslang
{
	height: 16px;
	width: 236px;
}

.auswahlfeldmedien,
.auswahlfeldspots
{
	height: 20px;
	width: 140px;  /* Breite geaendert 02.11.2007 MS */
}

.adressliste
{
	height: 20px;
	width: 240px;
}

.einzugfeld
{
	margin-left: 24px;
}

.textfeld
{
	width: 80%;
	height: 7em;
	border: 1px solid #cccccc;
}

 .gomedien,
a.gomedien,
a.gomedien:link,
a.gomedien:visited,
a.gomedien:hover,
a.gomedien:active,
 .gospots,
a.gospots,
a.gospots:link,
a.gospots:visited,
a.gospots:hover,
a.gospots:active
{
	width: 16px;
	height: 16px;
	padding: 2px;
	color: #ffffff;
	font-weight: bold;
	background:  #888888;
	text-decoration: none;
}

h1.head
{
	font-weight: bold;
	margin: 8px 0px 24px 0px;
	padding: 0px;
}

.textklein
{
	font-size: 70%;
}

.einzug
{
	padding-left: 24px; 
}

.einzugklein
{
	font-size: 70%;
	padding-left: 24px;
}

.bildklein
{
	/* margin-top: 4px; */
	margin-right: 12px;
	padding-bottom: 6px;
	border: 0px;
	float: left;
}

.bild
{
	margin: 0px 12px 16px 0px;
	border: 0px;
	float: left;
}

.bildneben
{
	margin-right: 12px;
	display: inline;
}

ul.einzugul
{
	margin-left: 38px;
	padding-left: 0px;
	list-style-position: outside;
}

ol.einzugol
{
	margin-left: 42px;
	padding-left: 0px;
}

.box,
.boxspots
{
	width: auto;
	height: auto;
	margin: 0px 0px 6px 0px;
	padding: 3px 3px 3px 24px;
	font-weight: normal;
}

.box
{
	background: #faecd1;
}

.boxspots
{
	background: #ecc8c8;
}

.medbild
{
	width: 140px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	background: #faecd1;
}

.nofl
{
	float: none !important;
}

.votum,
.votumspots
{
	width: 40%;
	height: auto;
	margin: 0px 0px 0px 24px;
	padding: 12px;
	border: 1px solid #888888;
}

.votum
{
	background: #faecd1;
}

.votumspots
{
	background: #ecc8c8;
}

.kontaktform,
.kontaktformspots
{
	width: 90%;
	height: auto;
	margin: 0px 0px 0px 24px;
	padding: 12px;
	border: 1px solid #888888;
}

.kontaktform
{
	background: #faecd1;
}

.kontaktformspots
{
	background: #ecc8c8;
}

.kontaktfeld
{
	width: 80%;
	margin: 0px;
	padding: 3px;
	border: 1px solid #cccccc;
}

#medrechts p
{
	margin: 4px 0px 4px 0px;
}

#medrechts h2,
#medrechts h3,
#medrechts h4,
#medrechts h5,
#medrechts h6
{
	margin: 12px 0px 4px 0px;
}

#medbox p,
#medboxspots p
{
	margin: 0px;
	padding: 4px 8px 4px 8px;
}

#medbox p
{
	margin: 0px;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #005093;
}

#medboxspots p
{
	margin: 0px;
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #880000;
}

.teaserbox
{
	min-height: 200px;
	margin-bottom: 16px;
}

.but {
	width: auto;
	color: #ffffff;
	font-weight: bold;
	background-color: #888888;
	border: 0px;
}

/* Besondere Klassen für BZgA-Spots */

.fl
{
	float: left;
}

.cl
{
	clear: left;
}

.ct
{
	text-align: center;
}

img a
{
	border: 0px;
}

/* Blockelemente für Spot-Teaser */

.teaserspot
{
	height: 100px;
	min-height: 100px;
	margin: 20px 0px 24px 24px;
	padding: 0px;
}

.teaserbildspothoerfunk
{
	width: 75px;
	height: 100px;
	margin-right: 12px;
	padding-top: 4px;
}

.teasertextspothoerfunk
{
	display: block;
}

.teasertextspot
{
	margin-top: 0px;
	margin-bottom: 4px;
}

.margt16
{
	margin-top: 16px;
}

.margt24
{
	margin-top: 24px;
}

.tbteaserspot
{
	margin: 20px 0px 24px 20px;
}

.tdteaserbildspothoerfunk,
.tdteaserbildspottvkino
{
	margin-right: 12px;
	padding-top: 3px;
	vertical-align: top;
}

.tdteaserbildspothoerfunk
{
	width: 75px;
	height: 100px;
}

.tdteaserbildspottvkino
{
	width: 100px;
	height: 75px;
}

.tdteasertextspot
{
	padding-top: 0px;
	vertical-align: top;
}

.padt4
{
	padding-top: 4px;
}

.boxcdcoverall
{
	margin: 24px 0px 24px 24px;
}

.boxcdcover
{
	width: 50px;
	margin: 24px 8px 24px 0px;
	padding: 0px;
	border: 0px;
	display: inline;
}

.tabcdcover,
.cellcdcover
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: inline;
}

/*
##############################################
## Neu hinzugekommen 2007                   ##
##############################################
*/

/* Suche und Servicenavigation als Liste */

#servnavi
{
	margin: 6px 0px 0px 0px;
	padding-left: 24px;
}

#servnavi form
{
display: inline;
}

#sucheklein
{
	display: inline;
	color: #000000;
	line-height: 1em;
	margin: 6px 0px 0px 0px;
	padding: 0px;
}

#servnavi ol
{
display: inline;
list-style-type: none;
margin-left: 16px;
}

#servnavi ol li
{
display: inline;
padding-left: 8px;
background-image: url("pix/bg/trenner.gif");
background-repeat: no-repeat;
background-position: 1px 2px;
}

#servnavi ol li.first
{
padding-left: 2px;
background-image: none;
}

#servnavi ol li a
{
font-weight: normal;
color: #000000;
}

/* Navigation als Liste */

#menulinks ol
{
list-style-type: none;
margin-left: 0px;
}

#menulinks ol li a,
#menulinks ol li li a
{
	display: block;
	height: auto;
	padding: 3px 3px 3px 8px;
	font-weight: normal;
}

#menulinks ol li a
{
	width: auto;
	_width: 170px;
	margin: 0px 0px 6px 0px;
}

#menulinks ol li li a
{
	width: auto;
	_width: 146px;
	margin: 6px 0px 0px 24px;
}

#menulinks ol li a.focus1
{
font-weight: bold;
}

#menulinks ol li li a.focus2
{
font-weight: bold;
}

#menulinks .inp
{
	display: block;
	height: auto;
	padding: 3px 3px 3px 8px;
	margin-top: 6px;
	margin-left: 24px;
	font-weight: normal;
}

.menuservice,
.menubzga,
.menuaids,
.menuernaehrung,
.menugesundheit,
.menukindergesundheit,
.menunichtrauchen,
.menufamilienplanung,
.menusexualaufklaerung,
.menusucht,
.menureferat,
.menuspotshp
{
	background: #faecd1;
}

.menuspots,
.menuservicespots
{
	background: #ecc8c8;
}

.menuplus
{
	margin-top: 6px !important;
}

.menuplusplus
{
	margin-top: 24px !important;
}

.menuminus
{
	margin-top: 0px !important;
}

.dispblock
{
	display: block;
	width: auto;
	height: auto;
	padding: 3px 3px 3px 8px;
	font-weight: normal;
	margin: 0px 0px 6px 0px;
}



/* Kennzeichnungssymbole in Ueberschriften */

.m_film,
.m_audio,
.m_print,
.m_mp,
.m_ref,
.m_info
{
	background-repeat: no-repeat;
	background-position: right 2px;
}

.m_film
{
	background-image: url("pix/bg/m_film.gif");
}

.m_audio
{
	background-image: url("pix/bg/m_audio.gif");
}

.m_print
{
	background-image: url("pix/bg/m_print.gif");
}

.m_mp
{
	background-image: url("pix/bg/m_mp.gif");
}

.m_ref
{
	background-image: url("pix/bg/m_ref.gif");
}

.m_info
{
	background-image: url("pix/bg/m_info.gif");
}

/* Linklisten */

/* Verweislinklisten am Textende */

.verweislinkliste,
#linkliste
{
display: block;
margin-top: 24px;
margin-bottom: 24px;
}

#inhalt .verweislinkliste,
#inhalt #linkliste
{
margin-left: 24px;
}

#medrechts .verweislinkliste,
#medrechts #linkliste
{
margin-left: 0px;
}

.verweislinkliste h3,
#linkliste h3
{
margin-top: 0px;
}

.verweislinkliste ol,
#linkliste ol
{
list-style-type: none;
margin-left: 0px;
margin-top: 12px;
}

.verweislinkliste ol li,
#linkliste ol li
{
line-height: 180%;
}

.verweislinkliste ol li a,
#linkliste ol li a
{
padding-left: 20px;
background-repeat: no-repeat;
background-position: 1px 2px;
}

/* Es ist zum Maeusemelken! 
   Der doofe IE kann das erst ab Version 7. 
   Also die ganze schoene Chose fuer die Katz! 

.verweislinkliste ol li a[title~=Interner]
{
background-image: url("pix/bg/inlink.gif");
}

.verweislinkliste ol li a[title~=Externer]
{
background-image: url("pix/bg/outlink.gif");
}

.verweislinkliste ol li a[title=Bestellsystem]
{
background-image: url("pix/bg/bestelllink.gif");
} 

.verweislinkliste ol li a[title=eMail]
{
background-image: url("pix/bg/maillink.gif");
} 
Fuer die Katz Ende */

.verweislinkliste ol li a.inlink,
#linkliste ol li a.inlink
{
background-image: url("pix/bg/inlink.gif");
}

.verweislinkliste ol li a.outlink,
#linkliste ol li a.outlink
{
background-image: url("pix/bg/outlink.gif");
}

.verweislinkliste ol li a.bestelllink,
#linkliste ol li a.bestelllink
{
background-image: url("pix/bg/bestelllink.gif");
}

.verweislinkliste ol li a.maillink,
#linkliste ol li a.maillink
{
background-image: url("pix/bg/maillink.gif");
}


/* Quicklinks */

.infobox
{
margin-top: 0px;
margin-bottom: 24px;
border: 1px solid #000000;
background-color: #faecd1;
}

.infobox p
{
	margin-top: 6px;
	padding: 0px 6px;
	font-size: 85%;
}

.infobox h3
{
	line-height: 140%;
}

.infobox img
{
	margin: 0px !important;
	padding: 0px !important;
}

h3.qlservice,
h3.qlbzga,
h3.qlportal,
h3.qlnewsletter,
h3.qlaids,
h3.qlernaehrung,
h3.qlgesundheit,
h3.qlkindergesundheit,
h3.qlnichtrauchen,
h3.qlfamilienplanung,
h3.qlsexualaufklaerung,
h3.qlsucht,
h3.qlspots,
h3.qlservice
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold !important;
	text-align: center;
	padding: 4px 6px;
}

h3.qlbzga a,
h3.qlportal a,
h3.qlnewsletter a,
h3.qlaids a,
h3.qlernaehrung a,
h3.qlgesundheit a,
h3.qlkindergesundheit a,
h3.qlnichtrauchen a,
h3.qlfamilienplanung a,
h3.qlsexualaufklaerung a,
h3.qlsucht a,
h3.qlspots a
{
	padding: 0px 0px;
}

h3.qlservice
{
	background-color: #888888;
}

h3.qlbzga,
h3.qlportal,
h3.qlnewsletter,
h3.qlbzga a,
h3.qlportal a,
h3.qlnewsletter a
{
	background-color: #005093;
	color: #ffffff !important;
}

h3.qlaids,
h3.qlaids a
{
	background-color: #db0025;
	color: #ffffff !important;
}

h3.qlernaehrung,
h3.qlernaehrung a
{
	background-color: #109357;
	color: #ffffff !important;
}

h3.qlgesundheit,
h3.qlgesundheit a
{
	background-color: #ec7425;
	color: #000000 !important;
}

h3.qlkindergesundheit,
h3.qlkindergesundheit a
{
	background-color: #fdbd1d;
	color: #000000 !important;
}

h3.qlnichtrauchen,
h3.qlnichtrauchen a
{
	background-color: #00abef;
	color: #ffffff !important;
}

h3.qlfamilienplanung,
h3.qlfamilienplanung a
{
	background-color: #ee7900;
	color: #ffffff !important;
}

h3.qlsexualaufklaerung,
h3.qlsexualaufklaerung a
{
	background-color: #f7a42d;
	color: #000000 !important;
}

h3.qlsucht,
h3.qlsucht a
{
	background-color: #59448f;
	color: #ffffff !important;
}

h3.qlspots,
h3.qlspots a
{
	background-color: #880000;
	color: #ffffff !important;
}


.fusszeile
{
margin-top: 2em;
padding-left: 20px;
background-repeat: no-repeat;
background-position: 1px 2px;
background-image: url("pix/bg/top.gif");
border-top: 1px solid #cccccc;
}



/*
#################################################
## Formatierung Sitemap                        ##
#################################################
*/


#sitemap {
	margin-top: 16px;
}

#sitemap ul, 
#sitemap ul ul, 
#sitemap ul ul ul, 
#sitemap ul ul ul ul {
	margin: 0.5em 0px 0em;
	padding: 0px;
}

#sitemap li {
	list-style-type: none;
	margin: 0px 0px 0.5em;
	padding: 0px;
	font-weight: bold;
}

#sitemap li li {
	padding-left: 25px;
	font-weight: normal;
}

#sitemap img {
	margin-right: 10px;
}

#sitemap ul {
	margin-bottom: 16px !important;
}

#sitemapaussen
{
	width: 100%;
	height: auto;
	margin-top: 36px;
}

 .sitemaprubrik,
a.sitemaprubrik,
a.sitemaprubrik:link,
a.sitemaprubrik:visited,
a.sitemaprubrik:hover,
a.sitemaprubrik:active
{
	color: #ffffff;
	text-decoration: none;
}

.rubrikaussen
{
	width: auto;
	height: auto;
	margin: 0px
	padding: 0px;
	background-color: #faecd1;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}

.rubrik
{
	width: 174px;
	height: auto;
	margin: 0px;
	padding: 2px 12px;
	background-color: #faecd1;
}

 .linkweiss,
a.linkweiss,
a.linkweiss:link,
a.linkweiss:visited,
a.linkweiss:hover,
a.linkweiss:active
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background-color: #faecd1;
}

.topic1,.topic2,.topic3,.topic4,.topic5,.topic6
{
	width: auto;
	height: auto;
	margin: 0px 0px 0px 198px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}

.topic1
{
	padding: 2px 4px;
}

.topic2
{
	padding: 2px 26px;
}

.topic3
{
	padding: 2px 48px;
}

.topic4
{
	padding: 2px 70px;
}

.topic5
{
	padding: 2px 92px;
}

.topic6
{
	padding: 2px 114px;
}

.switch
{
	width: 12px;
	height: 12px;
	font-size: small;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	margin: 0px 4px 0px 0px;
	border: 1px solid #000000;
	float: left;
}












/*
#################################################
## nur uebergangsweise, bis alles fertig ist,  ##
## damit die Menues, die noch nicht umgestellt ##
## sind, nicht so kaputt aussehen.        MS.  ##
#################################################
*/

#menulinks p
{
	margin: 0px 0px 6px 0px !important;
	padding: 3px 3px 3px 8px !important;
}