@import url(template-main.css);

body {
color: #036;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #3399cc;
background: transparent;
}
a:link, a:visited {
color: #036;
background: transparent;
}
a:hover, a:active, a:focus {
color: #fff;
background: #3399cc;
}
#column .newsdate {
color: #036;
background: transparent;
}
#column .newstitle, 
#column h2, 
#column h3 {
color: #39c;
background: transparent;
}
#content ul h2, #content ol h2, 
#content ul h3, #content ol h3,
#content ul h4, #content ol h4,
#content ul h5, #content ol h5,
#content ul h6, #content ol h6 {
color: #39c;
margin: 0;
}
hr {
color: #cce8f8;
background: #cce8f8;
}
/* Allgemeine Klassen */
.rand, .imgborder, .bleft, .bright, .btop, .bbot {
border-color: #3399cc;
}
.dark {
color: #fff;
background: #3399cc;
}
.medium {
color: #003366;
background: #cce8f8;
}
.light {
color: #003366;
background: #DEEEF8;
}
.teaser {
color: #3399cc;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: left; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* Box mit Bild*/
#content .conbox {
display: block;
clear: left;
margin: 15px 0;
}
#content .conbox h3 {
margin: 0;
}
#content .conbox p {
line-height: normal;
}

/* Floatende Box */
#content .colbox {
display: block;
float: left;
width: 45%;
margin: 15px 8px 0 8px;
}
#content .colbox h3 {
margin: 0;
}
#content .colbox p {
line-height: normal;
}
#content .colbox img.fleft {
margin: 0 5px 3px 0;
}
#content .colbox ul {
margin-left: 0;
padding-left: 0;
}


/* Veranstaltungen */
#content .event, #content #text .event {
background: #CCE8F8 url(pfeil.gif) 0 0 no-repeat;
border: 1px solid #39c;
}
#content .event th {
padding-left: 35px;
}

/* Content mit Spalte */
#content table.content {
width: 735px;
}
td.column {
background: #CCE8F8;
border: 1px solid #a0d8f0;
}

/* rechte Spalte in der Tabelle als Box mit Header */
#content table.content td.columnbox {
border: 1px solid #3399cc;
background: #cce8f8;
width: 200px;
}
#content table.content td.columnbox h2,
#content table.content td.columnbox h3 {
color: #fff;
background: #3399cc;
}
#content table.content td.columnbox h2, 
#content table.content td.contentbox h2 {
font-size: 120%;
}