/*
#####################################################
## Sportland NRW                                   ##
## CSS-Formate fuer Ausgabe auf Monitoren          ##
## (C) Webworker GmbH - 2006                       ##
#####################################################
*/



/*
#####################################################
## Workarounds                                     ##
#####################################################
*/

/* Guillotine-Bug                                  */

#guihack
{
clear: both;
visibility: hidden;
}

/* 3-Pixel-Bug bei floatenden Spalten              
   vor IE verstecken */

* html div#content
{
    height: 1em;
}
/* Verstecken Ende */

/* Cursorform fuer Formularbuttons                  */

@media screen
{
  .button,
  .formbutton
  {
  cursor: pointer;
  }
}


/* Ueberfluessigen Leerraum bei Formularen entfernen */

form
{
margin: 0px;
padding: 0px;
border: 0px;
vertical-align: bottom;
}


/*
#####################################################
## Markup                                          ##
#####################################################
*/

/* Global alle Raender aus */

html,body
{
margin: 0em;
padding: 0em;
}

/* Global alle Bildrahmen aus */

img
{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

/* Globale Schriftfestlegungen */

body
{
  font-family: arial,helvetica,sans-serif;
  font-size: 83%;


*font-size: 80%;
  line-height: 150%;


*line-height: 151%;
  text-align: left;
}

#alles
{
  position: static;
  width: 966px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  float: none;
  overflow: hidden;
  background-image: url("../images/chrome/hintergrund.gif");
  background-repeat: repeat-y;
}


hr
{
height: 1px;
color: #ff0000;
}

/* Globale Einstellungen fuer Tabellen */

table,
thead,
tbody,
th,
tr,
td
{
border: 0px;
border-collapse: collapse;
}

th,
td
{
margin: 0px;
padding: 4px;
line-height: normal;
}

th p,
td p,
th.MsoNormal
{
padding: 0px;
margin: 0px;
line-height: normal;
}

caption
{
text-align: left;
font-weight: bold;
}

/* Fliesstext */

p
{

*margin: 0.9em 0em;
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 1.6em;
  margin-left: 0em;
}

/* Ueberschriften */

h1,h2,h3,h4,h5,h6
{
margin: 1.4em 0em 0.8em 0em;
line-height: normal;
}

h1,h2
{
font-weight: normal;
}

h1
{
font-size: 1.2em;
font-weight: bold;
color: #679623;
}

h2
{
font-size: 1.2em;
*font-size: 1.3em;
color: #666666;
}

h3,h4,h5,h6
{
font-size: 1.0em;
}

/* H1 am Spaltenbeginn */

h1:first-child
{
margin-top: 0em;
}

/* Wenn H1 und H2 direkt aufeinanderfolgen */

div.headgroup
{
margin-bottom: 1.6em;
}

div.headgroup>h1
{
margin-top: 0em;
margin-bottom: 0em;
}

h1+h2
{
margin-top: 0em;
margin-bottom: 0em;
}

/* Aua - IE ist zu doof fuer first-child
   und auch fuer verschachtelte Selektoren */

*h1.first
{
margin-top: 0em;
margin-bottom: 0em;
}

*h2.second
{
margin-top: 0.3em;
margin-bottom: 0em;
}

/* H1 fuer Homepage */

#contenthp h1
{
font-size: 1.0em;
font-weight: bold;
}

/* Datum fuer News */
#content dd
{
margin-left: 0px;
padding-left: 0px;
}

/* Listen im Fliesstext */

ul,
ul ul,
ul ul ul,
ul ul ul ul
{
padding-left: 0px;
margin-left: 1.4em;
list-style-image: url("../images/chrome/li_mz.gif");
*list-style-image: url("../images/chrome/li_ie.gif");
vertical-align: bottom;
}

/* Globales Aussehen von Links */

a:link,
a:visited,
a:hover,
a:active,
a:focus
{
text-decoration: none;
}

a:link,
a:active
{
color: #ff0000;
}

a:visited
{
color: #ff0000;
}

a:hover, a:focus {
color: #ffffff;
background-color: #ff0000;
}
a:link img, a:active img, a:hover img , a:focus img{
  color: #ffffff;
  background-color: none!important;
}


/* Linkeffekte fuer Logos aus */

#nrwlogo a:link,
#nrwlogo a:visited,
#nrwlogo a:hover,
#nrwlogo a:active,
#nrwlogo a:focus
{
text-decoration: none;
background-color: transparent;
}

/* Formulare */

/* Mailformular */

#centercol input,
#centercol select,
#centercol textarea
{
margin-top: 3px;
margin-bottom: 12px;
width: 400px;
border: 1px solid #ABA300;
background-color: #EEEDCC;
font-family: arial,helvetica,sans-serif;
}

#centercol input
{
height: 1.4em;
}

#centercol textarea
{
height: 6em;
font-size: 100%;
}

#centercol select:focus,
#centercol textarea:focus,
#centercol input:focus
{
background-color: #ffffff;
border: 1px solid #ff0000;
}

/* Beschriftung */

#centercol div.csc-mailform-field label
{
display: block;
width: 100px;
}

/*
#####################################################
## Layout                                          ##
#####################################################
*/

#nrwlogo
{
  width: 962px;
  min-height: 49px;
  margin-bottom: 0px;
  background-color: #FFF;
  padding: 16px 0px 12px 0px;
  _padding: 16px 0px 0px 0px;
  *padding: 16px 0px 12px 0px;
}

#nrwlogo img
{
float: right;
}

#nrwlogo object
{
position: relative;
left: 0px;
top: 21px;
}

#kopfmenu 
{
}

#service
{
  width: 962px;
  height: 22px;
  min-height: 22px;
  margin: 0px;
  padding: 0px;
  background-color: #858688;
  float: left;
}
#service ul {
}


