/*
        Reset all styles first
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
        margin:0;
        padding:0;
        border: 0;
          font-weight: inherit;
          font-style: inherit;
          font-size: 100%;
          font-family: inherit;
          vertical-align: baseline;
}
table {
        border-collapse:collapse;
        border-spacing:0;
}
fieldset,img {
        border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
        font-style:normal;
        font-weight:normal;
}
ol,ul {
        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 { border:0;
}

/*
        Template Styles
*/

body {
          font-size: 62.5%;
          background: #fff;
          font-family: "Helvetica Neue", Arial, sans-serif;
        line-height: 1.4em;
}

p {
        margin-bottom: 1.4em;
}

strong, b {
        color:#666666;
}

#container
{
        margin: 0 auto;
        padding-top: 55px;
        margin-bottom: 55px;
        width: 950px;
        position:relative;
}

#container.home {
        background-image:url(../img/pool/home.jpg);
        background-repeat:no-repeat;
}

#container.profil {
        background-image:url(../img/pool/contact.jpg);
        background-repeat:no-repeat;
}

#container.contact {
        background-image:url(../img/pool/contact.jpg);
        background-repeat:no-repeat;
}

#header
{
        position:relative;
}

#primnav {
        background-image:url(../img/back_primnav.jpg);
        background-repeat:no-repeat;
        width:104px;
        height:104px;
}

#primnavlinks {
        padding:6px;
}

#primnavlinks a {
        font-size: 1em;
        font-weight:bold;
        color:#fff;
        line-height: 1.4em;
        text-decoration:none;
        display:block;
        background-repeat:no-repeat;
}


#primnavlinks a.primnav1:hover, #primnavlinks a.primnav1-active {
        background-image:url(../img/back_primnav_point.gif);
        background-position:35% 6px;
}

#primnavlinks a.primnav2:hover, #primnavlinks a.primnav2-active {
        background-image:url(../img/back_primnav_point.gif);
        background-position:73% 6px;
}

#primnavlinks a.primnav3:hover, #primnavlinks a.primnav3-active {
        background-image:url(../img/back_primnav_point.gif);
        background-position:44% 6px;
}

#primnavlinks a.primnav4:hover, #primnavlinks a.primnav4-active {
        background-image:url(../img/back_primnav_point.gif);
        background-position:44% 6px;
}

#primnavlinks a.primnav5:hover, #primnavlinks a.primnav5-active {
        background-image:url(../img/back_primnav_point.gif);
        background-position:44% 6px;
}


/* Safari Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0){
        #primnavlinks a.primnav1:hover, #primnavlinks a.primnav1-active {
                background-image:url(../img/back_primnav_point.gif);
                background-position:35% 6px;
        }
}

@media screen and (-webkit-min-device-pixel-ratio:0){
        #primnavlinks a.primnav2:hover, #primnavlinks a.primnav2-active {
                background-image:url(../img/back_primnav_point.gif);
                background-position:73% 6px;
        }
}

@media screen and (-webkit-min-device-pixel-ratio:0){
        #primnavlinks a.primnav3:hover, #primnavlinks a.primnav3-active {
                background-image:url(../img/back_primnav_point.gif);
                background-position:44% 6px;
        }
}

@media screen and (-webkit-min-device-pixel-ratio:0){
        #primnavlinks a.primnav4:hover, #primnavlinks a.primnav4-active {
                background-image:url(../img/back_primnav_point.gif);
                background-position:44% 6px;
        }
}

@media screen and (-webkit-min-device-pixel-ratio:0){
        #primnavlinks a.primnav5:hover, #primnavlinks a.primnav5-active {
                background-image:url(../img/back_primnav_point.gif);
                background-position:44% 6px;
        }
}


#visual {
        position:absolute;
        left:172px;
        top:91px;
}

#content-container {
        margin-top:52px;
}

#content-container.home {
        height:437px;
}

#content-container.profil {
        height:468px;
}

#content-container.contact {
        height:468px;
}

#secnav {
        float:left;
        width:104px;
        background-color:#fff;
}

#secnav div {
        clear:both;
        height:50px;
        margin-bottom:4px;
}

#secnav a {
        display:block;
        opacity:0.7;
        filter:alpha(opacity=70);
        -moz-opacity:0.7;
}

#secnav a:hover, #secnav a.active {
        opacity:1;
        filter:alpha(opacity=100);
        -moz-opacity:1.0
}


#content {
        float:left;
        margin-left:66px;
}

#content.horizontal {
        width:700px;
}

#content.vertical {
        width:440px;
}

#legend {
        float:left;
}

#legend {
        float:left;
        padding-left:5px;
        padding-top:1px;
        font-size: 1.0em;
        font-weight:bold;
        color:#b8b8b8;
}

#thirdnav-container {
        float:right;
}

#thirdnav {
        padding-top:6px;
}

#thirdnav div {
        float:left;
        margin-right:5px;
}

#thirdnav div a {
        display:block;
        line-height:0;
        font-size:0;
        width:30px;
        height:6px;
        background-color:#fff;
        border:1px solid #b8b8b8;
}

#thirdnav div.last {
        margin-right:0;
}

#thirdnav div a:hover, #thirdnav div a.active {
        background-color:#dedede;
}

#impressum {
        position:absolute;
        left:904px;
        top:630px;
}

#impressum.vertical {
        position:absolute;
        left:650px;
        top:700px;
}