/*-----------------------------------------------------------------------*/
/*----- CSS Stadt Gelsenkirchen -----------------------------------------*/
/*-----------------------------------------------------------------------*/
		
/*-----------------------------------------------------------------------*/
/*----- Global genutzte Angaben -----------------------------------------*/
/*-----------------------------------------------------------------------*/


/*a {color: #000;text-decoration: none}*/
/*a:hover {text-decoration: underline}*/
/*li {list-style-type: none}*/
label{cursor: pointer;}
.breaker {clear: both}
.left {float: left}
.right {float: right;}
.invisible {display: none;}
.anzeige{margin-bottom: 10px;}
.bold{font-weight: bold;}
.top20px{margin-top: 20px;}
.hidden {display:none;}


body {
margin: 0px;
    color: #000;
   /* background: url(/cssimages/body_bg_2_.jpg) #fff;*/
background-color: #ffffff; 
    /*font: 11px Verdana, Arial, Helvetica, sans-serif*/
} 



/*-----------------------------------------------------------------------*/
/*----- Seitenaufbau ---------------------------------------------*/
/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/
/*----- Kopf mit Logo  -------------------------------------------*/
/*-----------------------------------------------------------------------*/

#newhead{
	width: 996px;
	height: 113px;
	border-right: 1px solid #0b3e99;
	background: url(../cssimages/bg_head.jpg) right top no-repeat #fff;
                font-size:;
}


#logo {
               background:url(../cssimages/logo_gelsenkirchen.jpg) left top no-repeat;
               height:113px;
}

#head img {
               margin:0px;

}
/* Kunst im öffentlichen Raum Kopf */
#newhead_kunst{
	width: 996px;
	height: 113px;
	border-right: 1px solid #0b3e99;
	background: url(../../../images/seitenkopf_kunst_46881.jpg) right top no-repeat #fff;
                font-size:;
}
/*-----------------------------------------------------------------------*/
/*----- Haupt und Unternavigation ---------------------------------------*/
/*-----------------------------------------------------------------------*/

#newnavigation{
	width: 996px;
	border-right: 1px solid #0b3e99 !important;
                border-right:0px;
                clear:both;
}
#main_navigation{
	width: 996px;
	height: 24px;
	line-height: 23px;
	border-top: 1px solid #fff;
                border-bottom:1px solid #0b3e99;
	background-color: #0b3e99;
}

#main_navigation ul {
               margin:0;
                padding:0;
}
#main_navigation ul, #main_navigation ul li{
	float: left;
}
#main_navigation ul li{
	border-right: 1px solid #fff;
                list-style-type:none;
}

#main_navigation ul li a:link, #main_navigation ul li a:visited {
	color: #fff;
	padding:5px 20px;
                font-weight:normal;
                font-size:11px;
}

#main_navigation ul li a:hover, #main_navigation ul li a:active{
	color: #0b3e99;
	background: #fff;
	text-decoration: none;
                font-weight:normal;
                font-size:11px;
}

#sub_navigation{
	color: #0b3e99;
	width: 996px;
	height: 19px;
	line-height: 19px;
	border-top: 0px solid #0b3e99;

}
#sub_navigation.sub{
	
}
#sub_navigation ul li, #sub_navigation img{
	display: inline;
	float: right;
}
#sub_navigation a img{
	padding: 2px 20px 0px 0px;
}

#sub_navigation ul li a:link, #sub_navigation ul li a:visited {
	color: #0b3e99;
	padding:0px 10px;
                font-size:11px;
                font-weight:normal;
}

#sub_navigation ul li a:hover, #sub_navigation ul li a:active {
	text-decoration:underline;
                font-size:11px;
                color: #0b3e99;
font-weight:normal;
}

/*-----------------------------------------------------------------------*/
/*----- Treemenü ---------------------------------------*/
/*-----------------------------------------------------------------------*/ 
#treemenu {
            width:167px;
            /*margin-left:-5px;*/
            font-size: 110%;
            background: #DDE9FF;
            border:1px solid #0b3e99;
            border-bottom:0px;
}
#treemenu p {
           color:#ffffff;
           background:#0b3e99;
           font-weight:bold;
           line-height: 14px;
           padding: 3px 0px 3px 5px;
           font-size:11px;
           margin-bottom:0px;
}
#treemenu p.treefirst {
           margin-top:20px;
           margin-bottom:0px;
}
#treemenu ul {
     list-style-type:none;     
     margin:0;
     padding:0; 
}
#treemenu li  {
            border-bottom:1px solid #0b3e99;
}
#treemenu a:link, #treemenu a:visited {
              text-decoration:none;
              display: block;
              width:90% !important;
              width:100%;
              line-height: 20px;
              padding:0 0 0 15px;
              background: url(../cssimages/square_2.gif) 5px 3px  no-repeat;
              color: #0b3e99;
              border-bottom:none;
              font-size:11px;
              font-weight:normal;
}

 