.service
{
height: 22px;
min-height: 22px;
height: 22px;
float: left;
padding: 0px;
margin: 0px;
}

#serviceright
{
display: table-cell;
float: right;
padding-top: 1px;
_padding-top: 2px;
padding-right: 12px;
font-size: 12px;
}

#leftcol
{
float: left;
width: 216px;
background-color: #eeedcc;
}

#leftimg
{
width: 216px;
height: 78px;
background-color: #aba300;
}

#leftsearch
{
  width: 184px;
  _width: 184px;
  height: 27px;
  padding-left: 32px;
  padding-top: 5px;
  background-color: #d1cd73;
}

#leftsearch input
{
width: 110px;
height: 14px;
font-size: 9px;
padding-left: 4px;
background-color: #ffffff;
border: 1px solid #7e7900;
vertical-align: middle;
}

#leftsearch .button
{
width: 46px;
font-size: 12px;
text-align: left;
font-weight: bold;
color: #7e7900;
background-color: transparent;
border: 0px;
}

#leftmenu
{
width: 200px;
background-color: #eeedcc;
}

#main
{
float: left;
width: 746px;
}

#centercolhp
{
float: left;
width: 510px;
}

#centercol
{
	float: left;
	width: 510px;
}

#centerimghp
{
width: 510px;
height: 160px;
background-color: #aba300;
}

#centerimg
{
width: 510px;
height: 110px;
background-color: #aba300;
}

#breadcrumbs
{
width: 478px;
font-size: 80%;
margin: 4px 16px 4px 16px;
color: #7e7900;
border-bottom: 1px solid #ff0000;
}

#contenthp,
#fusszeilehp
{
width: 478px;
background-color: #fafaf5;
}

#content
{
	float: left;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 24px;
	padding-left: 16px;
	clear: left;
	width: 478px;
	background-color: #fafaf5;
}


#fusszeile
{
	background-color: #fafaf5;
	width: 460px;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 24px;
	padding-left: 16px;
	clear: left;
	float: left;
}

#fusszeilehp
{
padding: 12px 16px 24px 16px;
}
#fusszeile #top {
	float: left;
}

#fusszeile #weiterempfehlen {
	float: right;

}


#contenthp
{
padding: 32px 16px 24px 16px;
}

#rightcol
{
float: right;
width: 232px;
margin-right: 4px;
_margin-right: 0px;
height: 100%;
min-height: 100%;
}

#rightcolhp
{
float: right;
width: 232px;
margin-right: 4px;
_margin-right: 0px;
height: 100%;
min-height: 100%;
}

#rightimg
{
width: 236px;
height: 160px;
background-color: #858688;
}

#rightimghp
{
width: 236px;
height: 160px;
background-color: #858688;
}

#rightmenu,
#relcontstart
{
width: 236px;
padding-right: 16px;
}

#relcont,
#relconthp
{
width: 184px;
padding: 24px 24px 24px 24px;
}

#rightmenu p
{
margin: 0px;
padding: 12px;
}

