/* override some defaults that are different from browser to browser anyway */
body,div,form {
        padding: 0px;
        margin: 0px;
}

img {
        border: none;
}

body  {
        color: #808080;
        font-size: 80%;
        font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background-position:top;
	background-repeat:repeat-x;
	background-color:#E6E6E6;
	background-image:none;
}


body.print {
  margin-left: 1em;
  background: #ffffff;
}

div.print {
  color: #000000;
  width: 550px;
}

ul {
  margin-bottom: 0px;
}

label {
  cursor: pointer;
}

/* set some more defaults for our convenience */
h1,h2,h3,h4 {
        margin: 0px;
        padding: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
}

h1,h2,h3,h4{
        font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
        font-weight: bold;
}


h1 {
        color: #4D4D4D;
        font-size: 1.6em;
        padding-top: 15px;
		padding-bottom: 15px;
}

h2 {
        color: #808080;
        font-size: 1.2em;
        padding-top: 5px;
}

h3 {
        color: #333;
        font-size: 1.2em;
}

h4 {
        color: #333;
        font-size: 1.0em;
}

p {
  padding-top: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px;

}


h2.lead  { 
	margin-top: 0px; 
	padding-top: 10px; 
	margin-bottom: 0px; 
	font-size: 110%;
}

.lead { 
       font-weight: bold; 
}

h2.list { 
    font-size: 1.2em; 
	color: #333366; 
    padding: 0px;
	margin-bottom: 5px;
}


h2.leadlist { 
       font-size: 1.1em; 
       padding: 0px;
       margin-bottom: 5px; 
       margin-top: 5px;
}

.articletable {
  font-size: 1em;
  line-height: 1.6em;
}


h2 a,h2 a:active,h2 a:link,h2 a:visited,a.listtitle { 
       color: #990033; 
}

ul.leiste {
  padding: 0em 0.5em 0em 0.5em;
  margin: 0px;
  
}
ul.leiste li {
  padding-left: 0.5em;
  list-style-type: none;
  display: inline;
}

.clear {
    clear:both;
}

.fehler {
  color: red;
  font-weight: bold;
}

.left {
  float:left;
}

.right {
  float:right;
}


/*
 * hide certain elements from modern browsers which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

.indent {
  padding-left: 15px;
}


/* default link styling */
a:link    {color:#999999;font-weight: bold; text-decoration: none; background-color: transparent; }
a:visited {color:#999999;font-weight: bold; text-decoration: none; background-color: transparent; }
a:hover   {color:#999999;font-weight: bold; text-decoration: none; background-color: transparent; text-decoration: underline; }
a:active  {color:#999999;font-weight: bold; text-decoration: none; background-color: transparent; text-decoration: underline; }

/*** Allgemeine Anordnung der Container und Hintergruende ***/

#wrapper {
  width: 878px;
  margin:auto;
}

#head {
  width: 878px;
  height: 120px;
}

#head #topheader {
  height:120px;
  margin-left:216px;
  padding-right:150px;
  position:relative;
  top:40px;
  background-position:right top;
  background-repeat:no-repeat;
}

#head #topheader_start {
  height:120px;
  margin-left:216px;
  padding-right:150px;
  position:relative;
  top:40px;
}

#head #blase {
  background-repeat:no-repeat;
  margin-top:27px;
  position:absolute;
  z-index:1;
  height:144px;
  width:177px;
  float:left;
}

#head #blase a {
  display:block;
  width:128px;
  height:95px;
  margin-left:49px;
  margin-top:1px;
}

#head p {
  visibility:hidden;
  height:0px;
  padding:0px;
  margin:0px;
}



/*Top-Navigation*/
#topnav {
  position:absolute;
  margin-top:-17px;
  width:848px;
  margin-left:30px;
  height: 65px;
  background-image:url(top_ecken.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
}

#topnav ul {
  margin: 0px;
  padding: 0px;
  padding-left:279px;
  list-style-type: none;
  margin-top:-1px;
}

#topnav li { 
  list-style-type: none;
  float:left;
  display:block;
  width:108px;
}

#topnav li span {
  display: block;
  height:65px;
  float:left;
  vertical-align:bottom;
}

#topnav ul li a {
  float:left;
  padding-top:16px;
  padding-bottom:15px;
  width:87px;
  padding-left:20px;
  background-color:#fff;
  border-bottom:1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  font-weight:normal;
  position:absolute;
  bottom:0;
}


#topnav ul li a.active, #topnav ul li a:hover {
  margin-top:0px;
  padding-bottom:20px;
  width:87px;
  padding-top:26px;
  border:0px;
  margin-left:1px;
  margin-right:1px;
  border-bottom: 1px solid #dcdcdc;
  text-decoration:none;
}





