html {
    font-size:13px;
    line-height:18px;
}

body {
    font: normal 13px "Trebuchet MS","Arial Narrow",sans-serif;
    color:#222222;
    line-height:18px;
    background-color:#666666;
}
a,
a:link,
a:active,
a:focus,
a:visited {
    text-decoration:underline;
    color:#014A7F;
}

#container {
    height:704px;
    width:954px;
    margin:42px auto 10px auto;
    background:#838383;
    position:relative;
}

#content {
    background-position:top left;
    background-repeat:no-repeat;
    height:542px;
    position:relative;
    top:26px;
}

p {
    margin-bottom:10px;
}

#navi {
    background:#ffffff;
    width:100%;
    height:26px;
    z-index:500;
    position:absolute;
    top:0;
    left:0;
}

#navi ul{
    list-style-type:none;
}

#navi ul li.root {
    position:relative;
    display:block;
    float:left;
    list-style-type:none;  
    border-right:1px solid #666666;    
    background-color:#fff;      
    line-height:26px;  
    padding:0 10px;      
    width:139px;
}

#navi ul li.root a{
    display:block;
    color:#000000;
    text-decoration:none;
    font-size:12px;
    font-family:Tahoma,Arial;
}

#navi ul li.last{
    border:none;
}

#navi ul li.right {
    float:right;
    background-color:#E0E0E0;        
}

#navi ul li:hover {
    background-color:#CCCCCC;
}

#navi ul li.active {
    background-color:#000000;
}
#navi ul li.active a {
    color:#ffffff;
}

#navi ul li ul.subnavi {
    display:none;
    position:absolute;
    top:26px;
    left:0;
    width:250px;
    z-index:510;
}

#navi ul li ul.subnavi li{
    white-space:nowrap;
    display:block;
    background:#ffffff;
    padding:0 10px;
}

#navi ul li ul.subnavi li a {
    color:#000000;
}

#navi ul li ul.subnavi li:hover {
    background-color:#CCCCCC;
}

#navi ul li ul.subnavi li.active {
    background:#000000;
}

#navi ul li ul.subnavi li.active a{
    color:#ffffff;
}

#navi ul li:hover ul.subnavi {
    display:block;
}

h1 {
    color:#FFFFFF;
    font-size:14px;
    line-height:16px;
    font-weight:normal;
    margin:0 0 12px 0;
}

h1.headline {
    font-size:24px;
    margin:0 0 31px 0;
    line-height:18px;
}

h2 {
    color:#FFFFFF;
    font-size:25px;
    line-height:27px;
    font-weight:normal;
}

h3 {
    font-size:11px;
    line-height:11px;
    margin:0 0 10px;
    font-weight:normal;
}

h4 {
    font-size:20px;
    line-height:20px;
    font-weight:normal;
}

#footer {
    border-left:136px solid #9C0041;
    height:116px;
    width:798px;
    position:absolute;
    bottom:0;
    left:0;
    background:#969696;
    padding:20px 0 0 20px;
}


#box {
    position:absolute;
    left:0;
    bottom:0;
    height:40px;
    width:427px;
    background-position:top left;
    background-repeat:none;
    background-color:#ffffff;
    padding:10px 25px;
    z-index:200;
}
/* HOME */

body#home {
    color:#ffffff;
}

body#home #content {
    padding:142px 136px 0 146px;
    height:400px;
}

body#home #content a {
    background-color:#E0E0E0;
    color:#000000;
    display:block;
    text-align:center;
    text-decoration:none;
    width:105px;   
    float:left; 
    margin-right:15px;
}

body#home p {
    margin-bottom:25px;
}

/* content_list */

ul#content_list {
    list-style-type:none;
}

ul#content_list li a.content_select{
    height:85px;
    width:85px;
    background-position:top left;
    background-repeat:none;
    position:absolute;
    background-image:url(../img/hotspot_rot.png);
    z-index:300;
    display:none;
}

body.orange ul#content_list li a.content_select{
    background-image:url(../img/hotspot_orange.png);
}

ul#content_list li a span {
    display:none;
}


/* content_item */