#relcont p,
#relconthp p
{
margin: 0px;
padding: 4px 0px;
line-height: normal;
}

#relcont .boxpad0,
#relconthp .boxpad0
{
width: 184px;
padding: 0px;
margin-top: 24px;
background-color: #ffffff;
}

.bgtransparent
{
background-color: transparent !important;
}

#relcont .boxpad16,
#relconthp .boxpad16
{
font-size: 90%;
width: 160px;
padding: 12px;
margin-top: 12px;
background-color: #e2dfa6;
}

#relcont .boxpad0 h1,
#relcont .boxpad16 h1,
#relconthp .boxpad0 h1,
#relconthp .boxpad16 h1
{
margin-bottom: 0px !important;
}

#relcont .boxpad0 p,
#relcont .boxpad16 p,
#relconthp .boxpad0 p,
#relconthp .boxpad16 p
{
font-size: 95%;
margin-top: 0px !important;
margin-bottom: 0px !important;
}

#relcont .boxpad0 img,
#relcont .boxpad16 img,
#relconthp .boxpad0 img,
#relconthp .boxpad16 img
{
margin-top: 6px !important;
}

#relcont>div:first-child,
#relconthp>div:first-child
{
margin-top: 0px;
}

#relcont h1,h2,h3,h4,h5,h6,
#relconthp h1,h2,h3,h4,h5,h6
{
font-size: 1em;
font-weight: bold;
color: #679623;
}


/* Alleinstehende Bilder ohne Blitzer im IE */

#leftimghp img,
#leftimg img,
#centerimghp img,
#centerimg img,
#rightimghp img,
#rightimg img
{
vertical-align: bottom;
}

/*
#####################################################
## Listen                                          ##
#####################################################
*/

/* Servicenavigation links */

#service ul
{
width: auto;
list-style-type: none;
/* display: table-cell;
_float: left; */
margin-left: 0px;
display: inline;
}

#service ul li
{
display: table-cell;
float: left;
height: 22px;
padding: 0px;
margin: 0px;
}

/* Links der Servicenavigation */

#service a,
#service li a
{
color: #ffffff;
}

#service li a
{
height: 22px;
padding: 0px 6px;
vertical-align: middle;
_vertical-align: bottom;
font-size: 12px;
}

#service a:hover,
#service a:active,
#service li a:hover,
#service li a:active
{
background-color: transparent;
text-decoration: underline;
}

/* Hauptnavigation */

#leftmenu ul
{
list-style-type: none;
_padding-top: 12px;
padding-left: 14px;
}

#leftmenu ul ul
{
padding-top: 0px;
padding-left: 0px;
margin-left: 0px;
}

#leftmenu ul li
{
  list-style-image: url("../images/chrome/li_menu_mz.gif");

*list-style-image: url("../images/chrome/li_menu_ie.gif");
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 110%;
}

#leftmenu ul li a
{
color: #7e7900;
}

#leftmenu ul li a:hover,
#leftmenu ul li a:active,
#leftmenu ul li a:focus,
#leftmenu ul li a.fokus
{
color: #ff0000;
font-weight: normal !important;
background-color: transparent;
}

#leftmenu ul ul li
{
list-style-image: none;
padding-top: 3px;
padding-bottom: 3px;
}
#leftmenu ul ul ul li    {
  margin-left: 12px;
}


#leftmenu ul ul li a
{
color: #aea300;
}

#leftmenu ul ul li a:hover,
#leftmenu ul ul li a:active,
#leftmenu ul ul li a:focus,
#leftmenu ul ul li a.fokus
{
color: #ff0000;
font-weight: normal !important;
background-color: transparent;
}

/* Breadcrumbs als Liste */

#breadcrumbs>span
{
display: inline;
vertical-align: baseline;
}

#breadcrumbs ul
{
display: inline;
list-style-type: none;
vertical-align: baseline;
}

#breadcrumbs ul li
{
display: inline;
background-image: url("../images/chrome/li_bc.gif");
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 8px;
padding-right: 4px;
}

#breadcrumbs li a
{
color: #7e7900;
}


#breadcrumbs a:hover,
#breadcrumbs a:active,
#breadcrumbs li a:hover,
#breadcrumbs li a:active
{
background-color: transparent;
text-decoration: underline;
}

#breadcrumbs li.first
{
background-image: none;
margin-left: -12px;
padding-left: 0px;
}


