/* CSS Document */
/* St. Nikolai  */
/* 2006.11.10 - */
/* ------------ */


/* general settings */
html, * { margin:0;padding:0;border:0 }
html, body { height:100%;background-color:#CCC;color:#000;font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px }

a { color:#000;line-height:16px;font-size:1em;text-decoration:none }
a:hover { color:#DF2329 }

input:focus,a:focus { outline:none }

h1 { display:block;padding:2px 5px 3px;background-color:#CDE4DE;border-top:1px solid #E7F1E9;font-size:12px;cursor:default }
h2 { padding:2px 5px 3px;font-size:12px;background-color:#94C5B8;cursor:default }
h3 { margin:0 10px;border-bottom:1px solid #cde4de;font-size:12px;font-weight:bold }

td { vertical-align:top }
td.caption { white-space:nowrap;padding-right:10px;width:80px }

img { -ms-interpolation-mode:bicubic }

/* id specific */
#info { z-index:1001;position:absolute;top:0;left:0;padding:5px 10px;font-size:11px;color:#DF2329;background-color:#FFC;cursor:help }

#wrapper { width:770px;margin:0 auto;text-align:left;background:url(../../img/tpl_bg_pattern.gif) repeat-y center }

#header { height:162px;background-color:#E7F1E9 }
#logo  { position:absolute;top:0;width:770px;height:147px;background:url(../../img/logo.jpg) top right no-repeat }
#btn_donate { position:absolute;top:15px;left:190px;width:70px;height:70px }
#menu_categories { position:relative;top:129px !important;top:128px;padding-left:14px }
#menu_persons { position:relative;top:0px;right:14px;width:128px;padding-top:14px;float:right;text-align:center;line-height:25px }

#header a.rubric { font-weight:bold }
#header a.persons { display:block;height:13px;font-size:0em;/*font-size:1.2em;*/ font-weight:bold;margin-bottom:11px }
#header a.p1 { background:url(../../img/tpl_btn_kinder.gif) 21px -14px no-repeat }
#header a.p2 { background:url(../../img/tpl_btn_jugend.gif) 21px -14px no-repeat }
#header a.p3 { background:url(../../img/tpl_btn_erwachsen.gif) 21px -14px no-repeat }
#header a.p4 { background:url(../../img/tpl_btn_senioren.gif) 21px -14px no-repeat }
#header a.p1:hover, #header a.p2:hover, #header a.p3:hover,#header a.p4:hover { background-position:21px 0 }

#body { width:770px;min-height:250px;height:auto !important;height:250px;background-color:#E7F1E9;background:url(../../img/tpl_bg_pattern.gif) repeat-y }

#nav_categories { float:left;width:165px;padding-left:14px;background-color:#E7F1E9 }
#nav_categories h2 { border-bottom:1px solid #E7F1E9;border-right:1px solid #E7F1E9 }
#nav_categories ul { list-style-type:none }
#nav_categories li { display:block;padding:0;padding-left:0;background-color:#CDE4DE;border-bottom:1px solid #E7F1E9;border-right:1px solid #E7F1E9 }
#nav_categories a.navi { display:block;padding:2px 4px;border-left:10px solid #999 }
#nav_categories a.navi:hover, #nav_categories a.navi.set { border-left:10px solid #DF2329 }
a.pdf { display:block;padding:4px 4px 4px 30px;background-image:url(../../img/filetype_pdf.gif);background-repeat:no-repeat;background-position:5px center;font-size:0.95em }

#body_content { float:left;width:420px;background-color:#FFF }
#body_content ul { margin:10px 0 }
#body_content li { margin-left:35px }
#body_content li ul { margin:5px }
#body_content li ul li { margin-left:0;list-style:none }
#body_content a { text-decoration:underline }

#sidebar { float:right;width:170px;background-color:#E7F1E9 }
#sidebar h2 { border-right:1px solid #94C5B8 }

.content, #downloads { padding:3px 5px 5px 10px;line-height:16px }
.content img { margin-left:20px;margin-bottom:3px;max-width:150px }
.content:after { clear:both;content:'.';display:block;font-size:0;line-height:0;height:0;overflow:hidden }
* html .content, *:first-child+html .content { zoom:1 }
div.images { float:right;/*margin-right:-5px;*/ }
div.calendar { padding:3px 5px;margin-top:25px }
div.calendar:first-child, div.calendar.first { margin-top:5px }

#downloads a { display:block;margin-top:2px;text-decoration:none }
#downloads a.pdf { padding:2px 0 0 20px;background-image:url(../../img/filetype_pdf.gif);background-repeat:no-repeat;background-position:left center }

div.item { width:400px;margin:3px 5px 0 10px;padding-bottom:5px;border-bottom:1px solid #CDE4DE }
div.item.last { border-bottom:0 }
div.item span { display:block }
span.headline { font-weight:bold;font-size:12px;line-height:14px;margin-bottom:3px }
span.subline { font-weight:normal }
.text { margin:10px 0;padding-right:15px;font-style:normal }
.description { margin-top:5px;padding-right:10px;font-style:italic }
.author { margin-top:10px;font-style:italic }
.additional { margin-top:5px }
.info { font-size:11px;font-style:italic }
.contact.lable { float:left;width:60px;font-weight:bold }
.contact.data { margin-left:60px }
.contact a { text-decoration:underline }

.clear { clear:both;margin:0;padding:0;height:0;line-height:0;font-size:0 }
.clear.padding { margin-top:10px }

/* Formular Formatierung */
.form { border:0;padding:0 2px }
.form label { display:block;margin-top:10px;margin-bottom:2px }
.form.input { width:180px;border-bottom:1px solid #94C5B8 }
.form.others { width:390px;border-bottom:1px solid #94C5B8 }
.form.button { width:auto }
.form.required { background-color:#FEE;border-bottom:1px solid #A00000 }

/* Kalender */
.cal_head { padding:2px 0;background-color:#94c5b8;font-size:12px;font-weight:bold;text-align:center;vertical-align:middle;cursor:pointer }
.cal_head a { margin-bottom:2px }
.cal_item { width:20px;height:20px;background-color:#CDE4DE;text-align:center;font-size:11px;cursor:default }
.cal_item.lable { font-weight:bold }
.cal_item.day { background-color:#FDD;cursor:pointer }

/* Sitemap */
#body_content .sitemap { margin-bottom:10px;padding:10px;padding-right:25px;line-height:18px }
#body_content .sitemap a { color:#000;text-decoration:none }
#body_content .sitemap a:hover { text-decoration:underline }
#body_content .sitemap li, #body_content .sitemap ul { padding:0px 0px 0px 24px;margin:0px;list-style-type:none }
#body_content .sitemap ul { margin:0px 0px 0px -24px;background:url(../../img/tpl_sitemap_exim.gif) repeat-y }
#body_content .sitemap ul.last { background:none }
#body_content .sitemap li { background:url(../../img/tpl_sitemap_extm.gif) no-repeat;padding-top:3px }
#body_content .sitemap li.last { background:url(../../img/tpl_sitemap_exlm.gif) no-repeat }

#footer { padding:5px 10px;background-color:#FFF;border-top:1px solid #E7F1E9;text-align:right }

form#kartenbestellung { min-height:550px }
form#kartenbestellung table { width:400px }
form#kartenbestellung input[type="text"], form#kartenbestellung textarea, form#kartenbestellung select { border:1px solid #ccc;min-width:240px;width:240px }
form#kartenbestellung input[type="submit"] { border:1px solid #ccc;margin-right:7px;position:relative }
form#kartenbestellung label { display:inline-block;height:20px;width:140px }

hr { border:1px solid #ccc;margin:1em 0 }
hr.hidden { border:1px solid transparent }