div.content_item {
    height:412px;
    width:248px;
    position:absolute;
    top:25px;
    padding:10px;
    display:none;
    z-index:310;
}

div.content_item h5{
    float:right;
    width:188px;
    font-size:16px;
    font-weight:bold;
    line-height:23px; 
}

div.content_item img {
    float:left;
    width:50px;
}

div.content_item .content_text {
    padding-top:5px;
    padding-left:10px;
    clear:both;
}

div.content_item .content_text p {
    padding-left:10px;
}

div.content_item ul.content_info {
    margin-bottom:10px;
}

div.content_item ul.content_info li {
    display:block;
    list-style-type:none;
    background:url(../img/bullet.gif) top left no-repeat;
    padding-left:10px;
}

a.file {
    display:block;
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:25px;
}

a.file.pdf {
    background-image:url(../img/file_pdf.png);
}
a.file.zip {
    background-image:url(../img/file_zip.png);
}

span.close {
    display:block;
    position:absolute;
    width:11px;
    height:11px;
    background:url(../img/close.gif) top left no-repeat;
    right:3px;
    top:3px;
    cursor:pointer;
}

p.produkt_details a{
    display:block;
    margin-bottom:5px;
}

/* BGS */



/* innenbereich einrichtung kindergarten_kita_spielecke */
body#innenbereich-einrichtung-kindergarten_kita_spielecke #content {
    background-image:url(../img/bg/innenbereich-einrichtung-kindergarten_kita_spielecke.jpg);
}
body#innenbereich-einrichtung-kindergarten_kita_spielecke #box {
    background-image:url(../img/bg/innenbereich-einrichtung-kindergarten_kita_spielecke_unten.jpg);
}

body#innenbereich-einrichtung-kindergarten_kita_spielecke #content_select_1 {
    top:37px;
    left:457px;
}
body#innenbereich-einrichtung-kindergarten_kita_spielecke #content_select_2 {
    left:747px;
    top:462px;
}
body#innenbereich-einrichtung-kindergarten_kita_spielecke #content_select_3 {
    left:307px;
    top:57px;
}

body#innenbereich-einrichtung-kindergarten_kita_spielecke #content_item_1 {
    left:25px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-kindergarten_kita_spielecke_1.jpg);
}
body#innenbereich-einrichtung-kindergarten_kita_spielecke #content_item_2 {
    left:342px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-kindergarten_kita_spielecke_2.jpg);
}
body#innenbereich-einrichtung-kindergarten_kita_spielecke #content_item_3 {
    left:660px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-kindergarten_kita_spielecke_3.jpg);
}


/* innenbereich-einrichtung-mensa_kantine_cafeteria */
body#innenbereich-einrichtung-mensa_kantine_cafeteria #content {
    background-image:url(../img/bg/innenbereich-einrichtung-mensa_kantine_cafeteria.jpg);
}
body#innenbereich-einrichtung-mensa_kantine_cafeteria #box {
    background-image:url(../img/bg/innenbereich-einrichtung-mensa_kantine_cafeteria_unten.jpg);
}

body#innenbereich-einrichtung-mensa_kantine_cafeteria #content_select_1 {
    top:302px;
    left:607px;
}
body#innenbereich-einrichtung-mensa_kantine_cafeteria #content_select_2 {
    left:267px;
    top:17px;
}

body#innenbereich-einrichtung-mensa_kantine_cafeteria #content_item_1 {
    left:342px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-mensa_kantine_cafeteria_1.jpg);
}
body#innenbereich-einrichtung-mensa_kantine_cafeteria #content_item_2 {
    left:25px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-mensa_kantine_cafeteria_2.jpg);
}


/* innenbereich-einrichtung-aula_hoersaal_stadthalle */
body#innenbereich-einrichtung-aula_hoersaal_stadthalle #content {
    background-image:url(../img/bg/innenbereich-einrichtung-aula_hoersaal_stadthalle.jpg);
}
body#innenbereich-einrichtung-aula_hoersaal_stadthalle #box {
    background-image:url(../img/bg/innenbereich-einrichtung-aula_hoersaal_stadthalle_unten.jpg);
}

