/* CSS Document */
body {margin: 0px; padding: 0px; height:auto; width:100%; background-color:#dae2e9; text-align:center; font-size:101%; }
td, p, div, body {font-family: Arial, Verdana, Helvetica, sans-serif; color:#333}
img {border:0px}

/* Seitenformatierungen */
div.rahmen {position:relative; width:945px; margin:auto; background-color:#dae2e9}
div.content {width:780px; border-left: solid 1px #fc3; text-align:left; border-right: solid 1px #fc3; background-color:#efefef; height:auto; float:left; margin-right:3px}
div.header {position:relative; background-color:#fc3; padding:0px; margin:0px}

/* Seitenelemente */
div.hr {height:1px; background:url(/files/hr_blau.gif) repeat-x scroll left; margin:5px 0}
div.hr hr {display:none}
.clear {clear:both; margin:0; padding:0}
ul li.dot {list-style-image:url(/files/listdot.gif)}
ul.margin li {margin-top:5px}
ul.square {padding-left:2px; margin:0px}
li.square {list-style-image:url(/files/listsquare.gif); padding:0px; margin:0px}
li.fragen {margin-top:5px}
li.pfeil {list-style-image:url(/files/pfeil_blau.gif); padding:0px; margin:0px}
.quelle {font-size:0.8em}

/* Menuformatierungen */
.functionmenu {
position:relative; 
height:auto; 
width:780px; 
text-align:right; 
padding:0
}
.logo {
position:relative; 
height:150px; 
width:780px; 
text-align:center; 
border-bottom:1px solid #fff
}
#hauptmenue {
position: relative; 
height: 1.4em; 
min-height:1.4em; 
width:580px; 
background-color:#036; 
float: left
}
.stupidie {
display: none
}
#menue {
display: block;
position: absolute;
top: 0px;
left: 0; z-index:200;
font-size:82%
}
#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 10em;
height: 23px;
font-weight: bold;
text-align:left;
background-color: #036;
color: #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff
}
a.top {
float: left;
display: block;
overflow: hidden;
width: 10em;
height: 23px;
font-weight: bold;
text-align: center;
background-color: #036;
color: #fff;
border-right: 1px solid #fff;
text-decoration:none
}
a.top:hover {font-weight: bold;
color: #036; 
background-color: #c8d0d6; 
height: 1.6em
}
#menue .aussen:hover {
height: auto;
background-color: #c8d0d6;
color: #036;
border-right: 1px solid #fff
}
a.innen-1 {
margin-top: 2px
}
a.innen, a.innen-1 {
display: block;
width: 10em;
padding: 2px 10px 2px 5px;
text-decoration: none;
font-weight: normal;
background-color: #036;
border-bottom: 1px solid #fff;
color: #fff
}
a:visited.innen, a:visited.innen-1 {
background-color: #036;
color:#fff;
padding: 2px 5px;
}
a:hover.innen, a:hover.innen-1 {
background-color: #c8d0d6;
color: #036;
padding: 2px 5px
}
span.menutag {
display: block;
cursor: default;
text-align: center;
margin-top:3px; 
height: 19px;
}

++++++++++++++++++++
   CSS Teil II
++++++++++++++++++++

/*
	Menue-styles fuer IEs
	Am besten per Conditional Comment einbinden.
	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
	Anpassungen vorgenommen werden (siehe Kommentare).
*/

#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 0px;
left: 0;
z-index: 200;
}

a.auss {
float: left;
width: 10em;
height: 23px;
overflow: hidden;
display: block;
font-weight: bold;
font-size:82%;
text-align: left;
text-decoration: none;
background-color:#036;
color:#fff; 
border-right:1px solid #fff
}
a:hover.auss {
overflow: visible;
background-color: #c8d0d6;
color: #036;
padding:0
}
a:hover.auss table {
padding:0;
display: block;
background-color: #c8d0d6;
color: #036;
border-collapse: collapse;
}
a.auss td, a.auss tr {
padding:0; margin:0
}
a.inn {
display: block;
width: 9.3em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 5px;
font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #fff;
background-color: #036;
color: #fff;
}
*html a.inn {
width: 9.2em
}
a:visited.inn {
background-color: #036;
color:#fff;
}
a:hover.inn {
position: relative;
background-color: #c8d0d6;
color: #036;
}