#metanav {
  position: relative;
  left: 0px;
  height: 22px;
  width:100%;
  background-color: #ffcc00;
  text-align: right;
  margin-bottom: 1px;
  line-height: 22px;
  font-size: 90%;
}

#wrapperinner {
  width: 100%;
  clear: both;
}

#wrapperinner2 {
  width: 848px;
  margin-top:30px;
  margin-left:30px;
  padding-bottom:30px;
  clear: both;
  background: #ffffff;
}

#nav {
  float: left;
  width: 260px;/*188*/
  margin-left:-800px;/*730*/
}


#content {
  margin-left: 280px;/*210*/ /*10 auf Startseite, s.u.*/
  padding-top:40px;
  float: left;
  width: 520px;
  line-height:1.6em;
  font-size: 90%;  
  padding-bottom:30px;
}


#news {
  width: 220px;/*220*/
  margin-left: 550px;/*752*/
  margin-top:70px;
}

#freitext {
  padding-left:60px;
  padding-top:40px;
  padding-bottom:36px;
}

#metanav2 {
  display:none;
  position: relative;
  left: 0px;
  height: 18px;
  width: 100%;
  text-align: right;
  line-height: 18px;
  font-size: 90%;  
}

#footer {
  display:none;
  position: relative;
  left: 0px;
  height: 22px;
  width: 100%;
  text-align: left;
  background-color: #ffcc00;
  line-height: 22px;
  font-size: 90%;

}

#footer a, #metanav a {
  color: #333 !important;
}


/* Bildformatierung */

.AWimageleft { float:left; }
.AWimageright { float:right; }

.AWimagemarginleft { margin-left:6px; }
.AWimagemarginright { margin-right:6px; }
.AWimagemargincenter { margin:auto; }

div.AWimagebox { background-color: #FFFFCC; margin-top: 0.5em; margin-bottom: 10px;}

img.AWimage { border:0px; }

p.AWimagetext { padding-left: 6px; padding-right: 6px; margin-top:0px; margin-bottom:0px; }

span.AWimagetitle { font-weight:bold;display:block; }



/* Bildformatierungen zum Ueberschreiben */


.AWimageboxOverride { }

AWimageOverride {}

AWimagetextOverride {}

AWimagetitleOverride {}

AWimagedescOverride {}



/*
* Menu-Bereich
*/

#menu ul li a.active, #menu ul li a.active:hover {
  background-repeat:repeat-y;
  margin-left:0px;
}

div#menu {
  background-color:#ddd;
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

/* Ebene 1 */

#menu ul li {
  padding: 1px 0px 1px 0px;  
}

#menu ul li a img {
  padding-top: 0px;
  padding-bottom: 1px;
}

#menu ul li a {
  color: #333 !important;
  font-size: 0.85em;
  font-weight: normal;
  text-decoration: none !important;
  display: block;
  line-height: 4em;
  background-color: #fff !important;
  padding-left: 20px;
}

#menu ul li a:hover {
  padding-left:30px;
  margin-left:20px;
}

#menu ul li a.active {
  padding-left:30px;
  margin-left:0px;
}


/* Ebene 2 */

#menu ul li ul {
  padding-top: 1px;
  padding-bottom: 0px;
}

#menu ul li ul li {
  padding: 0px 0px 1px 0px;  
}

#menu ul li ul li a {
  margin-bottom: 0px;
  line-height: 3em;
  padding-left: 40px;
}

#menu ul li ul li a:hover {
}

#menu ul li ul li a.active {
  padding-left:40px;
  margin-left:0px;
}

/* Ebene 3 */

#menu ul li ul li ul li a {
  margin-bottom: 1px;
  line-height: 2em;
  padding-left: 60px;
}

#menu ul li ul li ul li a:hover {
}

#menu ul li ul li ul li a.active {
}


/*
* Boxen
*/

/* Kopfbereiche der Boxen*/

div.boxhead {
  width: 208px;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  padding: 8px;
  float: left;
}

/* Box-Inhalts-Div */

div.box {
  width: 208px;
  padding: 0px 6px 18px 6px;
  font-size: 0.87em;
  line-height: 1.3em;
  margin-bottom: 1em;
  float: left;
}

div.box ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

div.box li { clear: left; display: block;}

div.box img { float: left; margin: 0em 0.5em 0em 0em; }

div.box p {
  float:left;
}

div.box input[type=text],
div.box input[type=submit] {
  width: 150px; 
  margin-top:4px;
}

div.box input[type=radio] {
  width:16px;
}

/* Box-Inhalt-Formate für News */

#news div.box a.title {
  display: block;
  padding-top: 8px;
  padding-bottom: 4px;
}

/* Banner */

ul.banner {
  margin: 2em 0em 1em 0em;
  padding: 0em;
}

