/*
 * Stylesheet hahnZelt.de
 * @author: Sebastian May <s.may@decide.de>
 * @copyright: 2010 decide Internet Services GmbH <http://decide.de>
 */

html, body {
    height: 101%;
    background: #0082df url('../img/bg_body.jpg') no-repeat center top;
}

* html, * html body {
    overflow: hidden;
    bottom: 0;
    height: 100%;
}

body {
    color: #fff;
    font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #0eb0f2;
}

a:hover {
    text-decoration: underline;
}

#content a {
    text-decoration: underline;
    color: white;
}
#content a:hover {
    text-decoration: none;
    color: #4bffff;
}

#content .tx-jmgallery-pi1 a {
    text-decoration: none;
    color: #0eb0f2;
}
#content .tx-jmgallery-pi1 a:hover {
    text-decoration: underline;
    color: #0eb0f2;
}

h1, h2, h3, h4, h5 {}
h1 { font-size: 220%; font-weight: bold; }
h2 { font-size: 200%; font-weight: bold; }
h3 { font-size: 180%; font-weight: bold; }
h4 { font-size: 160%; font-weight: bold; }
h5 { font-size: 140%; font-weight: bold; }
.csc-header h1,
.csc-header h2,
.csc-header h3,
.csc-header h4,
.csc-header h5 { margin-bottom: 10px; }

.hideme { display: none; }

span.hideme {
    text-indent: -9999px;
    display: none;
}

/* Header */
#head {
    background: transparent url('../img/bg_head.png') no-repeat center top;
    height: 343px;
}

#headline a {
    background: transparent url('../img/hahnzelt_logo.png') no-repeat center top;
    position: absolute;
    top: 100px;
    left: 250px;
    width: 450px;
    height: 220px;
    display: block;
}

#headerbild {
    background: transparent url('../img/headerbilder/bild1.jpg') no-repeat center 25px;
}

/* Navigation Main */
#navigation {
}

#navigation .grid_16 {
    margin-bottom: 55px;
}

#main_nav  {
    /*margin-left: 31px;*/
    position: absolute;
    left: 0;
    z-index: 99;
    padding-left: 50px;
    padding-right: 50px;
    height: 55px;
    width: 850px;
    background: url('../img/bg_navigation.png') no-repeat center -25px;
}

#main_nav li {
    float: left;
    display: inline;
    background: url('../img/bg_navigation_trennlinien.png') no-repeat right -5px;
    padding: 1px;
}

#main_nav li a {
    display: block;
    padding: 8px 15px;
    font-size: 13px;
    color: white;
    font-weight: bold;
}
#main_nav li a.current,
#main_nav li a:hover {
    text-decoration: none;
    background: url('../img/bg_navigation_hover.png') repeat-x center top;
}

/* Navigation Dropdown */
#main_nav .dropdown_old {
    display: none;
    z-index: 99;
    position: absolute;
    margin: -25px  0 0 10px;
    padding: 25px 0 0 0;
    background: url('../img/bg_dropdown_sprite.png') no-repeat 0 25px;
    top: 0;
    margin: 30px 0 0 4px;
    padding: 30px 0 0 0;
    background: url('../img/bg_dropdown_sprite.png') no-repeat 0 10px;
}

#main_nav .dropdown {
    display: none;
    margin: 0 0 0 0px;
    padding: 20px 0 0 0;
    background: url('../img/bg_dropdown_sprite.png') no-repeat 0 0;
}

* html #main_nav .dropdown {
    /*background-position: 0px 30px;*/
}

#main_nav .dropdown li {
    float: none;
    display: block;
    height: auto;
    padding: 0;
    background: none;
}

#main_nav .current .dropdown li a,
#main_nav .dropdown li a {
    font-size: 12px;
    font-weight: normal;
    color: #2f4e66;
    height: auto;
    width: 142px;
    padding: 10px 15px 10px 10px;
}