/* Ende Menuformatierungen */

/* Contentformatierungen */
.links {width:590px; float:left; margin:0px; padding:0 15px 15px 15px; background-color:#fff; font-size:82%; min-height:500px; line-height:1.3em }
*html .links {height: 500px}
.gesamt {position:static;width:740px; margin:0px; padding:0px 15px 15px 25px; background-color:#fff; font-size:82%; min-height:500px }
*html .gesamt {height: 500px}
.rechts {position:relative; float:right; width:160px; margin:0px; padding:20px 0 0 0; height:100%; background-color:#efefef; background-image: url(/files/background.gif); background-position: 100% 1px}
div.rubrik {height:auto; background-color:#fff; padding-top:25px; margin:0}
.topimg {padding:5px 0px 5px 10px; float:right; margin:0; text-align:center; font-weight:bold; font-size: 0.8em}
.topthemen {background-color:#c8d0d6; margin:0px 0px 5px 0px; width:194px; padding:5px 0px}
.floatleft {padding:5px 25px 5px 0px; float:left; margin:0}
.left {padding-right:10px; float:left}
.right {padding-left:10px; float:right; margin:0}

/* rechte Seite */
div.news {border: solid 1px #fc3; background-color:#fff; margin:10px 5px; padding:5px 0 5px 5px; font-size: 0.7em; height:auto; min-height:70px; color: #036}
*html div.news {height:70px}
.title {font-weight: bold}
.pfeil {position:relative; float:left; padding:0px 10px 0px 0px}
.newstext {text-decoration:none; padding-top:5px; display:block}
img.icon {float:right; text-decoration:none; border:0}
input.rechtsform {color: #666; font-size: 11px; vertical-align:top; border:1px solid #dee3e7; width:130px; height: auto; margin-top:2px}
.blueline {position:relative; width:590px; height:12px; border-bottom:1px solid #036; clear:both}
.line {height:1px; border-bottom:1px solid #c8d0d6; clear:both; margin:7px 0px}

/* Schriftformatierungen */
h1 {font-size:120%; color:#000; margin-top:20px}
h2 {font-size:103%; color:#333}
h3 {font-size:96%; color:#036; font-weight:bold; padding-bottom:5px}
.small, .anmerkung {font-size:85%}
.smaller {font-size:11px}
.fett {font-weight:bold}
a.fett {text-decoration:none}
.italic {font-style:italic}
.underline {text-decoration:underline}
.zitat {font-family:monospace; font-size:12px}
a {color:#036}
a:hover {color:#d30012 }
a.weiter {display: block; margin-top:5px; color:#036; font-weight:bold; text-decoration:none}
a.weiter:hover {color:#036; text-decoration:underline}
p.autor {font-style:italic; text-align:right}
p.floatright {float:right; width:70%}
.margintop {margin-top:0}
.marginbottom {margin-bottom:0}
ul.aktuell li {margin:20px 0; list-style-image:url(/files/pfeil.gif)}
ul.aktuell img {float:right; margin:13px 0 0 15px; border: solid 1px #dae2e9;}

/* Funktionsmenueformatierungen */
.functionmenu a {font-size:78%; font-weight: bold; text-decoration:none; padding:3px 12px; color:#fff; background-image: url(/files/trennstrich.gif); background-repeat:no-repeat; background-position:center left}
.functionmenu a:hover {text-decoration:underline; color:#fff}
.topthemen a {padding:2px 0px}

/* Absatz-Formatierungen */
p.markiert {font-weight:bold; background-color:#efefef; padding:3px; color:#036; border:1px solid #036}
.kasten {border:1px solid #036; padding:8px; background-color:#fff9e9}
div.kasten ul {margin:2px 10px; padding:0}
table.PPinfo {border:1px solid #036; margin-top:20px; background-color:#fff9e9; width:300px}
table.PPinfo h3 {margin:0; padding:0}
div.farbig { background-color:#c8d0d6; padding:8px; }
div.farbig1 { background-color:#efefef; padding:8px; }
div.farbig1 p, div.farbig p{margin:0}
/* Absatz-Formatierungen Ende*/

/* Formfelder-Formatierungen */
form {display:inline}
.form {display:inline; position:relative; width:200px; float:right; text-align:right; background-color:#036; height:1.4em; padding:0}
input.eingabe {color: #666;  font-size: 11px; vertical-align:top;  border:1px solid #dee3e7; width:110px; height: auto; padding:1px; margin-top:2px}
input.submit {color:#036; font-size: 11px; height: auto; border:1px solid #dee3e7; background-color:#c8d0d6; margin:2px 10px 0 0}
/* Formfelder-Formatierungen Ende*/

/* Suche-Formatierungen */
table.ergebnisse {font-size: 0.9em}
div.results {background-color:#fc3; padding:2px; margin-top:3px}

/*Footerformatierungen */
.footer  {position:relative; width:780px; height:30px; background-color:#fc3; text-align:center; font-size:68%; margin:0; padding:10px 0}
/*Footerformatierungen Ende*/

/*Termine*/
tr.tableheader {background-color:#036}
tr.tableheader td {font-weight:bold; color:#fff}
tr.farbig { background-color:#c8d0d6 }
table.kongresse td {padding:5px}
/*Termine Ende*/

/*Forumformatierungen */
.forumsuche {border:1px solid #036; height: 60px; width: 588px; margin:0; padding:0}
.forum {background-color:#036; width:588px; height: 3em; border-left:1px solid #036; border-right:1px solid #036; padding:0; color: white}
.marker {font-weight: bold; color: white; background-color:#036; width: 20px; padding-right:3px}

/*Forumformatierungen Ende*/
.komplett {width:748px; float:left; height:auto; margin:0px; padding:0 15px 15px 15px; background-color:#fff; font-size:82%}
div.zurueck {text-align:left; float:left; font-size:0.8em; padding:5px 0}
div.zurueck img {text-decoration:none}
div.weiter {text-align:right; float:right; font-size:0.8em; padding:5px 0}
div.vorzurueck {position:absolute; top:239px; left:558px}
div.floatright {float:right}
table.k-doqi {border: solid gray 1px}
table.k-doqi td {padding:0.3em; vertical-align:top; border: dotted gray 1px}
table.k-doqi h1, table.k-doqi h2 {margin:0}
div.algo {border:2px solid #7261a4}
div.algo h3 {background-color:#7261a4; color:white; padding:2px 0 2px 5px}
div.algo p {font-weight:bold; background-color:#ded9ec; margin:0; padding:3px}
table.registrierung {background-color:#dae2e9; padding:5px}
table.registrierung td {padding:3px 5px}
td.text {width:120px}
.daten {color: #333; font-size: 11px; vertical-align:top; width:200px; height: auto}

/*Selbsthilfegruppen*/
div.karte {width:250px; float:left}
span.ansprechpartner, span.bundesland, span.telefon, span.fax, span.email, span.internet {width:150px; float:left}
span.anschrift {width:150px; float:left; height:30px}
p.ansprechpartner, p.bundesland, p.anschrift, p.telefon, p.fax, p.email, p.emailprivat, p.internet {margin:0 0 0 30px}
p.gruppenname {font-weight:bold; font-size:1.0em; margin:5px; padding-top:5px}
td { vertical-align:top; padding:5px; }
td.farbig { background-color:#c8d0d6; }
 
/*Praxen, -Zentren*/
.pzkarte {width:55%}
#map {height:350px}
table.praxen td {margin:0; padding:0 4px; vertical-align:bottom}
fieldset {border: 1px solid #c8d0d6; display:block; padding:5px; margin:0; font-size:12px}
legend {color: #036; padding:5px 0}
label {display:block}
input.angaben { border:1px solid #a5acb2; padding:1px; background:#fff;}
#route {width:40%; float:right; margin-top:-14px}
#route b {color: #036}