/* Linklisten im Content */

#contenthp ul li,
#content ul li
{
list-style-image: url("../images/chrome/li_menu_mz.gif");
*list-style-image: url("../images/chrome/li_menu_ie.gif");
}

/* Rechte Navigation HP */

#rightmenu ul
{
list-style-type: none;
margin-top: 0px;
padding-top: 12px;
padding-left: 52px;
_padding-left: 53px;
padding-bottom: 12px;
}

#rightmenu ul li
{
list-style-image: url("../images/chrome/li_menu_mz.gif");
*list-style-image: url("../images/chrome/li_menu_ie.gif");
padding-top: 3px;
padding-bottom: 3px;
}

#rightmenu ul li a
{
color: #7e7900;
}

#rightmenu ul li a:hover,
#rightmenu ul li a:active,
#rightmenu ul li a:focus
{
color: #ff0000;
font-weight: bold;
background-color: transparent;
}

/* Listenelement fuer Fusszeile */

#fusszeilehp p,
#fusszeile p
{
display: list-item;
list-style-image: url("../images/chrome/li_menu_mz.gif");
*list-style-image: url("../images/chrome/li_menu_ie.gif");

}


/*
#####################################################
## Extras                                          ##
#####################################################
*/

/* Abstaende aussen */

.ml6
{
margin-left: 6px;
}

/* Abstaende innen */

.pl6
{
padding-left: 6px;
}

/* Relative Positionen */

/* Vertikal */

/* Mitte */

.vm
{
vertical-align: middle;
}

.bu
{
font-size: 80%;
font-weight: bold;
line-height: normal;
padding-top: 0.5em;
color: #ff0000;
}

/* Display Block fuer Flash-Filme */

.tx-flvplayer-pi1
{
display: block;
width: 100%;
clear: both;
}

/* Klasse clear */

.cl
{
clear: left;
}






/*
#####################################################
## Farben                                          ##
#####################################################
*/

/* Abstaende aussen */

.dkgrey
{
background-color: #707072;
}

/* Abstaende innen */

.mdgrey
{
background-color: #858688;
}

.ltgrey
{
background-color: #9b9c9c;
}





/*#####################################################
## Newsliste - damit Datum, teasertext und mehr-link in einer zeile stehen
#####################################################*/

#newsliste p {
  display: inline;
}

#newsliste a {
  margin-bottom: 1em;
}

#newsliste hr {
  background-color: #ABA300;
  color: #ABA300;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: #ABA300;
}

.newsitem
{
width: 43%;
*width: 46%;
_width: 42%;
padding: 6px;
margin: 12px 12px 0px 0px;
background: #f9f7e5;
float: left;
}

.newsitem h2,
.newsitem p
{
margin-top: 0px;
}
#newsliste h2  {
  margin-top: 0px;
  padding-top: 0px;
}

#newsliste .rechts {
  float: right;
  margin-left: 6px;
}
#newsliste .teaser     {
  float: left;
  width: 100%;
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 6px;
  margin-left: 0px;
}

/*############ Google-Maps-Infobox */
.tx_lumogooglemaps_pi1_infobox img 
{
float: left;
padding-right: 4px;
}
#content .tx-lumogooglemaps-pi1    input{
  width: 250px;
}


/* Formularfelder fuer E-Cards */

.ecard_fieldwidth
{
width: 200px !important;
}

.tx-srsendcard-pi1-submit
{
width: auto !important;
height: auto !important;
font-size: 100% !important;
}

#tx-srsendcard-pi1-color-selector-tx-srsendcard-pi1-bgcolor input,
#tx-srsendcard-pi1-color-selector-tx-srsendcard-pi1-fontcolor input,
#tx-srsendcard-pi1-color-selector-tx-srsendcard-pi1-bgcolor select,
#tx-srsendcard-pi1-color-selector-tx-srsendcard-pi1-fontcolor select,
#tx-srsendcard-pi1-color-selector-tx-srsendcard-pi1-bgcolor textarea,
#tx-srsendcard-pi1-color-selector-tx-srsendcard-pi1-fontcolor textarea
{
  margin-top: 3px;
  margin-bottom: 12px;
  width: auto !important;
  border: 0px;
  background-color: transparent !important;
  font-family: arial, helvetica, sans-serif;
  color: #000;
}

