/**
 * $Id$
 * Website Baker template: allcss
 * This template is one of four basis templates distributed with Website Baker.
 * Feel free to modify or build up on this template.
 *
 * This file contains all CSS definitions required to display the template
 * in the Website Baker frontend.
 *
 * LICENSE: GNU General Public License
 *
 * @author     Ryan Djurovich, C. Sommer
 * @copyright    GNU General Public License
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    2.70
 * @platform     Website Baker 2.7
 *
 * Website Baker is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Website Baker is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.    See the
 * GNU General Public License for more details.
*/

/*
111021:
    - breite von 600px auf 900px und anpassungen
*/

/*
Farben:
Grau    BG global                 #f4f2ee
Helles Gruen BG Banner        #3fad2b
Dunkles Gruen (Links)         #2d7a28
Orange (Links)                #f18e1c
grau Text                     #696765
*/


body {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: center;
    font-family: Verdana, Helvetica, Arial, serif;
    font-size: 11px;
    color: #000;
    background-image: url(images/background.gif);
    background-repeat: repeat;
    border: 0px solid #fff;
}
/*----------------------------------------------------------------------------*/
div#____________A_L_L_G_E_M_E_I_N __ {}
h1, h2, h3, h4 {
    font-weight : bold;
    margin: 0px 0px 0px 0px;
    padding : 0px;
    background-color: transparent;
}
h1, div.csc-header-n1 {
}
h2 {
    font-size: 11px;
}
h3 {
    font-size: 11px;
}
table    {
    border: 0px solid #fff;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    border-spacing: 0px;
    display: block;
    width: 545px;
    float: left;
    display: block;
    clear: both;
}
table td {
    width: auto;
    padding-right: 0px;
    border-bottom: 10px solid #fff;
    vertical-align: top;
}


ul, ol {
    list-style-type: square;
    padding: 0px;
    margin: 0;
    margin: 0px 0px 0px 25px;
}
li {
    padding: 0px;
}
p, p.address, p.bodytext {
    margin: 0px 0px 11px 0px;
    padding: 0px;
    font-style: normal;
    text-align: left;
    border: 0px solid #fff;
}
a {
    color: #3399CC;
    text-decoration : none;
    background-color: transparent;
    outline: none;
    font-weight: normal;
}
a:link, a:visited, a:hover, a:focus{
}
a:hover {
    color: #3399CC;
}
a img {
    border: 0px solid transparent;
}
em{
    font-style: normal;
    font-style: italic;
    /*
    font-weight: bold;
    background-color: #ff8;
    color: #468;
    */
}
.clear {
    clear: both;
}
.red {
    color: #3399CC;
}
hr {
    margin: 20px 0px 20px 0px;
    background-color: #eee;
    height: 1px;
}
/*
.floatRight {
    float: right;
}
*/
/*----------------------------------------------------------------------------*/
div.main {
    margin: 0px auto 10px auto;
    /*
    width: 600px;
    background-image: url(images/mainBG_600x1.gif);
    background-repeat: repeat-y;
    */
    /*111021*/
    width: 900px;
    background: none;
    background: #fff url(images/mainBG_600x1.gif) 300px 0px repeat-y !important;
}

/*----------------------------------------------------------------------------*/

div.bannerPrint {
    display:none;
}
div.banner {
    height: 90px;
    /*111021*/
    width: 900px;
    background: none;
    background: #fff url(images/pratersound-Logo-900.png) 0px 0px no-repeat !important;
    
}
div.banner a {
    height: 97px;
    display: block;
    /*111021*/
    width: 900px;
}