#treemenu a:hover, #treemenu a:active {
              text-decoration:none;
              background: url(../cssimages/arrow.gif) 5px 3px  no-repeat #C4D8FF;
              line-height: 20px;
              font-size:11px;
              font-weight:normal;
              color: #0b3e99;
              padding:0 0 0 15px;
              border-bottom:none;
}              



#subtreemenu {
              background:#C4D8FF;
              border-bottom:1px solid #0b3e99;
              font-size:11px;
}
#subtreemenu .pslink:link,
#subtreemenu .pslink:visited,
#subtreemenu .pslink:hover,
#subtreemenu .pslink:active {
               font-size:11px;
               text-decoration:none;
               color: #0b3e99;
                              
}

#subtreemenu a:link, #subtreemenu a:visited {
            padding-left: 15px;
            background: url(../cssimages/square_2.gif) 5px 3px  no-repeat;
            margin-left:7px;
           
}
#subtreemenu a:hover, #subtreemenu a:active{
            padding-left: 15px;
            background: url(../cssimages/arrow.gif) 5px 3px  no-repeat;
            text-decoration:underline;
          
}
/* Von den User einsetzbare CSS-Klassen*/
/*Diese Klassen können von den Anwendern über den Pansite-Editor verwendet werden*/
/*Die Definition der Klassen erfolgt über die Datei ??? innerhalb des Pansite-Programmordners*/
.ueberschrift_gross {
font-size: 14px;
font-family: verdana, arial, helvetica, sans-serif;
margin-bottom:10px;
color: #0b3e99;
}
.ueberschrift_klein {
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
margin-bottom:0px;
color: #0b3e99;
}
.ueberschrift_extra_klein {
font-size: 11px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:bold;
margin-bottom:0px;
padding-bottom:0px;
color: #000000;
}
.ueberschrift_container {
font-size: 11px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:bold;
margin-bottom:0px;
padding-bottom:0px;
color: #0b3e99;
}
.fliesstext {
font-size: 11px;
font-family:verdana, arial, helvetica, sans-serif;
margin-top: 2px;
padding-top:0px;
}
.fussnote {
font-size: 10px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:bold;
}
.zitat {
font-size: 11px;
font-family:verdana, arial, helvetica, sans-serif;
color:black;
font-style: italic
}
.listesymbol {
margin-top:0px;
padding-left:0px;
font-size:11px;
list-style-type: square;
font-weight:normal;
}
.listezahl {
font-size:11px;
list-style-type: decimal;
}
.grossbuchstaben {
text-transform: uppercase;
}
.tabelle_kopf_reihe {
font-size: 11px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:bold;
background-color:#0b3e99;
color:#ffffff;
}
 
.tabelle_gerade_reihe {
font-size: 11px;
font-family:verdana, arial, helvetica, sans-serif;
background-color:#f5f5f5;
color:#000000;
}
.tabelle_ungerade_reihe {
font-size: 11px;
font-family:verdana, arial, helvetica, sans-serif;
background-color:#d3d3d3;
color:#000000;
}
.tabelle_fuss_reihe {
font-size: 10px;
font-family:verdana, arial, helvetica, sans-serif;
background-color:#dcdcdc;
color:#000000;
}
.bild_rechts {
float:right;
margin-left:5px;
background:url() left top no-repeat;
padding-left:0px;
}
 
.bild_links {
float:left;
margin-right:5px;
}
 
/*Ende der von den User einsetzbare CSS-Klassen*/


/*Korrektur unerwünschter Nebenefekte*/
#maincontent .new_fliesstext a:link,
#maincontent .new_fliesstext a:visited,
#maincontent .new_fliesstext a:hover,
#maincontent .new_fliesstext a:active {
             font-weight: normal;
}
#maincontent ul.new_listesymbol a:link,
#maincontent ul.new_listesymbol a:visited,
#maincontent ul.new_listesymbol a:hover,
#maincontent ul.new_listesymbol a:active {
             font-weight: normal;
}


*----------------------------------------------------------------------------------------------------------------------------------*/
/*----Darstellung des inneren Bereiches ("Slots") auf den Eingangseiten der Hauptrubriken----*/
/*----------------------------------------------------------------------------------------------------------------------------------*/

