/* Type CSS rules here and they will be applied
to pages from 'sportpark.unitzwo.de'
immediately as long as you keep this window open. */

/**** LINK-tag style sheet basic.css ****/

/**** LINK-tag style sheet basic.css ****/


@media screen 
{

*
{
font-family: Verdana, Helvetica, sans-serif;
line-height: 160%;
}

body
{
background: #f5a100;
margin: 0;
padding: 0;
font-size: 65%;
}

#base
{
width: 846px;
margin: 0;
padding: 0;
font-size: 1.1em;
}

h1  
{
font-size: 1.2em;
padding: 0;
margin: 0;
color: #1e3f9c;
}
h2  
{
font-size: 1.1em;
padding: 0;
margin: 0;
color: #8EBBFF;
}
h3  
{
font-size: 1em;
padding: 0;
margin: 0;
color:#1E3F9C;
}
ul  
{
list-style: none outside;
padding: 0;
margin: 0;
}
p,
div, 
br 
{
padding: 0;
margin: 0;
}

br 
{
line-height: 0;
display: block;
}

a 
{
text-decoration: none;
}
a:hover 
{
text-decoration: underline;
}

/* Der allgemeine Aufbau (Struktur der Seite)*/

#navi 
{
float: left;
width: 220px;
margin: 0;
padding: 0;
}

#navi h1  
{
padding: 5px 25px;
margin: 0;
color: #fff;
background: #103f9c;
font-size: 1em;
}

#main 
{
float: left;
width: 624px;
margin: 0;
padding: 0;
background-color: #fff;
border-left: 1px solid #fff;
border-right: 1px solid #999693;
}
/* + linke seite + */

/* Service Navigation */

#serviceNavi
{
clear: both;
}

#serviceNavi ul 
{
float: left;
width: 100%;
background: #f6f3f0;
border-bottom: 1px solid #e9e6e3;
text-align: center;
}

#serviceNavi ul li 
{
float: left;
width: 33%;
}

#serviceNavi ul li a 
{
color: #000;
display: block;
text-decoration: none;
padding: 4px 0;
}

#serviceNavi a:hover 
{
color: #1e3f9c;
}

/* logo */

#logo 
{
clear: both;
padding: 30px 0;
margin: 0;
text-align: center;
background-color: #fff;
}
#logo img 
{
border-width: 0;
}

/* + Menue links + */


.menue
{
background: #f8b940;
clear: both;
margin: 0;
padding: 0;
border-bottom: 1px solid #fff;
}
/* + Menue hauptebene + */

#navi .menue h1  
{
background: #f5a100;
color: #fff;
border-bottom: 1px solid #999693;
}

/*Untermenues farben festlegen und erstmal ausschalten */

.menue ul.level2
{
display: none;
background: #ffdf9f;
}

.menue ul.level3
{
display: none;
background: #ffedc9;
}

.menue ul li
{
display: inline;
padding: 0;
margin: 0;
}

.menue a
{
display: block;
clear: both;
color: #000;
text-decoration: none;
padding: 5px 0;
}
.menue a:hover
{
text-decoration: none;
}

.menue a.menueLevel1
{
display: block;
padding-left: 25px;
font-weight: bold;
border-top: 1px solid #fff;
}

.menue a.menueLevel1:hover  
{
background-color: #f8d288;
color: #1e3f9c;
}

.menue a.menueLevel2
{
border-top: 1px solid #fff;
padding-left: 35px;
font-weight: normal;
}

.menue a.menueLevel2:hover
{
background-color: #f8d288;
color: #1e3f9c;
}

.menue a.menueLevel3
{
border-top: 1px solid #f8d288;
padding-left: 45px;
font-weight: normal;
}
.menue a.menueLevel3:hover
{
background-color: #f8d288;
color: #1e3f9c;
}

/* ++ menue Steuerung ueber classes ++ */

/*aktive anzeigen: m-me komboination des hauptmenuepunktes*/

.m1 .menue .me1 a.menueLevel1, 
.m2 .menue .me2 a.menueLevel1, 
.m3 .menue .me3 a.menueLevel1,
.m4 .menue .me4 a.menueLevel1, 
.m5 .menue .me5 a.menueLevel1,
.m6 .menue .me6 a.menueLevel1,
.m7 .menue .me7 a.menueLevel1,
.m8 .menue .me8 a.menueLevel1,
.m9 .menue .me9 a.menueLevel1
{
background-color: #f8d288;
font-weight: bold;
color: #1e3f9c;
}
/*bei entsprechenden Seiten Untermenue 1 ebene=level1 wieder einschalten*/
.m1 .menue .me1 ul.level2, 
.m2 .menue .me2 ul.level2, 
.m3 .menue .me3 ul.level2,
.m4 .menue .me4 ul.level2, 
.m5 .menue .me5 ul.level2,
.m6 .menue .me6 ul.level2,
.m7 .menue .me7 ul.level2,
.m8 .menue .me8 ul.level2,
.m9 .menue .me9 ul.level2
{
display: block;
}

/*aktive anzeigen: sm-sme kombination des submenuepunktes*/
.sm1 .menue .sme1 a.menueLevel2,
.sm2 .menue .sme2 a.menueLevel2,
.sm3 .menue .sme3 a.menueLevel2,
.sm4 .menue .sme4 a.menueLevel2,
.sm5 .menue .sme5 a.menueLevel2,
.sm6 .menue .sme6 a.menueLevel2,
.sm7 .menue .sme7 a.menueLevel2,
.sm8 .menue .sme8 a.menueLevel2,
.sm9 .menue .sme9 a.menueLevel2,
.sm10 .menue .sme10 a.menueLevel2
{
color: #1e3f9c;
background-color: #ffe7b7;
}
/*bei entsprechenden Seiten Untermenue 2.ebene= level2 wieder einschalten*/
.sm1 .menue .sme1 ul.level3, 
.sm2 .menue .sme2 ul.level3, 
.sm3 .menue .sme3 ul.level3,
.sm4 .menue .sme4 ul.level3, 
.sm5 .menue .sme5 ul.level3,
.sm6 .menue .sme6 ul.level3,
.sm7 .menue .sme7 ul.level3,
.sm8 .menue .sme8 ul.level3,
.sm9 .menue .sme9 ul.level3
{
display: block;
}
/*aktive anzeigen: ssm-ssme kombination des subsubmenuepunktes*/
.ssm1 .menue .ssme1 a.menueLevel3,
.ssm2 .menue .ssme2 a.menueLevel3,
.ssm3 .menue .ssme3 a.menueLevel3,
.ssm4 .menue .ssme4 a.menueLevel3,
.ssm5 .menue .ssme5 a.menueLevel3,
.ssm6 .menue .ssme6 a.menueLevel3,
.ssm7 .menue .ssme7 a.menueLevel3,
.ssm8 .menue .ssme8 a.menueLevel3,
.ssm9 .menue .ssme9 a.menueLevel3
{
color: #1e3f9c;
}
/* *** menu in der sitemap *** */
#sitemap *
{
background: transparent;
border-width: 0;
}
#sitemap .menue
{
width: 100%;

}
#sitemap .menue  h1
{
font-size: 1.1em;
padding: 2px 0;
margin: 0;
border-top: 1px dashed #8EBBFF;
}
#sitemap .menue ul
{
display: block;
clear: both;
padding: 0;
margin: 0;
}
#sitemap .menue a
{
display: block;
padding: 2px 5px;
margin: 0;
clear: both;
border-top: 1px dashed #ccc;
}

#sitemap .menue a:hover
{
background: #ffedc9;
}

#sitemap .menue a.menueLevel2
{
padding-left: 10px;
}
#sitemap .menue a.menueLevel3
{
padding: 0 20px;
}

/* + rechte seite + */

/* + hauptnavigation oben + */

#headNavi  
{
clear: both;
}



#headNavi ul 
{
float: left;
width: 100%;
background: #1E3F9C;
border-bottom: 1px solid #fff;
text-align: center;
}

#headNavi ul li 
{
float: left;
width: 20%;
}

#headNavi ul li a 
{ 
display: block;
text-decoration: none; 
color: #FFF;
font-weight: bold;
padding: 4px 0;
}

#headNavi ul li a:hover 
{ 
background-color: #f8b940;
color: #000;

}
#e1 #n1 a,
#e2 #n2 a,
#e3 #n3 a,
#e4 #n4 a,
#e5 #n5 a  
{ 
background-color: #f8d288;
color: #1e3f9c;
}

/*Der Bereich fuer das Bild und evtl. galerie */

#extra 
{
float: left;
width: 100%;
padding: 0;
margin: 0;
border-bottom: 1px solid #cdcec9;
background: #eee;
}

/* + bildbox + */

#imgBox 
{
background: #8EBBFF;
display: block;
font-size: 0;
line-height: 0;
padding: 0;
margin: 0;
width: 624px;
height: 300px;
overflow: hidden;
}

#imgBox img 
{
border: 0;
}

#image_text
{
color: #666;
padding: 2px 45px;
margin: 0;
}

/*  +galerien+ */

#galleryBox  
{
float: right;
width: auto;
padding: 5px 45px;
text-align: right;
}


#galleryBox a 
{
float: left;
font-size: 0;
background-color: #fff;
margin-left: 4px;
padding: 0;
height: 8px;
width: 8px;
color: #fff;
border: 1px solid #CCC;
}

#galleryBox a.galleryNumberActive
{
background-color: #1E3F9C;
color: #1E3F9C;
border: 1px solid #CCC;
}

/* + box fuer text+news + */

#newsBox ,
#adresse 
{
clear: both;
margin: 0;
padding: 0;
font-size: 0.9em;
}

#navi #newsBox,
#navi #adresse  
{
background: #ffedc9;
border-top: 1px solid #999693;
}


/* #newsBox h1 vgl .menue h1 */ 

#newsBox h3 
{
padding: 0;
margin: 0;
}

#newsBox .date  
{
font-weight: bold;
color: #999693
}

#newsBox p  
{
margin: 0;
padding: 0;
}

#newsBox a  
{
display: block;
color: #f5a100;
padding: 0.2em 0 0 0;
}

#newsBox .text  
{
display: block;
clear: both;
margin: 0;
padding: 5px 5px 5px 25px;
border-top: 1px solid white;
}
/* adressbox f?r startseite */

#adresse .text
{
padding: 15px 5px 15px 25px;
border-bottom: 1px solid #fff;
background: #ffedc9;
border-top: 1px solid white;
}
#adresse h1  
{
background: #f5a100;
color: #fff;
}
#adresse h3  
{
padding: 0;
margin: 0;
}

#adresse a  
{
display: block;
color: #f5a100;
padding: 0.2em 0 0 0;
}

/* Der eigentliche Inhalt */

#content 
{
clear: both;
padding: 20px 45px;
background-color: #fff;
}
#content h1 
{
margin-bottom: 20px;
}
#content p  
{
padding-bottom: 5px;
margin-bottom: 5px; 
}
/* + fliesstext + */

#contentBox,
{
display: block;
clear: both;
padding: 0;
margin: 0;
}


#contentBox h3
{
margin-top: 5px;
}




/*Box-Model-Hack damit IE5 auch die richtige Breite anzeigt 
  muss am Ende angepasst werden!!!*/
/*
* html #content {
	width: 100%;
	w\idth: 60%; 
}
*/

#content h2  
{
margin: 0 0 8px 0;
clear: both;
}

#contentBox a  
{
font-weight: bold;
color: #F5A100;
}


#contentBox ul  
{
list-style-type: square;
margin-left: 12px; 
}

#contentBox .imgLeft
{
float: left;
margin-right: 20px;
margin-bottom: 10px; 
}

#contentBox .imgRight
{
float: left;
margin-left: 20px;
margin-bottom: 10px; 
}
/*
#contentBox .contentTable
{
display: block;
width: 100%;
font-size: 0.95em;
line-height: 120%;
}

#contentBox .contentTable td
{
vertical-align: top;
padding: 0.5ex;
margin: 0;
text-align: center;
border: 1px solid #d1d2d3;
}

#contentBox .contentTable thead
{
background-color: #f5a100;
color: #fff;
font-weight: bold;
}

*/
.course
{
display: block;
clear: both;
padding: 0;
margin: 0;
border-bottom: 1px solid red;
}
.pause
{
color:red;
font-weight:bold;
font-size: 90%;
}
.contentBox50 
{
float: left;
width: 49.9%;
}
/*f?r tabelle kursprogramm*/

.contentBox20 
{
float: left;
width: 19.9%;
}
.contentBox10 
{
float: left;
width: 10%;
}
.contentBox30 
{
float: left;
width: 33%;
}
.contentBox33 
{
float: left;
width: 33%;
}
.contentBox60 
{
float: left;
width: 59.9%;

}

.contentBox40 
{
float: left;
width: 39.9%;
}
.anspruchsvoll
{
color:red;
font-weight:bold;
}
.leicht
{
color:green;
font-weight:bold;
}
.mittel
{
color:#1E3F9C;
font-weight:bold;
}
/*tabelle preise*/
.contentBox80 
{
float: left;
width: 80%;
}
.right
{
text-align:right;
}


/* Listen-Ansicht mit Thumbnails */
.paging  
{
font-weight: normal;
font-size: 0.9em;
color: #000;
padding: 0;
}

.paging a  
{
font-weight: normal;
color: #F5A100;
text-decoration: none;
}

.paging a:hover  
{
text-decoration: underline;
}

#listBox 
{
display: block;
clear: both;
padding: 0;
margin-bottom: 20px;
}

.listImage  
{
float: left;
width: 25%;
margin: 0;
}

.listImage img  
{
border: 1px solid #CCC;
width: 100px;
}

.listText  
{
float: right;
width: 70%;
}

#listBox  h3  {
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#listBox .date  
{
font-size: 0.9em;
}

#listBox .category  
{
font-size: 0.9em;
font-weight: bold;
}

#listBox p  {
  margin: 0;
  padding: 5px 0 0 0;
}

