@CHARSET "UTF-8";
/*
 ===================================================================
  Copyright 2008 Fabian Büchler
  Some Rights Reserved
  This work is licenced under a
  Creative Commons Attribution-NonCommercial-ShareAlike 2.0 License
  http://creativecommons.org/licenses/by-nc-sa/2.0/at/
 ===================================================================
*/

/* === Content / all areas ================================================= */

#content #main {
  font-size: 0.85em;
}

#content #main h1 {
  font-size: 1.8em;
}

#content h2, 
#content h3,
#content h4,  
#content h5, 
#content h6 {
  margin: 1em 0 0.5em 0;
}

#content #main h2 {
  font-size: 1.4em;
  border-bottom: 1px dotted #493F0B;
  margin: 1em 0 0.7em 0;
}

#content #main h3 {
  font-size: 1.2em;
}

#content p {
  margin: 0.5em 0;
}

#content address {
  font-style: italic;
}

#content #main p {
  margin-bottom: 0.5em;
}

#content .block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#content .block {
  display:inline-block;
}

/* for safari */
/* Hide from IE Mac \*/
#content .block { display: block }
/* End hide from IE Mac */


/* --- Lists --------------------------------------------------------------- */

#content ul {
  list-style-type: square;
  margin: 0.5em 0 0.5em 2em;
}

#content ol {
  list-style-type: decimal;
  margin: 0.5em 0 0.5em 2em;
}

#content dl {
  list-style-type: none;
  margin: 0.5em 0;
}

#content li {
  margin-bottom: 0.3em;
}

#content dt {
  font-weight: bold;
}

#content dd {
  margin-bottom: 0.5em;
}

/* --- Tables -------------------------------------------------------------- */

#content table {
  border: 1px solid #493F0B;
  border-collapse: collapse;
  margin: 0 0 1em 0;
}

#content .tablefullwidth table {
  width: 100%;
}

#content table th {
  background-color: #fff;
  border-left: 1px solid #493F0B;
  border-right: 1px solid #493F0B;
  border-bottom: 1px solid #493F0B;
  color: #493F0B;
  font-weight: bold;
  padding: 1em 0.4em 0.5em 0.4em;
}

#content table td {
  border-left: 1px solid #493F0B;
  border-right: 1px solid #493F0B;
  padding: 0.4em 0.5em;
}

#content table tr.odd {
  background-color: #fff;
}

#content table tr.even {
  background-color: #eaeaea;
}

/* --- Forms --------------------------------------------------------------- */

#content .formbody {
  margin: 1em 0;
}

#content .formbody input.submit {
  cursor: pointer;
}

#content .formbody fieldset {
  background-color: #fff;
  border: 1px solid #bababa;
  margin: 1em 0;
  padding-top: 0.5em;
}

#content .formbody fieldset legend {
  background-color: #fff;
  border: 1px solid #bababa;
  font-weight: bold;
  margin-left: 1em;
  padding: 0 0.2em;
}

#content .formbody input,
#content .formbody textarea {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #666 #bababa #bababa #666;
}

#content .formbody input:hover,
#content .formbody input:focus, 
#content .formbody textarea:hover,
#content .formbody textarea:focus {
  background-color: #F9FAE3;
}

#content .formbody input.text {
  width: 35em;
}

#content .formbody .textarea {
  height: 15em;
  width: 40em;
}

#content .formbody input.captcha {
  width: 10em;
}

#content .formbody input.submit {
  border-color: #bababa #666 #666 #bababa;
  font-weight: bold;
}


#content .formbody table {
  background-color: #fff;
  border: 0;
  margin: 0 0 1em 0;
}

#content .formbody table th {
  background-color: #fff;
  border: 0;
  color: #493F0B;
  font-weight: bold;
  padding: 1em 0.4em 0.5em 0.4em;
}

#content .formbody table td {
  border: 0;
  padding: 0.4em 0.5em;
}

#content .formbody table tr.odd {
  background-color: transparent;
}

#content .formbody table tr.even {
  background-color: transparent;
}

#content .formbody .widget {
  margin: 0.5em 0;
}

#content .formbody .widget input.text {
  width: 25em;
}

#content .formbody .error {
  color: #c00;
}

/* === Sidebar ============================================================= */