/*----------------------------------------------------------------------------*/
div.searchbox {
    display: none;
}
/*----------------------------------------------------------------------------*/
div.oben {
    margin: 0px 0px 0px 20px;
    height: auto;
    /*111021*/
    width: 846px;
}
* html div.oben {
    margin: 0px 0px 0px -3px;
}
/*----------------------------------------------------------------------------*/
div.obenContent {
    float: left;
    width: 340px;
    height: auto;
    text-align: left;
}
div.obenContent h1 {
    font-size: 18px;
    margin: 0px 0px 10px 0px;
}
div.obenContent h2 {
    font-size: 13px;
    margin: 0px 0px 10px 0px;
}
div.termine {
    float: left;
    height: auto;
    text-align: left;
    margin: 0px 0px 10px 0px;
    /*111021*/
    width: 640px;
}
div.einzeltermin{
    margin: 0px 0px 10px 0px;
    background: #FFFDF3;
    border: 1px solid #fff;
    padding: 2px;
}
div.einzeltermin div{
    margin: 0px 0px 2px 0px;
    display: block;
}
div.einzeltermin div.concert_name {
    font-weight: bold;
}
div.einzeltermin .concert_place {}
div.einzeltermin .concert_club {
}
div.einzeltermin .concert_desc {}
div.einzeltermin .concert_desc img {
    margin: 5px 15px 15px 0px;
}
div.einzeltermin .concert_price {}



/*----------------------------------------------------------------------------*/
div.obenKontakt {
    float: right;
    clear: right;
    margin: 0px 0px 0px 0px;
    width: 160px;
    height: auto;
    text-align: left;
}
div.obenKontakt h1 {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 160px;
    height: 25px;
    background-image: url(images/h1BG_1x18.gif);
    background-repeat: repeat-x;
    background-position: 5px 0px;
}
div.obenKontakt h1 span {
    margin: 0px 0px 0px 10px;
    padding: 0px 3px 0px 3px;
    width: auto;
    font-size: 13px;
    height: 15px;
    font-weight: bold;
    background-color: #fff    ;
    display: inline-block;
}
/*----------------------------------------------------------------------------*/
div.mitte {
    margin: 0px 0px 0px 20px;
    height: auto;
    text-align: left;
    /**111021*/
    width: 846px;
}
* html div.mitte {
    margin: 0px 0px 0px -3px;
}
div.mitte div.myContent {
    margin: 0px 0px 20px 0px;
    height: auto;
    text-align: left;
    /**111021*/
    width: 846px;
}
div.mitte h1 {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    height: 25px;
    background-image: url(images/h1BG_1x18.gif);
    background-repeat: repeat-x;
    background-position: 5px 0px;
}
div.mitte h1 span {
    margin: 0px 0px 0px 10px;
    padding: 0px 3px 0px 3px;
    width: auto;
    font-size: 13px;
    height: 15px;
    font-weight: bold;
    color: #000;
    background-color: #fff    ;
    display: inline-block;
}
div.mitte h2 {
    margin: 0px 0px 11px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}
div.myContent div {
    float: right;
    clear: right;
    width: 160px;
    height: auto;
    margin: 0px 0px 0px 20px;
}
div.myContent div a,
div.myContent div a img {
    width: 160px;
    height: auto;
    margin: 0px 0px 0px 0px;
}
div.myContent div a img {
    margin: 0px 0px 10px 0px;
}

/*----------------------------------------------------------------------------*/
div.unten {
    width: 546px;
    margin: 0px 0px 0px 20px;
    height: 185px;
    background-image: url(images/footermonitor.gif);
    background-repeat: no-repeat;
    background-position: 300px 20px;
 }
* html div.unten {
    margin: 0px 0px 0px -3px;
}
/*----------------------------------------------------------------------------*/
div.footer {
    margin: 0px 0px 0px 0px;
    height: 55px;
    text-align: left;
    background-image: url(images/1x1_white.gif);
    background-repeat: repeat;
    /*111021*/
    width: 900px;
}
div.footer img.footerlogo {
    float: left;
    margin: 0px 0px 0px 0px;
}
div.footer ul {
    text-align: right;
    height: 40px;
    margin: 14px 35px 0px 0px;
    background-image: url(images/footerpixels.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    display: block;
}
div.footer ul li {
    float: right;
    margin: 0px 0px 0px 0px;
    display: inline;
}
div.footer ul li a {
    margin: 0px 0px 0px 10px;
    display: inline;
}