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



/*
#####################################################
## 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;
}

html
{
width: auto
margin: 0px;
}


body
{
width: auto;
margin: 0px auto 0px auto;
}

/* Global alle Bildrahmen aus */

img
{
border: 0px;
padding: 0px;
margin: 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;
}

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: 0em;
*margin: 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.8em;
color: #679623;
}

/* H1 fuer Homepage */

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

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;
}

/* 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: #7e7900;
}

a:hover,
a:focus
{
color: #ffffff;
background-color: #ff0000;
}

/* 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                                          ##
#####################################################
*/

/* ## Block- und Inline-Elemente fuer alle Seiten  ## */

#nrwlogo
{
display: none;
}

#kopfmenu {
display: none;
}

#service
{
display: none;
}

.service
{
display: none;
}

#serviceright
{
display: none;
}

#leftcol
{
display: none;
}

#leftimg
{
display: none;
}

#leftsearch
{
display: none;
}


#leftmenu
{
display: none;
}

#main
{
float: none;
width: auto;
}

/* ## Block- und Inline-Elemente fuer Homepage ## */

#centercolhp
{
float: none;
width: auto;
}

#centerimghp
{
display: none;
}

#contenthp,
#fusszeilehp
{
width: auto;
background-color: #ffffff;
}

#contenthp
{
padding: 0px;
}

#fusszeilehp
{
display: none;
}

#rightcolhp
{
display: none;
}

#rightimghp
{
display: none;
}

#rightmenu,
#relcontstart
{
display: none;
}

/* ## Block- und Inline-Elemente fuer Innenseiten ## */

#centercol
{
float: none;
width: auto;
}

#centerimg
{
display: none;
}

#breadcrumbs
{
display: none;
}

#content,
#fusszeile
{
width: auto;
background-color: #fafaf5;
}

#content
{
padding: 0px;
}
#fusszeile
{
display: none;
}

#rightcol
{
display: none;
}

#rightimg
{
display: none;
}

#relcont
{
display: none;
}



/* Alleinstehende Bilder ohne Blitzer im IE */

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

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



/* 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");
}



/*
#####################################################
## 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: #ffffff;
}

/* Abstaende innen */

.mdgrey
{
background-color: #ffffff;
}

.ltgrey
{
background-color: #ffffff;
}





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

#newsliste p {
	display: inline;
}

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

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

.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;
}


/*############ 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;
}

#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;
}

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