#sidebar h3 {
  border-bottom: 1px dotted #493F0B;
  font-size: 1.2em;
  margin-bottom: 0.7em;
  margin-top: 0.4em;
}

#sidebar ul.favorites {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* --- Login --------------------------------------------------------------- */

#content .mod_login input.text {
  width: 20em;
}

/* --- Favorites Bar ------------------------------------------------------- */

#sidebar ul.favorites li a {
  background-position: left;
  background-repeat: no-repeat;
  display: block;
  margin: 0 0 15px 0;
  min-height: 32px; /* ### might be problematic */
  padding: 0 0 0 40px;
  text-decoration: none;
}

#sidebar ul.favorites li a:hover, 
#sidebar ul.favorites li a:focus, 
#sidebar ul.favorites li a:active {
  text-decoration: underline;
}

#sidebar ul.favorites li a.favGuestbook {background-image: url("../images/icon-guestbook-32.png");}
#sidebar ul.favorites li a.favCalendar {background-image: url("../images/icon-calendar-32.png");}
#sidebar ul.favorites li a.favPhoto {background-image: url("../images/icon-photo-32.png");}
#sidebar ul.favorites li a.favSponsor {background-image: url("../images/icon-sponsor-32.png");}
#sidebar ul.favorites li a.favNews {background-image: url("../images/icon-news-32.png");}
#sidebar ul.favorites li a.favLogin {background-image: url("../images/icon-login-32.png");}
#sidebar ul.favorites li a.favHeim {background-image: url("../images/icon-heim-32.png");}

#sidebar #ppoelogo {
  margin-top: 1em;
  padding-top: 1em;
  text-align: center;
}

#sidebar #ursprung {
  border-top: 1px dotted #493F0B;
  margin-top: 1.5em;
  padding-top: 1.5em;
  text-align: center;
}

/* === Main Area =========================================================== */

/* --- Images -------------------------------------------------------------- */

#content #main .ce_image .image_container img, 
#content #main .ce_text .image_container img {
  background-color: #fff;
  border: 1px solid #BABABA;
  padding: 3px;
}

#content #main .imgleft .image_container {
  float: left;
  margin: 0 0.5em 0.5em 0;
}

#content #main .imgright .image_container {
  float: right;
  margin: 0 0 0.5em 0.5em;
}

#content #main .imgnofloat .image_container {
  margin: 0.5em 0;
}

#content #main .ce_image .image_container .caption, 
#content #main .ce_text .image_container .caption {
  color: #666;
  font-size: 0.95em;
}

#content img.mime_icon {
  vertical-align: middle;
}

#content .hasremax .image_container {
  position: absolute;
  top: 5px;
  right: 0px;
}


/* --- Boxes Important/Info/Question --------------------------------------- */

#content #main .login, 
#content #main .question, 
#content #main .information, 
#content #main .important,
#content #main .heim {
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  padding: 15px 1em 1em 65px;
  margin-bottom: 2em;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-top-left-radius: 25px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 0;
}

#content #main .login {
  background-image: url("../images/icon-login-48.png");
  border: 1px solid #A7C520;
}

#content #main .question {
  background-image: url("../images/icon-question-48.png");
  border: 1px solid #A7C520;
}

#content #main .information {
  background-image: url("../images/icon-info-48.png");
  border: 1px solid #A7C520;
}

#content #main .important {
  background-image: url("../images/icon-important-48.png");
  border: 1px solid #c00;
}

#content #main .heim {
  background-image: url("../images/icon-heim-48.png");
  border: 1px solid #A7C520;
  width: auto;
}

#content #main .login h2, 
#content #main .question h2, 
#content #main .information h2, 
#content #main .important h2,
#content #main .heim h2 {
  margin-top: 0;
}

#content #main .heim h2 {
  border-bottom: none;
  margin-bottom: 0;
}
#content #main .heim p {
  margin: 0;
}
#content #main .heim a {
  text-decoration: none;
}

#content #main .box h3 {
  margin-top: 0.5em;
}

#content #main .box {
  background-color: #fff;
  border: 1px solid #CDE855;
  font-size: 0.9em;
  padding: 0.2em 0.5em;
}


/* --- Gallery Element ----------------------------------------------------- */

#content .ce_gallery table {
  background-color: #fff;
  border: 1px solid #BABABA;
  padding: 3px;
}

