/* content */
#wsContentBGOuter {
        font-size: 75%;
        width: 52.1667em;
        padding: 0 0 0 12.50em;        
}
    /* Ignore IE */
html > /**/ body #wsContentBGOuter {
        float: left;
}
    /**********************************************
     * Anpassungen f�r die Dachseite der Studios
     ***********************************************/
#wsContentBGOuter.wsDachseite {
        font-size: 100%;
        width: 48.5em !important;        
        padding: 0;
        height: 29.2em !important;
        min-height: 29.2em !important;
        border-top: 0.25em solid #fff;
        background-color: #FAFBFD !important;
}
#wsBranding {
	width: 64.8em;	
}

#wsBranding img.ws128 {
	width: 10.66em; 
	height: 6.66em; 
	float: left;
	border-right: 0.083em solid #fff;
}

#wsBranding img.ws129 {
	width: 10.75em; 
	height: 6.66em; 
	float: left;
	border-right: 0.083em solid #fff;
}



#wsContentBGOuter.wsDachseite img.wsDachKarte {
        width: 48.5em;
        position: absolute;
        left: 0;
        z-index: 1;
}

.wsDachseiteFooterIMG {
        border-top: 0.25em solid #fff;
        width: 48.5em;
        margin: 0;
        padding: 0;
        float: left;
}

#wsContentBGOuter.wsDachseite h2, #wsContentBGOuter.wsDachseite p, #wsContentBGOuter.wsDachseite ul li {
        position: absolute;
        left: 0;
        z-index: 2;
}

#wsContentBGOuter.wsDachseite h2, #wsContentBGOuter.wsDachseite p {
        /*color: #022C66; */
        color: #000;
}

#wsContentBGOuter.wsDachseite h2 {
        font-size: 0.875em;
}

#wsContentBGOuter.wsDachseite p {
        font-size: 0.75em;
        line-height: 1.2em;
        margin-bottom: 1em;
}

#wsContentBGOuter.wsDachseite p span {
        font-size: 0.9em;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li a {
        font-size: 0.75em;
        font-weight: bold;
        color: #000;
        text-decoration: none;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li a:hover, #wsContentBGOuter.wsDachseite ul#wsDachStaedte li a:active, #wsContentBGOuter.wsDachseite ul#wsDachStaedte li a:focus {
        color: red;
        text-decoration: underline;
        outline: none;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsAachen {
        margin-left: 8.5em;
        margin-top: 22.1em;
}



#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsBielefeld {
        margin-left: 27.5em;
        margin-top: 6.4em;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsBonn {
        margin-left: 16.25em;
        margin-top: 23em;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsDuisburg {
        margin-left: 8.5em;
        margin-top: 13.5em;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsDuesseldorf {
        margin-left: 8.25em;
        margin-top: 16.5em;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsDortmund {
        margin-left: 19em;
        margin-top: 13em;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsEssen {
        margin-left: 15.5em;
        margin-top: 13.9em;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsKoeln {
        margin-left: 15em;
        margin-top: 20.1em;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsMuenster {
        margin-left: 20.25em;
        margin-top: 7.5em;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsSiegen {
        margin-left: 23.6em;
        margin-top: 20.7em;
}

#wsContentBGOuter.wsDachseite ul#wsDachStaedte li#wsWuppertal {
        margin-left: 16.8em;
        margin-top: 16em;
}

#wsContentBGOuter.wsDachseite #wsDachHead {
        position: absolute;
        left: 0;
        z-index: 156;        
        border: 0px solid red;
        margin-top: 2em;
        margin-left: 1em;
}

#wsContentBGOuter.wsDachseite #wsDachseiteInfos {
        position: absolute;
        left: 0;
        border: 0px solid red;
        margin-left: 36em;
        margin-top: 13em;
        z-index: 155;
}

#wsContentBGOuter.wsDachseite #wsDachseiteInfos p, #wsContentBGOuter.wsDachseite #wsDachseiteInfos ul li, #wsContentBGOuter.wsDachseite #wsDachHead p, #wsContentBGOuter.wsDachseite #wsDachHead h2 {
        position: static;
}

#wsContentBGOuter.wsDachseite #wsDachseiteInfos ul {
        margin-top: 0.5em;
        width: 13em;
        border: 0px solid red;
}

#wsContentBGOuter.wsDachseite #wsDachseiteInfos ul li {
        float: left; 
        margin-bottom: 0.45em;
        width: 100%;
}

#wsContentBGOuter.wsDachseite #wsDachseiteInfos ul li a {
        font-size: 0.75em;
        font-weight: bold;
        /*color: #022C66; */
		line-height: 1.2em;        
        color: #000;
        text-decoration: none;
        display: block;
        margin: 0 0 0 2.05em;
        padding: 0;
}

#wsContentBGOuter.wsDachseite #wsDachseiteInfos ul li img {
        float: left;
		width: 1.5625em;
}