#slots {
	height: auto;
              
}

#slots div {
	height: 110px;
	padding-top: 1px;
	background: url(../cssimages/line.jpg) left top no-repeat;
                font-family:verdana, arial, helvetica, sans-serif;
                font-size:11px;
}


#slots div img{
	float: left;
	margin-right: 10px;
                margin-top:5px;
                margin-bottom:5px;
}
#slots h2{
	font-size: 14px;
	line-height: 16px;
	margin: 10px 0px 2px 0px;
                color: #0b3e99;
                font-family: Verdana, Arial, Helvetica, sans-serif;
}

#slots h3 {
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0px 2px 0px;
                color: #0b3e99;
                font-weight:bold;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                
}

#slots div a {
	background: url(../cssimages/arrow.gif) left top no-repeat;
	color: #0b3e99;
	padding-left: 8px;
	margin-left: 2px;
}
#slots div.last{
	height: 1px;
	padding-top: 1px;
	background: url(../cssimages/line.jpg) left top no-repeat;
}

#slots span a {
	color: #0b3e99;
	background: url(../cssimages/square_1.gif) left no-repeat;
	font-size: 110%;
	line-height: 20px;
	padding-left: 12px;
}

/*-----------------------------------------------------------------------*/
/*----- OB-Kolumne ---------------------------------------*/
/*-----------------------------------------------------------------------*/	
		
#bbb_0_138 {
                background: url(../cssimages/bg_virtuell_1.gif) right repeat-y;
                  font: 11px Verdana, Arial, Helvetica, sans-serif
}

#bbb_0_139 {
                background: url(../cssimages/bg_virtuell_1.gif) right repeat-y;
                font: 11px Verdana, Arial, Helvetica, sans-serif;
width: 295px;

}

		
		
#ob_kolumne_main {
	line-height: 14px;
	padding: 0px 20px 0px 20px;

}
#ob_kolumne_main h2 {
	color: #0b3e99;
	font-size: 128%;
                line-height:20px;
	margin: 20px 0px 10px 0px;

}

#ob_kolumne_main h3 {
                 font-size:110%;
                 padding-top:10px;
                 color:#0b3e99;
                 margin-bottom:3px;
}



#ob_kolumne_main h2.h2top {
                margin: 0px 0px 10px 0px;
}

#ob_kolumne_main span{
	padding-bottom: 10px;
	display: block;
}

#ob_kolumne_main ul {
                list-style-type:none;
                margin:0;
}

#ob_kolumne_main ul li {
                margin-left:0px;
}

#ob_kolumne_main p {
	padding-bottom: 10px;
}
#ob_kolumne_main p a {
	background: url(../cssimages/arrow.gif) left top no-repeat;
	color: #0b3e99;
	padding-left: 8px;
}

#ob_kolumne_menu {
            font-size: 110%;
}

#ob_kolumne_menu a:link, #ob_kolumne_menu a:visited {
              text-decoration:none;
              line-height: 20px;
              padding-left: 15px;
              background: url(../cssimages/square_2.gif) 1px 0px  no-repeat;
              color: #0b3e99;
}

#ob_kolumne_menu a:hover, #ob_kolumne_menu a:active {
              background: url(../cssimages/arrow.gif) 0px 1px  no-repeat;
              text-decoration:underline;
}

/* set millions of background images */
.obroundbox { background: url(images/obnt2.jpg) right top repeat; margin-top:36px;}
.obtop div { background: url(images/obtl2.jpg) no-repeat top left; }
.obtop { background: url(images/obtr2.jpg) no-repeat top right; }
.obbot div { background: url(images/obbl2.jpg) no-repeat bottom left; }
.obbot { background: url(images/obbr2.jpg) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.obtop div, .obtop, .obbot div, .obbot {
width: 100%;
height: 7px;
font-size: 1px;
}

.obbot div, .obbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.obcontent { margin: 0 0px; padding: 0px 5px 0px 10px; border-left:1px solid #dfdfdf;}
.obroundbox { width:100%; /*margin: 1em auto;*/ }	

.obcontent img {margin-right:3px;}


.dikaabisz td {
         }

.dikaabisz a:link, .dikaabisz a:visited{
         border:1px solid #dfdfdf;
         display:block;
         background:#ffffff;
         color: #0b3e99;
         text-decoration:none;
         font-weight:normal;
}

.dikaabisz a:hover, .dikaabisz a:active{
         border:1px solid #0b3e99;
         display:block;
         background:#0b3e99;
         color: #ffffff;
         text-decoration:none;
         font-weight:normal;
}

.dikaabisz td {
         }

.dikaabisz2 a:link, .dikaabisz2 a:visited{
         border:1px solid #dfdfdf;
         display:block;
         background:#FeFeFe;
         color: #0b3e99;
         text-decoration:none;
         font-weight:normal;
}

.dikaabisz2 a:hover, .dikaabisz2 a:active{
         border:1px solid #0b3e99;
         display:block;
         background:#0b3e99;
         color: #ffffff;
         text-decoration:none;
         font-weight:normal;
}
	
		
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/




#content a:link,
#content a:visited,
#content a:hover,
#content a:active {
text-decoration:none;
font-family: verdana, arial, helvetica, sans-serif;
}






#sitemapliste {
              background:#ffffff;
              border-bottom:0px solid #0b3e99;
              font-size:11px;
              font-weight:normal;
}

