/*
  (c) 2011 Marco Schulz, banaalo Media

   TOC:
    0 - Global
        0.1 - Main Blocks
        0.2 - Navigation

    1 - Content
        1.1 Impressum
        1.2 FAQ
        1.3 Blog
        1.4 Events
        1.5 Gallery
        1.6 Calendar
        1.7 Links
        1.8 Bookmark

   #############################################################################
*/


/* 0. - GLOBAL */

* { 
    font : 15px Arial, Helvetica, sans-serif;
    background-color: #a4caff; color:#120f00;
    margin:0; padding:0;
}

a       {text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {font-size:1.4em; font-weight:bold; text-align:center; padding:10px 0;}
h2 {font-size:1.2em; font-weight:bold; text-align:center; padding:10px 0;}
h3 {font-size:1.0em; font-weight:bold; text-align:left;   padding:10px 0;}

ul, li {
    list-style:none; width:100%;
    padding:0px; margin:0px;
}

b, strong {font-weight:bold;}

.rounded_corner {
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;
    behavior:url(border-radius.htc);
}

.errorLabel {
    background-color:yellow; 
    border:1px dotted black;
    color:red; 
    font-weight: bolder;
}

/* 0.1 - MAIN BLOCKS */

#main {
    width:1000px;
    margin:0px auto; padding:10px;
    border-left:1px solid #120f00;
    border-right:1px solid #120f00;
}

#header {
    width:100%; clear:both;
    text-align:center;
    padding-bottom:5px;
}

#header > img {
    float:right;
    width:100%;
}

#content {
    width:88%;
    float:right; clear:right;
    padding:8px 0 8px 0;
    margin:8px 0 8px 0;
    min-height:400px;
}

#footer {
    width:100%; clear:both;
    padding-top:4px;
    border-top:1px solid;
    text-align:center;
    font-size:0.9em;
}

/* 0.2 - NAVIGATION */

#navigation, #subNav {
    float:left; clear:left;
    text-align:center;
    width:10%;
    min-height:400px;
    padding-top:30px;
}

#subNav {
    border-bottom:1px solid #120f00;
}

#navigation > li,
#subNav > li {
    float:left; width:85px;
    padding:2px; margin:2px;
    border:1px solid;
}

#navigation > li, 
#navigation > li > a {
    color:#151515;
}

#navigation > li > a:hover,
#navigation > li > a:active {
    font-weight: bold;
    color:#F7F7FF;
}


/* 1.0 CONTENT */

.textblock {
    float:left; clear:both;
    padding:5px 0 5px 0;
    margin:5px 0 5px 0;
}

/* 1.1 - IMPRESSUM */

.impressum {
    float:left; clear:right;
}

.impressum_adressblock {
    float:right; width:25%;
}

.impressum_contentblock {
    float:left; width:65%;
    padding:10px; margin:10px;
}

.impressum_link {
    padding:10px 0 0 10px; 
    margin:10px 0; 
    font-weight:bold;
}

/* 1.2 - FAQ */

.faq {padding:8px 0 8px 0;}

.faq ul {
    padding:0 0 10px 20px;
    width:90%;
}

.faq li {
    list-style: disc;
    padding-left:15px;
    font-size: 0.9em;
}

.faq > li {
    padding-left:10px;
    font-weight: bold;
}

.faq > .bullet {
    clear:both;
    padding:3px;
    margin:3px 0 3px 0;
    border: 1px solid;
}

.faq h2 {
    width:100%; float:left;
    clear: right;
    text-align:left;
    background-color:#FFF68F;
    font-size:0.8em;
}

/* 1.3 - BLOG */

.blog {
    float:left; width:70%;
}

.blog_entrie {
    float:left; 
    padding-bottom:8px;
}

.blog_nav_col {
    float:right; clear:right; 
    max-width:200px; min-width:200px;
    padding-top:13px;
}

.blog_image {
    margin:0 0 5px 0; 
    padding:0;
}

.blog_contentblock {
    width: 100%;
    float:left; clear:both;
    padding-top:8px;
    border-top:0px dotted;
}

/* 1.4 - EVENTS */

.eventCalendar {
    width:100%; border:1px solid;
    margin-bottom:8px;
}

.eventCalendar td,
.eventCalendar li,
.eventCalendar span,
.eventCalendar div {
    font-size:0.9em;
}

.eventCalendar thead tr td {
    font-weight:bold;
    background-color: #FFF68F;
    padding:2px; margin:2px;
    border-bottom:1px solid;
}

.eventCalendar tbody td {
    padding:3px; margin:3px;
    border:1px solid;
}

.eventCalendar tbody td:hover {
    border-color: white;
}

/* 1.5 - GALLERY */

.gallery {
    width:100%;
    padding:5px 0;
    margin: 5px 0;
}

.gallery .main {
    float:left; 
    width: 80%; 
    border-right:1px dotted;
    margin-right:5px;
}

.gallery .nav  {
    float:left; 
    width: 18%;
}

.gallery .nav div {
    width: 100%;
    font-weight: bold;
    background-color:#FFF68F;
    padding:3px; margin-bottom:5px;
}

.gallery img {
    padding:3px; margin:3px;
    border:1px solid;
}

/* 1.6 - CALENDAR */
#calendar {
    width:110px;
    float:right; clear:both;
    margin:5px 5px 5px 20px; padding:5px;
    border: 1px solid;
}

#calendar th, #calendar td {
    font-size: 0.75em;
}

#calendar .cal_header {
    text-align:center;
    padding-top: 2px;
}

#calendar .cal_main_tbl {
    width: 100%;
}

#calendar .holidays {
    font-weight: bold;
    color: red;
}

.calendar_list {
    padding-top:15px;
    clear:both;
    width:100%;
}

.calendar_list .item b,
.calendar_list .item i,
.calendar_list .item {
    background-color:#FFF68F;
}

.calendar_list .item {
    padding:2px; margin:2px 8px 2px 2px;
    width:25%; float:left;
}

.calendar_list td {
    border:1px solid;
    padding-right: 3px;
}

/* 1.7 - Links */

.links {padding-top:10px;}

.links > li {
    width:100%; float:left; clear:both; 
    padding:5px 0 5px 0; 
    padding-bottom:15px;
    border-bottom:1px dotted; 
}

.links > li > span {
    font-weight:bold; 
    text-decoration:underline;
}

.links_category > li {
    float:left; 
    padding:5px;
}

.links_category > li > a {
    font-size:0.9em;
}

/* 1.8 - BOOKMARKS */

.bookmarks {
    float:left; clear:right;
    padding:0 0 5px 8px;
    width:90%;
}

.bookmarks > li {
    float:left; 
    width:20px;
    padding:1px; margin:1px;
}


.portfolio {
    width: 90%;
    padding:4px 0 7px 30px;
    margin:4px;
}

.portfolio li {
    width: 95%;
    list-style: circle;
}

.txtNavBtn {
    float:left; color:black;
    padding:2px; margin:2px;
    background-color:buttonface;
}

.txtNavBtn > a {
    font-size:0.8em; font-weight:bold;
    background-color:buttonface; color:black;
}