/*********************************************************

     ****
   ********                            **** *   *  *****
  *****        *   ***  *** * * ***   **    ** ** ***
    *****     ***  * ** **  *** **    *     * * *   **
       ***** *   * ***  *** * * ***   **    *   *    ***
   ********                            **** *   * *****
     ****                                  v2.0 (c) 2012

  Author: Sabine Baer, Benedikt Natter
  File: defaultScreen.css

*********************************************************/


/***************************
 * pre definitions
 ***************************/

html {
    overflow-y: scroll;
}

body > #wrap {
    height: auto;
    min-height: 100%;
}

/***************************
 * general definitions
 ***************************/

body {
    background-color: #EEE;
    color: #000;
    font-family: Verdana, Regular, sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin: 10px;
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

.clearLeft {
    clear: left;
    font-size: 0;
    height: 0;
    line-height: 0;
}

.clearRight {
    clear: right;
    font-size: 0;
    height: 0;
    line-height: 0;
}

/***************************
 * main containers
 ***************************/

#main {
    background-color: #FFF;
    margin: 0 auto;
    min-height: 400px;
    position: relative;
    width: 960px;
}

.contentContainer {
    float: right;
    width: 660px;
}

.leftContainer {
    float: left;
    width: 300px;
}

#logo {
}

/***************************
 * default headlines,
 * paragraphs, lists and
 * default links
 ***************************/

/* headlines */
h1, h2, h3 {
    color: #777;
    margin-bottom: 20px;
}

h1 {
    font-size: 18px;
    line-height: 30px;
}

h2 {
    font-size: 16px;
    line-height: 26px;
}

h3 {
    font-size: 14px;
    line-height: 24px;
}

h4 {
    font-weight: bold;
}

/* paragraphs */
p {
    margin-top: 20px;
}

h2 + p,
p:first-child {
    margin-top: 0;
}

/* lists and numerations */
.contentContainer ol,
.contentContainer ul {
    margin: 5px 0 0 40px;
}

.contentContainer ol {
    list-style-type: decimal;
}

.contentContainer ul {
    list-style-type: disc;
}

/* links */
a {
    color: #777;
}

a:hover {
    color: #000;
}

/***************************
 * navigation
 ***************************/

nav {
    margin: 20px;
}

nav .horizontal li {
    float: left;
    margin-left: 20px;
}

nav .horizontal li:first-child {
    margin-left: 0;
}

nav ul li ul {
    margin-left: 20px;
}

/* fonts */
nav a {
    color: #777;
    text-decoration: none;
}

nav a:hover,
nav .selected > a {
    color: #333;
}

/***************************
 * content
 ***************************/

.contentContainer .inner {
    margin: 20px;
}

#content .contentElement,
.contentContainer .likeButton {
    margin-top: 20px;
}

#content .contentElement:first-child {
    margin-top: 0;
}

/* textblock */
.contentContainer .textblock .imagesLeft {
    float: left;
    padding: 0 20px 10px 0;
}

.contentContainer .textblock .imagesRight {
    float: right;
    padding: 0 0 10px 20px;
}

.contentContainer .textblock .imagesLeft li,
.contentContainer .textblock .imagesRight li {
    margin-top: 10px;
}

.contentContainer .textblock .imagesLeft li:first-child,
.contentContainer .textblock .imagesRight li:first-child {
    margin-top: 0;
}

.contentContainer .textblock img {
    display: block;
}

/* gallery */
.contentContainer .gallery .oneRow {
    margin-top: 10px;
}

.contentContainer .gallery .oneRow:first-child {
    margin-top: 0;
}

.contentContainer .gallery .oneRow ul li {
    float: left;
    margin-left: 10px;
    overflow: hidden;
}

.contentContainer .gallery .oneRow ul li:first-child {
    margin-left: 0;
}

.contentContainer .gallery .oneRow ul li img {
    display: block;
}

/* audio */
.contentContainer .audio ul li {
    padding-top: 20px;
}

.contentContainer .audio ul li:first-child {
    padding-top: 0;
}

.contentContainer .audio .audioFile {
    overflow: hidden;
}

/* guestbook */
.contentContainer .guestbook ul li {
    border-top: 1px solid #999;
    padding-bottom: 5px;
    padding-top: 5px;
}

.contentContainer .guestbook ul li:first-child {
    border-top: none;
}

.contentContainer .guestbook .entryChildren {
    padding-left: 10px;
}

.contentContainer .guestbook .entryChildren li {
    border-left: 1px solid #fff;
    padding-left: 10px;
}

.contentContainer .pages ul li {
    border-top: none;
    padding-bottom: 0;
    padding-top: 0;
}

/* video */
.contentContainer .video .youtube-player {
    display: block;
}

/* image */
.contentContainer .image img {
    display: block;
}

.contentContainer .image .description {
    font-size: smaller;
}

/* pageOverview */
.contentContainer .pageOverview li {
    margin-top: 20px;
}