#wsContentBGOuter.wsDachseite #wsDachseiteInfos ul li a:hover, #wsContentBGOuter.wsDachseite #wsDachseiteInfos ul li a:active, #wsContentBGOuter.wsDachseite #wsDachseiteInfos ul li a:focus {
        text-decoration: underline;
}

#wsFooterDach {
	border-top: 0.25em solid #FFFFFF;
    float: left;
    width: 48.7em;
}


#wsFooterDach img.ws128 {
	width: 8em; 
	height: 5em; 
	float: left; 
	border-right: 0.083em solid #fff;
}

#wsFooterDach img.ws129 {
	width: 8.0625em; 
	height: 5em; 
	float: left;
	border-right: 0.083em solid #fff;
}

#wsFooterDach ul {
        border-top: 0.25em solid #FFCC00 !important;
        float: left;
        width: 47.5em;
        height: 1.875em;
        margin: 0;
        padding-left: 1em;
        background-color: #3C578E;
}

#wsFooterDach ul li {
        float: left;
        margin-right: 3em;
}

#wsFooterDach ul li#wsFooterDachTop {
        float: right;
		margin-right: 1em;
}

#wsFooterDach ul li img {

	margin: 0.4em 0 0 0;
}

#wsFooterDach ul li a {
        font-size: 0.68em;
        color: #fff;
        text-decoration: none;
}

#wsFooterDach ul li a:hover, 
#wsFooterDach ul li a:active, 
#wsFooterDach ul li a:focus {
        text-decoration: underline;
}

#wsFooterDach #wsDisclaimer {
        background-color: #fafbfd;
        float: left;
        margin-left: 10.5em;
        font-size: 0.8em;
        border-top: 0;
}

#wsFooterDach #wsDisclaimer p {
        color: #3C578E;
        font-size: 0.68em;
        text-align: left;
}
/*
: root #wsContentBGOuter {
        float: left;
}*/

#wsContentBGInner {
        width: 52.1667em;
        padding: 0;
        float: right;
}

#wsContentArea {
        font-size: 100%;
        margin: 0;
        padding: 0;
        float: left;
}

#wsContentArea {
        width: 48.3333em;
}

#wsContentBGInner.wsMReSp #wsContentArea {
        margin-right: -0.0833em;
        /*	margin-top: -0.0833em; */
        width: 38.1667em;
}

#wsContentBGOuter, #wsContentBGInner, #wsContentArea {
        min-height: 73.3333em;
}

body#wsContentArea {
        height: auto;
}
    /* */
#wsContentBGOuter {
        z-index: 10;
}

#wsKopf {
        z-index: 20;
}

#wsNavi {
        z-index: 30;
}

#wsLogoWDR {
        z-index: 40;
}

.wsContentTop {
        margin: 0 0 0 25em;
}

.wsContentTop a {
        float: left;
}

.wsContentTop img {
		display: block;
		padding: 0.4em 0 0 0;
		float: right;
        width: 1.416em;
}

/*
#wsFooterDach a.wsIMGHover img.test {
	top: 0; 
	left: 0;
	width: 0; 
	height: 0; 
	display: block; 
	position: absolute;
	z-index: 90;
	border: 0px; 	
}



#wsFooterDach a.wsIMGHover:hover img.test {
	width: 8em;
	height: 5em;
	top: 40.3em; 
	left: 8.1em;
	display: block; 
	position: absolute;	
	border: 0;	
} */



#wsFooterDach a.wsBGHover,
#wsBranding a.wsBGHover {
	background-position: left top;
	height: 5em;
	display: block;	
	position: relative;
	float: left;
	border-right: 1px solid #fff;
}

#wsBranding a.wsBGHover {
	height: 6.666em;
}

#wsFooterDach a.wsBGHover:hover,
#wsBranding a.wsBGHover:hover {	
	background-position: left bottom;
}


#wsBranding a.wsBGAachen {
	background-image: url('../img/dachseite/aachen_bg.jpg');
	width: 10.75em;	
}


#wsBranding a.wsBGBielefeld {
	background-image: url('../img/dachseite/bielefeld_bg.jpg');
	width: 10.66em;
}


#wsBranding a.wsBGBonn {
	background-image: url('../img/dachseite/bonn_bg.jpg');
	width: 10.75em;	
}


#wsBranding a.wsBGDortmund {
	background-image: url('../img/dachseite/dortmund_bg.jpg');
	width: 10.66em;
}


#wsBranding a.wsBGDuisburg {
	background-image: url('../img/dachseite/duisburg_bg.jpg');
	width: 10.75em;	
}