#content .ce_gallery table tr {
  background-color: #fff;
}

#content .ce_gallery table td {
  border: none;
  padding: 3px;
}

#content .ce_gallery table td a {
  display: block;
  line-height: 1;
}


/* --- StufenIcons --------------------------------------------------------- */

#content .iconGruppe16, 
#content .iconBiber16, 
#content .iconWiwoe16, 
#content .iconGusp16, 
#content .iconCaex16, 
#content .iconRaro16 {
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding: 5px 0 5px 20px;
}

#content .iconGruppe32, 
#content .iconBiber32, 
#content .iconWiwoe32, 
#content .iconGusp32, 
#content .iconCaex32, 
#content .iconRaro32 {
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding: 10px 0 10px 40px;
}

#content .iconGruppe64, 
#content .iconBiber64, 
#content .iconWiwoe64, 
#content .iconGusp64, 
#content .iconCaex64, 
#content .iconRaro64 {
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding: 25px 0 25px 75px;
} 

#content .iconGruppe16 {background-image: url("/tl_files/hausberg/images/stufenicon-gruppe-16.png");} 
#content .iconGruppe32 {background-image: url("/tl_files/hausberg/images/stufenicon-gruppe-32.png");} 
#content .iconGruppe64 {background-image: url("/tl_files/hausberg/images/stufenicon-gruppe-64.png");}
#content .iconBiber16 {background-image: url("/tl_files/hausberg/images/stufenicon-biber-16.png");} 
#content .iconBiber32 {background-image: url("/tl_files/hausberg/images/stufenicon-biber-32.png");} 
#content .iconBiber64 {background-image: url("/tl_files/hausberg/images/stufenicon-biber-64.png");}
#content .iconWiwoe16 {background-image: url("/tl_files/hausberg/images/stufenicon-wiwoe-16.png");}
#content .iconWiwoe32 {background-image: url("/tl_files/hausberg/images/stufenicon-wiwoe-32.png");}
#content .iconWiwoe64 {background-image: url("/tl_files/hausberg/images/stufenicon-wiwoe-64.png");} 
#content .iconGusp16 {background-image: url("/tl_files/hausberg/images/stufenicon-gusp-16.png");}
#content .iconGusp32 {background-image: url("/tl_files/hausberg/images/stufenicon-gusp-32.png");}
#content .iconGusp64 {background-image: url("/tl_files/hausberg/images/stufenicon-gusp-64.png");}
#content .iconCaex16 {background-image: url("/tl_files/hausberg/images/stufenicon-caex-16.png");}
#content .iconCaex32 {background-image: url("/tl_files/hausberg/images/stufenicon-caex-32.png");}
#content .iconCaex64 {background-image: url("/tl_files/hausberg/images/stufenicon-caex-64.png");}
#content .iconRaro16 {background-image: url("/tl_files/hausberg/images/stufenicon-raro-16.png");}
#content .iconRaro32 {background-image: url("/tl_files/hausberg/images/stufenicon-raro-32.png");}
#content .iconRaro64 {background-image: url("/tl_files/hausberg/images/stufenicon-raro-64.png");}

/* --- Special Inline Links ------------------------------------------------ */

#content .rss12 {
  background: url("/tl_files/hausberg/images/icon-rss-12.png") no-repeat 0 50%;
  padding: 2px 0 2px 16px;
}

#content .rss16 {
  background: url("/tl_files/hausberg/images/icon-rss-16.png") no-repeat 0 50%;
  padding: 3px 0 3px 20px;
}

#content .rss24 {
  background: url("/tl_files/hausberg/images/icon-rss-24.png") no-repeat 0 50%;
  padding: 5px 0 5px 32px;
}

#content .ce_hyperlink {
  background: url("/tl_files/hausberg/images/icon-link-22.png") no-repeat 0 50%;
  margin-bottom: 0.5em;
  padding: 4px 0 5px 30px;
}


/* --- News ---------------------------------------------------------------- */

#content #main .news ul {
  list-style-type: none;
  margin: 0;
}

#content #main .news li {
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-bottom: 1.6em;
  min-height: 32px;
  padding-left: 40px;
}

#content #main .news h3 {
  margin: 0;
}

#content #main .news h3 .date {
  color: #A7C520;
  display: block;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1;
}

