@charset "UTF-8";
/* CSS Document */

/*------Allgemeine Definitionen-----*/
/*----------------------------------*/

*{
        margin: 0;
        padding: 0;
}

a{
        color: #ff9933;
        text-decoration: underline;
}

a:hover, a:active{
        color: #ffff99;
}

a img{
        border: 0 none;
}

body{
        background-color: #000000;
        color: #ffffff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

/*Formulare*/
input, textarea{
        background: #ffff99;
        border: 1px solid #ff9933;
        color: #000000;
        padding: 3px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin-bottom: 10px;
}

/*Horizontale Linie*/

hr{
        width:100%;
        border:none;
        color:#ff9933;
        background:#ff9933;
        height: 1px;
        margin: 7px 0px 7px 0px !important;
        margin: -2px 0px -2px 0px;
        line-height:1px;
        font-size:1px;
}

/*Listen*/

ul{
        margin-left: 15px;
        margin-bottom: 10px;
}

ul li{
        line-height: 150%;
}

/*----------------IDs---------------*/
/*----------------------------------*/

#outer{
        width: 1070px;
        margin: auto;
}

#banner_links{
        float: left;
        width: 120px;
        height: 350px;
        margin-top: 20px;
}

#banner_rechts{
        float: right;
        width: 120px;
        height: 350px;
        margin-top: 20px;
}

#center{
        height: 500px;
}

#wrapper{
        width: 800px;
        margin: auto;
        background: url(../img/bg_main.jpg) repeat-y;
}

#header{
        height: 438px;
        background: url(../img/animation.jpg) no-repeat;
}

#header h1{
        display: none;
}

#navigation{
        width: 780px;
        height: 25px;
        margin: auto;
        background: url(../img/bg_navigation.jpg) no-repeat;
}

#navigation a{
        color: #000000;
        cursor: pointer;
        display: block;
}

#navigation ul.menu ul a{
        color: #000000;
        cursor: pointer;
        display: block;
}

#navigation ul.menu ul a:hover{
        color: #ffffff;
}

#navigation a:hover{
        color: #ffffff;
}

#main{
        padding-top: 10px;
        background: url(../img/bg_main.jpg) repeat-y;
}

#back{
        width: 760px;
        margin: auto;
        padding: 10px 10px 0 10px;
        background: url(../img/bg_content.jpg) top no-repeat #ffff99;
        float: left;
        margin-left: 10px;
}

#content{
        width: 800px;
        float: left;
        background: url(../img/bg_main.jpg) repeat-y;
}

#inner{
        float: left;
        background: url(../img/bg_inner.jpg) repeat-y;
}

#inwrap{
        float: left;
}

#intro{
        margin-bottom: 20px;
}

/*Linke Spalte Zweispaltig*/
/*------------------------*/

#left{
        width: 510px;
        float: left;
        padding: 20px;
        background: url(../img/bg_left_top.jpg) top no-repeat #000000;
        margin-right: 10px;
}

#left a{
        color: #ff9933;
        text-decoration: underline;
}

#left a:hover, #left a:active{
        color: #ffff99;
}

#left h2{
        font-weight: bold;
        color: #ff9933;
        font-size: 14px;
        padding-bottom: 10px;
}

#left h3{
        font-weight: bold;
        color: #ffff99;
        font-size: 11px;
        padding-top: 10px;
        padding-bottom: 10px;
}

#left h4, #left h5, #left h6{
        font-weight: bold;
        color: #ff9933;
        font-size: 11px;
        padding-bottom: 10px;
}
#left h2.herzlichwillkommen{
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
}

#left p{
        line-height: 150%;
        text-align: justify;
        padding-bottom: 10px;
}

/*links ausgerichtetes Bild*/

#left img.left{
        float: left;
        margin: 0 10px 10px 0;
}

/*rechts ausgerichtetes Bild*/

#left img.right{
        float: right;
        margin: 0 0 10px 10px;
}

/*Linke Spalte Einspaltig*/
/*------------------------*/

#left_onecolumn{
        width: 820px;
        min-height: 200px;
        float: left;
        padding: 20px 20px 0 20px;
        background: url(../img/bg_left-onecolumn_top.jpg) top no-repeat #ffffff;
}

#left_onecolumn a{
        color: #699745;
        text-decoration: underline;
}

#left_onecolumn a:hover, #left_onecolumn a:active{
        color: #4776a8;
}