ul.banner li {
  margin:0.5em 0em 0.5em 0em;
  padding: 0px;
  border: 0px;
  list-style-type: none;
  display: inline;
}

/*Social Bookmarks */

#social_bookmark ul {
  margin: 0px;
  padding: 15px 0px;
  list-style-type: none;
  border: 0px;
}

#social_bookmark li { 
  padding-right: 0.5em;
  list-style-type: none;
  display: inline;
}

#social_bookmark img {
  margin: 0.25em 0em 0em 0em; 
}


/*Blockspezifische Farben */

#head .topheader_beraten {
  background-image:url(topheader_beraten.gif);
}
#head .blase_beraten {
  background-image:url(blase_beraten.gif);
}
body#beraten {
	background-color:#009058;
	background-image:none;
}
#content.beraten h1 {
    color:#87C632;
}
#content.beraten a, #topnav ul.beraten li a, #topnav ul.start li a#beraten  {
    color:#87C632;
}
#topnav ul li a#beraten.active, #topnav ul li a#beraten:hover{
  background-position:bottom;
  color:#fff;
  background-repeat:no-repeat;
  /*background-color:transparent;
  background-image:url(active_beraten.gif);*/
  background-color:#87C632;
}
#menu.beraten ul li a.active {
  background-image:url(nav_beraten.gif);
}
div#menu.beraten {
  border-top: 1px solid #87C632;
  border-bottom: 1px solid #87C632;
}


#head .topheader_fragen {
  background-image:url(topheader_fragen.gif);
}
div#head .blase_fragen {
  background-image:url(blase_fragen.gif);
}
body#fragen {
	background-color:#DC555B;
	background-image: none;
}
#content.fragen h1 {
    color:#DC555B;
}
#content.fragen a, #topnav ul.fragen li a, #topnav ul.start li a#fragen {
    color:#DC555B;
}
#topnav ul li a#fragen.active, #topnav ul li a#fragen:hover{
  background-position:bottom;
  color:#fff;
  background-repeat:no-repeat;
  /*background-color:transparent;
  background-image:url(active_fragen.gif);*/
  background-color:#F28B7E;
}
#menu.fragen ul li a.active {
  background-image:url(nav_fragen.gif);
}
div#menu.fragen {
  border-top: 1px solid #DC555B;
  border-bottom: 1px solid #DC555B;
}



#head .topheader_verein{
  background-image:url(topheader_verein.gif);
}
#head .blase_verein {
  background-image:url(blase_verein.gif);
}
body#verein {
	background-color:#009DBC;
	background-image:none;
}
#content.verein h1, #topnav ul.verein li a , #topnav ul.start li a#verein {
    color:#00CFFF;
}
#content.verein a{
    color:#00CFFF;
}
#topnav ul li a#verein.active, #topnav ul li a#verein:hover{
  background-position:bottom;
  color:#fff;
  background-repeat:no-repeat;
  background-color:#00CFFF;
  margin-left:0px;
  border-left:1px solid #E5E5E5;
  border:0;
}
#menu.verein ul li a.active {
  background-image:url(nav_verein.gif);
}
div#menu.verein{
  border-top: 1px solid #00CFFF;
  border-bottom: 1px solid #00CFFF;
}





#head .topheader_praxis{
  background-image:url(topheader_praxis.gif);
}
#head .blase_praxis {
  background-image:url(blase_praxis.jpg);
}
body#praxis {
	background-color:#F9B806;
	background-image:none;
}
#content.praxis h1, #topnav ul.praxis li a , #topnav ul.start li a#praxis {
    color:#F9B806;
}
#content.praxis a{
    color:#F9B806;
}
#topnav ul li a#praxis.active, #topnav ul li a#praxis:hover{
  background-position:bottom;
  color:#fff;
  background-repeat:no-repeat;
  background-color:#FFDD00;
  margin-left:0px;
  border-left:1px solid #F9B806;
}
#menu.praxis ul li a.active {
  background-image:url(nav_praxis.gif);
}
div#menu.praxis{
  border-top: 1px solid #F9B806;
  border-bottom: 1px solid #F9B806;
}




#head .topheader_podcasts {
  background-image:url(topheader_podcasts.gif);
}
#head .blase_podcasts{
  background-image:url(blase_podcasts.gif);
}
body#podcasts {
	background-color:#F069B1;
	background-image:none;
}
#content.podcasts h1 {
    color:#F069B1;
}
#content.podcasts a ,#topnav ul.podcasts li a, #topnav ul.start li a#podcasts{
    color:#F069B1;
}



#topnav ul li a#podcasts.active, #topnav ul li a#podcasts:hover{
  background-position:bottom;
  color:#fff;
  background-repeat:no-repeat;
  /*background-color:transparent;
  background-image:url(active_podcasts.gif);*/
  background-color:#666666;
}
#menu.podcasts ul li a.active {
  background-image:url(nav_podcasts.gif);
}
div#menu.podcasts{
  border-top: 1px solid #F069B1;
  border-bottom: 1px solid #F069B1;
}