#main_nav .current .dropdown li a:hover,
#main_nav .dropdown li a,
#main_nav .dropdown li.first a.current,
#main_nav .dropdown li a.current,
#main_nav .dropdown li.last a.current,
#main_nav .dropdown li a:hover,
#main_nav .dropdown li.last a:hover {
    background: url('../img/bg_dropdown_sprite.png') repeat-y -540px bottom;
}

#main_nav .current .dropdown li.first a,
#main_nav .dropdown .first a {
    margin-top: 20px;
    background-position: -540px bottom;
}

#main_nav .current .dropdown li.last a,
#main_nav .dropdown .last a {
    padding-bottom: 20px;
    background-position: -180px bottom;
}

#main_nav .dropdown span.dropdown-bottom {
    background: url('../img/bg_dropdown_sprite.png') repeat-y -180px bottom;
    height: 20px;
    border: 0px solid black;
    padding: 0px;
    margin: 0px;
    width: 166px;
    display: block;
}

#main_nav .dropdown li.first a.current,
#main_nav .dropdown li a.current { background-position: -720px bottom; }
#main_nav .dropdown li.last a.current { background-position: -360px bottom; }
#main_nav .dropdown li a:hover { background-position: -720px bottom; }
#main_nav .dropdown li.last a:hover { background-position: -360px bottom; }


/* Musik ein/aus Schalter */
#musik a {
    background: transparent url('../img/bg_musik_sprite.png') no-repeat;
    position: absolute;
    top: 300px;
    right: 60px;
    width: 120px;
    height: 33px;
    font-weight: bold;
    line-height: 40px;
    padding-top: 7px;
    display: block;
    text-transform: uppercase;
}

#musik a.on {
    background-position: 80px 0;
}

#musik a.off {
    background-position: 80px -40px;
}

/* Content */
#content {
    letter-spacing: 1px;
    padding-top: 20px;
    min-height: 300px;
    background: url('../img/content_deko_rechts_oben.png') no-repeat right 0;
}

#content p {
    line-height: 20px;
    margin-bottom: 6px;
}

#content .border-bottom {
    display: block;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 15px;
    background: url('../img/ueberschriften/headlines_unterstrich.jpg') no-repeat left bottom;
}

#content .csc-header .headline_image {
    float: right;
    margin-top: 40px;
    margin-right: 40px;
}

#content .csc-header,
#content .csc-textpic {
    margin-bottom: 10px;
}

#content .csc-textpic {
    padding-right: 20px;
}

/* Bildergalerie */
#content .bildergalerie {
    width: 510px;
    height: 260px;
    background: url('../img/bg_bildergalerie.png') no-repeat 0 0;
}

#content .bildergalerie .controls {
    float: right;
    margin-top: 20px;
    margin-right: 30px;
}

#content .bildergalerie .controls a {
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    background: url('../img/bg_bildergalerie.png') no-repeat;
}

#content .bildergalerie .controls .next {
    background-position: -520px 0;
}

#content .bildergalerie .controls .more {
    background-position: -520px -30px;
}

#content .bildergalerie .bilder {
    padding: 18px;
}

#content .bildergalerie .bilder a {
    position: absolute;
}

/* Content Footer */
#content .content-footer {
    margin-top: 20px;
}

#content .link-container {
    float: right;
    height: 25px;
    line-height: 25px;
    padding-right: 40px;
    background: url('../img/more-link-icon.png') no-repeat right 1px;
}

#content .link-container a {
    text-transform: uppercase;
    color: white;
}

#content .kontakt-link {
}

#content .more-link {
}

/* Sidebar */
#sidebar {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 300px;
    background: url('../img/bg_sidebar.png') no-repeat 0 0;
}

/* Accordion */
#sidebar #accordion,
#sidebar #accordion-like {
    width: 243px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    margin-left:8px;
    background: url('../img/accordion_footer.png') no-repeat center bottom;
}
#sidebar .ui-accordion .ui-accordion-header a,
#sidebar #accordion-like h3 a {
    display: block;
    font-size: 14px;
    padding: 0 20px;
    color: #3d6e95;
    text-transform: uppercase;
    background: url('../img/accordion_headline.png') no-repeat 0 2px;
    height: 25px;
    line-height: 25px;
}
#sidebar .ui-accordion .ui-accordion-header a:hover,
#sidebar .ui-accordion .ui-state-active a,
#sidebar #accordion-like h3 a:hover,
#sidebar #accordion-like h3.current a {
    color: #71bbf4;
    background: url('../img/accordion_headline.png') no-repeat 0 -28px;
}
#sidebar .accordion_content {
    background: url('../img/bg_white_transparent.png');
    margin-left: 13px;
    padding: 10px;
    width: 191px;
}

