/* Cascading Stylesheet fuer intermedia */
/*
    3pc: Jasmina Liessmann - 12.10.2009
    3pc: Stephan Betke - 21.09.2009
*/


/* ------------------------------
	Allgemeines
-------------------------------*/
body {background:#72CAEE url(/bilder/bg.jpg) no-repeat 0 0; color:#4c4c4c; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:12px; line-height:16px; margin:0; padding:0; width:100%;}
#layout {float:left; margin:0 0 0 108px; padding:0 0 39px 0; width:878px;}
   * html #layout {margin-left:54px;}
   .mac #layout {margin-left:107px;} /* Hack fuer Safari auf Mac */
   .mac.ff3 #layout {margin-left:108px;} /* Hack fuer FF3 auf Mac */
table,tr,td,div,form,input,select,span,img,ol,ul,li,a,h1,h2,h3,h4,h5,h6,big,small,abbr {border:0; font-weight:normal; margin:0; padding:0;}

div.clear {clear:both; font-size:0; line-height:0; margin:0; padding:0;}
br.clear {clear:both;}

p {margin-top:0; padding-top:0;}
   * html p {margin-bottom:12px;}
   *+html p {margin-bottom:12px;}

ul {list-style:none; margin:5px 0 14px 3px;}
ul li {background:url(/bilder/listenpunkt.gif) no-repeat 0 6px; padding:0 0 0 11px;}
   @media screen and (min-width: 0px){ ul li { background:url(/bilder/listenpunkt.gif) no-repeat 0 6px; } } /* Hack fuer Opera auf PC */

.hr {border:0; border-top:#b9babb 1px solid; clear:both; margin:0; padding:0; width:100%;}
.hr hr {display:none;}


/* ------------------------------
	Kopf
-------------------------------*/
#header {float:left; margin:0; padding:0; width:878px;}
#header #headline {float:left; margin:48px 0 16px 0; padding:0;}
   * html #header #headline {margin-bottom:29px;}
   *+html #header #headline {margin-bottom:29px;}
   .mac #header #headline {margin-top:49px;} /* Hack fuer Safari auf Mac */
   .mac.ff3 #header #headline {margin-top:53px;} /* Hack fuer FF3 auf Mac */
#header .kopf {float:left; line-height:0; margin:0; width:878px;}

/* submenu */
#submenu {color:#fff; float:right; padding:8px 0 0 0; white-space:nowrap;}
#submenu a:link, #header #submenu a:visited {color:#fff; font-size:11px; text-decoration:none;}
#submenu a:focus, #header #submenu a:hover {color:#009ce8; font-size:11px; text-decoration:none;}
#submenu a.on:link, #header #submenu a.on:visited, #submenu a.on:focus, #header #submenu a.on:hover {color:#009ce8; font-size:11px; text-decoration:none;}

/* mainmenu */
#mainmenu {background:url(/bilder/bg_mainmenu.jpg) no-repeat 0 0; font-size:15px; float:left; height:17px; margin:0; padding:10px 0 13px 33px; width:845px;}
   @media screen and (min-width: 0px){ #mainmenu { padding-bottom:15px; } } /* Hack fuer Opera auf PC */
body#startseite #mainmenu {background:url(/bilder/bg_mainmenu_startseite.jpg) no-repeat 0 0;}

#mainmenu a:link, #mainmenu a:visited {color:#4e5a70; font-size:14px; margin:0 8px; text-decoration:none;}
#mainmenu a:focus, #mainmenu a:hover {color:#009ce8; font-size:14px; margin:0 8px; text-decoration:none;}
#mainmenu a.on:link, #mainmenu a.on:visited, #mainmenu a.on:focus, #mainmenu a.on:hover {color:#009ce8; font-size:14px; margin:0 8px; text-decoration:none;}


/* ------------------------------
	Menu links
-------------------------------*/
#menu {float:left; margin:84px 25px 0 0; padding:0; width:172px;}
   @media screen and (min-width: 0px){ #menu {padding-top:6px;} } /* Hack fuer Opera auf PC */
   body:first-of-type #menu {margin-top:78px;} /* Hack fuer Safari auf Mac */
#menu .hr {border-top:#7cc6ec 1px solid; float:none; margin:0;}

#menu a.e1:link, #menu a.e1:visited {background:#dbf0fa; color:#023672; display:block; font-weight:bold; padding:3px 0 5px 20px;}
#menu a.e1:focus, #menu a.e1:hover {background:#dbf0fa; color:#009ce8; display:block; font-weight:bold; padding:3px 0 5px 20px;}
#menu a.e1_on:link, #menu a.e1_on:visited, #menu a.e1_on:focus, #menu a.e1_on:hover {background:#dbf0fa; color:#009ce8; display:block; font-weight:bold; padding:3px 0 5px 20px;}

#menu a.e2:link, #menu a.e2:visited {background:url(/bilder/link_e2.gif) no-repeat 21px 9px; color:#023672; display:block; font-weight:bold; padding:3px 14px 6px 30px; text-decoration:none;}
#menu a.e2:focus, #menu a.e2:hover {background:url(/bilder/link_e2_on.gif) no-repeat 21px 9px; color:#009ce8; display:block; font-weight:bold; padding:3px 14px 6px 30px; text-decoration:none;}
#menu a.e2_on:link, #menu a.e2_on:visited, #menu a.e2_on:focus, #menu a.e2_on:hover {background:url(/bilder/link_e2_on.gif) no-repeat 21px 9px; color:#009ce8; display:block; font-weight:bold; padding:3px 14px 6px 30px; text-decoration:none;}
#menu a.e2_open:link, #menu a.e2_open:visited, #menu a.e2_open:focus, #menu a.e2_open:hover {background:url(/bilder/link_e2_open.gif) no-repeat 20px 11px; color:#009ce8; display:block; font-weight:bold; padding:4px 14px 5px 30px; text-decoration:none;}

#menu a.e3:link, #menu a.e3:visited {background:url(/bilder/link_e3.gif) no-repeat 33px 13px; color:#023672; display:block; font-weight:bold; padding:4px 14px 5px 42px; text-decoration:none;}
#menu a.e3:focus, #menu a.e3:hover {background:url(/bilder/link_e3_on.gif) no-repeat 33px 13px; color:#009ce8; display:block; font-weight:bold; padding:4px 14px 5px 42px; text-decoration:none;}
#menu a.e3_on:link, #menu a.e3_on:visited, #menu a.e3_on:focus, #menu a.e3_on:hover {background:url(/bilder/link_e3_on.gif) no-repeat 33px 13px; color:#009ce8; display:block; font-weight:bold; padding:4px 14px 5px 42px; text-decoration:none;}

#menu .e {background:#dbf0fa; color:#009ce8; display:block; font-weight:bold; padding:3px 0 5px 20px;}
#menu .in {color:#747577; margin:5px 0 0 20px;}


/* ------------------------------
	Inhalt
-------------------------------*/
#content {background:#fff; float:left; margin:0; padding:28px 0 18px 0; width:878px;}
   * html #content {padding-bottom:0px !important;}
   *+html #content {padding-bottom:0px !important;}
   body:first-of-type #content {margin-top:-3px;} /* Hack fuer Safari auf Mac */

body#startseite #content {padding-bottom:0;}

#inhalt {float:left; margin:0; padding:12px 0 0 0; width:681px;}
   * html #inhalt {padding-top:13px;}
   *+html #inhalt {padding-top:13px;}
   @media screen and (min-width: 0px){ #inhalt {margin-top:0 !important; padding-top:12px;} } /* Hack fuer Opera auf PC */
   body:first-of-type #inhalt {padding-top:13px;} /* Hack fuer Safari auf Mac */

table.inhalt {margin:0; padding:0; width:662px;}
table.inhalt td.spalte_links {padding:0 23px 7px 0; vertical-align:top; width:439px;}
table.inhalt td.spalte_links .hr {margin:10px 0;}
table.inhalt td.spalte_links img {float:left; margin:4px 11px 0 0;}
   * html table.inhalt td.spalte_links img {margin-top:5px; margin-right:8px;}
   *+html table.inhalt td.spalte_links img {margin-top:5px;}
   @media screen and (min-width: 0px){ table.inhalt td.spalte_links img {margin-top:2px;} } /* Hack fuer Opera auf PC */
   body:first-of-type table.inhalt td.spalte_links img {margin-top:3px;} /* Hack fuer Safari auf Mac */
table.inhalt td.spalte_links .top {margin:33px 0 0 0; text-align:right; width:437px;}
table.inhalt td.spalte_links .top .hr {margin:0;}

table.inhalt td.spalte_rechts {margin:0; padding:0 0 7px 0; vertical-align:top; width:200px;}
table.inhalt td.spalte_rechts img {margin:3px 0 6px 0;}
   * html table.inhalt td.spalte_rechts img {margin-bottom:5px;}
   *+html table.inhalt td.spalte_rechts img {margin-bottom:5px;}
table.inhalt td.spalte_rechts .module {margin:0; padding:0; width:200px;}
table.inhalt td.spalte_rechts .module .hr {margin-bottom:13px;}
table.inhalt td.spalte_rechts .module a:link, #inhalt table.inhalt td.spalte_rechts .module a:visited, #inhalt table.inhalt td.spalte_rechts .module a:focus, #inhalt table.inhalt td.spalte_rechts .module a:hover {background:url(/bilder/link_pfeil.gif) no-repeat 0 60%; color:#004b8b; padding:0 0 0 10px; margin:0 0 0 17px;}

/* infokasten */
#infokasten {background:#fef7df; line-height:16px; margin:0 0 40px 0; padding:4px 17px 7px 19px; width:164px;}
#infokasten h3 {color:#d78a04; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:20px; line-height:25px; padding-top:15px; padding-bottom:12px;}
   *+html #infokasten h3 {line-height:24px; padding-bottom:13px;}
#infokasten .hr {margin:0 0 13px 0;}

/* Download */
table.download {margin:0 0 10px 0; padding:0; width:439px;}
table.download td.name {border:0; border-right:#fff 1px solid; vertical-align:top; padding:2px; width:210px;}
table.download td.datum {border:0; border-right:#fff 1px solid; vertical-align:top; padding:2px; width:55px;}
table.download td.bemerk {vertical-align:top; padding:2px; width:162px;}


/* ------------------------------
	Sonderfall Startseite
-------------------------------*/
table.startseite {margin:0; padding:0; width:878px;}
table.startseite td.box {color:#757575; line-height:17px; margin:0 17px 0 0; padding:18px 0 29px 0; vertical-align:top; width:270px;}
table.startseite td.box h2 {color:#009ce8; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:18px; padding:1px 20px 6px 24px;}
table.startseite td.box h3 {color:#009ce8; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:12px; line-height:16.5px; padding:2px 0 0 0;}
table.startseite td.box .hr {margin:0 0 6px 0;}
table.startseite td.box .abstand {padding:0 20px 0 24px;}

/* Farbvariationen */
table.startseite td.box#gruen {background:#ecf6e3;}
table.startseite td.box#gruen h2 {color:#129a21; font-size:20px; line-height:24px; padding-bottom:14px;}
table.startseite td.box#blau {background:#dbf0fa;}
table.startseite td.box#blau h2 {color:#009ce8; font-size:20px; line-height:24px; padding-bottom:14px;}
table.startseite td.box#orange {background:#fef7df; margin:0;}
table.startseite td.box#orange h2 {color:#d78a04; font-size:20px; line-height:24px; padding-bottom:14px;}


/* ------------------------------
	Fuss
-------------------------------*/
#footer {background:url(/bilder/bg_footer.jpg) repeat-y 0 0; color:#fff; font-size:11px; float:left; margin:0; padding:5px 0 8px 60px; width:818px;}
#footer a:link, #footer a:visited {color:#fff; font-size:11px; text-decoration:none;}
#footer a:focus, #footer a:hover {color:#009ce8; font-size:11px; text-decoration:none;}


/* ------------------------------
	Headlines
-------------------------------*/
h1 {color:#009ce8; font-family:Helvetica, Arial, sans-serif; font-size:55px; font-weight:bold; line-height:50px; margin:0 0 0 -2px;}
h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover {color:#009ce8; font-family:Helvetica, Arial, sans-serif; font-size:55px; font-weight:bold; line-height:50px;}
h1 span {color:#4e5a70; font-family:Microsoft Sans Serif; font-size:15px;}
h2 {color:#009ce8; font-family:"Helvetica LT", Arial, sans-serif; font-size:22px; line-height:25px; padding:18px 0 24px 0;}
   * html h2 {padding-bottom:23px;}
   *+html h2 {padding-bottom:23px !important;}
   body:first-of-type h2 {padding-bottom:27px !important;} /* Hack fuer Safari auf Mac */
   @media screen and (min-width: 0px){ h2 {margin-bottom:-2px;} } /* Hack fuer Opera auf PC */
h3 {color:#009ce8; font-family:Helvetica, Arial, sans-serif; font-size:14px; margin:0; padding:0 0 16px 0;}
h3 a:link, h3 a:visited, h3 a:focus, h3 a:hover {color:#009ce8; font-family:Helvetica, Arial, sans-serif; font-size:14px; margin:0; padding:0 0 16px 0;}
h4 {color:#009ce8; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:12px;}
h5 {color:#00afef; font-family:Helvetica, Arial, sans-serif; font-size:20px; padding:0 0 8px 0; text-align:center;}
h6 {background:#dbf0fa; color:#023672; display:block; font-size:12px; font-weight:normal; margin:21px 0 18px 0; padding:1px 6px 5px 6px; width:366px;}
   .mac h6 {padding:3px 6px;}
   .mac.gecko h6 {padding:3px 6px;}

span.blau {color:#009ce8; font-size:12px;}
span.pdf {background:url(/bilder/link_pdf.gif) no-repeat 0 0; color:#009ce8; margin:0; padding:0 0 3px 10px;}
   .mac span.pdf {padding-top:2px;}
span.kreise {background:url(/bilder/link_kreise.gif) no-repeat 0 7px; color:#009ce8; height:10px; line-height:0; padding:0 0 0 18px;}
   .mac span.kreise {background:url(/bilder/link_kreise.gif) no-repeat 0 5px;}
   .mac.gecko span.kreise {background:url(/bilder/link_kreise.gif) no-repeat 0 5px;}
span.klein {font-size:11px; line-height:14px;}
span.extern {background:url(/bilder/link_extern.gif) no-repeat 0 7px; color:#009ce8; padding:0 0 0 10px; text-decoration:none;}
   .mac span.extern {background:url(/bilder/link_extern.gif) no-repeat 0 5px;}
span.dokument {background:url(/bilder/link_dokument.gif) no-repeat 0 2px; margin:0; padding:0 8px 1px 0;}
span.topic {color:#009ce8; font-weight:bold;}


/* ------------------------------
	Links
-------------------------------*/
a:link, a:visited, a:focus, a:hover {color:#009ce8; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:12px; padding:0; text-decoration:none;}

a.top:link, a.top:visited, a.top:focus, a.top:hover {background:url(/bilder/link_top.gif) no-repeat 100% 4px; color:#009ce8; font-size:11px; line-height:25px; margin:0; padding:0 15px 0 0; text-decoration:none;}
a.uebersicht:link, a.uebersicht:visited, a.uebersicht:focus, a.uebersicht:hover {background:url(/bilder/link_uebersicht.gif) no-repeat 100% 4px; color:#009ce8; font-size:11px; line-height:25px; padding:0 9px 0 0; text-decoration:none;}


/* ------------------------------
	Formular
-------------------------------*/
form {width:437px;}
input.pflichtfeld {background:url(/bilder/form_inputbg.jpg) repeat-x 0 100%; border:#11a3ea 1px solid; color:#403f3f; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:12px; padding:3px 4px 4px 4px; width:282px;}
input.fehler {background:url(/bilder/form_inputbg_fehler.jpg) repeat-x 0 100%; border:#11a3ea 1px solid; color:#403f3f; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:12px; padding:3px 4px 4px 4px; width:275px;}
input.check {margin:0 16px 0 7px;}
input.login {background:url(/bilder/form_input_action.jpg) repeat-x 0 100%; color:#fff; cursor:pointer; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:12px; margin:0 0px; padding:0 11px 1px 10px;}
input.action {background:url(/bilder/form_input_action.jpg) repeat-x 0 100%; color:#fff; cursor:pointer; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:12px; margin:0 7px 0 0; padding:0 11px 1px 10px;}
   * html input.action {padding:1px;}
   *+html input.action {padding:1px;}
   @media screen and (min-width: 0px){ input.action {padding:2px 14px 2px 13px;} } /* Hack fuer Opera auf PC */
   .mac input.action {padding:2px 11px 1px 10px;}
textarea {background:url(/bilder/form_inputbg2.jpg) repeat-x 0 100%; border:#11a3ea 1px solid; color:#403f3f; font-family:Microsoft Sans Serif, Arial, sans-serif; font-size:12px; margin:3px 0 20px 0; padding:3px 4px 4px 4px; width:368px;}
   * html textarea {height:167px; margin-top:2px; margin-bottom:18px;}
   *+html textarea {height:167px; margin-top:2px; margin-bottom:18px;}
   @media screen and (min-width: 0px){ textarea {height:167px; margin-top:2px; margin-bottom:19px;} } /* Hack fuer Opera auf PC */

table.kontakt {border-collapse:collapse; width:378px !important;}
table.kontakt td.angabe {color:#009ce8; padding:14px 0 0 0; vertical-align:middle; width:86px;}
   * html table.kontakt td.angabe {padding-top:12px;}
   *+html table.kontakt td.angabe {padding-top:12px;}
table.kontakt td.angabetext {padding:14px 0 0 0; vertical-align:top; text-align:right; width:292px;}
   * html table.kontakt td.angabetext {padding-top:12px;}
   *+html table.kontakt td.angabetext {padding-top:12px;}
table.kontakt td.info {color:#009ce8; margin:0; padding:0 0 19px 0; text-align:right; vertical-align:top; width:378px;}


/* ------------------------------
	Sitemap
-------------------------------*/
#sitemap a.submenu {background:url(/bilder/link_e2_on.gif) no-repeat 10px 8px; display:block; padding:3px 14px 6px 25px; text-decoration:none;}