#left_onecolumn h2{
        font-weight: bold;
        color: #659448;
        font-size: 14px;
        padding-bottom: 10px;
}

#left_onecolumn h3, #left_onecolumn h4, #left_onecolumn h5, #left_onecolumn h6{
        font-weight: bold;
        color: #000000;
        font-size: 11px;
        padding-top: 10px;
        padding-bottom: 10px;
}

#left_onecolumn p{
        line-height: 150%;
        text-align: justify;
        padding-bottom: 10px;
}

/*links ausgerichtetes Bild*/


#left_onecolumn img.left{
        float: left;
        margin: 0 10px 10px 0;
}

/*rechts ausgerichtetes Bild*/

#left_onecolumn img.right{
        float: right;
        margin: 0 0 10px 10px;
}


/*Rechte Spalte*/
/*-------------*/

#right{
        color: #000000;
        width: 180px;
        float: right;
        background: url(../img/bg_right_top.jpg) no-repeat #ffcc66;
        padding: 10px;
}

#right img{
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
}

#right a{
        color: #ff9933;
        text-decoration: underline;
}

#right a:hover, #right a:active{
        color: #ffff99;
}

#sponsoren{
        margin-top: 10px;
        margin-bottom: 10px;
}

#footer{
        height: 20px;
        width: 800px;
        float: left;
        color: #fff;
        padding-top: 36px;
        line-height: 20px;
        font-size: 10px;
        text-align: center;
        text-decoration: none;
        background: url(../img/bg_footer.jpg) no-repeat;
}

#footer a{
        text-decoration: none;
        text-transform: uppercase;
}

#footer a:hover{
        color: #FFFFFF;
}

/*--------------KLASSEN-------------*/
/*----------------------------------*/

/*Hilfsklassen*/

.fright{
        float: right;
}

.fleft{
        float: right;
}

.topmargin{
        margin-top: 20px;
}

.botmargin{
        margin-bottom: 20px;
}

.nodisplay{
        display: none;
}

.nopad{
        margin: 0;
        padding: 0;
}

.bold{
        font-weight: bold;
}

/*Newsitem*/

.newsitem{
        width: 160px;
        padding: 10px;
        margin-bottom: 10px;
        background: url(../img/bg_newsitem_top.jpg) top no-repeat;
}

.newsitem_bottom{
        margin-top: 10px;
        background: url(../img/bg_newsitem_bottom.jpg) bottom no-repeat #ffffff;
        margin: auto;
}

.newsitem h2, .newsitem h3, .newsitem h4, .newsitem h5, .newsitem h6{
        padding: 0;
        margin: 0;
        font-size: 12px;
        font-weight: bold;
        color: #ff9933;
        padding-bottom: 10px;
}

.newsitem p{
        text-align: left;
        padding-bottom: 5px;
}

#righlink-wrapper a.rightlink{
        display: block;
        height: 20px;
        line-height: 20px;
        margin-bottom: 5px;
        width: 180px;
        text-align: center;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
        background: url(../img/bg_rightlinks.jpg) top no-repeat;
}

#righlink-wrapper a.rightlink:hover{
        color: #ff9933;
        background: url(../img/bg_rightlinks.jpg) bottom no-repeat;
}

/*Mehr-Button*/

a.mehr_button{
        display: block;
        height: 20px;
        clear: left;
        width: 74px;
        margin-top: 10px;
        cursor: pointer;
        background: url(../img/button_mehr.jpg) top no-repeat;
}

a.mehr_button:hover{
        background: url(../img/button_mehr.jpg) bottom no-repeat;
}

/*Zurück-Button*/

.button_zurueck{
        display: block;
        height: 20px;
        clear: left;
        width: 81px;
        margin-top: 10px;
        cursor: pointer;
        background: url(../img/button_zurueck.jpg) top no-repeat;
}

.button_zurueck:hover{
        background: url
        width: 74px;
        margin-top: 10px;
        cursor: pointer;
        background: url(../img/button_mehr.jpg) top no-repeat;
}

a.mehr_button:hover{
        background: url(../img/button_mehr.jpg) bottom no-repeat;
}

/*Zurück-Button*/

.button_zurueck{
        display: block;
        height: 20px;
        clear: left;
        width: 81px;
        margin-top: 10px;
        cursor: pointer;
        background: url(../img/button_zurueck.jpg) top no-repeat;
}

