/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/

/* wichtige Farben
Rot: #cc0000
Grun: #62BD6E
*/

/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
body, form, h1, h2, h3, h4, h5, h6, p {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #fff;
  text-align: center;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #585858;
  text-align: left;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}

p {
  line-height: 1.3em;
  margin: 0 0 1.0em 0;
}

a {
  color: #000;
}


/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.none {
  display: none;
}

.leftalign {
  float: left;
}

.rightalign {
  float: right;
}

.textright {
  text-align: right;
}

.no_screen {
  display: none;
}

.versteckt, .only_print {
  display: none;
}

.birne {
  background: transparent url('../bilder/birne.gif') left center no-repeat;
  padding-left: 20px;
}

a.pfeil_rechts {
  background: transparent url('../bilder/pfeil_rechts.gif') right center no-repeat;
  padding-right: 16px;
}

img.news {
  float: right;
  display: inline;
  border: 1px solid #ccc;
  margin: 0px 0px 10px 10px;
}

a.calendar {
  background: transparent url('../bilder/ico_calendar.gif') right center no-repeat;
  padding-right: 18px;
  text-decoration: none;
  color: #585858;
}

/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
h1 {
  font-size: 1.1em;
  font-weight: bold;
  color: #2E85B2;
  margin-bottom: 1.0em;
}

h2 {
  font-size: 1.1em;
  color: #2E85B2;
  font-weight: bold;
  margin-top: 2.0em;
  margin-bottom: 0.3em;
}

h3 {
  font-size: 1.0em;
  color: #2E85B2;
  font-weight: bold;
  margin-top: 1.0em;
  margin-bottom: 0.2em;
}


/*----------------------------------------------------------------*/
/* bereiche */
/*----------------------------------------------------------------*/
#background_workaround {
  background: #fff url('../bilder/back_body.gif') left top repeat-X;
}

#login_container {
  background: #123265;
  display: none;
}

#login_container table {
  margin-left: 18px;
}

#login_container table td {
  padding: 10px 2px 6px 0px;
}

#login_container table td.abstand {
  padding-left: 18px;
}

#login_container a {
  color: #8998B2;
  text-decoration: none;
  font-size: 0.9em;
}

.wrap {
  margin: 0 auto;
  padding: 0;
  width: 960px;
  text-align: left;
  font-size: 0.9em;
}

#header {
  margin: 0px 10px 0px 18px;
  height: 121px;
  overflow: hidden;
  border-top: 4px solid #123265;
}

#header p {
  margin: 0;
  padding: 0;
}

#header p.clear, #slogan p.clear {
  height: 1px;
  line-height: 1px;
  clear: both;
  font-size: 1px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#header p img {
  margin: 10px 0px 0px 15px;
}

#header-0 {
  float: right;
  display: inline;
  width: 453px;
}


/*----------------------------------------------------------------*/
/* headernavi */
/*----------------------------------------------------------------*/
#header ul, #header li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#header li {
  float: right;
  display: inline;
}

#header li a {
  color: #8D8D8D;
  text-decoration: none;
  font-size: 0.9em;
  margin-left: 2.0em;
}

#header-1 {
  margin-right: 480px;
  height: 120px;
}


/*----------------------------------------------------------------*/
/* log-in */
/*----------------------------------------------------------------*/
#login_off a, #login_on a {
  background: #123265 url('../bilder/pfeil_down.gif') 3px center no-repeat;
  border: 1px solid #8A98B3;
  border-top: 0;
  padding: 0.3em 0.5em 0.3em 26px;
  font-size: 0.9em;
  color: #9EA9BF;
  text-decoration: none;
  display: inline-block;
}

#login_on a {
  background: #123265 url('../bilder/pfeil_up.gif') 3px center no-repeat;
}

#login_on {
  display: none;
}

/*----------------------------------------------------------------*/
/* slogan */
/*----------------------------------------------------------------*/
#slogan {
  background: transparent url('../bilder/back_slogan.gif') left top no-repeat;
  height: 133px;
  overflow: hidden;
}

.spalte-0 {
  float: left;
  display: inline;
  width: 196px;
  font-size: 0.9em;
}

.spalte-2 {
  float: right;
  display: inline;
  width: 181px;
}

.spalte-1 {
  margin: 0px 191px 0px 208px;
}


