/** 
 * Weltendom CSS file
 * 
 * @project   Weltendom
 * @version   1.0
 * @package   xhtml-css
 * @author    Timo Pietsch
 * @copyright 2009 by Timo Pietsch
 *
 */

html {
  background: url('../images/layout/body_bg.jpg');
}

body {
  background: url('../images/layout/header_bg.png') repeat-x center 95px;
  color: #7B6459;
}

* html body {
  background-image: url('../images/layout/header_bg_ie6.jpg');
}

/**
 * @section        Global Stylings
 *
 * Global stylings for common elements on entire page
 *
 */
a {
  color: #7B6459;
  outline: none;
}

a:hover {
  color: #462619;
  text-decoration: none;
}

a:active {
 outline: none;
}

:focus {
 -moz-outline-style: none;
}

.header
.footer,
.nav,
.section,
.time,
.aside {
  display: block;
  zoom: 1;
}

h1 {
  color: #462619;
  font-family: georgia, times, serif;
  font-style: italic;
  font-size: 40px;
  font-weight: bold;
}


/**
 * @section        Layout Stylings
 *
 * Stylings for the layout elements on the page
 *
 */

div.page_wrapper {
  margin: 0 auto;
  padding: 34px 0 0 0;
  width: 782px;
}

.header_section {
  margin-bottom: 30px;
  position: relative;
}

.header_section h2#logo {
  padding-left: 10px;
  padding-bottom: 19px;
}

.header_section h2#logo a {
  background: url('../images/layout/layout_sprite.png') no-repeat right top;
  display: block;
  text-indent: -2000px;
  height: 55px;
  overflow: hidden;
  width: 195px;
}

* html .header_section h2#logo a {
  background-image: url('../images/layout/layout_sprite_ie.jpg');
}

.header_section .nav {
  background: url('../images/layout/layout_sprite.png') no-repeat -2160px -80px;
  height: 46px;
  width: 505px;
}

* html .header_section .nav {
  background-image: url('../images/layout/layout_sprite_ie.jpg');
}

.header_section .nav ul {
  padding-top: 11px;
  padding-left: 18px;
}

.header_section .nav ul li {
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin-right: 20px;
}

.header_section .nav ul li a {
  display: block;
  padding: 2px 5px;
}

.header_section .nav ul li a:hover,
.header_section .nav ul li a.active {
  border-bottom: 2px solid #C0D07A;
  color: #462619;
}

.header_section #header_image {
  background: url('../images/headers/home.png') no-repeat;
  height: 225px;
  overflow: hidden;
  text-indent: -2000px;
  width: 451px;
}

* html .header_section #header_image {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headers/home.png', sizingMethod='crop');
}

.weltendom .header_section #header_image {
  background-image: url('../images/headers/weltendom.png');
}

* html .weltendom .header_section #header_image {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headers/weltendom.png', sizingMethod='crop');
}

.verein .header_section #header_image {
  background-image: url('../images/headers/initiative.png');
}

* html .verein .header_section #header_image {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headers/initiative.png', sizingMethod='crop');
}

.projekte .header_section #header_image {
  background-image: url('../images/headers/programm.png');
}

* html .projekte .header_section #header_image {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headers/programm.png', sizingMethod='crop');
}

.header_section blockquote {
  background: url('../images/headers/home_text.png') no-repeat;
  height: 126px;
  margin-top: 38px;
  margin-bottom: 30px;
  overflow: hidden;
  text-indent: -2000px;
  width: 311px;
}

* html .header_section blockquote {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headers/home_text.png', sizingMethod='crop');
}
.header_section ul.subnavi {
  padding-right: 40px;
}

.header_section ul.subnavi li {
  border-left: 2px solid #CDD68E;
  float: right;
  margin-left: 10px;
  padding-left: 10px;
}

.header_section ul.subnavi li:last-child {
  border: none;
}

.content_wrapper h1.site_title {
  margin-left: 100px;
  margin-bottom: 20px;
}

div.content {
  background: url('../images/layout/layout_sprite.png') repeat-y -597px top;
  color: #6A5045;
  width: 759px;
}

div.content div.inner_content {
  background: url('../images/layout/content_top.jpg') no-repeat;
  padding: 25px 88px;
}

div.content div.preview_content {
  background: url('../images/layout/layout_sprite.png') no-repeat left bottom;
  color: #737D3D;
  font-size: 15px;
  margin-top: -30px;
  margin-left: -20px;
  margin-bottom: 10px;
  position: relative;
  width: 577px;
}

* html div.content div.preview_content {
  background-image: url('../images/layout/layout_sprite_ie.jpg');
}

div.content div.preview_content div.preview_inner {
  background: url('../images/layout/layout_sprite.png') no-repeat;
  position: relative;
  padding: 17px 80px 0 20px;
  top: -16px;
}

* html div.content div.preview_content div.preview_inner {
  background-image: url('../images/layout/layout_sprite_ie.jpg');
}