body#innenbereich-einrichtung-aula_hoersaal_stadthalle #content_select_1 {
    top:87px;
    left:397px;
}
body#innenbereich-einrichtung-aula_hoersaal_stadthalle #content_select_2 {
    left:32px;
    top:207px;
}
body#innenbereich-einrichtung-aula_hoersaal_stadthalle #content_select_3 {
    left:637px;
    top:417px;
}

body#innenbereich-einrichtung-aula_hoersaal_stadthalle #content_item_1 {
    left:660px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-aula_hoersaal_stadthalle_1.jpg);
}
body#innenbereich-einrichtung-aula_hoersaal_stadthalle #content_item_2 {
    left:25px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-aula_hoersaal_stadthalle_2.jpg);
}
body#innenbereich-einrichtung-aula_hoersaal_stadthalle #content_item_3 {
    left:342px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-aula_hoersaal_stadthalle_3.jpg);
}






/* innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum */
body#innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum #content {
    background-image:url(../img/bg/innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum.jpg);
}
body#innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum #box {
    background-image:url(../img/bg/innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum_unten.jpg);
}

body#innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum #content_select_1 {
    top:437px;
    left:477px;
}
body#innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum #content_select_2 {
    top:187px;
    left:162px;
}

body#innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum #content_item_1 {
    left:342px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum_1.jpg);
}
body#innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum #content_item_2 {
    left:25px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-umkleideraum_turnhalle_mehrzweckraum_2.jpg);
}


/* innenbereich-einrichtung-buero_konferenzraum */
body#innenbereich-einrichtung-buero_konferenzraum #content {
    background-image:url(../img/bg/innenbereich-einrichtung-buero_konferenzraum.jpg);
}
body#innenbereich-einrichtung-buero_konferenzraum #box {
    background-image:url(../img/bg/innenbereich-einrichtung-buero_konferenzraum_unten.jpg);
}

body#innenbereich-einrichtung-buero_konferenzraum #content_select_1 {
    top:272px;
    left:147px;
}
body#innenbereich-einrichtung-buero_konferenzraum #content_select_2 {
    top:427px;
    left:657px;
}
body#innenbereich-einrichtung-buero_konferenzraum #content_select_3 {
    top:347px;
    left:767px;
}

body#innenbereich-einrichtung-buero_konferenzraum #content_item_1 {
    left:25px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-buero_konferenzraum_1.jpg);
}
body#innenbereich-einrichtung-buero_konferenzraum #content_item_2 {
    left:660px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-buero_konferenzraum_2.jpg);
}
body#innenbereich-einrichtung-buero_konferenzraum #content_item_3 {
    left:342px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-buero_konferenzraum_3.jpg);
}



/* innenbereich-einrichtung-krankenhaus */
body#innenbereich-einrichtung-krankenhaus #content {
    background-image:url(../img/bg/innenbereich-einrichtung-krankenhaus.jpg);
}
body#innenbereich-einrichtung-krankenhaus #box {
    background-image:url(../img/bg/innenbereich-einrichtung-krankenhaus_unten.jpg);
}

body#innenbereich-einrichtung-krankenhaus #content_select_1 {
    top:307px;
    left:7px;
}
body#innenbereich-einrichtung-krankenhaus #content_select_2 {
    top:357px;
    left:107px;
}
body#innenbereich-einrichtung-krankenhaus #content_select_3 {
    top:377px;
    left:432px;
}

body#innenbereich-einrichtung-krankenhaus #content_item_1 {
    left:25px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-krankenhaus_1.jpg);
}
body#innenbereich-einrichtung-krankenhaus #content_item_2 {
    left:342px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-krankenhaus_2.jpg);
}
body#innenbereich-einrichtung-krankenhaus #content_item_3 {
    left:660px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-krankenhaus_3.jpg);
}


/* innenbereich-einrichtung-labor */
body#innenbereich-einrichtung-labor #content {
    background-image:url(../img/bg/innenbereich-einrichtung-labor.jpg);
}
body#innenbereich-einrichtung-labor #box {
    background-image:url(../img/bg/innenbereich-einrichtung-labor_unten.jpg);
}