/*----------------------------------------------------------------*/
/* hauptnavi */
/*----------------------------------------------------------------*/
#slogan .spalte-0 ul, #slogan .spalte-0 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#slogan .spalte-0 li {
  padding: 0.3em 0px;
}

#slogan .spalte-0 li a {
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  padding-left: 18px;
}

#slogan .spalte-0 li a:hover, #slogan .spalte-0 li.selected a {
  color: #F9C347;
}

#slogan .spalte-0 li.selected a {
  background: transparent url('../bilder/back_topnavi_li.gif') left center no-repeat;
}

#slogan .spalte-2 p {
  margin: 0;
  padding: 0;
  color: #8998B2;
  font-size: 0.9em;
  margin-left: 14px;
}

#slogan .spalte-2 table {
  margin-left: 14px;
}

#slogan .spalte-2 table td {
  padding-right: 2px;
}

#slogan .spalte-2 p#textgroesse {
  margin: 0;
  padding: 0;
  margin-left: 14px;
  margin-top: 55px;
  font-size: 0.9em;
}

#slogan .spalte-2 p#textgroesse a {
  color: #8998B2;
  text-decoration: none;
  margin-left: 5px;
}

#slogan .spalte-2 p#textgroesse a.big {
  font-size: 1.3em;
}

#slogan .spalte-2 p#textgroesse a:hover {
  color: #fff;
}


/*----------------------------------------------------------------*/
/* content */
/*----------------------------------------------------------------*/
#content {
  background: transparent url('../bilder/back_inhalt.gif') left top no-repeat;
  padding-top: 20px;
}

/*----------------------------------------------------------------*/
/* subnavi */
/*----------------------------------------------------------------*/
#content .spalte-0 ul, #content .spalte-0 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#content .spalte-0 ul {
  margin-right: 18px;
}


#content .spalte-0 li {
  padding: 0.3em 0px 0.3em 0px;
}

#content .spalte-0 li a {
  text-decoration: none;
  color: #585858;
  padding-left: 18px;
  display: block;
}

#content .spalte-0 li.selected a {
  background: transparent url('../bilder/back_subnavi_li.gif') left center no-repeat;
}

#content .spalte-0 ul ul {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 0.5em;
  margin-right: 0;
  margin-bottom: 1.0em;
}

#content .spalte-0 ul ul li {
  margin-left: 18px;
}

#content .spalte-0 li.selected ul a {
  padding-left: 12px;
  background: none;
  color: #2E85B2;
}

#content .spalte-0 li.selected ul li.selected a {
  background: transparent url('../bilder/back_subnavi_li2.gif') left 0.4em no-repeat;
}

#content .spalte-0 li.selected ul li {
  border: 0;
  margin-bottom: 0em;
}


/*----------------------------------------------------------------*/
/* content */
/*----------------------------------------------------------------*/
#content .spalte-1 {
  font-size: 0.9em;
  width: 561px;
}

#breadcrumb {
  padding-bottom: 0.4em;  
  border-bottom: 1px solid #ccc;
  color: #585858;
  margin-bottom: 1.0em;
}

#breadcrumb a {
  color: #585858;
}


/*----------------------------------------------------------------*/
/* aufzaehlung */
/*----------------------------------------------------------------*/
#content .spalte-1 ul li {
  background: transparent url('../bilder/dot_li.gif') left top no-repeat;
  padding-left: 24px;
  margin-bottom: 0.8em;
}

#content .spalte-1 ul {
  margin-bottom: 1.4em;
}

p.adresse, p.banner {
  margin: 2.0em 18px 0px 18px;
  padding: 0.4em 0;
  line-height: 1.7em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

p.banner {
  text-align: center;
}

p.banner img {
  margin: 0.5em 0;
}

p.adresse a {
  text-decoration: none;
  color: #585858;
}

#footer {
  border-top: 1px solid #585858;
  font-size: 0.9em;
  margin: 0px 191px 0px 208px;
  padding-top: 0.3em;
}


/*----------------------------------------------------------------*/
/* formfelder */
/*----------------------------------------------------------------*/
input.default {
  background: #405983;
  width: 126px;
  height: 15px;
  border: 1px solid #6E81A0;
  color: #9FABC0;
  font-size: 0.9em;
  padding: 0px 6px;
}

input.submit {
  text-align: center;
}





/*----------------------------------------------------------------*/
/* schattierte boxen */
/*----------------------------------------------------------------*/
#content .spalte-2 {
  font-size: 0.9em;
}