#head .topheader_bestellen {
  background-image:url(topheader_bestellen.gif);
}
#head .blase_bestellen{
  background-image:url(blase_bestellen.gif);
}
body#bestellen {
	background-color:#FFCF00;
	background-image:none;
}
#content.bestellen h1 {
    color:#ED9000;
}
#content.bestellen a ,#topnav ul.bestellen li a, #topnav ul.start li a#bestellen{
    color:#ED9000;
}
#topnav ul li a#bestellen.active,#topnav ul li a#bestellen:hover{
  background-position:bottom;
  color:#fff;
  background-repeat:no-repeat;
  /*background-color:transparent;
  background-image:url(active_bestellen.gif);*/
  background-color:#ED9000;
}
#menu.bestellen ul li a.active {
  background-image:url(nav_bestellen.gif);
}
div#menu.bestellen {
  border-top: 1px solid #ED9000;
  border-bottom: 1px solid #ED9000;
}




#head .topheader_default {
  background-image:url(topheader_start.gif);
}
#head .blase_default{
  background-image:url(blase_def.gif);
}
body#default {
	background-color:#E5E5E5;
	background-image:none;
}
#topnav ul li a#default.active,#topnav ul li a#default:hover{
  background-position:bottom;
  color:#fff;
  background-repeat:no-repeat;
  /*background-color:transparent;
  background-image:url(active_default.gif);*/
  background-color:#ED9000;
}
div#menu.default {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}



body #news {
  display:none;
}

/*Auf der Startseite ist alles anders ... */

#head .blase_start {
  background-image:url(blase_def.gif);
}

body#start #nav #freitext, body#start #nav #menu {
  display:none;
  visibility:hidden;
}

/*Blöcke unten*/
body#start #content {
  margin-left:20px;
  padding-top:40px;
  width:780px;
}

body#start #content #article{
  width:540px;
}

body#start #box_blogs {
  margin-top:-30px;
  width:220px;
  float:left;
}
body#start #box_termine {
  position:relative;
  margin-top:-30px;
  margin-left:50px;
  width:220px;
  float:left;
}
body#start #box_podcasts {
  position:relative;
  margin-top:-30px;
  margin-left:50px;
  width:220px;
  float:left;
}

body#start .boxhead {
  font-size:1.3em;
  padding-top:10px;
  padding-bottom:10px;
  color:#4D4D4D;
  
}
body#start .box a.title{
  padding-top:5px;
  padding-bottom:5px;
  display:block;
  color:#808080;
  font-size:1.1em;
}

body#start .box span.date {
  padding-bottom:5px;
  display:block;
  color:#CCCCCC;
  font-size:1.1em;
}

body#start #box_podcasts .boxhead {
  color:#F069B1;
}

body#start .rssnews {
  margin-top:45px;
  margin-left:560px;
  position:absolute;
}

#content.start a {
  color:#77716C;
}

/*Illustrationen*/
div#illu {
}
div#illu span.illu_ecke {
  position:absolute;
  width:42px;
  height:42px;
  margin-top:-1px;
  margin-left:-1px;
  background-image:url(ecke.png);
}

/*Rss-Teil*/ 
.rssnews {
  width:220px;
  font-size:0.8em;
  margin-left:20px;
  margin-bottom:20px;
  margin-top:20px;
}

.rssnews  h3{
  font-size:1.3em;
  color:#999999;
  font-weight:normal;
}
.rssnews  strong{
  font-size:1.1em;
  color:#CCCCCC;
  font-weight:bold;
  display:block;
  padding-top:5px;
  padding-bottom:5px;
}
.rssnews  a, .rssnews label{
  color:#4D4D4D;
  font-weight:normal;
  display:block;
}

.rssnews  div.rss_button{
  margin-top:5px;
  padding-left:50px;
  background-image:url(rss.gif);
  background-position:left;
  background-repeat:no-repeat;
}
.rssnews  div.news_button{
  padding-left:50px;
  margin-top:15px;
  background-image:url(newsletter.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

.rssnews  div.info_button{
  padding-left:50px;
  margin-top:15px;
  background-image:url(info.gif);
  background-position:top left;
  background-repeat:no-repeat;
}
.rssnews #newsform #do_email {
  width:120px; 
  padding:1px;
  
}
.rssnews #newsform input {
  border:1px solid #999999;
  padding:0px;
}


.articletable {
  color:#222;
}

.relationbox {
	width: 510px;
	padding: 5px;
	list-style-position:inside;
}

ul.relationbox li {
display: inline;
padding-left:15px;
}