/* 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; }

/* 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; }

div.content, #downloads { padding: 3px 5px 5px 10px; line-height: 16px; }
div.content img { margin-left: 20px; margin-bottom: 3px; }
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 {
	/*width:300px;*/
	/*padding:10px;*/
	/*position:relative;*/
	min-height:550px;
}

form#kartenbestellung input[type="text"],
form#kartenbestellung textarea,
form#kartenbestellung select {
	border:1px solid #CCCCCC;
	width:240px;
}

form#kartenbestellung input[type="submit"] {
	border:1px solid #CCCCCC;
	margin-right:7px;
	position:relative;
}

hr {
	border:1px solid #CCCCCC;
	margin:1em 0;
}

hr.hidden {
	border:1px solid transparent;
}