/*------------------Kopfbereich-----------------*/
#head {
    height:204px;
}

#content {    
    margin:0 0 2em 16.3em;
    padding:0.3em 0 0 0;
}

* html #head {
	height:180px;
        padding:0;
        margin:0;
}

#head #metanav {
	margin:0 0 0 16.2em;
        padding:0 0 0 0;
        height:7.6em;
}

* html #head #metanav {
    margin:0 0 0 16.2em;
    padding:0.5em 0 0 0;
    position:relative;
    top:0;
    width:100%;
    left:-0.2em;
}

* html #head #metanav img{
        position:absolute;
        top:0;
}

#head .specialheadlogo{
     float:left;
     width:16.2em;
}

* html #head .specialheadlogo{
    float:none;
    position:absolute;
    top:7.6em;
    left:0;
}

#head div.logo{
        height:7.6em;
}

#head div.logo img{
    margin:0 0 0 0;
}

#head .specialheadcontent{
     padding:0 0 0 17.5em;
     height:7.75em;
}

* html #head .specialheadcontent{
     padding:0 0 0 1.8em;
     height:7.75em;
     position:relative;
   top:0;
   left:16.2em;
width:100%;
}

*+html #head .specialheadcontent{
     padding:0 0 0 1.8em;
     height:7.75em;
}

* html #content {
	/*width:615px;*/
	width:44.9em;
        margin:0 0 2em 0;
        position:absolute;
        top:15.6em;
}

#contentnav {	
	width:16.3em;	
        position:absolute;
	left:0;
        top:15.4em;
	color: #564b47;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
        float:left;
        display:inline;
}

* html  #contentnav{
        position:relative;
	left:0;
        top:0;
        display:block;
        visibility:visible;
        display:table;
}

/*--------------------Navigation--------------------------*/

#contentnav .sub {
    margin:0 0 2em 0;
    padding:1.5em 0 0 0;
}

#contentnav .sub li.first span{
    font-size:1em;
}

#contentnav .sub li a span,
#contentnav .sub li.first a span{
    margin:0;
    width:auto;
    background-color:#fff;
    color:#00388E; 
    background-image:url(../stadtentwicklung/linkanstrich_sub.gif);
    background-position:0 0.3em;
    background-repeat:no-repeat;
    padding:0 0 0 2.1em; 
    display:block;
}

#contentnav .sub li.active span,
#contentnav .sub li.path ul li.active a span{
    color:#000;
    font-weight:bold;
    display:block;
}

#contentnav .sub li ul
{
	margin:0 0 0 2.05em;
}

#contentnav .sub li ul li a span,
#contentnav .sub li.path ul li a span,
#contentnav .sub li.active ul li a span,
#contentnav .sub ul li ul li.first a span,
#contentnav .sub li.path ul li.first a span,
#contentnav .sub li.last ul li.first a span{
    margin:0;
    width:auto;
    background-color:#fff;
    color:#00388E; 
    background-image:url(../stadtentwicklung/linkanstrich_sub_sub.gif);
    background-position:0 0.3em;
    background-repeat:no-repeat; 
    padding:0 0 0 1.4em;        
    display:block;
}

#contentnav .sub li.active span{
        font-size:1em;
        margin:0;
        width:auto;
        padding:0 0 0 2.1em; 
        background-color:#fff;
        color:#000; 
        background-image:url(../../linkanstrich_sub_active.gif);
	background-position:0 0.3em;
	background-repeat:no-repeat;
        font-weight:bold;     
}

#contentnav .sub li.path ul li.active span{
        background-image:url(../../linkanstrich_sub_sub_active.gif);
	background-position:0 0.3em;
	background-repeat:no-repeat;
        padding:0 0 0 1.4em;  
        color:#000; 
}


/*--------------------Kontaktblock-----------------------*/

#content .rightcol .contact h2{
        background-color:#fff;
}


#content .contact dt{
        background-repeat:no-repeat;
        background-position:0 0;
}

#content .contact dt.www{
	background-image:url(../kultur/www.gif);        
}

#content .contact dt.email{
	background-image:url(../kultur/email.gif);     
}
#content .contact dt.stadtplan{
	background-image:url(../kultur/stadtplan.gif);     
}

#content .contact dt.anschrift{
	background-image:url(../kultur/postanschrift.gif);     
}

#content .contact dt.besucheranschrift{
	background-image:url(../kultur/besucher.gif);     
}

#content .contact dt.oepnv{
	background-image:url(../kultur/oepnv.gif);     
}

#content .contact dt.oeffnungszeiten{
	background-image:url(../kultur/oeffnungszeiten.gif);     
}

#content .contact dt.gebuehren{
	background-image:url(../kultur/gebuehren.gif);     
}

#content .contact dt.telefon{
	background-image:url(../kultur/telefon.gif);     
}

#content .contact dt.fax{
	background-image:url(../kultur/fax.gif);     
}

#content .contact dt.barrieren{
	background-image:url(../kultur/barrierefrei.gif);    
}