.button_zurueck:hover{
        background: url(../img/button_zurueck.jpg) bottom no-repeat;
}

table td{
        padding: 2px;
}

/*Typo*/

#right div.csc-header h2{
        margin-top: 0px;
}

#right div.csc-header h2 a{
        text-decoration: none;
}

div.csc-header-n1 h2 {
        margin: 0;
}

h2.imageheader-hb, h2.imageheader-gr {
        overflow: hidden;
        height: 63px;
        /*text-indent: 999em;*/
        white-space: nowrap;
        background-repeat: no-repeat;
}

#left h2.imageheader-hb{
        margin-top: 0;
}

#left h2.imageheader-gr {
        height: 31px;
        margin-top: 30px;
}

fieldset.csc-mailform {
        border: 0 none;
}

div.csc-mailform-field select{
        margin-bottom: 10px;
}

div.csc-mailform-field label{
        width: 200px;
        display: block;
}

/*--Fotogalerie--*/

a.fotogalerie_saison10_slowenien, a.fotogalerie_saison10_TiDo, a.fotogalerie_saison10_berlin, a.fotogalerie_saison10_stare, a.fotogalerie_saison10_klagenfurt, a.fotogalerie_saison10_gstaad, a.fotogalerie_saison10_stavanger, a.fotogalerie_saison10_hamburg, a.fotogalerie_saison10_myslowice, a.fotogalerie_saison10_rom, a.fotogalerie_saison10_frankfurt, a.fotogalerie_summer08_ich, a.fotogalerie_summer08_body-check, a.fotogalerie_summer08_team-work, a.fotogalerie_summer08_business, a.fotogalerie_fivb08_moskau, a.fotogalerie_fivb08_berlin, a.fotogalerie_fivb08_paris, a.fotogalerie_fivb08_zagreb, a.fotogalerie_olympia08, a.fotogalerie_dm08, a.fotogalerie_fivb07, a.fotogalerie_cev08, a.fotogalerie_saison09_rom, a.fotogalerie_saison09_grancanaria, a.fotogalerie_saison09_essen, a.fotogalerie_saison09_myslowice, a.fotogalerie_saison09_baden, a.fotogalerie_saison09_berlin, a.fotogalerie_saison09_wmstavanger, a.fotogalerie_saison09_moskau, a.fotogalerie_saison09_aaland, a.fotogalerie_saison09_tido, a.fotogalerie_saison09_gstaad {
        width: 480px;
        height: 95px;
        margin: auto;
        display: block;
        padding-right: 20px;
        margin-bottom: 15px;
        text-align: right;
        line-height: 95px;
        font-size: 13px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold !important;
        color: #000000 !important;
        text-decoration: none !important;
}

a.fotogalerie_saison10_slowenien:hover, a.fotogalerie_saison10_TiDo:hover, a.fotogalerie_saison10_berlin:hover, a.fotogalerie_saison10_stare:hover, a.fotogalerie_saison10_klagenfurt:hover, a.fotogalerie_saison10_gstaad:hover, a.fotogalerie_saison10_stavanger:hover, a.fotogalerie_saison10_hamburg:hover, a.fotogalerie_saison10_myslowice:hover, a.fotogalerie_saison10_rom:hover, a.fotogalerie_saison10_frankfurt:hover, a.fotogalerie_summer08_ich:hover, a.fotogalerie_summer08_body-check:hover, a.fotogalerie_summer08_team-work:hover, a.fotogalerie_summer08_business:hover, a.fotogalerie_fivb08_moskau:hover, a.fotogalerie_fivb08_berlin:hover, a.fotogalerie_fivb08_paris:hover, a.fotogalerie_fivb08_zagreb:hover, a.fotogalerie_olympia08:hover, a.fotogalerie_dm08:hover, a.fotogalerie_fivb07:hover, a.fotogalerie_cev08:hover, a.fotogalerie_saison09_rom:hover, a.fotogalerie_saison09_grancanaria:hover, a.fotogalerie_saison09_aaland:hover, a.fotogalerie_saison09_essen:hover, a.fotogalerie_saison09_myslowice:hover, a.fotogalerie_saison09_baden:hover, a.fotogalerie_saison09_tido:hover, a.fotogalerie_saison09_berlin:hover, a.fotogalerie_saison09_wmstavanger:hover, a.fotogalerie_saison09_moskau:hover, a.fotogalerie_saison09_gstaad:hover{
        color: #ffffff !important;
        }