#sidebar .ui-accordion .ui-accordion-header {  }
#sidebar .ui-accordion .ui-accordion-header-active {  }
#sidebar .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
#sidebar .ui-accordion .ui-accordion-li-fix { display: inline; }
#sidebar .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
/* IE7-/Win - Fix extra vertical space in lists */
#sidebar .ui-accordion a { zoom: 1; }
#sidebar .ui-accordion-icons .ui-accordion-header a { }
#sidebar .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
#sidebar .ui-accordion .ui-accordion-content { border-top: 0; position: relative; top: 1px; overflow: hidden; display: none; zoom: 1; }
#sidebar .ui-accordion .ui-accordion-content-active { display: block; }


/* Content in der Sidebar */
#sidebar .csc-default {
    padding: 20px;
}

/* Newsletter */
#sidebar #newsletter {
    background: url('../img/bg_newsletter.jpg') no-repeat 1px 1px;
    padding: 10px;
}

#sidebar #newsletter h3 {
    margin: 10px 10px 5px 20px;
    font-size: 16px;
    text-transform: uppercase;
}

#sidebar #newsletter button {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: white;
    height: 35px;
    width: 110px;
    background: url('../img/buttons.png') no-repeat 0 0;
    border: none;
    cursor: pointer;
}

#sidebar #newsletter button:hover {
    background-position: 0 -35px;
}

/* Footer */
#foot {
    background: transparent url('../img/bg_foot.jpg') no-repeat center top;
    height: 50px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
}

#copyright {
    color: white;
    padding: 20px;
    float: left;
}

/* Service Navigation */
#service {
    float: right;
    margin-right: 20px;
}

#service li {
    float: left;
    padding: 20px 0;
}

#service li a {
    color: white;
    border-right: 1px solid white;
    padding: 0 10px;
}

#service li.last a {
    border-right: none;
}


/* Partner Links */
#nav-partner {
    /*margin: 20px 20px 30px 45px; */
    /*background: url('../img/partnerseiten/bg_partnerseiten_linien.png') no-repeat center -10px;*/
    height: 190px;
    padding-top: 25px;
    padding: 0px 35px;
}

#nav-partner li {
    float: left;
    margin: 0px;
}

#nav-partner li a {
    width: 220px;
    height: 190px;
    display: block;
    background: transparent url('../img/partner_logos.png') no-repeat;
}

#nav-partner .hahnCatering a { background-position: 0px 45px; }
#nav-partner .hahnZeltverleih a { background-position: -235px 45px; }
#nav-partner .hahnMetzgerei a { background-position: -445px 45px; }
#nav-partner .spitalkeller a { background-position: -660px 45px; }
#nav-partner .hahnZelt a { background-position: -860px 45px; }
/*#nav-partner .facebook a { background-position: -1060px 45px; }*/
#nav-partner .facebook a { background-position: -1260px 45px; }

#nav-partner .hahnCatering a:hover { background-position: 0px -260px; }
#nav-partner .hahnZeltverleih a:hover { background-position: -235px -260px; }
#nav-partner .hahnMetzgerei a:hover { background-position: -445px -260px; }
#nav-partner .spitalkeller a:hover { background-position: -660px -260px; }
#nav-partner .hahnZelt a:hover { background-position: -860px -260px; }
/*#nav-partner .facebook a:hover { background-position: -1060px -260px; }*/
#nav-partner .facebook a:hover { background-position: -1260px -260px; }

/* Social Icons */
.socialicons {
    float: left;
    height: 25px;
    line-height: 25px;
}