#content #main .news p {
  margin-top: 0;
}

#content #main .news li.gruppe {background-image: url("../images/stufenicon-gruppe-32.png");}
#content #main .news li.biber {background-image: url("../images/stufenicon-biber-32.png");}
#content #main .news li.wiwoe {background-image: url("../images/stufenicon-wiwoe-32.png");}
#content #main .news li.gusp {background-image: url("../images/stufenicon-gusp-32.png");}
#content #main .news li.caex {background-image: url("../images/stufenicon-caex-32.png");}
#content #main .news li.raro {background-image: url("../images/stufenicon-raro-32.png");}

#content #main .news h3 .info {
  display: block;
}

#content #main #news-rss-feeds {
  clear: both;
}

#content #main div.enclosure {
  margin: 1em 0;
}

/* --- Calendar ------------------------------------------------------------ */

#content #main table.calendar {
  border-collapse: collapse;
  border: 0;
  width: 100%;
}

#content #main table.calendar td {
  border: 1px solid #bababa;
  padding: 0;
}

#content #main table.calendar td.days {
  height: 70px;
  width: 14.28%;
}

#content #main table.calendar td.days div.header {
  background-color: #ddd;
  font-size: 0.9em;
  padding-right: 0.2em;
  text-align: right;
}

#content #main table.calendar td.days div.event {
  background-color: #fff;
  font-size: 0.9em;
  line-height: 1.2;
  margin: 0.2em;
}

#content #main table.calendar td.days a {
  border: 1px solid #bababa;
  display: block;
  padding: 0.1em 0.2em;
  text-decoration: none;
}

#content #main table.calendar td.days a:hover, 
#content #main table.calendar td.days a:focus, 
#content #main table.calendar td.days a:active {
  border-color: #493F0B;
  color: inherit;
}

#content #main table.calendar td.days div.cal_1 a { /* Heim */ background-color: #CDE855; color: #000; }
#content #main table.calendar td.days div.cal_5 a { /* Biber */ background-color: #00CF8E; color: #fff; }
#content #main table.calendar td.days div.cal_6 a { /* WiWö */ background-color: #FFFF00; color: #000; }
#content #main table.calendar td.days div.cal_7 a { /* GuSp */ background-color: #009800; color: #fff; }
#content #main table.calendar td.days div.cal_8 a { /* CaEx */ background-color: #3400FF; color: #fff; }
#content #main table.calendar td.days div.cal_10 a { /* RaRo */ background-color: #FD0004; color: #fff; }
#content #main table.calendar td.days div.cal_11 a { /* Gruppe */ background-color: #CDE855; color: #000; }
#content #main table.calendar td.days div.cal_12 a { /* Suite */ background-color: #bababa; color: #000; }

#content #main table.calendar td.today div.header {
  background-color: #CDE855;
}

#content #main table.calendar td.empty div.header {
  background-color: transparent;
}

#content #main table.calendar th {
  background-color: #fff;
  border: 1px solid #fff;
  border-bottom-color: #bababa;
  padding: 0.3em 0.5em;
}

#content #main table.calendar th.previous {
  border-right: 0;
  font-size: 0.9em;
  text-align: left;
}

#content #main table.calendar th.current {
  border-right: 0;
  border-left: 0;
  text-align: center;
}

#content #main table.calendar th.next {
  border-left: 0;
  font-size: 0.9em;
  text-align: right;
}


#content #main table.calendar th.head {
}

#content #main table.calendar th.label {
  border: 1px solid #bababa;
  text-align: center;
}

#content #main .mod_eventreader .info {
  margin: 1em 0;
}


/* --- Article Lists (Berichte) -------------------------------------------- */

#content .mod_articleList {
  margin: 1.5em 0;
}



/* === Fotoalben =========================================================== */

/* --- Album List ---------------------------------------------------------- */

#content .mod_photoalbumslist .layout_preview {
  background-color: #fff;
  border: 1px solid #BABABA;
  float: left;
  height: 106px;
  margin: 0 0.5em 0.5em 0;
  width: 31.5em;
}

#content .mod_photoalbumslist .layout_preview .image_container {
  float: left;
  line-height: 0;
}

#content .mod_photoalbumslist .layout_preview .title {
  font-size: 1.1em;
  font-weight: bold;
  margin-left: 110px;
}