#content .spalte-2 .box {
  margin-left: 9px;
  margin-right: 3px;
  margin-bottom: 1.5em;
}

#content .spalte-0 .box {
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 1.5em;
}

.box h2, .box h2 a {
  margin: 0;
  border-bottom: 1px solid #ccc;
  font-size: 1.1em;
  font-weight: bold;
  color: #2E85B2;
  margin-bottom: 0.5em;
  text-decoration: none;
}

.b0, .b1, .b2, .b6, .b7, .b8 {
  font-size: 1px;
  height: 5px;
}

.b0 {
  background: transparent url('../bilder/box_topshadow.gif') left top Repeat-X;
}

.b1 {
  background: transparent url('../bilder/box_lefttop.gif') left top no-Repeat;
}

.b2 {
  background: transparent url('../bilder/box_righttop.gif') right top no-Repeat;
}

.b3 {
  background: transparent url('../bilder/box_leftshadow.gif') left top Repeat-Y;
}

.b4 {
  background: transparent url('../bilder/box_rightshadow.gif') right top Repeat-Y;
}

.b5 {
  margin: 0px 5px 0px 5px;
  border: 1px solid #7a7a7a;
  padding: 0.5em;
}

.b6 {
  background: transparent url('../bilder/box_bottomshadow.gif') left top Repeat-X;
}
	
.b7 {
  background: transparent url('../bilder/box_leftbottom.gif') left top no-Repeat;
}


.b8 {
  background: transparent url('../bilder/box_rightbottom.gif') right top no-Repeat;
}

.box .boxfield {
  width: 141px;
  border: 1px solid #000;
  font-size: 1.0em;
  height: 15px;
  padding: 0px 2px;
}

p .boxfield {
  margin-bottom: 2px;
}

.box input.short {
  width: 122px;
  margin-right: 2px;
}

.box select {
  font-size: 0.9em;
  margin: 0 1px 1px 0;
  padding: 0;
}

.box tr.rueckruf td {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.2em;
}

.box td.rueckruf {
  width: 100%;
}

.box td.abstand_linie {
  padding-top: 0.2em;
}

.box td.abstand_linie a {
  text-decoration: none;
  color: #585858;
}


/*----------------------------------------------------------------*/
/* startseite */
/*----------------------------------------------------------------*/
#home-0 {
  margin-right: 220px;
}

#home-1 {
  float: right;
  display: inline;
  width: 202px;
}

#home-2 {
/*  border: 1px solid #7E7F81;
  background: #EBF5FA;
  padding: 3px;*/
  margin-top: 4.0em;
}

#home-1 .box img {
  display: inline;
  float: left;
  margin: 0px 5px 5px 0px;
}

#home-1 .box p, .box p {
  margin: 0;
  padding: 0;
}

#home-1 .box p.clear {
  text-align: right;
}

#home-1 .box p.clear a {
  text-decoration: none;
}

#home-1 h2 {
  border: 0;
}

#home-1 .box p {
  background: transparent url('../bilder/pfeil_rechts.gif') right bottom no-repeat;
  padding-right: 16px;
  text-decoration: none;
  margin: 0.5em 0px;
  padding-top: 0.5em;
  border-top: 1px solid #ccc;
  cursor: hand;
}

#home-1 .box p a {
  color: #585858;
  text-decoration: none;
}

#home-1 .box p a:hover {
  text-decoration: underline;
}

.box p.pfeil_rechts {
  margin: 0;
  padding: 0;
  text-align: right;
}

.box p.pfeil_rechts a {
  background: transparent url('../bilder/pfeil_rechts.gif') right center no-repeat;
  padding-right: 16px;
  text-decoration: none;
}


/*----------------------------------------------------------------*/
/* downloads */
/*----------------------------------------------------------------*/
.download_doc {
  background: transparent url('../bilder/icons/doc.gif') left top no-repeat;
  padding-left: 20px;
}

.download_gif {
  background: transparent url('../bilder/icons/gif.gif') left top no-repeat;
  padding-left: 20px;
}

.download_jpg {
  background: transparent url('../bilder/icons/jpg.gif') left top no-repeat;
  padding-left: 20px;
}

.download_pdf {
  background: transparent url('../bilder/icons/pdf.gif') left top no-repeat;
  padding-left: 20px;
}

.download_rar {
  background: transparent url('../bilder/icons/rar.gif') left top no-repeat;
  padding-left: 20px;
}

