/***** Globale *****/
html, body, div, img, p, h1, h2, hr, ul, li, table, td, form, input, select, textarea { border: 0px; margin:0px; padding: 0px; }

body {
    font-family: verdana, geneva, sans-serif;

    font-size: 12px;
    color:#000;

    overflow:auto;
    background-color:#A6CCE3;
    cursor:default;
}

div{
    position:relative;
    background:none;
    text-align:left;
}

.clear {
        clear: both;
        display: block;
        font-size: 0 !important;
        line-height: 0 !important;
        height: 0 !important;
}

table { text-align:left; }

a, a:link, a:visited, a:hover, a:active { color:#E3005D; text-decoration:none; }
a:hover { color:#E3005D; text-decoration:underline; }

a.black, a.black:link, a.black:active, a.black:hover, a.black:visited { color:#000; }
a.black:hover { text-decoration:none; }

a.flock, a.flock:link, a.flock:active, a.flock:hover, a.flock:visited {
    padding-left:18px;
    background:url('img/flocke.gif') no-repeat 0 0;
}
a.flock:hover { text-decoration:none;   background:url('img/flocke_bl.gif') no-repeat 0 0;  }

a.ringtone, a.ringtone:link, a.ringtone:active, a.ringtone:hover, a.ringtone:visited {
    padding-left:12px;
    background:url('img/bg_ringtone.gif') no-repeat 0px 2px;
}
a.mp3, a.mp3:link, a.mp3:active, a.mp3:hover, a.mp3:visited {
    padding-left:12px;
    background:url('img/bg_mp3.gif') no-repeat 0px 2px;
}
a.cd, a.cd:link, a.cd:active, a.cd:hover, a.cd:visited {
    padding-left:14px;
    background:url('img/bg_cd.gif') no-repeat 0px 2px;
}


a.del, a.del:link, a.del:active, a.del:hover, a.del:visited {
    line-height:22px;
    padding-left:18px;
    background:url('img/del.gif') no-repeat 0 0;
}
a.edit, a.edit:link, a.edit:active, a.edit:hover, a.edit:visited {
    line-height:22px;

    padding-left:18px;
    background:url('img/edit.gif') no-repeat 0 0;
}
a.ul, a.ul:link, a.ul:active, a.ul:hover, a.ul:visited {
    line-height:22px;
    padding-left:18px;
    background:url('img/ul.gif') no-repeat 0 0;
}
a.view, a.view:link, a.view:active, a.view:hover, a.view:visited {
    line-height:22px;
    padding-left:18px;
    background:url('img/view.gif') no-repeat 0 0;
}
a.del:hover, a.edit:hover, a.ul:hover, a.view:hover { text-decoration:none;  }


hr {
    margin:7px 0px;
    background-color:#ccc; /* Mozilla 1.4 */
    color:#ccc; /* IE 6 */
    border: #ccc; /* Opera 7.11 */
    height: 1px;
}

h1 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
}

h2 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:2px;
}

ul { margin:15px; margin-bottom:10px; list-style:none; }
ul li { padding-left:20px; background:url('img/li.gif') no-repeat 0 2px; margin-bottom:3px; }

span.grey { color:#999; }
.red { color:#A40000; }

.small { font-size:11px; }


div.msg {
    float:none;
    clear:both;
    padding:5px;
    border:2px solid #252525;
    margin-bottom:7px;
    width:auto;
}

div.error {
    float:none;
    clear:both;
    padding:5px;
    border: 2px solid #E3005D;
    margin-bottom:7px;
}
/***** Layout *****/
div.wrapper {
    width:1190px;
    margin:auto;
}
div.container {
    float: left;
    width:1020px;
        background-image: url("img/bg_shadow.gif");
        background-repeat: repeat-y;
        background-color: #FFFFFF;
}
div.zentriert {
    margin:auto;
    width: 998px;
        background-image: url("img/bg_wolken.jpg");
        background-repeat: no-repeat;
        background-position: bottom;
        padding-bottom: 160px;
        background-color: #FFFFFF;
}

div.oben {
    width:996px;
    float:none;
    clear:both;
}

/***** Oben *****/
div.oben {
    width:998px;
    height:241px;
    background:#fff url('img/teaser.jpg') no-repeat top right;
}
    div.oben div.logo {
        position:absolute;
        top:0px;
        left:0px;
        z-index:5;
        width:305px;

    }
    div.oben div.navi {
        position:absolute;
        top:210px;
        right:0px;
        height:33px;
        width:705px;
        z-index:6;
    }
    div.oben div.navi a, div.oben div.navi a:link, div.oben div.navi a:visited, div.oben div.navi a:active {
        display: block;
        float: left;
        color: #FFF;
        margin-right: 0px;
        padding: 0px 2px 0px 8px;
        height: 33px;
        line-height: 33px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 14px;
                font-weight: bold;
    }
    #lastnav { margin-right:0px; }

    div.oben div.navi a:hover,
    div.oben div.navi a.akt,
    div.oben div.navi a.akt:link,
    div.oben div.navi a.akt:active,
    div.oben div.navi a.akt:visited,
    div.oben div.navi a.akt:hover { text-decoration:none; }

    div.oben div.navi div { position:absolute; right:5px; top:4px; width:130px;  }

    div.oben div.navi div input.suche { width:90px; display: block; float: left; }

/***** unten *****/
div.unten {
    top:0px;
}

    div.unten div.links {
        height:1300px;
        width:260px;
        background:url('img/pass.jpg') no-repeat 0px 0px;
                float:left;
                display: block;
    }

    div.unten div.links div.pass_start {
        position:absolute;
        left:0px;
        top:0px;
        height:150px;
    }
    div.unten div.links div.pass_start a {
            display:block;
            height:155px;
            width:255px;
        }

    div.unten div.links div.login {
        position:absolute;
        left:30px;
        top:195px;
    }

    div.unten div.links div.login label {
            margin:5px 0;
            text-transform:uppercase;
            display:block;
            clear:both;
            font-weight:bold; }


    div.unten div.links div.login label.small {
            margin:5px 0;
            text-transform:none;
            display:block;
            clear:both;
            font-weight:normal; }


    div.unten div.links div.login div.logout {
        position:absolute;
        width:160px;
        left:0px;
        top:280px;
        text-align:center;
    }

    div.unten div.links div.impressum {
        position:absolute;
        width:210px;
        top: 535px;
        left: 12px;
        text-align:center;
        font-size:10px;
    }

    div.unten div.links div.google {
            width:240px;
            height: 900px;
            position:absolute;
            text-align:center;
            top:600px;
            display: block;
        }

        div.unten div.links div.google div.krebomedia {
            margin-bottom:20px;
            margin-left:40px;
        }

    div.unten div.inhalt {
        margin-top:0px;
        float:left;
        width:720px;
    }

    div.unten div.admin {
        position:absolute;
        top:5px;
        left:5px;
        width:970px;
    }


    div.unten div.inhalt div.bars {
        position:relative;
        width:690px;
        clear:both;
        line-height:16px;
        margin-bottom:17px;
    }

        div.teaser_kasten {
        position:relative;

        background:#ECECEC url('img/kasten_bg.gif') repeat-y;
        width:710px;
        line-height:16px;
        margin-bottom:17px;
        clear:both;
    }
        div.teaser_innen {
            background-image: url('img/kasten_bg_snowboard.gif');
            background-position: bottom;
            background-repeat: no-repeat;
        }
        div.teaser_content {
            padding: 30px 50px 50px 60px;
        }

    div.unten div.inhalt div.kasten {
        position:relative;
        width:710px;
        line-height:16px;
        margin-top:17px;
        margin-bottom:17px;
        clear:both;
    }

    div.news {
            position: relative;
            top: 0px;
            left: 0px;
            height: 123px;
            width: 185px;
            float: left;
            padding: 0px 20px 10px 0px;
        }
    /* div.stern { position:absolute;top:-29px;left:-16px;height:74px;width:138px; } */
    /* div.stern_holder { position:relative;height:45px;width:120px;float:left;clear:left; } */

        div.unten div.inhalt div.kasten div.innen { width:690px; clear:both; }

        div.unten div.inhalt div.kasten p { padding:5px 0px; }
        div.unten div.inhalt div.kasten img { display:block; padding:0px; }

        div.unten div.inhalt div.kasten table.reg { margin:0px 10px; width:500px; }
        div.unten div.inhalt div.kasten table.reg th { text-align:left; width:170px; }

        div.unten div.inhalt div.kasten table.gal { margin:0px; margin-bottom:5px; padding:0px; }
        div.unten div.inhalt div.kasten table.gal td { margin:0px; padding:5px; border-bottom:1px solid #ccc; }
        div.unten div.inhalt div.kasten table.gal td.nix { margin:0; padding:0; padding-bottom:5px;}
        div.unten div.inhalt div.kasten table.gal td img { border:1px solid #ccc; }
        div.unten div.inhalt div.kasten table.gal td img.pfeil { border:none; }

        div.unten div.inhalt div.kasten div.hinweis { position:absolute; top:28px; width:205px; right:8px; font-size:11px; }

        div.unten div.inhalt div table.ort { margin:0; width:690px; }
        div.unten div.inhalt div table.ort td { width:425px; margin:0; padding:0; }
        div.unten div.inhalt div table.ort td.pic { width:264px; }
        div.unten div.inhalt div table.ort td.pic img { border:1px solid #000; margin-top:35px; }

        div.unten div.inhalt{
						float: left;
						margin-top: 0;
						width: 720px;
        }

				div.conwrapperletter {
						margin-bottom: 10px;
						margin-top: 10px;
						position: relative;
				}

				div.conrightletter {
            border-left:1px solid #ccc;
						float: left;
						padding-left: 15px;
						position: relative;
						width: 300px;
        }
				div.conleftletter {
						float: left;
						position: relative;
						width: 300px;
        }

        table.letter { margin:0; width:345px; margin-bottom:10px; }
        table.letter th { width:17px; padding:0px 4px; line-height:18px; font-size:18px; color:#E3005D; }
        table.letter td { width:310px;  padding:3px 5px; line-height:4px; margin:0; font-size:11px; }
        table.letter td img { display:inline; height:8px; }

        div.unten div.inhalt div.kasten #map div { text-align:center; padding:0px; width:auto; clear:none; background:none; }
        div.unten div.inhalt div.kasten #map div img { display:inline; background:none; }

        div.unten div.inhalt div.kasten div.kasten_weiss, div.unten div.inhalt div.kasten div.weisser_kasten {
            position:relative;
            /* background:#FFF url('img/kasten_bg_weiss.gif') repeat-y top right; */
            margin:0;
            margin-top:10px;
            margin-bottom:2px;
            padding:0;
        }
        div.unten div.inhalt div.kasten div.kasten_weiss {
            width:415px;
        }
        div.unten div.inhalt div.kasten div.breiter { width:687px; }

        div.unten div.inhalt div.kasten div.kasten_weiss div { padding:0px 10px; width:auto; clear:both; }
        div.unten div.inhalt div.kasten div.kasten_weiss img { display:block; padding:0px; }

        div.unten div.inhalt div.kasten div.kasten_weiss table { margin:0; padding:0px; }
        div.unten div.inhalt div.kasten div.kasten_weiss table td { width:290px; height:35px; line-height:14px;  }
        div.unten div.inhalt div.kasten div.kasten_weiss table th { height:35px; width:36px; }
        div.unten div.inhalt div.kasten div.kasten_weiss table th img { margin-right:5px; }

        div.unten div.inhalt div.kasten table.bewertung { margin:0; padding:0px; margin-top:10px; }
        div.unten div.inhalt div.kasten table.bewertung td { padding:2px; }
        div.unten div.inhalt div.kasten table.bewertung td img,
        div.unten div.inhalt div.kasten table.ort td table.bewertung td img { display:inline; margin-top:0px; margin-right:5px; border:0px; }


        div.unten div.inhalt div.kasten h1 {
            display:inline;
            line-height:25px;
            padding-right:28px;
            font-weight:normal;
            font-size:18px;
        }
        div.unten div.inhalt div.kasten h1 img {
            display: inline;
        }
        div.unten div.inhalt div.kasten h1 div {
            display: inline;
            margin: 0 0.5ex;
        }

        div.unten div.inhalt div.kasten h1.flag {
        margin-bottom:0px;
        text-transform:uppercase;
        letter-spacing:1px;
        color:#797979;

        }

        div.unten div.inhalt div.kasten h2.flag {
				color: #797979;
				display: block;
				font-size: 12px;
				font-weight: bold;
				line-height: 25px;
				position: relative;
				right: 10px;
				text-align: right;
				text-transform: uppercase;
				top: -24px;
        }
        div.unten div.inhalt div.kasten h2.flag a {
        display:inline;
        margin:0 3px;
        }
        div.unten div.inhalt div.kasten h2.flag img {
        display:inline;
        border:1px solid #797979;
        }

    div.apresbars {
        width:710px;
        margin-bottom:17px;
        clear:both;
    }

        div.apresbars div.header {
            height:110px;
            background:#fff url('img/apresbars_header.gif') no-repeat 0 0;
        }
        div.apresbars div.header h2 {
            padding: 25px 0 0 80px;
            color:#E3005D;
            font-size:20px;
            font-weight:normal;
            letter-spacing:-1px;
        }
        div.gal div.header h2 {
            font-size:18px;
        }
        div.apresbars div.header h2 b {
            padding-left:24px;
            font-size:32px;
            font-weight:normal;
        }
        div.apresbars div.box {
            height:100px;
            float:left;
            width:177px;
            font-size:11px;
            text-align:center;
            margin-top:5px;
        }
        div.gal div.box { width:142px; }

        div.apresbars div.box img {
            height:70px;
            border:none;
            text-decoration:none;
        }
        div.gal div.box img {
            border:1px solid #E3005D;
        }



/***** Startseite ****/

div.unten div.inhalt div.laender_box {
    float:left;
    width:225px;
    border:0;
    margin-left:5px;
    margin-bottom:17px;
    line-height:18px;
}
div.unten div.inhalt div.laender_box h2 {
        line-height:25px;
        text-transform:uppercase;
        letter-spacing:1px;
        font-size:18px;
        width:185px;
        color:#797979;
        font-weight:normal;
        margin-bottom:5px;
}
#de { background:url('img/de.gif') no-repeat right 4px; }
#at { background:url('img/at.gif') no-repeat right 4px; }
#ch { background:url('img/ch.gif') no-repeat right 3px; }
#it { background:url('img/it.gif') no-repeat right 3px; }
#fr { background:url('img/fr.gif') no-repeat right 3px; }
#nl { background:url('img/nl.gif') no-repeat right 3px; }

div.unten div.inhalt div.borderer { border-right: 1px solid #797979; }
div.unten div.inhalt div.m25 { margin-left:25px; }
div.unten div.inhalt div.m20 { margin-left:20px; }

div.unten div.inhalt div.laender_box img { height:10px; }


/***** Formular *****/

input, select, textarea {
    font-size:12px;
    font-family: verdana, sans-serif;
    border:1px solid #ccc;
    padding: 2px;
    width:285px;
    margin-top:1px;
    color:#333;
}
.b150{
    width:153px;
}

input.loginfeld {
    width:133px;
    margin-bottom:5px;
    display: block;
    float: left;
}

input.plz { width:45px; margin-right:2px; }
input.ort { width:230px; }

select { width:288px; }
input.datum2, select.datum2 { width:45px; margin-right:2px; }
input.datum4, select.datum4 { width:60px; }

input.datei { width:285px; height:22px; }

input.hidden{
    display: none;
}
input.radio, input.checkbox{
    width: auto;
    height: 15px;
    line-height: 15px;
    background: none;
    border: none;
    margin:0px;
    padding:0px;
}

input.sender {
    color:#fff;
    width:25px;
    height:25px;
    padding:0px;
    margin-top:0px;

    border:0px;
    margin-left:5px;
}

input.reg {
    color:#000;
    font-weight:bold;
    width:110px;
    background-color:transparent;
    padding-left:15px;
    margin-left:0px;
    margin-top:10px;
    background:url('img/submit_grey.gif') no-repeat 0 0;
}
input.gal { width:140px; }

input.vote {
    padding:0px;

    margin:0px;
    width:45px;
    font-weight:bold;
    color:#E3005D;
    background:none;
    display:inline;
    margin-left:0px;
}


input.bewerten {
    color:#E3005D;
    margin-top:5px;
    width:105px;
    margin-right:0px;
}


textarea {
    height:140px;
}

/* PARTYS */

table.events{
    width: 100%;
}
table.events th, table.events td {
    text-align: left;
    border: 1px #ccc;
    border-style: solid none;
    padding: 0.2em;
}
table.events td.mitEinzug {
    padding-left: 1em;
}
table.events td.rubrik {
    color: #BD0102;
    background-color: #eee;
    padding-top: 0;
    padding-bottom: 0;
}
table.events td.rubrik a{
    color: #BD0102;
}
table.events td.rubrik a:hover{
    color: #000031;
}

table.events td.footer {
    text-align: right;
    font-weight: normal;
}

.boxrechts {
    float: right;
    clear: right;
    text-align: center;
    margin-left: 1em;
    margin-bottom: 1em;
    width: 250px;
    font-size: 10px;
}
.boxrechts img {
    margin: auto;
}

/***** Kalender bei den Events *****/
table.kalender {
    width: 100%;
    margin: 1em 0;
}
table.kalender th, table.kalender td,
table.kalender a:link, table.kalender a:visited, table.kalender a:hover {
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #000031;
    padding: 0.1em 0;
}
table.kalender th {
    background-color: #E7EDF9;
}
table.kalender td {
}
table.kalender td.auswahl, table.kalender td.auswahl a {
    color: #BD0102;
    background-color: #E7EDF9;
}
table.kalender td.andererMonat, table.kalender td.andererMonat a {
    color: #C7CEE0;
}
.csubmit {
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 1px;
    background-color:#fff;
    border:0px;
    text-decoration:underline;
}
.csubmit: hover {
    text-decoration:none;
}
/***** ENDE Kalender bei den Events *****/
.klein{
    font-size: 11px;
}


div.unten div.inhalt div.kasten div.bewertungsBox
{
    float: right;
    clear: right;
    width: auto;
    padding: 1ex;
    margin-left: 1em;
    margin-bottom: 1em;
}
div.unten div.inhalt div.kasten div.bewertungsBox img
{
    display: inline;
}



/***** Tabelle Termine *****/
table.termine td {
    font-size: 11px;
    padding-right: 1em;
}

.showDetails .detail,
.hideDetails .nodetail {
    display: table-row;
}
.showDetails .nodetail,
.hideDetails .detail {
    display: none;
}

/***** Ende Termine *****/


/***** Subnavi *****/
div.subnav {
    position:absolute;
    top: 1px;
    left:285px;
    width:130px;
    z-index:15;
    background:#E3005D;
    visibility:hidden;
}
div.subnav a,
div.subnav a:link,
div.subnav a:visited,
div.subnav a:active,
div.subnav a:hover {
    display:block;
    margin:2px 0;
    padding:3px 5px;
    color:#fff;
    width:130px;
}
#subnav_3 { left:660px; }
/***** Subnavi ENDE *****/


div.bar {
	boerder: 1px solid;
}