#tx-srsendcard-pi1-color-selector-tx-srsendcard-pi1-bgcolor li,
#tx-srsendcard-pi1-color-selector-tx-srsendcard-pi1-fontcolor li
{
list-style-image: url("../images/chrome/blank.gif") !important;
list-style-type: none !important;
}
#alles #main #centercol #content .tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form .tx-srsendcard-pi1-card-form-wrap form {
  background-color: #FAFAF5;
}

#alles #main #centercol #content .tx-srsendcard-pi1 select,
#alles #main #centercol #content .tx-srsendcard-pi1 textarea,
#alles #main #centercol #content .tx-srsendcard-pi1 input {
  color: #000;
}
#alles #main #centercol #content .tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form .tx-srsendcard-pi1-card-form-wrap form .tx-srsendcard-pi1-no-border div .tx-srsendcard-pi1-submit {
  color: #000;
}


/* E-Cards */
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form form {
  text-align: left;
  margin: 0 auto;
  border-style: none;
  width: 35em;
}



#tx_srsendcard_pi1_card_music {
  width: 200px!important;
}

.tx-srsendcard-pi1 fieldset {
  margin-top: 0.5em;
  margin-right: 0%;
  margin-bottom: 0.5em;
  margin-left: 0%;
  padding-left: 6px;
}
.tx-srsendcard-pi1 ul.tx-srsendcard-pi1-color-selector li,
.tx-srsendcard-pi1 ul.tx-srsendcard-pi1-color-selector li label,
.tx-srsendcard-pi1 ul.tx-srsendcard-pi1-color-selector li label.tx-srsendcard-pi1-transparent {
  width: 3em;
}



/*Glossar / Lexikon-Erweiterung */
.tx-sgglossary-pi1 ul
{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.tx-sgglossary-pi1 li 
{
}

/* Kalendertabelle */

.calendar-table
{
width: 184px;
font-size: 90%;
padding: 12px;
background-color: #e2dfa6;
}

.calendar-table th,
.calendar-table td
{
text-align: center;
padding: 2px 0px;
}

.calendar-table th
{
border-top: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
}

.calendar-table .linked_today_nolink
{
background-color: #aba300;
padding: 1px;
}

.calendar-table .linked_day
{
background-color: #ff0000;
padding: 1px;
}

.links {
  float: left;
  margin-right: 10px;
  margin-bottom: 3px;
  padding: 0px;
  margin-top: 3px;
  margin-left: 0px;
}#tipafriend form .tx-your-extension-id-pi1-captcha .tx-srfreecap-pi2-image-accessible {
  height: 32px;
  width: 32px;
}
#content .zweispalten {
  clear: left;
  float: left;
  width: 100%;
}
#content .zweispalten .spalte1 {
  float: left;
  width: 49%;
}

#content .zweispalten .spalte2 {
  float: right;
  width: 49%;
}
#content .dreispalten {
  clear: left;
  width: 100%;
  float: left;
}
#content .dreispalten .spalte1 {
  float: left;
  width: 155px;
}
#content .dreispalten .spalte2 {
  width: 155px;
  float: left;
  margin-left: 5px;
}
#content .dreispalten .spalte3 {
  width: 155px;
  float: left;
  margin-left: 5px;
}


.align-left { text-align: left!important; }
.align-right { text-align: right!important; }
.align-center { text-align: center!important; }
.align-justify { text-align: justify!important; }

DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 0px; }


.tx-wwmnogosearchextended-pi1 input {
	clear: left!important;
	float: none!important;
	display: block!important;
	margin-bottom: 0px!important;
}
.tx-wwmnogosearchextended-pi1 .searchform form #extended_mnogo_searchform label {
	margin-right: 6px;
}
.tx-wwmnogosearchextended-pi1 a.internal-link {
	color: #F00;
}
.tx-wwmnogosearchextended-pi1 a:hover.internal-link {
	color: #FFF!important;
	background-color: #F00!important;
}

.tx-wwmnogosearchextended-pi1 .searchform form label {
	clear: left;
	float: left;
}
.tx-wwmnogosearchextended-pi1 .searchform form #searchphrase {
	clear: right;
}
.tx-wwmnogosearchextended-pi1 .searchform form #extended_mnogo_searchform #searcharea {
	width: 200px;
}
.mnogosearch_highlight_searchphrase_desc {
	background-color: #EEEDCC !important;
	display: inline-block !important;
	font-weight: normal !important;
	padding: 0 2px !important;
	font-style: italic;
}