Q/* color definitions */
.cl_green
{
	/* forestgreen */
	color: #228B22;   
}
.cl_yellowgreen
{
	color: #9ACD32;
}
.cl_firebrick
{
	color: #B22222;
}
.cl_gold
{
	color: #FFD700;
}
.cl_lightyellow
{
	color: #FFFFE0;
}
.cl_gray
{
	color: #888888;
}
.cl_black
{
	color: #000000;
}
.bg_red
{
 	background-color: red;
}
.bg_yellow
{
 	background-color: yellow;
}
.bg_green
{
	background-color: lime;   
}




body
{
	font-family: 'Arial', 'Helvetica', 'Verdana', sans-serif;
	font-size: 12pt;
	color: #000000;
	background-image: url('images/kreuz.jpg'); 
	background-repeat: no-repeat;
	background-attachment: fixed;    /* scroll */
	background-position: 0px 0px; 
	background-color: #FFFFF0;    /* Ivory */	
}

a:link
{
	/* darkgreen */
	color: #006400;   
}
a:visited
{
	/* forestgreen */
	color: #228B22;   
} 
a:active 
{
	/* firebrick */
	color: #B22222;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial Rounded MT Bold, Arial, Helvetica;
	/* forestgreen */
	color: #228B22;   
}
h1
{
	font-size: 32pt;
}
h2
{
	font-size: 24pt;
}
h3
{
	font-size: 20pt;
}
h4
{
	font-size: 18pt;
}
h5
{
	font-size: 16pt;
}
h6
{
	font-size: 14pt;
}


/* Klassen für Seiten-Formatierung, Abstände etc. */
/* @media screen, handheld */
/* {                       */
	.left_col
	{
 		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 175px; 
		height: 600px;
	}
	.right_col
	{ 	
		position: absolute; 
		top: 0px; 
		left: 225px; 
		height: 400px;
		margin-top: 10px;
	}
/* \                       */
@media print
{
	.left_col
	{
 		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 0px; 
		height: 0px;
		visibility: hidden;
	}
	.right_col
	{ 	
		position: absolute; 
		top: 0px; 
		left: 0px; 
		height: 100%;
		width: 100%;
	}
}


.link_top_dist
{
	position: relative; 
	top: 180px;
}
.link_box, .link_box_active, .link_box_sub, .link_box_sub_active, .link_box_right, .link_box_right_active, .color_test
{
	position: relative;
	color: #006400;		          /* darkgreen, wie a:link */
	background-color: #9ACD32;   /* yellowgreen */	
	font-weight: bold;
	border-width: 1px;
	border-style: solid; 
	border-top-color: #BFBFBF;
	border-left-color: #BFBFBF;
	border-right-color: #7F7F7F;
	border-bottom-color: #7F7F7F;
	top: 0px;
	height: 20px;
	left: 10px;
	width: 160px; 
	padding: 4px;	
      margin-top: 6px;
}
.link_box_right, .link_box_right_active
{
	left: 0px;
	width: 100px; 
}
.link_box_active, .link_box_sub_active, .link_box_right_active
{
	color: #B22222;		          /* firebrick */
	background-color: #FFD700;    /* gold      */
}
.link_box_sub
{
	background-color: #CAED62;   /* CAED62 */	
}
.link_box_sub, .link_box_sub_active
{
      margin-top: 0px;
	padding-left: 20px;
}
.test_dist
{
	position:relative; 
	height:100px;
}
.color_test
{
	color: #000000;		          /* black  */
}
.pbottom_line
{
	/* Stil für "page bottom line" */
	color: #008000;
	font-size: 8pt;
}


/* Sub-Styles für "events"-Tabelle */
.events
{
    background-color: #FFFFC0;   /* cl_lightyellow */
    width: 100%; 
}
.col_day
{
    width: 180px;
    text-align: left;
    vertical-align: top;
}
.col_time
{
    width: 60px;
    text-align: center; 
    vertical-align: top;
}    
.col_event
{
    text-align: left;
    vertical-align: middle;
}
.col_ages
{
    width: 18px;
    text-align: center; 
    vertical-align: middle;
}
.hist, .kontakt
{
    border-width: 1px;
    border-style: solid;          /* solid, double, ridge, outset, groove, inset   */ 
    border-color: #555555; 
    border-collapse: collapse;    /* collapse, separate */
}
.hist_lcol
{
    background-color: #FFFFC0;    /* cl_lightyellow */
}
.hist_lcol
{
    text-align: center;
    vertical-align: top;
}
.hist_rcolw
{
    /* Definition weisser Hintergrund für Tabellenzeilen auf Seite Geschichte */
    background-color: rgb(255,255,255);	
}
.hist_rcolg
{
    /* Definition grauer Hintergrund für Tabellenzeilen auf Seite Geschichte */
    background-color: #CCCCCC;	
}
.kontakt
{
    position: relative; 
    background-color: #FFFFF0;    /* Ivory */	
    background-color: #FFFFC0;    /* cl_lightyellow */
    background-color: #FFFFE8;    /* cl_lightyellow */
    left: 0px; 
    top: 0px; 
    width: 450px;
    padding: 10px
}
.kontakt_col1, .kontakt_col2, .kontakt_col3
{
    line-height: 1.5;
    text-align: left;
    vertical-align: top;
}
.kontakt_col1
{
    width: 25px;
}
.kontakt_col2
{
    width: 200px; 
}
.kontakt_col3
{
}
.kontakt_form_lcol
{
    width: 225px;
    padding-top: 5px; 
}
.kontakt_form_rcol
{
    padding-top: 5px; 
}
.img_bordergray
{
    /* Definition grauer Hintergrund für Tabellenzeilen auf Seite Geschichte */
    border: 1px solid;
    border-color: #666666;	
}

.oben 
{ 
    vertical-align: top;
} 
.mittig 
{ 
    vertical-align: middle;
}
.unten 
{ 
    vertical-align: bottom;
} 
.annotation
{
    vertical-align: top;
    font-size: smaller;
}
.small
{
    font-size: small;
}
.smaller
{
    font-size: smaller;
}