div.content div.preview_content a.cover {
  background: url('../images/home/gruppe_cover.png') no-repeat;
  display: block;
  height: 107px;
  position: absolute;
  right: -75px;
  top: -30px;
  width: 152px;
}

.weltendom div.content div.preview_content a.cover {
  background-image: url('../images/weltendom/lagerfeuer_cover.png');
}

.projekte div.content div.preview_content a.cover {
  background-image: url('../images/projekte/programm_cover.png');
}

div.bottom_content {
  height: 20px;
  background: url('../images/layout/layout_sprite.png') no-repeat -1386px bottom;
}

* html div.bottom_content {
  background-image: url('../images/layout/layout_sprite_ie.jpg');
}

.footer {
  color: #A88778;
  margin-bottom: 20px;
}

.footer a {
  color: inherit;
}

.footer a:hover,
.footer a.active {
  color: #7B6459;
  text-decoration: underline;
}

.footer small {
  font-size: 10px;
  padding-right: 30px;
  text-align: right;
}

.footer .nav {
  display: inline;
  font-size: 10px;
  text-align: center;
}

.footer .nav li {
  display: inline;
}

/**
 * @section        Headlines
 *
 * Styling diffent h1 elemnts
 *
 */
h1.site_title {
  height: 54px;
  overflow: hidden;
  text-indent: -2000px;
}

body.start h1.site_title {
  background: url('../images/headlines/start.png') no-repeat;
}

* html body.start h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/start.png', sizingMethod='crop');
}

body.weltendom h1.site_title {
  background: url('../images/headlines/weltendom.png') no-repeat;
}

* html body.weltendom h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/weltendom.png', sizingMethod='crop');
}

body.verein h1.site_title {
  background: url('../images/headlines/verein.png') no-repeat;
}

* html body.verein h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/verein.png', sizingMethod='crop');
}

body.projektleitung h1.site_title {
  background: url('../images/headlines/projektleitung.png') no-repeat;
}

* html body.projektleitung h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/projektleitung.png', sizingMethod='crop');
}

body.projekte h1.site_title {
  background: url('../images/headlines/projekte.png') no-repeat;
}

* html body.projekte h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/projekte.png', sizingMethod='crop');
}

body.kontakt h1.site_title {
  background: url('../images/headlines/kontakt.png') no-repeat;
}

* html body.kontakt h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/kontakt.png', sizingMethod='crop');
}

body.impressum h1.site_title {
  background: url('../images/headlines/impressum.png') no-repeat;
}

* html body.impressum h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/impressum.png', sizingMethod='crop');
}

body.anfahrt h1.site_title {
  background: url('../images/headlines/anfahrt.png') no-repeat;
}

* html body.anfahrt h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/anfahrt.png', sizingMethod='crop');
}

body.foerderer_und_partner h1.site_title {
  background: url('../images/headlines/foerderer.png') no-repeat;
}

* html body.foerderer_und_partner h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/foerderer.png', sizingMethod='crop');
}

body.admin h1.site_title,
body.login h1.site_title {
  background: url('../images/headlines/admin.png') no-repeat;
}

* html body.admin h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/admin.png', sizingMethod='crop');
}

* html body.login h1.site_title {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/headlines/admin.png', sizingMethod='crop');
}



/**
 * @section        default_article
 *
 * default styling for articles
 *
 */
.default_article {
 margin-top: 20px;
 margin-bottom: 30px;
 line-height: 18px;
}

.default_article h2 {
  color: #462619;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  border-bottom: 3px solid #EEE8D7;
  margin-bottom: 10px;
  margin-top: 30px;
}

.default_article h3 {
  color: #462619;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 5px;
  margin-top: 20px;
}

.default_article h4 {
  color: #462619;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin-top: 15px;
  margin-bottom: 0;
}

.default_article p {
/*  margin-top: 10px;*/
  margin-bottom: 10px;
}

.default_article a {
  color: #462619;
  text-decoration: underline;
}

.default_article a:hover {
  text-decoration: none;
}

.default_article ul {
  list-style-type: square;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
}

.default_article img {
  border: 2px solid #DDD0AC;
  
}

.default_article img.left {
  margin-right: 15px;
}

.default_article img.right {
  margin-left : 15px;
}

.default_article div.small_gallery.small_gallery_right {
  margin-left: 25px;
  margin-bottom: 10px;
}

.default_article div.small_gallery img {
  margin-right: 5px;
  margin-bottom: 5px;
}



/**
 * @section        weltendom
 *
 * Styling for weltendom site
 *
 */
.weltendom .default_article p.rapunzel {
  margin-top: 40px;
}

.weltendom .default_article p.rapunzel a {
  margin-right: 15px;
}

.weltendom .default_article p.rapunzel img {
  border: none;
}


/**
 * @section        Event Site
 *
 */

.events_article {
  position: relative;
}

