/* HTML-Tag-Definitionen */


html {
    margin: 0px;
    padding: 0px;
    color: #cccccc;
}


body {
    margin: 5px 0px 20px 0px;
    padding: 0px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    background-color: #ffffff;
    background: #000000 url(../images/sl_bg.gif) repeat-x;
    color: #cccccc;
}


table { border-collapse: collapse; }

th {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}


td {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    font-family: verdana, arial, sans-serif;
    font-weight: bold;
}


h1 {
    font-size: 14px;
    color: #BD1818;
}

h2 { font-size: 13px; }
h3 { font-size: 12px; }


hr {
    margin: 0px;
    padding: 0px;
    border-style: dotted;
    border-width: 1px 0px 0px 0px;
    border-color: #BD1818;
}


p {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

p.block { text-align: justify; }

small { font-style:italic; }

a {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    text-decoration: none;
}

a:link    { color: #BD1818; }
a:visited { color: #BD1818; }
a:hover   { color: #BD1818; text-decoration: underline; }
a:active  { color: #BD1818; }
a:focus   { color: #FFC000; }

input {
    margin: 0px;
    padding: 0px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #313C73;
}


input.border {
    margin: 0px;
    padding: 1px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    border-style: solid ;
    border-width: 1px;
    border-color:  #404040 #808080 #808080 #404040;
    background: #505050;
    color: #cccccc;
}


input.button {
    margin: 0px;
    padding: 1px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    border-style: solid ;
    border-width: 1px;
    border-color: #808080 #404040 #404040 #808080;
    background: #404040;
    color: #E00000;
}


textarea {
    margin: 0px;
    padding: 1px;
    overflow: auto;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    border-style: solid ;
    border-width: 1px;
    border-color:  #404040 #808080 #808080 #404040;
    background: #505050;
    color: #cccccc;
}


select {
    margin: 0px;
    padding: 0px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    border-style: solid ;
    border-width: 1px;
    border-color:  #404040 #808080 #808080 #404040;
    background: #505050;
    color: #cccccc;
}

fieldset {
    margin: 0px;
    margin-bottom: 5px;
    padding: 15px;
    border: solid 1px #5F5F5F;
}



/* CSS - KLASSEN */

.formerror {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    color: #ff0000;
    text-decoration: none;
}


/* CSS-IDs */


#page {
    position: relative;
    top: 0px;
    width: 814px;
    margin: 0px auto 0px auto;
    padding: 0px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #313C73;
    /*background: #ffffff url(../images/hg_l.jpg);*/
    background: url(../images/sl_rack_mid.gif) repeat-y;
}

#head {
    margin: 0px;
    padding: 18px 22px 0px 22px;
    width: 814px;
    height: 145px;
    background: url(../images/sl_rack_top.gif) no-repeat;
}

#head img {
    margin:0px;
    padding:0px;
    float:left;
}


#nav_top {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    width: 770px;
    height: 21px;
    text-align: left;
}

#nav_top ul {
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 778px;
    height: 21px;
}

#nav_top li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    top: 0px;
}

#nav_top li, #nav_top ul li a  {
    text-indent: -9999px; /* */
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}



#nav_top ul li#soundlike  { position: absolute; top:18px; left:366px; width:57px; height:57px; }
#nav_top ul li#leistungen { position: absolute; top:75px; left:284px; width:82px; height:57px; }
#nav_top ul li#referenzen { position: absolute; top:132px; left:284px; width:82px; height:30px; }
#nav_top ul li#kontakt    { position: absolute; top:75px; left:423px; width:78px; height:57px; }
#nav_top ul li#bilder     { position: absolute; top:132px; left:423px; width:78px; height:30px; }


#nav_top li#soundlike a {
    color: #fff;
    background: url(../images/buttons/bt_soundlike.gif) 0px 0px no-repeat;
    height: 57px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#soundlike a:hover {
    color: #f90;
    background: url(../images/buttons/bt_soundlike.gif) 0px -57px no-repeat;
    height: 57px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#soundlike a.active {
    color: #f90;
    background: url(../images/buttons/bt_soundlike.gif) 0px -57px no-repeat;
    height: 57px;
    width: 100%;
    text-decoration: none;
}