#foot .socialicons {
    padding: 15px 0;
}

.socialicons a {
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 5px;
    background: url('../img/bg_socialicons.png') no-repeat;
}

.socialicons a.twitter {
    background-position: -5px -5px;
}

.socialicons a.facebook {
    background-position: -5px -35px;
}



/* formhandler */
.form { font-weight: normal; font-size: 12px/1em; }
.form legend { display: none; }
.form small { font-size: 80%; }
.form label.form-lbl { line-height: 1.3em; }
.form .height-5 { height: 5em; }
.form .height-10 { height: 10em; }
.form .center { text-align: center; }
.form .form-radio {
    float: left;
    margin-right: 0.5em;
    margin-top: 0.4em;
}
.form .form-button-round {
    background: url("../img/buttons.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    text-transform: uppercase;
    width: 110px;
    cursor: pointer;
}
.form .form-button-round:hover {
    background-position: 0 -35px;
}

/* form elements  */
.form-lbl {
    font-size:1em;
    font-weight: bolder;
}
.form-req {
    font-weight: bold;
    font-style:normal;
    color:#d10000;
    font-size:1.4em;
}
.form .form-txt, .form textarea, .form select {
    border-color:#235485;
    background: #fff;
    color:#333;
    font: normal 12px/1em arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
}
.form .form-txt:hover, .form textarea:hover, .form select:hover {
    border-color:#235485;
    background: #fafafa;
    color:#333;
}
.form .form-txt:focus, .form textarea:focus, .form select:focus {
    border-color:#103b66;
    background: #f4fcff;
    color:#235485;
}

.form-extrasmall {width: 15% !important;float:left;margin-right: 10px !important;display:inline;
/*ie7*/
*width: 10% !important;
}

.form-large {width: 65% !important;float:left;margin-right: 10px !important;display:inline;
/*ie7*/
*width: 60% !important;
}

/* hover effect */
.grid-1-12:hover, .grid-2-12:hover, .grid-3-12:hover, .grid-4-12:hover, .grid-5-12:hover, .grid-6-12:hover, .grid-7-12:hover, .grid-8-12:hover, .grid-9-12:hover, .grid-10-12:hover, .grid-11-12:hover, .grid-12-12:hover
{
    /*background: #e5e5e5;*/
    /*background: #0092df;*/
}

/* form msg status  */
.form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success {
    padding-left: 27px !important;
    font-size: 0.9em;
    border-bottom: 1px solid #ccc;
    -moz-border-radius: 6px;
    margin-top: 5px !important;
}
.form-msg-info {
    background: #d1ecf7 url(../img/form-ic-info.png) no-repeat 5px 4px;
    border-color: #bcdfef;
    color: #11689e;
}
.form-msg-warning {
    background: #fff6bf url(../img/form-ic-warning.png) no-repeat 5px 4px;
    border-color: #fceb77;
    color: #957210;
}
.form-msg-error {
    background: #fad0d0 url(../img/form-ic-error.png) no-repeat 5px 4px;
    border-color: #f6abab;
    color: #b01717;
}
.form-msg-success {
    background: #e5f8ce url(../img/form-ic-success.png) no-repeat 5px 4px;
    border-color: #d0f1a6;
    color: #62b548;
}



#bildergalerie #content .csc-header {
    margin-bottom: 45px;
}

#content div.tx-jmgallery-pi1 {
    /*margin-top: 60px;*/
    margin-top: 40px;
    padding: 25px 35px 45px;
    color: #333;
    background: url(../img/bg_galerie_site.png) no-repeat right bottom;
    background: url(../img/bg_galerie_site_lang.png) no-repeat right bottom;
}

.jm_gallery_header {
    background: url(../img/bg_galerie_top.png) no-repeat right bottom;
    height: 20px;
    margin: -45px -35px 0;
}

/* Termine-alle */
.festliste {
    background: url('../img/bg_termine_uebersicht_footer.png') no-repeat center bottom;
    width: 500px;
    padding-bottom: 40px;
}