a.fotogalerie_saison10_slowenien{
        background: url(../img/fotogalerie_saison10_slowenien.jpg) no-repeat;
        }
a.fotogalerie_saison10_berlin{
        background: url(../img/fotogalerie_saison10_berlin.jpg) no-repeat;
        }
a.fotogalerie_saison10_TiDo{
        background: url(../img/fotogalerie_saison10_TiDo.jpg) no-repeat;

}
a.fotogalerie_saison10_stare{
        background: url(../img/fotogalerie_saison10_stare.jpg) no-repeat;
}
a.fotogalerie_saison10_klagenfurt{
        background: url(../img/fotogalerie_saison10_klagenfurt.jpg) no-repeat;
        }
a.fotogalerie_saison10_gstaad{
        background: url(../img/fotogalerie_saison10_gstaad.jpg) no-repeat;
        }
a.fotogalerie_saison10_hamburg{
        background: url(../img/fotogalerie_saison10_hamburg.jpg) no-repeat;
        }
a.fotogalerie_saison10_stavanger{
        background: url(../img/fotogalerie_saison10_stavanger.jpg) no-repeat;
}
a.fotogalerie_saison10_myslowice{
        background: url(../img/fotogalerie_saison10_myslowice.jpg) no-repeat;
}
a.fotogalerie_saison10_rom{
        background: url(../img/fotogalerie_saison10_rom.jpg) no-repeat;
}
a.fotogalerie_saison10_frankfurt{
        background: url(../img/fotogalerie_saison10_frankfurt.jpg) no-repeat;
}
a.fotogalerie_summer08_ich{
        background: url(../img/fotogalerie_summer08_ich.jpg) no-repeat;
}

a.fotogalerie_summer08_business{
        background: url(../img/fotogalerie_summer08_business.jpg) no-repeat;
}

a.fotogalerie_summer08_body-check{
        background: url(../img/fotogalerie_summer08_body-check.jpg) no-repeat;
}

a.fotogalerie_summer08_team-work{
        background: url(../img/fotogalerie_summer08_team-work.jpg) no-repeat;
}

a.fotogalerie_olympia08{
        background: url(../img/fotogalerie_olympia08.jpg) no-repeat;
}

a.fotogalerie_dm08{
        background: url(../img/fotogalerie_dm08.jpg) no-repeat;
}

a.fotogalerie_fivb07{
        background: url(../img/fotogalerie_fivb07.jpg) no-repeat;
}

a.fotogalerie_cev08{
        background: url(../img/fotogalerie_cev08.jpg) no-repeat;
}

a.fotogalerie_fivb08_berlin{
        background: url(../img/fotogalerie_fivb08_berlin.jpg) no-repeat;
}

a.fotogalerie_fivb08_moskau{
        background: url(../img/fotogalerie_fivb08_moskau.jpg) no-repeat;
}

a.fotogalerie_fivb08_paris{
        background: url(../img/fotogalerie_fivb08_paris.jpg) no-repeat;
}

a.fotogalerie_fivb08_zagreb{
        background: url(../img/fotogalerie_fivb08_zagreb.jpg) no-repeat;
}

a.fotogalerie_saison09_rom{
        background: url(../img/fotogalerie_saison09_rom.jpg) no-repeat;
}

a.fotogalerie_saison09_grancanaria{
        background: url(../img/fotogalerie_saison09_grancanaria.jpg) no-repeat;
}

a.fotogalerie_saison09_essen{
        background: url(../img/fotogalerie_saison09_essen.jpg) no-repeat;
}

a.fotogalerie_saison09_myslowice{
        background: url(../img/fotogalerie_fivb09_myslowice.jpg) no-repeat;
}

a.fotogalerie_saison09_baden{
        background: url(../img/fotogalerie_cev09_baden.jpg) no-repeat;
}

a.fotogalerie_saison09_berlin{
        background: url(../img/fotogalerie_saison09_berlin.jpg) no-repeat;
}

a.fotogalerie_saison09_wmstavanger{
        background: url(../img/fotogalerie_saison09_wmstavanger.jpg) no-repeat;
}

a.fotogalerie_saison09_moskau{
        background: url(../img/fotogalerie_saison09_moskau.jpg) no-repeat;
}