#wsBranding a.wsBGDuesseldorf {
	background-image: url('../img/dachseite/duesseldorf_bg.jpg');
	width: 10.66em;
}






#wsFooterDach a.wsBGKoeln {
	background-image: url('../img/dachseite/koeln_bg.jpg');
	width: 8.0625em;	
}

#wsFooterDach a.wsBGEssen {
	background-image: url('../img/dachseite/essen_bg.jpg');
	width: 8.0625em;		
}

#wsFooterDach a.wsBGMuenster {
	background-image: url('../img/dachseite/muenster_bg.jpg');
	width: 8.0625em;		
}

#wsFooterDach a.wsBGSiegen {
	background-image: url('../img/dachseite/siegen_bg.jpg');
	width: 8em;		
}

#wsFooterDach a.wsBGWuppertal {
	background-image: url('../img/dachseite/wuppertal_bg.jpg');
	width: 8.0625em;		
}


#menu a.p1, #menu a.p2, #menu a.p3, #menu a.p4, #menu a.p5, #menu a.p6, #menu a.p7, #menu a.p8 {
	position: absolute; 
	display: block;  
	color: #fff; 
	text-decoration: none;
}
#menu a.p1 img,
#menu a.p2 img,
#menu a.p3 img,
#menu a.p4 img,
#menu a.p5 img,
#menu a.p6 img,
#menu a.p7 img,
#menu a.p8 img,
#menu a.p9 img,
#menu a.p10 img,
#menu a.p11 img {
	top:0px; 
	left:0px;
	width: 0; 
	height: 0; 
	display:block; 
	position:absolute;
	border:0px; 
}


#menu a.p1:hover, 
#menu a.p2:hover, 
#menu a.p3:hover, 
#menu a.p4:hover, 
#menu a.p5:hover, 
#menu a.p6:hover, 
#menu a.p7:hover, 
#menu a.p8:hover,
#menu a.p9:hover, 
#menu a.p10:hover, 
#menu a.p11:hover { 
	background-color: transparent;


	border:0px;
}


#menu a.p1:hover img { 
	top: -36.5em; 
	left: -11.3em;
	width: 10.75em; 
	height: 6.7em; 
}

* + html #menu a.p1:hover img { 
	top: -36.45em;		
	height: 6.6em; 
}

/*Bielefeld */
#menu a.p2:hover img { 
	top: -15.55em; 
	left: -25.8em;
	width: 10.66em; 
	height: 6.7em; 	
}

* html #menu a.p2:hover img { 
	top: -15.5em;	
}

* + html #menu a.p2:hover img { 
	top: -15.4em;	
}

#menu a.p3:hover img { 
	top: -37.7em; 
	left: -0.05em;
	width: 10.75em; 
	height: 6.7em; 	
}

* + html #menu a.p3:hover img { 
	top: -37.6em;	
}

/* Duisburg */
#menu a.p4:hover img { 
	top: -25em; 
	left: 31.85em;
	width: 10.75em; 
	height: 6.66em; 		
}

* + html #menu a.p4:hover img { 
	top: -24.9em;
	height: 6.6em; 
}

/* Duesseldorf */
#menu a.p5:hover img { 
	top: -29em; 
	left: 43em;
	width: 10.66em; 
	height: 6.66em; 			
}

* + html #menu a.p5:hover img { 
	top: -28.9em; 	
	height: 6.6em; 
}

/* Dortmund */
#menu a.p6:hover img { 
	top: -24.35em; 
	left: 7.1em;
	width: 10.66em; 
	height: 6.7em;	
}

* + html #menu a.p6:hover img { 
	top: -24.25em;	
}

/* Essen */
#menu a.p7:hover img { 
	top: 20.7em; 
	left: -20.7em;
	width: 10.75em; 
	height: 6.66em; 	
}

* html #menu a.p7:hover img { 
	top: 20.75em; 	
}

* + html #menu a.p7:hover img { 
	top: 20.75em; 	
}

/* Köln */
#menu a.p8:hover img { 
	top: 12.45em; 
	left: -9.2em;
	width: 10.66em; 
	height: 6.66em;		
}

/* Muenster */
#menu a.p9:hover img { 
	top: 29.25em; 
	left: -5.36em;
	width: 10.75em; 
	height: 6.66em; 		
}

/* Siegen */
#menu a.p10:hover img { 
	top: 11.65em; 
	left: 1em;
	width: 10.66em; 
	height: 6.66em; 	
}

/* Wuppertal */
#menu a.p11:hover img { 
	top: 17.9em; 
	left: 20.85em;
	width: 10.75em; 
	height: 6.66em; 		
}






@media handheld {

#wsContentBGOuter {
        border: none;
        margin-top: 0;
}

#wsContentArea {
        font-size: 100%;
}
}