* { padding: 0; margin: 0; }

html { min-height: 101%; }
body { background: #fff url('back.gif'); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; outline: 0; text-align: center; font-size: 13px; }

a { color: #007EC6; }
#clear { display: block; clear: both; width: 100%; height:1px; overflow: hidden; }
img { border-style: none; }
.invisible { display: none; }
.clr { clear: both; }

#wrap { margin: 0px auto; width: 960px; text-align: left; }
#header { height: 100px; margin-bottom: 5px; background: url("fluchthilfe.gif") 0px 42px no-repeat; position: relative; }
#main { float: left; width: 700px; padding: 27px 0 50px; line-height: 19px; min-height: 500px; height: auto !important; height: 500px; }
#right { float: right; width: 230px; padding: 33px 0 0; }
#footer { width: 700px; border-top: 1px solid #DEE0D9; padding: 9px 0 0; height: 50px; }

/* HEADER */
#header h1, #header h2 { display: none; }
#fontswitch { float: right; width: 228px; padding: 60px 0 0;}

/* HAUPTMENÜ */
#header .mod_navigation { float: left; padding: 57px 0 0 247px; }
#header .mod_navigation ul li { font-size: 14px; line-height: 19px; list-style-type: none; float: left; margin-left: 5px; text-align: center; font-weight: bold; }
#header .mod_navigation ul a, #header .mod_navigation ul span { float: left; padding: 4px 13px 5px; background: #BDC1B3; text-decoration: none; color: #fff; }
#header .mod_navigation ul a:hover, #header .mod_navigation ul li.active span, #header .mod_navigation ul a.trail { background: #007EC6; color: #fff; }
#header .mod_navigation ul li.activelink a, #header .mod_navigation ul li.activelink a:hover { background: #FFF; color: #003; }

/* UNTERMENÜ ALLGEMEIN */
#right #sonsmenu ul.level_1 { border-top: 1px solid #DDDFCE; list-style-type: none; line-height: 20px; margin: 0 0 20px 0; overflow: hidden; }
#right #sonsmenu ul.level_1 li { display: inline; }
#right #sonsmenu ul.level_1 li a, #right #sonsmenu ul.level_1 li span { display: block; text-decoration: none; font-weight: normal; color: #666; padding: 5px 0px 5px 15px; border-bottom: 1px solid #DDDFCE; background: #fff url("pfeil.gif") 6px 0px no-repeat; }
#right #sonsmenu ul.level_1 li a:hover, #right #sonsmenu ul.level_1 li.active span, #right #sonsmenu ul.level_1 span.active { font-weight: bold; background-position: 6px -28px; color: #007EC6;}


/* UNTERMENÜ VERANSTALTUNGEN */
#right #veramenu ul { list-style-type: none; line-height: 20px; overflow: hidden; }
#right #veramenu ul li { }
#right #veramenu ul li a, #right #veramenu ul li span { display: block; text-decoration: none; font-weight: normal; color: #666; }

/* Untermenüpunkte 1. Ebene */
#right #veramenu ul.level_1 { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 16px; }
#right #veramenu ul.level_1 li { border: 1px solid #DDDFCE; margin: 0 0 19px; }
#right #veramenu ul.level_1 li a, #right #veramenu ul.level_1 li span { font-weight: bold; text-transform: uppercase; color: #fff; padding: 2px 0px 2px 8px; text-decoration: none; background: #007EC6 url("subnav_lvl1.png") 0px -28px no-repeat; }
#right #veramenu ul.level_1 li a:hover, #right #veramenu ul.level_1 li span.active { background-position: 0px 0px; color: #fff; }
#right #veramenu ul.level_1 div.subnavtitel { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: bold; padding: 9px 0px 9px 8px; }

/* Untermenüpunkte 2. Ebene */
#right #veramenu ul.level_2 { padding: 0 9px 9px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#right #veramenu ul.level_2 li { border: 0px solid #fff; margin: 0; }
#right #veramenu ul.level_2 li a, #right #veramenu ul.level_2 li span { font-weight: normal; text-transform: none; color: #666; padding: 5px 0px 5px 10px; border-top: 1px solid #DDDFCE; text-decoration: none; background: #fff url("pfeil.gif") 0px 0px no-repeat; }
#right #veramenu ul.level_2 li a:hover, #right #veramenu ul.level_2 li span.active { font-weight: bold; background-position: 0px -28px; color: #007EC6;}

/* Untermenüpunkte 3. Ebene */
#right #veramenu ul.level_3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; margin: 0; padding: 3px 0 10px 0; }
#right #veramenu ul.level_3 li { border: 0px solid #fff; margin: 0; }
#right #veramenu ul.level_3 li a, #right #veramenu ul.level_3 li span { font-weight: normal; text-transform: none; color: #666; background: #fff url("pfeil.gif") 0px -8px no-repeat; padding: 0 0 0 10px; border: 0px solid #fff; }
#right #veramenu ul.level_3 li a:hover, #right #veramenu ul.level_3 li span.active { font-weight: bold; background-position: 0px -36px; }

/* Reden */
#right #veramenu li span.reden { padding: 5px 0px !important; background: #fff url("spacer.gif") 0px 0px no-repeat !important; }

/* HAUPTSPALTE */
/* Überschriften */
#main h1.ce_headline { color: #007EC6; font-size: 36px; line-height: 40px; font-weight: normal; margin: -5px 0 15px; }
h1, h2, h3 { font-family: Calibri, Arial, Helvetica, sans-serif; }
#main h1 { color: #007EC6; font-size: 25px; line-height: 29px; font-weight: normal; margin: 0 0 15px; }
#main h2 { color: #007EC6; font-size: 16px; line-height: 23px; text-transform: uppercase; padding: 5px 0 0; }
#main h3 { color: #007EC6; font-size: 16px; line-height: 23px; text-transform: uppercase; padding: 5px 0 0; margin: 0 0 5px; border-bottom: 1px solid #DEE0D9; }
#main h4 { color: #007EC6; font-size: 13px; }
#main h5, #main h6 { color: #000; font-size: 13px; }

/* Textelemente */
p { margin: 0 0 15px; }
.caption { display: block; font-size: 11px; line-height: 15px; margin: 0 0 15px; }
#main ul { margin: 0 0 15px 25px; }
#main ol { margin: 0 0 15px 25px; }
hr { margin: 0 0 15px; border: 0; color: #DEE0D9; background-color: #DEE0D9; height: 1px; padding: 0; display: block; }
.small { font-size: 11px; margin: 0 0 15px;}

#main .box { background: #DCDECD; padding: 12px 15px; margin: 0 0 15px; }
#main .box ul, #main .box ol { margin: 0 0 3px 15px; }


/* RECHTE SPALTE BOX */
#right .ce_text { font-size: 13px; line-height: 18px; padding: 10px 10px 0px; margin: 0 0 20px; border: 1px solid #DDDFCE; }
#right .ce_text h1, #right .ce_text h2, #right .ce_text h3, #right .ce_text h4, #right .ce_text h5, #right .ce_text h6 { font-size: 16px; line-height: 24px; text-transform: uppercase; margin: -10px -10px 11px; background: #007EC6; padding: 0 0 0 8px; color: #fff; border-top: 0px solid #fff; border-bottom: 0px solid #fff; }

/* Tabelle */
table { margin: 0 0 10px; }
td { vertical-align: top; line-height: 16px; padding: 0 0 10px; margin: 0; font-size: 13px; line-height: 17px; }
td p { margin: 0 0 10px; font-size: 13px; line-height: 17px; }
td h4 { padding: 5px 0 0; font-size: 13px; line-height: 17px; }
table hr { margin: 10px 0; border: 0; color: #DEE0D9; background-color: #DEE0D9; height: 1px; padding: 0; display: block; }

/* Bildergalerie */
ul#thumbs, ul#thumbs li { list-style:none; margin: 0; }
ul#thumbs li { float:left; margin:5px 5px 0 0; border:1px solid #ccc; background-color: #FBFBFB; padding:2px; }
ul#thumbs a { display:block; float:left; width:100px; height:100px; line-height:100px; overflow:hidden; position:relative; z-index:1; }

/* accordeon */
.ce_accordion {}
.toggler { padding: 2px 5px; background: #DCDFCE; cursor: pointer; font-weight:bold; margin: 0 0 5px; }
.toggler:hover { background: #BDC1B3; color: #fff; }

/* Footer */
#footer a { text-decoration: none; }
.footerl { display: inline; float: left; }
.footerr { display: inline; float: right; }

/* Fontswitch */
#fontswitch { line-height: 18px; }
#fontswitch a { text-decoration: none; font-weight: bold; }
#fontswitch .smaller { font-size: 12px; }
#fontswitch .reset { font-size: 15px; }
#fontswitch .larger { font-size: 18px; }