#nav_top li#leistungen a {
    color: #fff;
    background: url(../images/buttons/bt_leistungen.gif) 0px 0px no-repeat;
    height: 57px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#leistungen a:hover {
    color: #f90;
    background: url(../images/buttons/bt_leistungen.gif) 0px -57px no-repeat;
    height: 57px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#leistungen a.active {
    color: #f90;
    background: url(../images/buttons/bt_leistungen.gif) 0px -57px no-repeat;
    height: 57px;
    width: 100%;
    text-decoration: none;
}


#nav_top li#referenzen a {
    color: #fff;
    background: url(../images/buttons/bt_referenzen.gif) 0px 0px no-repeat;
    height: 30px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#referenzen a:hover {
    color: #f90;
    background: url(../images/buttons/bt_referenzen.gif) 0px -30px no-repeat;
    height: 30px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#referenzen a.active {
    color: #f90;
    background: url(../images/buttons/bt_referenzen.gif) 0px -30px no-repeat;
    height: 30px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#kontakt a {
    color: #fff;
    background: url(../images/buttons/bt_kontakt.gif) 0px 0px no-repeat;
    height: 57px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#kontakt a:hover {
    color: #f90;
    background: url(../images/buttons/bt_kontakt.gif) 0px -57px no-repeat;
    height: 57px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#kontakt a.active {
    color: #f90;
    background: url(../images/buttons/bt_kontakt.gif) 0px -57px no-repeat;
    height: 57px;
    width: 100%;
    text-decoration: none;
}


#nav_top li#bilder a {
    color: #fff;
    background: url(../images/buttons/bt_bildergalerie.gif) 0px 0px no-repeat;
    height: 30px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#bilder a:hover {
    color: #f90;
    background: url(../images/buttons/bt_bildergalerie.gif) 0px -30px no-repeat;
    height: 30px;
    width: 100%;
    text-decoration: none;
}

#nav_top li#bilder a.active {
    color: #f90;
    background: url(../images/buttons/bt_bildergalerie.gif) 0px -30px no-repeat;
    height: 30px;
    width: 100%;
    text-decoration: none;
}

#content_top {
    margin: 0px 22px 0px 22px;
    padding: 0px;
    width: 770px;
    height: 54px;
}

#content_top img { float:left; }

#content_bot {
    margin: 0px 22px 0px 22px;
    padding: 0px;
    width: 770px;
    height: 18px;
    background: url(../images/div_content_bot.gif);
}

#content {
    margin: 0px 22px 0px 22px;
    padding: 20px;
    width: 730px;
    line-height: 140%;
    color: #cccccc;
    border: solid 0px red;
    background: url(../images/div_content_mid.gif);
}



#content p {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}


#content td {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}


#content td.formerror {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #ff0000;
}


#cms_image_box {
    border-style: none;
    border-width: 1px;
    border-color: #4F4F4F;
}

#formular form {
    margin: 0px;
    padding: 0px;
}

#formular p {
    margin: 0px;
    padding: 2px;
    font-size: 9px;
}

#formular p.formerror {
    margin: 0px;
    padding: 2px;
    font-size: 9px;
    color: #ff0000;
}

#foot {
    width: 814px;
    margin: 0px;
    padding: 0px;
    height: 116px;
    text-align: right;
    overflow:hidden;
    background: url(../images/sl_rack_bot.jpg) no-repeat;
    /* clear: both; */
}


#pic_dia {
    margin: 0px 5px 5px 0px;
    padding: 5px;
    width: 100px;
    height: 102px;
    float: left;
    background: #5F5F5F;
    font-family: verdana, arial, sans-serif;
    font-size: 9px;
    color: #404040;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd #4F4F4F #4F4F4F #cdcdcd;
}

#pic_dia img {
    border-style: solid;
    border-width: 1px;
    border-color: #4F4F4F #cdcdcd #cdcdcd #4F4F4F;
}

#pic_dia_gr {
    margin: 0px 0px 10px 0px;
    padding: 10px;
    background: #fefefe;
    border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd;
}




#nav_bottom {
    /*position: relative; */
    padding: 0px;
    margin: 0px;
    margin-top: 42px;
    margin-left: 507px;
    display: block;
    width: 300px;
    height: 74px;
    text-align: left;
    /* background: url(../images/menue_top/menu_bg.gif); */
}

#nav_bottom ul {
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 300px;
    height: 74px;
}

#nav_bottom li {
    position: absolute;
    top: 0px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 23px;
}

