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

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
        margin:0;
        padding:0;
        color: #cccccc;
}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{font-variant:normal}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
/*because legend doesn't inherit in IE */
legend{color:#000}

/* END RESET */

body {
        background-color: black;
        position: left;
        width: 100%;
        height: 100%;
}

#content {
        background: #252525;
		position: left;
        height: 620px;
        width: 100%;
}
#logo {
        position: absolute;
        left: 25px;
        top: 10px;
        width: 120px;
        height: 650px;
        z-index: 100;
        background-image: none;
        background-repeat: no-repeat;
        background-position: 0 0;
}
#bars {
        position: relative;
        width: 1120px;
        left: 50%;
        margin-left: -560px;
}
a.barlink span {
        display: block;
        width: 100%;
        height: 100%;
}
#tandembar {
        float: left;
        width: 280px;
        height: 620px;
        background-image: url(tandem.jpg);
        background-repeat: no-repeat;
        background-position: -280px 0;
}
#tandembar:hover {
        cursor: pointer;
        background-position: 0px 0px;
}
#ausbildungbar {
        float: left;
        width: 280px;
        height: 620px;
        background-image: url(ausbildung.jpg);
        background-repeat: no-repeat;
        background-position: -280px 0;
}
#ausbildungbar:hover {
        cursor: pointer;
        background-position: 0px 0px;
}
#solospringerbar {
        float: left;
        width: 280px;
        height: 620px;
        background-image: url(solospringer.jpg);
        background-repeat: no-repeat;
        background-position: -280px 0;
}
#solospringerbar:hover {
        cursor: pointer;
        background-position: 0px 0px;
}

#showspruengebar {
        float: left;
        width: 280px;
        height: 620px;
        background-image: url(show.jpg);
        background-repeat: no-repeat;
        background-position: -280px 0;
}
#showspruengebar:hover {
        cursor: pointer;
        background-position: 0px 0px;
}
#footer a, #footer a:visited, #footer a:active {
        font-family: Helvetica, Arial, Sans Serif;
        font-size: 16px;
        color: #cccccc;
        text-decoration: none;
        line-height: 22px;
}
#footer a:hover {
        color: #ffffff;
        text-decoration: underline;
        font-family: Helvetica, Arial, "Sans Serif";
}
.boldlink {
        font-weight: bold;
}
#footerbars {
        position: relative;
        width: 1120px;
        left: 50%;
        margin-left: -560px;
}
#footerbartandem {
        padding: 30px 0 0 30px;
        float: left;
        width: 250px;
}
#footerbarausbildung {
        padding: 30px 0 0 30px;
        float: left;
        width: 250px;
}
#footerbarsolospringer {
        padding: 30px 0 0 30px;
        float: left;
        width: 250px;
}

#footerbarshowspruenge {
        padding: 30px 0 0 30px;
        float: left;
        width: 250px;
}
#copyright {
        clear: both;
        color: #ccc;
        font-size: 12px;
        font-family: Helvetica, Arial, Sans Serif;
        text-align: left;
}
#copyright p {
        padding: 20px 0 30px 0;
}