.download_rtf {
  background: transparent url('../bilder/icons/rtf.gif') left top no-repeat;
  padding-left: 20px;
}

.download_xls {
  background: transparent url('../bilder/icons/xls.gif') left top no-repeat;
  padding-left: 20px;
}

.download_zip {
  background: transparent url('../bilder/icons/zip.gif') left top no-repeat;
  padding-left: 20px;
}

p.download {
  margin-bottom: 0.6em;
}

p.download a {
  padding-bottom: 0.2em;
}

table.download td {
  border-bottom: 1px solid #ccc;
  padding: 0.2em 0px;
}

table.download td label {
  padding-bottom: 0.2em;
}

table.download td.max {
  width: 100%;
}

#download_email_container {
  border: 1px solid #7E7F81;
  background: #EBF5FA;
  padding: 3px;
  margin: 1.0em 0px;
}

#download_email_container input {
  width: 300px;
}

.container_erfolg {
  color: #cc0000;
  padding: 0.4em;
  margin-bottom: 10px;
  font-size: 1.2em;
  background-color: #fff;
  border: 1px solid #009900;
  color: #009900;
}


/*----------------------------------------------------------------*/
/* formulare */
/*----------------------------------------------------------------*/
.form_container {
  border: 1px solid #7E7F81;
  background: #EBF5FA;
  padding: 3px;
  margin-top: 1.0em;
  margin-bottom: 2.0em;
}

.form_container table td {
  vertical-align: top;
  padding: 0.1em 0px;
}

.form_container table td.td0 {
  width: 150px;
}

.form_container p {
  margin: 0;
  margin-top: 1.5em;
  margin-bottom: 1.0em;
}

.pflicht {
  color: #cc0000;
  font-size: 1.2em;
}

input.default_white {
  width: 200px;
}

p.fehler {
  background-color: #FFFFD5;
  border: 1px solid #cc0000;
  padding: 3px;
  color: #cc0000;
}

input.pflicht, select.pflicht, textarea.pflicht {
  background-color: #FFFFD5;
}


/*----------------------------------------------------------------*/
/* buchtipps */
/*----------------------------------------------------------------*/
table.buchtipps td {
  vertical-align: top;
  padding-bottom: 2.0em;
}


/*----------------------------------------------------------------*/
/* kontakt und routenplaner */
/*----------------------------------------------------------------*/
#route .hinweis {
  margin-top: 2.0em;
}

textarea.default_white {
  width: 300px;
}


/*----------------------------------------------------------------*/
/* suche */
/*----------------------------------------------------------------*/
#suche .form_container table td {
  vertical-align: middle;
}

#suche .form_container table td input {
  margin-left: 0.3em;
}

.suche_like_text {
  text-decoration: none;
  color: #585858;
}

.suchergebnis li p {
  padding: 0;
  margin: 0;
}

#spalte-1 .suchergebnis li {
  margin-bottom: 1.5em;
}

.suchergebnis .suche_last_edit, .suchergebnis a.suche_a {
  font-size: 0.8em;
}

.suchtreffer {
  border-bottom: 1px dotted;
}

#suche #content .spalte-1 ul li {
  background: transparent url('../bilder/btn_pfeil.gif') left top no-repeat;
  padding-left: 24px;
  margin-bottom: 0.8em;
}

.seitennavi {
  text-align: center;
}

.seitennavi a {
  font-size: 0.8em;
  text-decoration: none;
  border: 1px solid #7E7F81;
  background: #EBF5FA;
  padding: 0.2em 0.5em 0.2em 0.5em;
  margin: 0.5em;
}

.seitennavi a:hover, .seitennavi a.selected {
  border: 1px solid #7E7F81;
  background: #fff;
  color: #000;
}



img.raehmschen {
  margin-right: 20px;
}

img.test1 {
  border: 1px solid #000;
  margin-right: 20px;
}

img.test2 {
  border: 1px solid #cc0000;
  margin-right: 20px;
}


/*----------------------------------------------------------------*/
/* suche */
/*----------------------------------------------------------------*/
.hominger {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
}

.hominger_on {
  display: none;
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
}

.hominger_on h2 {
  font-size: 1.2em;
}

.hominger_on:hover {
  text-decoration: underline;
}

.hominger img, .hominger_on img {
  margin: 4px 10px 4px 0px;
}

.hominger h2, .hominger_on h2 {
  border: 0;
  margin: 0;
}