* {
font-family: verdana, arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

body {
font-size: small;
color: #1e2d3b;
}

h1 {
color: #f58220;
font-size: x-large;
font-weight: bold; 
margin-top: 0.1em;
border-bottom: 1px dotted #c3c8cd;
line-height: 1.5em;
}

h2 {
font-size: large;
font-weight: bold;
margin-bottom: 0.4em;
line-height: 1.3em;
page-break-after: avoid;
}

h3 {
font-size: medium;
font-weight: bold;
margin-bottom: 0.3em;
line-height: 1.2em;
page-break-after: avoid;
}

h4 {
font-size: small;
font-weight: bold;
margin-bottom: .2em;
line-height: 1.1em;
page-break-after: avoid;
}

p {
line-height: 1.5em;
margin-bottom: 0.25em;
}

a {
color: #990000;
text-decoration: none;
}

a:hover {
color: #990000;
text-decoration: underline;
}

input, textarea {
font-size: small;
border: 1px solid #a8adb4;
padding: 1px;
}

/* Tabellendarstellung */
table {
border: 0px; 
border-spacing: 0px;
padding: 0px;
width: 100%;
border-collapse: collapse
}

table#main {
vertical-align: top;
}

table#content {
border-spacing: 2px;
padding: 2px;
}

/*
table#sporttermine {
border: 2px solid #000000;
padding: 2px;
}

table#sporttermine#caption {
text-align: left;
}
*/

td#main_lb {
margin-left: 1em;
background: url("./grafik/main-l.png") repeat-y;
width: 20px;
}

td#main_left {
background: url("./grafik/main-m.png") repeat;
border-right: 1px dotted #c3c8cd;
min-height: 31em;
}

td#main_right {
background: url("./grafik/main-m.png") repeat;
border-left: 1px dotted #c3c8cd;
vertical-align: top;
width: 19em;
}

td#main_rb {
background: url("./grafik/main-r.png") repeat-y;
width: 20px;
}

/**
* Definitionen für IDs (beginnen mit "#")
* IDs dürfen nur einmal pro Seite verwendet werden.
*/
#header {
background: #a1c3e5; /* blau */
}

#head_t {
width: 100%;
height: 125px;
}

#head_tl {
position: relative;
top: 2em;
margin-left: 20px;
float: left
}

#head_tm {
position: relative;
top: 1em;
}

#head_tr {
float: right;
top: 1em;
margin-right: 1px;
padding-right: 1.5em;
color: #ffffff;
font-weight: bold;
}

#head_m {
width: 100%;
height: 2em;
}

#head_ml {
margin-left: 2em;
width: 20px;
}
#head_mm {}
#head_mr {
width: 20px;
}

#head_b {
}

#head_bl {
height: 40px;
width: 20px;
background: url("./grafik/header-l.gif") no-repeat;
}

#head_bml {
height: 40px; 
background: url("./grafik/header-m.gif") repeat;
padding-left: 0.5em;
}

#head_bmr {
height: 40px; 
width: 19em;
background: url("./grafik/header-m.gif") repeat;
}

#head_br { 
height: 40px;
width: 20px;
background: url("./grafik/header-r.gif") no-repeat;
}

#vzb_logo {
vertical-align: top;
background: url("./grafik/vzb-logo.png") no-repeat;
width: 120px; /* 20 px breiter damit der Text Abstand hält */
height: 100px;
}

#printOnly {
    display: none; 
}

#title {
top: 0.5em;
text-align: left;
color: #ffffff;
font-size: xx-large;
font-style: italic;
font-weight: bold;
}

#subtitle {
top: 2.5em;
text-align: center;
color: #ffffff;
font-size: large;
font-weight: bold;
}

#subtitleright {
margin-left: 2em;
color: #ffffff;
}

#main {
background: #ffffff url("./grafik/bg.gif") repeat-x;
}

#main_left {
padding: 0.5em 0.5em 0.5em 0.5em;
}

#main_right {}

#content {
position: relative;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 2em;
margin-top: 0px;
}

#content img {
border: solid 4px #ffffff;
}

#content ul, #content ol {
margin-bottom: 1em;
margin-left: 2em;
line-height: 1.5em;
}

#footer {}

#footer-l {
background: url("./grafik/footer-l.gif") no-repeat;
width: 20px;
}

#footer-m {
background: url("./grafik/footer-m.gif") repeat-x;
height: 20px;
}

#footer-r {
background: url("./grafik/footer-r.gif") no-repeat;
width: 20px;
}

#copyright {
margin-left: 6em;
height: 2em;
}

/**
* Definitionen für Klassen (beginnen mit ".")
* Klassen können auf einer Seite mehrfach verwendet werden.
*/

/* Hauptmenü (rechts) / Main menu */
.menu {
margin-top: -2px;
width: 19em;
list-style: none;
font-size: small;
margin-bottom: 2em;
border-top: 1px dotted #c3c8cd;
}

.menu a {
width: 100%;
height: 2.6em;
line-height: 2.6em;
display: block;
text-decoration: none;
color: #1e2d3b;
text-indent: 1.5em;
border-bottom: 1px dotted #c3c8cd;
background: url("./grafik/icon_arrow_2.gif") no-repeat;
}

.menu a:hover {
font-weight: bold;
text-decoration: none;
color: #1e2d3b;
}

.menu a#active {
font-weight: normal;
color: #ffffff;
background: #a1c3e5 url("./grafik/icon_arrow_1.gif") no-repeat;
}

.menu ul {
}

.menu li {
display: inline;
}

/* Untermenü (oben) / Sub menu */
.sub_menu {
list-style: none;
font-size: small;
float: right;
}

.sub_menu a {
height: 1.5em;
line-height: 1.5em;
text-decoration: none;
color: #ffffff;
}

.sub_menu a:hover {
color: #ffcc00;
text-decoration: none;
}

.sub_menu a#active {
color: #ff9900;
}

.sub_menu ul {
}

.sub_menu li {
display: inline;
float: left;
margin-left: 1.5em;
}

.sporttermine {
border: 2px solid #000000;
padding: 2px;
page-break-before: avoid;
}

.sporttermine#caption {
text-align: left;
}

.tc {
border: 1px solid #000000;
width: 150px;
text-align: center;
padding: 0.5em 0.5em 0.5em 0.5em; 
}

.tl {
border: 1px solid #000000;
text-align: left;
padding: 0.5em 0.5em 0.5em 0.5em;
}


/* Definitionsänderung für das Drucken */
@media print {
	h1,
	#head_tr,
	#subtitle,
	#subtitleright,
	#title {
		color: #000000;
	}
    .menu a, 
	.sub_menu a  { 
        color: #000000;
        text-decoration: underline
    }
	.menu a#active, 
	.sub_menu a#active {
		color: #000000;
		font-weight: bold;
	}
    #printOnly {
        display: block;
    }
	#main_right, 
	.menu, 
	.sub_menu {
		display: none;
	}
	td#main_left {
		border-right: 0px none;
	}
}