#nav_bottom li, #nav_bottom ul li a  {
    text-indent: -9999px;
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#nav_bottom ul li#impressum  { left:0px; width:90px; }
#nav_bottom ul li#agb        { left:90px; width:87px; }
#nav_bottom ul li#kontakt2   { left:177px; width:88px; }



#nav_bottom li#impressum a {
    color: #fff;
    background: url(../images/buttons/info_bt_impressum.gif) 0px -74px no-repeat;
    height: 74px;
    width: 100%;
    text-decoration: none;
}

#nav_bottom li#impressum a:hover {
    color: #f90;
    background: url(../images/buttons/info_bt_impressum.gif) 0px -148px no-repeat;
    height: 74px;
    width: 100%;
    text-decoration: none;
}

#nav_bottom li#impressum a.active {
    color: #f90;
    background: url(../images/buttons/info_bt_impressum.gif) 0px 0px no-repeat;
    height: 74px;
    width: 100%;
    text-decoration: none;
}

#nav_bottom li#agb a {
    color: #fff;
    background: url(../images/buttons/info_bt_agb.gif) 0px -74px no-repeat;
    height: 74px;
    width: 100%;
    text-decoration: none;
}

#nav_bottom li#agb a:hover {
    color: #f90;
    background: url(../images/buttons/info_bt_agb.gif) 0px -148px no-repeat;
    height: 74px;
    width: 100%;
    text-decoration: none;
}

#nav_bottom li#agb a.active {
    color: #f90;
    background: url(../images/buttons/info_bt_agb.gif) 0px 0px no-repeat;
    height: 74px;
    width: 100%;
    text-decoration: none;
}

#nav_bottom li#kontakt2 a {
    color: #fff;
    background: url(../images/buttons/info_bt_kontakt.gif) 0px -74px no-repeat;
    height: 74px;
    width: 100%;
    text-decoration: none;
}

#nav_bottom li#kontakt2 a:hover {
    color: #f90;
    background: url(../images/buttons/info_bt_kontakt.gif) 0px -148px no-repeat;
    height: 74px;
    width: 100%;
    text-decoration: none;
}

#nav_bottom li#kontakt2 a.active {
    color: #f90;
    background: url(../images/buttons/info_bt_kontakt.gif) 0px 0px no-repeat;
    height: 74px;
    width: 100%;
    text-decoration: none;
}




#ref_part_switch {
    /*position: relative; */
    margin: 0px 0px 20px 15px;
    padding: 0px;
    display: block;
    width: 300px;
    height: 36px;
    text-align: left;
}

#ref_part_switch ul {
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 300px;
    height: 36px; border solid 1px red;
}

#ref_part_switch li {
    position: absolute;
    top: 0px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 36px;

}

#ref_part_switch li, #ref_part_switch ul li a  {
    text-indent: -9999px;/**/
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}


#ref_part_switch ul li#ref_referenzen { left:0px; width:138px; }
#ref_part_switch ul li#ref_partner    { left:150px; width:150px; }



#ref_part_switch li#ref_referenzen a {
    color: #fff;
    background: url(../images/buttons/ref_bt_referenzen.gif) 0px 0px no-repeat;
    height: 36px;
    width: 100%;
    text-decoration: none;
}

#ref_part_switch li#ref_referenzen a:hover {
    color: #f90;
    background: url(../images/buttons/ref_bt_referenzen.gif) 0px -36px no-repeat;
    height: 36px;
    width: 100%;
    text-decoration: none;
}

#ref_part_switch li#ref_referenzen a.active {
    color: #f90;
    background: url(../images/buttons/ref_bt_referenzen.gif) 0px -36px no-repeat;
    height: 36px;
    width: 100%;
    text-decoration: none;
}




#ref_part_switch li#ref_partner a {
    color: #fff;
    background: url(../images/buttons/ref_bt_partnerlinks.gif) 0px 0px no-repeat;
    height: 36px;
    width: 100%;
    text-decoration: none;
}

#ref_part_switch li#ref_partner a:hover {
    color: #f90;
    background: url(../images/buttons/ref_bt_partnerlinks.gif) 0px -36px no-repeat;
    height: 36px;
    width: 100%;
    text-decoration: none;
}

#ref_part_switch li#ref_partner a.active {
    color: #f90;
    background: url(../images/buttons/ref_bt_partnerlinks.gif) 0px -36px no-repeat;
    height: 36px;
    width: 100%;
    text-decoration: none;
}