/*.events_article h3.date {
  background: #EFF1D8;
  border-top: 1px solid #D6D6C0;
  padding: 10px;
}*/

.events_article p.hint {
  background: #EEE8D7;
  padding: 5px 10px;
}

.events_article .timetable {
  margin-top: 30px;
}

.events_article .aside {
  background: url('../images/layout/header_bg.png') no-repeat -20px -20px;
  display: block;
  margin-left: -50px;
  width: 140px;
  top: 0;
}

.events_article .aside .time {
  color: #462619;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 4px;
  text-align: center;
}

.events_article ul.events {
  list-style: none;
  margin-top: 15px;
  margin-bottom: 30px;
}

.events_article ul.events li {
  padding-bottom: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
}

.events_article ul.events .time {
  font-weight: bold;
  font-size: 10px;
}

.events_article ul.events h3 {
  margin: 0;
  margin-top: 4px;
  padding: 0;
}

.events_article ul.events h3 a {
  background: url('../images/layout/link_arrow.jpg') no-repeat left 3px;
  padding-left: 20px;
}

/**
 * @section        Event detail site
 *
 */
.projekte_detail a.back_to_events {
  background: #EEE8D7;
  color: #462619;
  font-weight: bold;
  padding: 3px 8px;
}

.event_article {
  position: relative;
}

.event_article .aside {
  background: url('../images/layout/header_bg.png') no-repeat -20px -20px;
  display: block;
  left: -150px;
  width: 130px;
  position: absolute;
  top: 0;
}

.event_article .aside .time {
  padding: 5px 10px;
}

.event_article .aside .time dl dt {
  font-weight: bold;
}

.event_article .aside .time dl dd {
  font-size: 11px;
}

.event_article p.register {
  background: #EEE8D7;
  margin-top: 30px;
  padding: 5px 10px;
}

/**
 * @section        initiative
 *
 * styling for initiative site
 *
 */
.verein ul.team {
  list-style: none;
  padding-left: 0;
}

.verein ul.team h3 {
  margin-top: 30px;
}

.verein ul.team ul.description {
  padding-left: 25px;
}

.verein ul.team p.contact span {
  color: #462619;
  display: inline-block;
  font-weight: bold;
  width: 65px;
}

.verein ul.team p.contact a {
  color: inherit;
}

*  html .verein ul.team p.contact span { display: inline; }
*+ html .verein ul.team p.contact span { display: inline; }

/**
 * @section        impressum
 *
 * imprint stylings
 *
 */
.impressum div.hint {
  color: #C09E90;
  margin-top: 20px;
  font-size: 10px;
}

.impressum div.hint p {
  margin-top: 4px;
  margin-bottom: 10px;
}

/**
 * @section        anfahrt
 *
 * Styling for anfahrt site
 *
 */
.anfahrt .map iframe {
  border: 2px solid #DDD0AC;
}

/**
 * @section        support
 *
 * styling for support site
 */
.foerderer_und_partner ul.support_list {
  list-style: none;
}

.foerderer_und_partner ul.support_list a.logo {
  float: left;
  margin-right: 20px;
}

.foerderer_und_partner ul.support_list a.logo img {
  border: none;
}

.foerderer_und_partner ul.support_list div.data {
  float: left;
  padding-top: 2px;
  width: 360px;
}




/**
 * @section        admin sectioin
 *
 * Styling for the whole adminsitration stuff
 *
 */
.admin_navigation {
  background: #462619;
  padding: 5px 5px 5px 10px;
  position: absolute;
  right: 0;
  top: -35px;
}

.admin_navigation a {
  color: #FFF;
  margin-right: 10px;
}

.admin_navigation a:hover {
  color: #CED892;
}
 
.admin a.add_event {
  background: #CED892;
  color: #462619;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
}

.admin a.add_event img {
  margin-right: 10px;
}
 
.admin table.event_table {
  border-collapse: collapse;
}

.admin table.events_table {
  margin-top: 30px;
}

.admin table.events_table th {
  padding: 5px;
}

.admin table.events_table tr.odd {
  background: #F0E8D8;
}

.admin table.events_table tr td {
  vertical-align: middle;
  padding: 5px;
}

.admin table.events_table tr td.id {
}

.admin table.events_table tr td.image {
  text-align: center;
}

.admin table.events_table tr td.actions {
  text-align: center;
}

.admin table.events_table tr td small {
  font-size: 11px;
  color: #A67968;
}

.admin form p {
  margin-bottom: 20px;
}

.admin form label {
  display: block;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
}

.admin form textarea,
.admin form input {
  border: 1px solid #A67968;
  font-size: 12px;
  padding: 3px;
}

.admin form input {
  width: 250px;
}

.admin form input.submit {
  background: #A67968;
  border: 2px solid #462619;
  color: #FFF;
  font-weight: bold;
  padding: 5px 10px;
  width: auto;
}

.admin form textarea {
  height: 300px;
  width: 500px;
}