.clearing {clear: both; height: 0; line-height: 0; font-size: 0;}
a {text-decoration: none; border:0;}

/* General body definition */
body {
        margin: 0px;
        background-repeat: repeat-x;
        background-position:top center;
        background-attachment:fixed;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #fff;
}
/* Body Definition CLUB */
body#site31 {
        background-image:url(../images/hg-club.jpg);
}
/* Body Definition HOCKEY */
body#site32 {
        background-image:url(../images/hg-hockey.jpg);
}
/* Body Definition LACROSSE */
body#site33 {
        background-image:url(../images/hg-lacrosse.jpg);
}
/* Body Definition TENNIS */
body#site34 {
        background-image:url(../images/hg-tennis.jpg);
}


#center_page {
        align:center;
        width:950px;
        position:absolute;
        left:50%;
        margin-left:-475px;
}

.header_wrapper {
        position:relative;
        width: 950px;
}

#header_bhc {
        background-image:url(../images/header-bhc-logo.gif);
        background-repeat: no-repeat;
        float: left;
        height: 195px;
        width: 450px;
}
#header31 {
        background-image:url(../images/header-kat-club.gif);
        background-repeat: no-repeat;
        float: left;
        height: 195px;
        width: 500px;
}
#header32 {
        background-image:url(../images/header-kat-hockey.gif);
        background-repeat: no-repeat;
        float: left;
        height: 195px;
        width: 500px;
}
#header33 {
        background-image:url(../images/header-kat-lacrosse.gif);
        background-repeat: no-repeat;
        float: left;
        height: 195px;
        width: 500px;
}
#header34 {
        background-image:url(../images/header-kat-tennis.gif);
        background-repeat: no-repeat;
        float: left;
        height: 195px;
        width: 500px;
}


/* Start Main Navigation */
#nav {
     clear:left;
     position: absolute;
     top: 105px;
     left: 220px;
}
#nav ul{list-style-type: none; height: 60px; margin: 0; margin-right: 10px; padding: 0;}
#nav li{float: left; cursor: pointer; margin-right: 2px; margin-left: 2px}
#nav li a{height: 0; margin: 0; padding-top: 60px; color: #2d3440; overflow: hidden; cursor: pointer; display: inline; float: left; position: relative;}

/* Static nav item*/
#nav li#club a{width: 175px; background-image:url(../images/club_passiv.gif);
        background-repeat: no-repeat;}
#nav li#hockey a{width: 175px; background-image:url(../images/hockey_passiv.gif);
        background-repeat: no-repeat;}
#nav li#lacrosse a{width: 175px; background-image:url(../images/lacrosse_passiv.gif);
        background-repeat: no-repeat;}
#nav li#tennis a{width: 175px; background-image:url(../images/tennis_passiv.gif);
        background-repeat: no-repeat;}
/* Current nav item */
#nav li#club.active a, #nav li#club.active a:hover, #nav li#club.active a:active{width: 175px; background-image:url(../images/club_aktiv.gif); background-repeat: no-repeat;}
#nav li#hockey.active a, #nav li#hockey.active a:hover, #nav li#hockey.active a:active{width: 175px; background-image:url(../images/hockey_aktiv.gif); background-repeat: no-repeat;}
#nav li#lacrosse.active a, #nav li#lacrosse.active a:hover, #nav li#lacrosse.active a:active{width: 175px; background-image:url(../images/lacrosse_aktiv.gif); background-repeat: no-repeat;}
#nav li#tennis.active a, #nav li#tennis.active a:hover, #nav li#tennis.active a:active{width: 175px; background-image:url(../images/tennis_aktiv.gif); background-repeat: no-repeat;}
/* Hover nav item */
#nav li a span{cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; display: none; height: 0; margin: 0; padding-top: 130px;}
#nav li#club a:hover{width: 175px; background-image:url(../images/club_over.gif);
        background-repeat: no-repeat;}
#nav li#hockey a:hover{width: 175px; background-image:url(../images/hockey_over.gif);
        background-repeat: no-repeat;}
#nav li#lacrosse a:hover{width: 175px; background-image:url(../images/lacrosse_over.gif);
        background-repeat: no-repeat;}
#nav li#tennis a:hover{width: 175px; background-image:url(../images/tennis_over.gif);
        background-repeat: no-repeat;}
/* Clicked nav item*/
#nav li#club a:active{width: 175px; background-image:url(../images/club_aktiv.gif);
        background-repeat: no-repeat;}
#nav li#hockey a:active{width: 175px; background-image:url(../images/hockey_aktiv.gif);
        background-repeat: no-repeat;}
#nav li#lacrosse a:active{width: 175px; background-image:url(../images/lacrosse_aktiv.gif);
        background-repeat: no-repeat;}
#nav li#tennis a:active{width: 175px; background-image:url(../images/tennis_aktiv.gif);
        background-repeat: no-repeat;}
/* End Navigation */

/* Start Sub Navigation */
#subnav {
     position: absolute;
     top: 167px;
     left: 20px;
}
#subnav ul {list-style-type: none; display: inline;}
#subnav li {float: left; margin-left: 15px;}
#subnav li a{font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color: #ffffff; float: left; position: relative;}
#subnav li a:hover{color: #aaaaaa; float: left; position: relative;}
#subnav li a:active{color: #2d3440; float: left; position: relative;}
/* End Sub Navigation */

/* Start Language Selection */
#lang {position: absolute; top: 167px; right: 10px;}
#lang ul {list-style-type: none; margin-right: 5px; display: inline;}
#lang li {float: right; margin-right: 5px;}
#lang li:last-child:after {content:"|";}
#lang li a{font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color: #ffffff; float: left; position: relative;}
#lang li a:hover{color: #aaaaaa; float: left; position: relative;}
#lang li a:active{color: #2d3440; float: left; position: relative;}
/* End Language Selection */

/* Start Box System*/
.rounded_box {
    color: #000000;
    margin: 10px;
    padding: 5px 10px;
    position: relative;
    background-color: #ffffff;          /* if needed */
    border: 1px solid #888888;   /* if needed */
    -webkit-border-radius: 6px;    /* for Safari */
    -moz-border-radius: 6px;       /* for Firefox */
}

.opaque {
    opacity: .8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=0);
}

.controw {
       clear: both;
       position:relative;
       width: 950px;
}

#right_column {
    width: 190px;
    float: right;
}

#main_column {
    width: 728px;
    margin-right: 0px;
    float: left;
}

.sidenav {list-style-type: none;}
.sidenav li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color: #000000;}
.sidenav li a:hover{color: #AAAAAA;}
.sidenav li a:active{color: #2d3440;}


/* Start Search
fieldset {border: none;}*/
#ajaxSearch_form {
            color: #444;
            width: 130px;
            height: 15px;
            background: #fff url(../images/suchen.gif) no-repeat;
        }
        #ajaxSearch_input {
            width: 135px;
            display: inline;
            margin: -12px 5px 5px 10px;
            padding: 0px;
            vertical-align: top;
            border: 0;
        }
        #ajaxSearch_submit {
            display: none;
        }



/* Start Footer */
#footer {
        clear: both;
        background-image:url(../images/footer.gif);
        background-repeat:no-repeat;
        color: #fff;
        margin: 5px 10px;
        height: 30px;
        padding: 6px 5px;
        width:930px;
        position: relative;
}

#footer ul {list-style-type: none; display: inline;}
#footer li {float: right; margin-right: 12px; }
#footer li a{font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color: #ffffff; float: left;}
#footer li a:hover{color: #aaaaaa; float: left;}
#footer li a:active{color: #2d3440; float: left;}