body#innenbereich-einrichtung-labor #content_select_1 {
    top:272px;
    left:302px;
}
body#innenbereich-einrichtung-labor #content_select_2 {
    top:302px;
    left:612px;
}

body#innenbereich-einrichtung-labor #content_item_1 {
    left:25px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-labor_1.jpg);
}
body#innenbereich-einrichtung-labor #content_item_2 {
    left:342px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-labor_2.jpg);
}

/* innenbereich-einrichtung-wc */
body#innenbereich-einrichtung-wc #content {
    background-image:url(../img/bg/innenbereich-einrichtung-wc.jpg);
}
body#innenbereich-einrichtung-wc #box {
    background-image:url(../img/bg/innenbereich-einrichtung-wc_unten.jpg);
}

body#innenbereich-einrichtung-wc #content_select_1 {
    top:302px;
    left:482px;
}

body#innenbereich-einrichtung-wc #content_item_1 {
    left:660px;
    background-image:url(../img/item_bgs/innenbereich-einrichtung-wc_1.jpg);
}


/* innenbereich-fussbodensanierung-massivdecke_dielenboden_balkenlage */
body#innenbereich-fussbodensanierung-massivdecke_dielenboden_balkenlage #content {
    background-image:url(../img/bg/innenbereich-fussbodensanierung-massivdecke_dielenboden_balkenlage.jpg);
}
body#innenbereich-fussbodensanierung-massivdecke_dielenboden_balkenlage #box {
    background-image:url(../img/bg/innenbereich-fussbodensanierung-massivdecke_dielenboden_balkenlage_unten.jpg);
}

body#innenbereich-fussbodensanierung-massivdecke_dielenboden_balkenlage #content_select_1 {
    top:387px;
    left:157px;
}

body#innenbereich-fussbodensanierung-massivdecke_dielenboden_balkenlage #content_item_1 {
    left:25px;
    background-image:url(../img/item_bgs/innenbereich-fussbodensanierung-massivdecke_dielenboden_balkenlage_1.jpg);
}

/* aussenbereich-aufstockung-gebaudeaufstockung */
body#aussenbereich-aufstockung-gebaudeaufstockung #content {
    background-image:url(../img/bg/aussenbereich-aufstockung-gebaudeaufstockung.jpg);
}
body#aussenbereich-aufstockung-gebaudeaufstockung #box {
    background-image:url(../img/bg/aussenbereich-aufstockung-gebaudeaufstockung_unten.jpg);
}

body#aussenbereich-aufstockung-gebaudeaufstockung #content_select_1 {
    top:197px;
    left:277px;
}

body#aussenbereich-aufstockung-gebaudeaufstockung #content_item_1 {
    left:25px;
    background-image:url(../img/item_bgs/aussenbereich-aufstockung-gebaudeaufstockung_1.jpg);
}

/* aussenbereich-dach_und_fassade-sanierung */
body#aussenbereich-dach_und_fassade-sanierung #content {
    background-image:url(../img/bg/aussenbereich-dach_und_fassade-sanierung.jpg);
}
body#aussenbereich-dach_und_fassade-sanierung #box {
    background-image:url(../img/bg/aussenbereich-dach_und_fassade-sanierung_unten.jpg);
}


body#aussenbereich-dach_und_fassade-sanierung #content_select_1 {
    top:42px;
    left:317px;
}
body#aussenbereich-dach_und_fassade-sanierung #content_select_2 {
    top:202px;
    left:477px;
}
body#aussenbereich-dach_und_fassade-sanierung #content_select_3 {
    top:107px;
    left:657px;
}

body#aussenbereich-dach_und_fassade-sanierung #content_item_1 {
    left:25px;
    background-image:url(../img/item_bgs/aussenbereich-dach_und_fassade-sanierung_1.jpg);
}
body#aussenbereich-dach_und_fassade-sanierung #content_item_2 {
    left:660px;
    background-image:url(../img/item_bgs/aussenbereich-dach_und_fassade-sanierung_2.jpg);
}
body#aussenbereich-dach_und_fassade-sanierung #content_item_3 {
    left:342px;
    background-image:url(../img/item_bgs/aussenbereich-dach_und_fassade-sanierung_3.jpg);
}