@media screen {

body { 
background-color: #ccc; 
margin-top: 0px; 
margin-left: 0px; 
}
input   { color: #000; font-size: 11px; font-family: Verdana; }
p   { color: #000; font-size: 11px; font-family: Verdana; line-height: 18px; text-align: left;}
#start  { background-color: #f33; visibility: visible; border: 0px; position: relative; z-index: 1; top: 40px; width: 800px; height: 560px }
.start_foto { background-image: url("bilder/start/start_foto.jpg"); position: absolute; z-index: 2; top: 0; left: 0; width: 495px; height: 560px }
.start_logo { position: absolute; z-index: 3; top: 255px; left: 255px; width: 425px; height: 53px }

hr { border:solid #000000 1px; height:1px; }

#main_container  { 
background-color: #f33; 
visibility: visible; 
position: relative; 
z-index: 4; 
top: 0; 
bottom: 0; 
width: 850px; 
height: 100%; 
margin: 0px; 
padding: 0px; 
border: 0px;
 }
 
#navigation_container    { background-color: #fff; visibility: visible; position: absolute; z-index: 5; top: 0; left: 15px; width: 275px; height: 100% }
.navigation    { list-style: none; position: absolute; top: 80px; left: 0; width: 275px; height: auto; border-top: 2px solid #000; border-bottom: 1px solid #000 }
.navigation2 { list-style: none; position: absolute; top: 490px; left: 0; width: 275px; height: auto; }
.navigation3 { list-style: none; position: absolute; top: 400px; left: 0; width: 275px; height: auto; }
 
.content_kopf   { 
background-image: url("images/logo_content.jpg"); 
background-repeat: no-repeat; 
background-position: left 0; 
position: absolute; 
top: 25px; left: 0; 
width: 544px; 
height: 55px; 
border-top: 2px solid #000; 
border-left: 2px solid #000;
}

.navi_kopf_eins   { color: #000; font-size: 11px; font-family: Courier; font-weight: bold; line-height: 12px; text-decoration: none; background-image: url("images/kreuz.jpg"); background-repeat: no-repeat; background-position: 465px 0; text-align: right; padding-top: 8px; padding-right: 15px; padding-bottom: 5px; border-bottom: 2px solid #000 }
.navi_kopf_eins a:link  { color: #000; font-size: 11px; font-family: Courier; font-weight: bold; line-height: 12px; text-decoration: none; text-align: right }
.navi_kopf_eins a:visited  { color: #000; font-size: 11px; font-family: Courier; font-weight: bold; line-height: 12px; text-decoration: none; text-align: right }
.navi_kopf_eins a:hover  { color: #000; font-size: 11px; font-family: Courier; font-weight: bold; line-height: 12px; text-decoration: none; text-align: right }
.navi_kopf_zwei  { color: #000; font-size: 11px; font-family: Courier; font-weight: bold; line-height: 12px; text-decoration: none; text-align: right; padding-top: 9px; padding-right: 15px; padding-bottom: 5px; border-bottom: 2px solid #000 }
.navi_kopf_zwei a:link  { color: #000; font-size: 11px; font-family: Courier; font-weight: bold; line-height: 12px; text-decoration: none; text-align: right }
.navi_kopf_zwei a:visited  { color: #000; font-size: 11px; font-family: Courier; font-weight: bold; line-height: 12px; text-decoration: none; text-align: right }
.navi_kopf_zwei a:hover  { color: #f33; font-size: 11px; font-family: Courier; font-weight: bold; line-height: 12px; text-decoration: none; text-align: right }
.content_foto  { 
position: absolute; 
margin: 0px;
padding: 0px;
left: 239px; 
width: 303px; 
height: 270px; }

.clear { clear: both }



.content_navi { color: #000; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none; letter-spacing: 1px }
.content_navi a:link { color: #000; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none; letter-spacing: 1px }
.content_navi a:visited { color: #000; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none; letter-spacing: 1px }
.content_navi a:hover { color: #f33; font-size: 11px; font-family: Verdana; font-weight: bold; text-decoration: none; letter-spacing: 1px }

.text   { 
color: #000; 
font-size: 11px; 
font-family: Verdana; 
line-height: 18px; 
text-align: left; 
padding: 15px 15px 15px 30px;
 }

.form { 
color: #000; 
font-size: 11px; 
font-family: Verdana; 
text-align: left; 
padding: 6px;
 }

.text_monat    { color: #f33; font-size: 12px; font-weight: bold; font-family: Verdana; line-height: 18px; text-align: center; letter-spacing: 1px; padding: 15px }
.rein80   { color: #000; font-size: 11px; font-family: Verdana; line-height: 18px; text-align: left; padding: 15px 15px 15px 80px }
.rein90   { color: #000; font-size: 11px; font-family: Verdana; line-height: 24px; text-align: left; padding: 15px 15px 15px 90px }

.textunterfoto   { 
color: #000; 
font-size: 11px; 
font-family: Verdana; 
line-height: 18px; 
text-align: left; 
margin-top: 270px; 
padding: 15px 15px 15px 30px; 
}

.content_spielplan   { 
position: absolute; 
top: 82px; 
bottom: 0; 
left: 0; 
width: 543px; 
height: auto; 
border-left: 2px solid #f33; 
overflow: auto; }

.spielplan    { padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid black }
.spielplan_monat { color: #000; font-size: 18px; font-family: Verdana; font-weight: bold }
.spielplan_table { color: #000; font-size: 11px; font-family: Verdana; line-height: 12px }
.spielplan_jahr { text-align: center; color: #000; font-size: 18px; font-family: Verdana; font-weight: bold; padding: 15px 15px 15px 15px }
.rot { color: #f33 }
ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}


.limit     { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold;
line-height: 30px; 
text-decoration: none; 
background-image: url("images/strich.jpg"); 
background-repeat: no-repeat; 
background-position: left 0; 
text-align: left; 
letter-spacing: 2px; 
padding: 0 0 0 15px; 
border-bottom: 1px solid #000;
 }
 
.alimit:link     { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold;
line-height: 30px; 
text-decoration: none; 
background-image: url("images/strich.jpg"); 
background-repeat: no-repeat; 
background-position: left 0; 
text-align: left; 
letter-spacing: 2px; 
} 

.alimit:active     { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold;
line-height: 30px; 
text-decoration: none; 
background-image: url("images/strich.jpg"); 
background-repeat: no-repeat; 
background-position: left 0; 
text-align: left; 
letter-spacing: 2px; 
}

.alimit:visited     { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold;
line-height: 30px; 
text-decoration: none; 
background-image: url("images/strich.jpg"); 
background-repeat: no-repeat; 
background-position: left 0; 
text-align: left; 
letter-spacing: 2px; 
}

.alimit:hover     { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold;
line-height: 30px; 
text-decoration: none; 
background-image: url("images/strich.jpg"); 
background-repeat: no-repeat; 
background-position: left 0; 
text-align: left; 
letter-spacing: 2px; 
}


.liorange { 
font-size: 13px; 
font-family: Courier; 
color: #ff9966;
font-weight: normal;
line-height: 30px; 
text-align: left; 
letter-spacing: 2px; 
padding: 0 0 0 15px; 
border-bottom: 1px solid #000; 
text-decoration: none; }

.orange:link { 
font-size: 13px; 
font-family: Courier; 
color: #ff9966;
font-weight: normal;
line-height: 30px; 
text-align: left; 
letter-spacing: 2px; 
text-decoration: none; }

.orange:active { 
font-size: 13px; 
font-family: Courier; 
color: #ff9966;
font-weight: normal;
line-height: 30px; 
text-align: left; 
letter-spacing: 2px; 
text-decoration: none; }

.orange:visited { 
font-size: 13px; 
font-family: Courier; 
color: #ff9966;
font-weight: normal;
line-height: 30px; 
text-align: left; 
letter-spacing: 2px; 
text-decoration: none; }

.orange:hover { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold;
line-height: 30px; 
text-align: left; 
letter-spacing: 2px; 
text-decoration: none; }


.liunter { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold; 
line-height: 30px; 
text-decoration: none; 
background-image: url("images/haken.jpg"); 
background-repeat: no-repeat; 
background-position: right 0; 
text-align: left; 
letter-spacing: 2px; 
padding: 0 15px 0 90px; 
border-bottom: 1px solid #000;
 }
 
.unter:link { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold; 
line-height: 30px; 
text-decoration: none; 
background-repeat: no-repeat; 
background-position: right 0; 
text-align: left; 
letter-spacing: 2px; 
 }
 
.unter:active { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold; 
line-height: 30px; 
text-decoration: none; 
background-repeat: no-repeat; 
background-position: right 0; 
text-align: left; 
letter-spacing: 2px; 
 }
 
.unter:visited { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold; 
line-height: 30px; 
text-decoration: none; 
background-repeat: no-repeat; 
background-position: right 0; 
text-align: left; 
letter-spacing: 2px; 
 }
 
.unter:hover { 
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold; 
line-height: 30px; 
text-decoration: none; 
background-repeat: no-repeat; 
background-position: right 0; 
text-align: left; 
letter-spacing: 2px; 
 }
 

.liohne { 
font-size: 13px; 
font-family: Courier; 
line-height: 30px; 
text-decoration: none; 
text-align: left; 
letter-spacing: 2px; 
padding: 0 15px 0 90px; 
border-bottom: 1px solid #000;
 }
 
.ohne:link {
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold; 
line-height: 30px; 
text-decoration: none; 
text-align: left; 
letter-spacing: 2px; 
}

.ohne:active {
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold; 
line-height: 30px; 
text-decoration: none; 
text-align: left; 
letter-spacing: 2px; 
}

.ohne:visited {
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold; 
line-height: 30px; 
text-decoration: none; 
text-align: left; 
letter-spacing: 2px; 
}

.ohne:hover {
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold; 
line-height: 30px; 
text-decoration: none; 
text-align: left; 
letter-spacing: 2px; 
}

.ohne:link {
font-size: 13px; 
font-family: Courier; 
color: #ff6600;
font-weight: bold; 
line-height: 30px; 
text-decoration: none; 
text-align: left; 
letter-spacing: 2px; 
}


a:link    { color: #000; text-decoration: none; }
a:active  { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover   { color: #f33; text-decoration: none; }

.divider {
height: 260px;
}

.csc-textpic-caption { color: #000; font-size: 11px; font-family: Verdana; line-height: 18px; text-align: left; }

}

@media print {

body { 
background-color: #ccc; 
margin-top: 0px; 
margin-left: 0px; 
}
input   { color: #000; font-size: 11px; font-family: Verdana; }
p   { color: #000; font-size: 11px; font-family: Verdana; line-height: 18px; text-align: left;}
#start  { background-color: #f33; visibility: visible; border: 0px; position: relative; z-index: 1; top: 40px; width: 800px; height: 560px }
.start_foto { background-image: url("bilder/start/start_foto.jpg"); position: absolute; z-index: 2; top: 0; left: 0; width: 495px; height: 560px }
.start_logo { position: absolute; z-index: 3; top: 255px; left: 255px; width: 425px; height: 53px }

hr { border:solid #000000 2px;height:2px; }

#main_container  { 
background-color: #f33; 
visibility: visible; 
position: relative; 
z-index: 4; 
top: 0; 
bottom: 0; 
width: 100%; 
height: 100%;
margin: 0px; 
padding: 0px; 
border: 0px;
 }
 
#navigation_container  { display: none; }
.navigation  { display: none; }
.navigation2 { display: none; }
.navigation3 { display: none; }
 
.content_kopf   { display: none; }
.navi_kopf_eins { display: none; }
.navi_kopf_eins a:link  { }
.navi_kopf_eins a:visited  { }
.navi_kopf_eins a:hover  { }
.navi_kopf_zwei { display: none; }
.navi_kopf_zwei a:link  { }
.navi_kopf_zwei a:visited  { }
.navi_kopf_zwei a:hover  { }

.content_foto  { 
position: absolute; 
margin: 0px;
padding: 0px;
left: 239px; 
width: 303px; 
height: 270px; }

.clear { clear: both }



.content_navi { }
.content_navi a:link { }
.content_navi a:visited { }
.content_navi a:hover { }

.text   { 
color: #000; 
font-size: 11px; 
font-family: Verdana; 
line-height: 18px; 
text-align: left; 
padding: 15px 15px 15px 30px;
 }

.form { 
color: #000; 
font-size: 11px; 
font-family: Verdana; 
text-align: left; 
padding: 6px;
 }

.text_monat    { color: #f33; font-size: 12px; font-weight: bold; font-family: Verdana; line-height: 18px; text-align: center; letter-spacing: 1px; padding: 15px }
.rein80   { color: #000; font-size: 11px; font-family: Verdana; line-height: 18px; text-align: left; padding: 15px 15px 15px 80px }
.rein90   { color: #000; font-size: 11px; font-family: Verdana; line-height: 24px; text-align: left; padding: 15px 15px 15px 90px }

.textunterfoto   { 
color: #000; 
font-size: 11px; 
font-family: Verdana; 
line-height: 18px; 
text-align: left; 
margin-top: 270px; 
padding: 15px 15px 15px 30px; 
}

.content_spielplan   { 
position: absolute; 
top: 82px; 
bottom: 0; 
left: 0; 
width: 80%; 
 }

.spielplan    { padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid black }
.spielplan_monat { display: none; }
.spielplan_table { display: none; }
.spielplan_jahr  { display: none; }
.rot { color: #f33 }
ul { }


.limit     { }
 
.alimit:link     { } 

.alimit:active     { }

.alimit:visited     { }

.alimit:hover     { }


.liorange {  }

.orange:link { }

.orange:active { }

.orange:visited { }

.orange:hover { }


.liunter { }
 
.unter:link { }
 
.unter:active { }
 
.unter:visited { }
 
.unter:hover { }
 

.liohne { }
 
.ohne:link { }

.ohne:active { }

.ohne:visited { }

.ohne:hover { }

.ohne:link { }


a:link    { }
a:active  { }
a:visited { }
a:hover   { }

.divider {
height: 260px;
}

.csc-textpic-caption { color: #000; font-size: 11px; font-family: Verdana; line-height: 18px; text-align: left; }

}