#content .mod_photoalbumslist .layout_preview .title a {
  text-decoration: none;
}

#content .mod_photoalbumslist .layout_preview .meta {
  color: #493F0B;
  font-size: 0.9em;
  margin: 0.2em 0 0 110px;
}

/* --- Album View ---------------------------------------------------------- */

#content .mod_photoalbumsviewer .albumdetails {
  border-bottom: 2px solid #A7C520;
  border-top: 2px solid #A7C520;
  margin-bottom: 2em;
  padding: 15px 1em 1em 65px;
  
  
  background: #FFF url("../images/icon-photo-48.png") no-repeat 10px 10px;
}

#content .mod_photoalbumsviewer .albumdetails h2 {
  margin-top: 0 !important;
}

#content .mod_photoalbumsviewer .albumdetails .meta .details {
  color: #493F0B;
  font-weight: bold;
}

#content .mod_photoalbumsviewer .albumdetails .meta .description {
  margin-top: 0.5em;
} 

#content .mod_photoalbumsviewer .photos {
  
}

#content .mod_photoalbumsviewer .photos .image_container {
  float: left;
  line-height: 0;
}

#content .mod_photoalbumsviewer .photos .image_container a {
  border: 3px solid #fff;
  display: block;
} 

#content .mod_photoalbumsviewer .photos .image_container a:hover, 
#content .mod_photoalbumsviewer .photos .image_container a:focus,  
#content .mod_photoalbumsviewer .photos .image_container a:active { 
  border-color: #85DB18;
} 



/* pagenavigation: pagination, perpage selectbox */

#content div.pagination {
  background-color: #FFF;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  font-size: 0.9em;
  font-weight: bold;
  margin: 1.5em 0;
  padding: 0 0.3em;
}

#content div.pagination p {
  float: left;
  padding: 0.2em 0.5em;
  margin-bottom: 0 !important;
}

#content div.pagination ul {
  float: right;
  list-style-image: none;
  list-style-type: none;
  text-align: right;
}

#content div.pagination ul li {
  display: inline;
}

#content div.pagination a,
#content div.pagination span {
  background-color: #eee;
  display: block;
  float: left;
  margin-left: 0.5em;
  padding: 0.2em 0.5em;
  text-decoration: none;
}

#content div.pagination a:hover, 
#content div.pagination a:focus, 
#content div.pagination a:active, 
#content div.pagination span {
  background-color: #85DB18;
  color: #fff;
  border-color: #493F0B;
}


/* === Gästebuch =========================================================== */

#content #main .guestbook .comment {
  border-width: 1px;
  border-style: solid;
  border-color: #bababa #666 #666 #bababa;
  margin: 1.5em 0;
}

#content #main .guestbook .even {
}

#content #main .guestbook .odd {
}

#content #main .guestbook .comment .commentInfo {
  background-color: #fff;
  color: #493F0B;
  font-size: 0.85em;
  padding: 0.5em;
}

#content #main .guestbook .comment .commentText {
  overflow-x: auto;
  padding: 0.5em;
}

/* --- BBCode --- */


#content #main .guestbook .comment .quote {
  border-left: 2px solid #CDE855;
  margin: 0.5em;
  padding: 0 0.5em;
  overflow-x: auto;
}

#content #main .guestbook .comment .code {
  border-left: 2px solid #493F0B;
  font-family: "Courier New", Courier, monospace;
  margin: 0.5em;
  padding: 0 0.5em;
  overflow-x: auto;
}


/* === Interner Bereich ==================================================== */

#content .mod_easydownload tr.header td,
#content .mod_easydownloadlist tr.header td {
  font-weight: bold;
}

#content .mod_easydownload td.file {
  width: 75%;
}
#content .mod_easydownloadlist td.file {
  width: 92%;
}

#content .mod_easydownload td.size,
#content .mod_easydownloadlist td.size {
  text-align: center;
  width: 8%;
}

#content .mod_easydownload td.date {
  text-align: center;
  width: 17%;
}

#content .mod_easydownload img,
#contetn .mod_easydownloadlist img {
  margin-right: 0.5em;
  vertical-align: middle;
}

#content .mod_easydownload a,
#content .mod_easydownloadlist a {
  text-decoration: none;
}