.festliste .header {
    background: url('../img/bg_termine_uebersicht_header.png') no-repeat 0 0;
    padding: 20px 30px 10px;
}
.festliste .content {
    background: url('../img/bg_termine_uebersicht_content.png') repeat-y 0 0;
    padding: 10px 20px 15px 50px;
}

.festliste h2 {
    color: #28455a;
    font-size: 140%;
}

.festliste dl {
    color: #28455a;
    height: 24px;
    line-height: 24px;
    clear: left;
    font-size: 100%;
}

.festliste dt {
    font-weight: bold;
    float: left;
    width: 140px;
}

.festliste dd {
    margin-left: 80px;
}

#content .festliste .content a {
    color: #12639c;
    text-decoration: underline;
}
#content .festliste .content a:hover {
    text-decoration: none;
}

/*
.csc-sitemap {
}

.csc-sitemap a {
    color: white;
    line-height: 1.8em;
}

.csc-sitemap ul {
    margin-left: 15px;
}

.csc-sitemap li {
}
*/

/***********************************************
 *  Sitemaps
 ********************************************* */
#content ul.csc-menu {
    font-size: 1em;
    list-style-type: none;
    list-style-position: outside;
    padding-left: 1em;
}

#content ul.csc-menu li,
#content ul.csc-menu li li {
    background: none;
    padding-left: 1em;
}

#content ul.csc-menu ul {
    font-size: 1em;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 1em;
}

#content .csc-sitemap {
    margin-left: 20px;
}

#content .csc-sitemap ul {
    margin: 0px;
    padding: 0px;

}

#content .csc-sitemap ul li {
    font-size: 10pt;
    background-position: 0 5pt;
    margin: 4px 0px;
}

#content .csc-sitemap ul li ul li ul {
    /*display: none;*/
}

/*
 *	Styling der Sitemap
 */
#content .csc-sitemap ul li {
    background-image: none;
    margin-left: 15px;
}
.csc-sitemap ul {
    padding: 0 0 0 15px;
}
.csc-sitemap ul li {
    background: none;
    margin: 6px 0;
    list-style-type: none;
}
.csc-sitemap a {
    outline: none;
    color: white;
}

/* Toggle All Button oben */
#sitemap-toggleAll {
    display: block;
    margin: 10px 0 10px 10px;
    padding: 0 0 1px 25px;
    background: url("../img/sitemap-sprite.png") no-repeat left center;
    outline: none;
}
#sitemap-toggleAll.open {
    background-position: 0 -16px;
}
#sitemap-toggleAll.close {
    background-position: 0 1px;
}

/* Seiten und Ordner */
.csc-sitemap a.folder, .csc-sitemap a.page {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url("../img/sitemap-sprite.png") no-repeat left center;
    margin-right: 3px;
}

/* Ordner */
.csc-sitemap a.folder.closed {
    background-position: 0 -48px;
}
.csc-sitemap a.folder.opend {
    background-position: 0 -32px;
}

/* Page */
.csc-sitemap a.page {
    background-position: 0 -64px;
}

.festinfo {
    background: url("../img/bg_newsletter.png") no-repeat;
    margin-top: 20px;
    margin-left: 1px;
    padding: 20px;
}

.festinfo h3,
.festinfo p {
    margin-bottom: 10px;
}
.festinfo p {
    margin-bottom: 10px;
    font-size: 1.3em;
}
.festinfo h3 a {
    text-decoration: none;
    color: white;
}
.festinfo h3 a:hover {
    text-decoration: underline;
}
.festinfo p a {
    font-size: .8em;
    text-decoration: underline;
    color: white;
}
.festinfo p a:hover {
    text-decoration: none;
    color: #4bffff;
}

#content ul {
    margin-bottom: 10px;
}

#content ul li {
    list-style-type: disc;
    margin: 0 10px 10px 30px;
}

#content ul {

}

#content ul {

}

.align-center { text-align: center; }


body#engelZelt #headline a {
    background-image: url('../img/logos/logo_engel_zelt.png');
}

.csc-text ul li { list-style-type: disc; margin-left: 15px; margin-bottom: 5px; }