#sitemapliste .pslink:link,
#sitemapliste .pslink:visited,
#sitemapliste .pslink:hover,
#sitemapliste .pslink:active {
               font-size:11px;
               text-decoration:none;
               color: #0b3e99;
               font-weight:normal;
               line-height:20px;
                              
}


#sitemapliste a:link, #sitemapliste a:visited {
            padding-left: 15px;
            background: url(../cssimages/square_2.gif)  5px 0px no-repeat;
            text-decoration:none;
            margin-left:7px;
           
}

#sitemapliste a:hover, #sitemapliste a:active{
            padding-left: 15px;
            background: url(../cssimages/arrow.gif)  5px 0px no-repeat;
            text-decoration:none;
            margin-left:7px;
          
}

/*------------------------------------------------------------*/
/*--News wie PresseInfo, SportNews etc----*/
/*------------------------------------------------------------*/

#news{
	width: 182px;
	margin: 0px;´
                padding:0px;
                border:1px solid #0b3e99; 
                background:#f0f0f0;
                font-family:verdana, arial, helvetica, sans-serif;
                font-size:11px;
}

#news p {margin:0px;}

#news img {
               margin:0px;
               padding:0px;
}
#news span, #news ul, #news ul li{
	float: left;
	color: #666;
}
#news ul li a{
	padding-left: 5px;
	color: #666;
}

#news h2 {
	font-size: 12px;
	background: #0b3e99;
                color:#ffffff;
	font-weight: bold;
                margin: 0px

}
#news div {
	background: url(../cssimages/line_sub.jpg) left bottom no-repeat;
	padding-top: 5px;
                padding-bottom:5px;
                margin: 0px 2px 5px 2px;
}
#news div span.datum {
	clear: both;
	display:block;
	color:#0b3e99;
	padding-top: 5px;
}
#news div h3 {
	font-size: 110%;
	color:#0b3e99;
	display: block;
	clear: both;
	}
#news div a {
	background: url(../cssimages/arrow.gif) left top no-repeat;
	color: #0b3e99;
	padding-left: 8px;
	margin-left: 2px;
}
#news div.last{
	height: 1px;
	padding-top: 1px;
	background: url() left top no-repeat;
}
#news span a {
	color:#0b3e99;
	background: url(../cssimages/square_1.gif) left no-repeat;
	font-size: 110%;
	line-height: 20px;
	padding-left: 12px;
}


/*-------------------------------------------------------*/
/*------Stadtporträt--------------------------------*/

#city {
	height: auto;
              
}

#city div {
	height: 200px;
	padding-top: 1px;
	background: url(../cssimages/line.jpg) left top no-repeat;
                font-family:verdana, arial, helvetica, sans-serif;
                font-size:11px;
}


#city div img{
	float: left;
	margin-right: 10px;
                margin-top:5px;
                margin-bottom:5px;
}
#city h2{
	font-size: 14px;
	line-height: 16px;
	margin: 10px 0px 2px 0px;
                color: #0b3e99;
                font-family: Verdana, Arial, Helvetica, sans-serif;
}

#city h3 {
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0px 2px 0px;
                color: #0b3e99;
                font-weight:bold;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                
}

#city div a {
	background: url(../cssimages/arrow.gif) left top no-repeat;
	color: #0b3e99;
	padding-left: 8px;
	margin-left: 2px;
}
#city div.last{
	height: 1px;
	padding-top: 1px;
	background: url(../cssimages/line.jpg) left top no-repeat;
}

#city span a {
	color: #0b3e99;
	background: url(../cssimages/square_1.gif) left no-repeat;
	font-size: 110%;
	line-height: 20px;
	padding-left: 12px;
}