a.fotogalerie_saison09_gstaad{
        background: url(../img/fotogalerie_saison09_gstaad.jpg) no-repeat;
}
a.fotogalerie_saison09_aaland{
        background: url(../img/fotogalerie_saison09_aaland.jpg) no-repeat;
}
a.fotogalerie_saison09_tido{
        background: url(../img/fotogalerie_saison09_tido.jpg) no-repeat;
}

/*Internet*/
a.internet_2010{
        width: 480px;
        height: 95px;
        margin: auto;
        display: block;
        padding-right: 20px;
        margin-bottom: 15px;
        text-align: right;
        line-height: 95px;
        font-size: 13px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold !important;
        color: #000000 !important;
        text-decoration: none !important;
}

a.internet_2010:hover{
        color: #ffffff !important;
}
a.internet_2010{
        background: url(../img/internet_2010.jpg) no-repeat;
}

a.internet_2009{
        width: 480px;
        height: 95px;
        margin: auto;
        display: block;
        padding-right: 20px;
        margin-bottom: 15px;
        text-align: right;
        line-height: 95px;
        font-size: 13px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold !important;
        color: #000000 !important;
        text-decoration: none !important;
}

a.internet_2009:hover{
        color: #ffffff !important;
}

a.internet_2009{
        background: url(../img/internet_2009.jpg) no-repeat;
}

/*Print*/

a.print_2010, a.print_2009, a.print_2008, a.print_2007{
        width: 480px;
        height: 95px;
        margin: auto;
        display: block;
        padding-right: 20px;
        margin-bottom: 15px;
        text-align: right;
        line-height: 95px;
        font-size: 13px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold !important;
        color: #000000 !important;
        text-decoration: none !important;
}

a.print_2010, a.print_2009:hover, a.print_2008:hover, a.print_2007:hover{
        color: #ffffff !important;
}

a.print_2010{
        background: url(../img/print_2010.jpg) no-repeat;
}
a.print_2009{
        background: url(../img/print_2009.jpg) no-repeat;
}


a.print_2008{
        background: url(../img/print_2008.jpg) no-repeat;
}


a.print_2007{
        background: url(../img/print_2007.jpg) no-repeat;
}

/*Ranglisten*/

.rangliste_cev {
        width: 480px;
        height: 70px;
        background: url(../img/ranglisten_cev.jpg) no-repeat #FFFFFF;
        display: block;
        text-align: right;
        margin: auto;
        margin-bottom: 15px;
        padding-right: 20px;
        line-height: 70px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold !important;
        color: #000000 !important;
        text-decoration: none !important;
}
a.rangliste_cev:hover {
        color: #ffffff !important;
        text-decoration: none;
}

.rangliste_dvv {
        width: 480px;
        height: 70px;
        background: url(../img/ranglisten_dvv.jpg) no-repeat #FFFFFF;
        display: block;
        text-align: right;
        margin: auto;
        margin-bottom: 15px;
        padding-right: 20px;
        line-height: 70px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold !important;
        color: #000000 !important;
        text-decoration: none !important;
}

a.rangliste_dvv:hover {
        color: #ffffff !important;
        text-decoration: none;
}

a.rangliste_fivb {
        width: 480px;
        height: 70px;
        background: url(../img/ranglisten_fivb.jpg) no-repeat #FFFFFF;
        display: block;
        text-align: right;
        margin: auto;
        margin-bottom: 15px;
        padding-right: 20px;
        line-height: 70px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold !important;
        color: #000000 !important;
        text-decoration: none !important;
}

a.rangliste_fivb:hover{
        color: #ffffff !important;
        text-decoration: none;
}

/* News */

div.news-list-item, div.news-single-item{
        font-size: 11px;
        line-height: 150%;
        margin-top: 20px;
        text-align: justify;
}

div.news-single-item{
        margin-top: 0 !important;
        margin-bottom: 20px;
}

div.news-list-item h2{
        margin: 0 !important;
        padding: 0 !important;
}

div.news-list-container{
        float: left;
}

div.tx-ttnews-browsebox{
        margin-top: 20px;
}

div.tx-comments-comment-1, div.tx-comments-comment-2{
        border: 0 none;
        margin-bottom: 20px;
        padding: 0;
}

div.tx-comments-form-top-message{
        margin-bottom: 10px;
}

div.tx-comments-comment-form h4{
        font-size: 13px !important;
        margin-top: 20px !important;
}