.listText a  {
  display: block;
  text-decoration: none;
  color: #F5A100;
  padding: 5px 0 0 0;
}

.listText a:hover {
  text-decoration: underline;
}


.newClear
{
display: block;
clear: both;
}
.newLine,
.underlineGrey
{
clear: both;
width: 100%;
border-bottom: dashed 1px #CCC;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
height: 1px;
font-size: 0;
}


/* Detail-Ansicht */
#detailBox  {
  width: 100%;
  padding: 5px 0;
}

#detailBox h3  {
  font-weight: bold;
  padding: 5px 0;
}

#detailBox .date  {
  font-size: 9px;
}


/*allgemeiner Div, um Dinge im Textfluss unter zu bringen */
.abstract  {
font-size: 0.9em;
margin: 0;
padding: 5px 0;
font-weight: bold;
}

.abstract a  {
	text-decoration: none;
	color: #F5A100;
}

.abstract a:hover  
{
text-decoration: underline;
}



/* Footer farbiger Streifen am unteren Rand */

#footerColored 
{
clear: both;
width: 100%;
margin: 0;
padding: 0;
font-size: 0%;
line-height: 0%;
border-bottom: 6px solid #1E3F9C;
background: #F5A100;
}


.underlineBlue
{
border-bottom:1px dashed #8EBBFF;
display:block;
margin:3px 0 3px 0;
}
/*.underlineGrey
{
border-bottom:1px dashed #D1D2D3;
display:block;
clear:both;
margin:6px 0 15px 0;
}*/
/*fuer bilder teamseite*/

.bildBoxleft 
{
float: left;
width: 33%;
}
.bildBoxright
{
float: left;
width: 33%;
}
.bildBoxmiddle
{
float: left;
width: 34%;
}
.bildBoxleft img,
.bildBoxmiddle img,
.bildBoxright img 
{
display: block;
clear: both;
}
/*f?r bilder bistro*/

.bistro 
{
float: left;
margin-right:15px;
}

}

/* printausgabe */
@media print
{
#base
{
width: 95%;
font-size: 8pt;
font-family: verdana, arial;
}
h1,
h2,
h3
{
font-size: 10pt;
margin: 5pt 0;
padding: 0;
}
#serviceNavi,
#headNavi,
.menue,
#footer,
#galleryBox,
.paging
{
display: none;
}

.bildBoxleft,
.bildBoxmiddle,
.bildBoxright
{
margin: 5pt 0;
}

.bildBoxleft b,
.bildBoxmiddle b,
.bildBoxright b
{
display: block;
clear: both;
}

a img
{
border-width: 0px;
}

.newLine,
.underlineGrey,
.underlineBlue
{
display: block;
clear: both;
border-bottom: 1px solid #666;
margin: 5pt 0;
}

#logo
{
margin-bottom: 10pt;
}


}