.contentContainer .pageOverview li:first-child {
    margin-top: 0;
}

.contentContainer .pageOverview .imageLeft {
    float: left;
    margin: 0 20px 10px 0;
}

.contentContainer .pageOverview .imageRight {
    float: right;
    margin: 0 0 10px 20px;
}

.contentContainer .pageOverview img {
    display: block;
}

/***************************
 * content: overview
 ***************************/

/* overview-list: general */
.contentContainer .overview .overviewList {
    border: none;
}

.contentContainer .overview .overviewList th,
.contentContainer .overview .overviewList td {
    vertical-align: top;
}

/* overview-list: with table */
.contentContainer .overview th {
    font-weight: bold;
    padding: 0 0 5px 20px;
    text-align: left;
}

.contentContainer .overview td {
    border-top: 1px solid #777;
    padding: 5px 0 5px 20px;
}

.contentContainer .overview th:first-child,
.contentContainer .overview td:first-child {
    padding-left: 0;
}

/* overview-list: with li */
.contentContainer .overview .overviewList li,
.contentContainer .pages {
    border-top: 1px solid #777;
    padding: 5px 0;
}

.contentContainer .overview li h3 {
    margin-bottom: 0;
}

.contentContainer .overview li .image {
    display: block;
    float: left;
    margin-right: 10px;
}

.contentContainer .overview .overviewList .headlines {
    border-top: none;
    font-weight: bold;
    padding-top: 0;
}

/* overview-list: general */
.contentContainer .overview .general .title {
    vertical-align: middle;
}

/* overview-list: events */
.contentContainer .overview .events .date {
    width: 150px;
}

.contentContainer .overview .events .title,
.contentContainer .overview .events .location {
    width: 215px;
}

/* overview-list: news */
.contentContainer .overview .news .date {
    color: #777;
    font-size: smaller;
    margin-bottom: 5px;
}

.contentContainer .overview .news .image,
.contentContainer .overview .news .readMore {
    margin-bottom: 10px;
}

/* overview-list: current event */
.contentContainer .overview .currentEvent li {
    padding: 0;
    border: none;
}

.contentContainer .overview .currentEvent .text {
    margin-top: 10px;
}

/* overview-list: pages */
.contentContainer .pages .name {
    float: left;
    padding-right: 5px;
}

.contentContainer .pages li {
    float: left;
    padding-left: 5px;
}

.contentContainer .pages li:first-child {
    padding-left: 0;
}

/* overview-detailed */
.contentContainer .overviewDetailed .back {
    margin-top: 10px;
}

/* overview-detailed: event */
.contentContainer .overviewDetailedEvent .information {
    margin-bottom: 20px;
}

.contentContainer .overviewDetailedEvent .image {
    float: left;
    margin: 0 10px 10px 0;
}

/* overview-detailed: news */
.contentContainer .overviewDetailedGeneral .image {
    float: right;
    margin: 0 0 10px 20px;
}

/* overview-detailed: news */
.contentContainer .overviewDetailedNews .date {
    color: #777;
    font-size: smaller;
}

.contentContainer .overviewDetailedNews .image {
    float: left;
    margin: 0 10px 10px 0;
}

/***************************
 * forms
 ***************************/

/* label and empty */
label {
    display: block;
}

.emptySmall,
.lblSmall {
    width: 50px;
}

.emptyMiddle,
.lgMiddle, /* lgMiddle = legend-middle */
.lblMiddle {
    width: 250px;
}

.emptyLarge,
.lblLarge {
    width: 500px;
}

.emptySmall,
.emptyMiddle,
.emptyLarge {
    display: none;
}

/* input and textarea */
.iptSmall, .iptMiddle, .iptLarge,
.txtSmall, .txtMiddle, .txtLarge {
    border: 1px solid #000;
}

.iptSmall,
.txtSmall {
    width: 48px;
}

.iptMiddle,
.txtMiddle {
    width: 248px;
}

.iptLarge,
.txtLarge {
    width: 498px;
}

.txtSmall, .txtMiddle, .txtLarge {
    height: 80px;
}

textarea {
    padding: 0;
    resize: vertical;
}

/* fieldset */
fieldset input {
    float: left;
}

/* captcha */
.captcha img {
    display: block;
    float: left;
    margin-right: 2px;
}

/***************************
 * anything else
 ***************************/

b, strong, .bold {
    font-weight: bold;
}

.breadcrumbs {
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    margin: 0 0 10px;
}

.breadcrumbs a {
    font-size: 10px;
}

.error {
    color: #FF0000;
}

.hidden {
    display: none;
    height: 0;
}

.lightboxDescription {
    font-weight: normal;
}

.noList {
    margin: 0 !important;
    list-style: none !important;
}

.smaller {
    font-size: smaller;
}

.external {
    background: transparent url('../images/sym_external.gif') no-repeat top right;
    padding-right: 10px;
}

.mail {
    background: transparent url('../images/sym_mail.gif') no-repeat top right;
    padding-right: 11px;
}