/*--------- Grundeinstellungen ----------*/
/*Normalisierung marign, padding*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote
{
	margin: 0;
	padding: 0;
	color: #666;
}
/*Normalisierung font-size header*/
h1, h2, h3, h4, h5, h6
{
font-size: 100%;
}
/*Entfernt list-style aus listen*/
ol, ul
{
list-style: none;
}
/*Normalisiert font-style und font-weight auf normal*/
address, caption, cite, code, dfn, em, strong, th, var
{
font-style: normal;
font-weight: normal;
}
/*Normalisiert Tabellen*/
table
{
border-collapse: collapse;
border-spacing: 0;
}
/*Entfernt border aus fieldset und img*/
fieldset, img
{
border: 0;
}
/*Richtet Text in caption und th linksbündig aus*/
caption, th
{
text-align: left;
}
/*---------- ENDE ----------*/
/* General styles */

.prog {
	text-align: center;
	line-height: 20px;
}

.img_r20 {
	margin-right: 20px;
}

.rot {
	color: #e00;
}

.time {
	color: #7e1216;
	font-size: 12px;
	line-height: 14px;
	margin-left: 20px;
}

h4 {
	color: #7e1216;
	font: bold 14px Arial;
	text-align: center;
}

h5 {
	color: #7e1216;
	font: 12px verdana;
	text-align: center;
}

.fett {
	font-weight: bold;
}

.kursiv {
	font-style: italic;
}

.noe-blau {
	color: #036;
}

.mittelblau-fett {
	color: #4c7094;
	font-weight: bold;
}

.hellblau-fett {
	font-weight: bold;
	color: #c3d7eb;
}

.quelle {
	margin-left: 10px;
	color: #999;
	font: 9px Arial;
	text-align: left;
	margin-top: 3px;
}

.notiz {
	color: #666;
	font: 9px Arial;
	text-align: left;
	margin-top: 3px;
}

.urheber {
	color: #f00;
	font-size: 11px;
	font-style: italic;
}

.hist_jahr_sommer {
	color: #f90;
	font-size: 13px;
	font-style: italic;
	letter-spacing: 1px;
}

.hist_jahr_winter {
	color: #4c7094;
	font-size: 13px;
	font-style: italic;
	letter-spacing: 1px;
}

.news_img {
	float: right;
	margin-left: 15px;
}

.download_img {
	float: left;
	margin-right: 15px;
}

.news_date {
	color: #c3d7eb;
	font-weight: bold;
	margin-bottom: 5px;
}

.marg_inside_hor {
	margin-right: 10px;
	margin-left: 10px;
}

#sep_line_dot_lb {
	border-top: 1px dotted #b2c1d1;
	width: 100%;
	margin-top: 20px;
	float: left;
}

/* Table styles */

.td_border_right {
	border-right: 1px solid gray;
}

.td_pad_right_10 {
	padding-right: 10px;
}

.td_pad_right_20 {
	padding-right: 20px;
}

.table_txt_prog
 {
	font-size: 11px;
	color: #666;
}

.table_txt_login
 {
	color: #036;
}

/* Page styles */

#header {
	width: 980px;
	z-index: 1;
	float: left;
	clear: both;
}

#logo {
	z-index: 2;
	float: left;
	clear: both;
}

#headpic {
	height: 225px;
	width: 540px;
	z-index: 2;
	background: url(../grafiken/headpic.gif) no-repeat;
	margin-left: 20px;
	float: left;
}

#headpic_change {
	height: 295px;
	width: 210px;
	z-index: 2;
	margin-left: 760px;
}

.headpic_change1 {
	background-image: url(../grafiken/headpic_change1.gif); 	background-repeat: no-repeat;
	z-index: 2;
}

.headpic_change2 {
	background-image: url(../grafiken/headpic_change2.gif); 	background-repeat: no-repeat;
	z-index: 2;
}

.headpic_change3 {
	background-image: url(../grafiken/headpic_change3.gif); 	background-repeat: no-repeat;
	z-index: 2;
}

.headpic_change4 {
	background-image: url(../grafiken/headpic_change4.gif); 	background-repeat: no-repeat;
	z-index: 2;
}

#sidenavi {
	height: 28px;
	width: 225px;
	z-index: 5;
	background-image: url(../grafiken/navi/sidenavi_back.gif);
	position: relative;
	left: 195px;
	top: -295px;
	color: #036;
	font: 11px verdana;
}

#sidenavi ul {
	list-style: none;
	padding:    0;
	position:   relative;
	float: left;
	margin: 5px 0 0 10px;
}

#sidenavi ul li {
	display:block;
	list-style:none;
	position:relative;
	float: left;
	padding: 0;
	margin: 0 0 0 5px;
}

#sidenavi a.sideinaktiv:link, a.sideinaktiv:visited {
	text-decoration: none;
	color: #4c7094;
	font-weight: bold;
	font-family: verdana;
}

#sidenavi a.sideinaktiv:hover, a.sideinaktiv:active, a.sideinaktiv:focus
{
	text-decoration: underline;
	color: #036;
}

#sidenavi a.sideaktiv:link, a.sideaktiv:visited {
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}

#sidenavi a.sideaktiv:hover, a.sideaktiv:active, a.sideaktiv:focus {
	color: #f00;
}

#counter {
	position: absolute;
	left: 220px;
	text-align: left;
	top: 38px;
	height: auto;
	width: auto;
	visibility: visible;
	z-index: 5;
}
#flashcontent {
	display: block;
	margin: 0 auto;
	padding: 0;
}

#col_mask {
	width: 980px;
	z-index: 5;
	float: left;
	clear: both;
	top: -125px;
	position: relative;
}

#footer {
	width: 980px;
	z-index: 5;
	clear: both;
	float: left;
	position: relative;
	top: -125px;
}

#bottom {
	width: 960px;
	margin-left: 20px;
	margin-top: 20px;
	border-top: 1px dotted #036;
}

#bottnavi {
	width: 470px;
	z-index: 5;
	color: #036;
	font: 11px/18px arial;
	float: left;
	clear: left;
	margin-top: 10px;
}

.bottnavi_mail {
	color: #036;
	font: 11px/18px arial;
}

#bottnavi a.bottinaktiv:link, a.bottinaktiv:visited {
	text-decoration: none;
	color: #4c7094;
}

#bottnavi a.bottinaktiv:hover, a.bottinaktiv:active, a.bottinaktiv:focus {
	text-decoration: underline;
	color: #036;
}

#bottnavi a.bottaktiv:link, a.bottaktiv:visited {
	color: #f00;
	text-decoration: none;
}

#bottnavi a.bottaktiv:hover, a.bottaktiv:active, a.bottaktiv:focus {
	color: #f00;
}

#lbs {
	background: url(../grafiken/lbs_back.gif) no-repeat;
	width: 490px;
	height: 110px;
	color: #333;
	font: 10px verdana;
	margin-left: 470px;
	z-index: 3;
	margin-top: 10px;
}

#lbs p {
	margin-left: 70px;
}

#lbs a.lbslink:link, a.lbslink:visited {
	text-decoration: none;
	color: #4c7094;
}

#lbs a.lbslink:hover {
	text-decoration: underline;
	color: #036;
}

#sponsors {
	width: 960px;
	height: auto;
	z-index: 5;
	margin-left: 20px;
	margin-top: 10px;
	border-top: 1px dotted #036;
	border-bottom: 1px dotted #036;
	color: #666;
	font: 10px arial;
}

#sponsors img {
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
}

#cr {
	width: 960px;
	z-index: 5;
	margin-left: 20px;
	margin-bottom: 30px;
	margin-top: 5px;
	color: #666;
	font: 10px arial;
}

#cr a.crlink:link, a.crlink:visited {
	text-decoration: none;
	color: #4c7094;
}

#cr a.crlink:hover {
	text-decoration: underline;
	color: #036;
}

#pageup {
	margin-top: 10px;
	float: left;
	width: 520px;
}

/* Content styles */

#navi_col {
	width: 205px;
	float: left;
	clear: both;
}

#mainnavi {
	position: relative;
	width: 205px;
	height: 290px;
	color: #00316c;
	font: 12px/24px verdana;
	top: 35px;
	background: url(../grafiken/navi/mainnavi_back.gif) no-repeat;
}

#mainnavi ul {
	list-style: none;
	display: block;
	position: relative;
	top: 40px;
	padding: 0;
	left: 25px;
	margin: 0;
}

#mainnavi ul li {
	list-style:none;
	position:relative;
	padding: 0;
	margin: 0;
	display: block;
}

#mainnavi a.maininaktiv:link, a.maininaktiv:visited {
	text-decoration: none;
	color: #4c7094;
	padding-left: 22px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight: bold;
}

#mainnavi a.maininaktiv:hover, a.maininaktiv:active, a.maininaktiv:focus {
	text-decoration: underline;
	color: #036;
	list-style-image: none;
	background: url(../grafiken/navi/main_bullet.gif) no-repeat 0 0;
}

#mainnavi a.mainaktiv:link, a.mainaktiv:visited {
	color: #f00;
	text-decoration: none;
	font-weight: bold;
	background: url(../grafiken/navi/main_bullet.gif) no-repeat 0 0;
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 5px;
}

#mainnavi a.mainaktiv:hover, a.mainaktiv:active, a.mainaktiv:focus {
	color: #f00;
}

#links {
	width: 190px;
	height: auto;
	margin-left: 10px;
	margin-top: 35px;
	border-top: 1px dotted #00316c;
	border-bottom: 1px dotted #00316c;
	margin-bottom: 20px;
	font: 11px/12px arial;
	color: #999;
	padding-bottom: 10px;
}

#links p {
	margin-left: 15px;
	margin-top: 10px;
}

#links a {
	color: #959b00;
	font-weight: bold;
	text-decoration: none;
}

#links a:hover {
	text-decoration: underline;
	color: #636700;
}

#button {
	width: 190px;
	margin-left: 10px;
	margin-bottom: 20px;
}
#slideshow {	position:          relative;
	z-index:           4;
	width: 520px;
	height: auto;
	float: left;
}
/* ------ */

#content_col {
	width: 520px;
	float: left;
	margin-left: 15px;
}

#date {
	z-index: 2;
	margin-top: 35px;
	float: left;
	clear: both;
	height: 60px;
	width: 245px;
}

#compnavi {
	width: 270px;
	z-index: 5;
	float: right;
	height: 95px;
}

#title {
	width: 520px;
	z-index: 3;
	color: #930009;
	font: 12px verdana;
}

#content {
	width: 520px;
	z-index: 3;
}

#content a:link, a:visited {
	text-decoration: underline;
	color: blue;
}

#content a:hover {
	color: blue;
	text-decoration: none;
}

#intro {
	margin-top: 10px;
}

#intro p {
	font: bold 11px verdana;
	margin-top: 6px;
	color: #f00;
}

#col_all {
	width: 520px;
	margin-top: 20px;
	color: #666;
	font: 12px/18px verdana;
	float: left;
}

#col_all ul li {
	list-style-type: disc;
	margin-left: -20px;
}

#col_left {
	width: 250px;
	float: left;
	margin-top: 20px;
	clear: both;
	font: 11px/15px verdana;
	color: #666;
}

#col_left ul li {
	list-style-type: disc;
	margin-left: -20px;
}

#col_left ol li {
	list-style-type: decimal;
	margin-top: 5px;
	margin-left: -10px;
}

#col_right {
	width: 250px;
	margin-top: 20px;
	float: left;
	margin-left: 20px;
	color: #666;
	font: 11px/15px verdana;
}

#col_right ul li {
	list-style-type: disc;
	margin-left: -15px;
}

#item {
	width: 100%;
	clear: left;
}

/* ------ */

#marg_col {
	width: 220px;
	margin-top: 80px;
	margin-left: 760px;
}

#login {
	background: url(../grafiken/login_back.gif) no-repeat;
	width: 220px;
	height: 170px;
	position: relative;
	font: 11px arial;
	color: #036;
}

#login form {
	top: 55px;
	left: 20px;
	position: relative;
}

#news {
	width: 210px;
	margin-top: 20px;
	font: 11px verdana;
	background: url(../grafiken/news_back.gif) repeat-y;
}

#news p {
	margin-left: 10px;
	margin-right: 10px;
	color: #4c7094;
}

#marg {
	width: 210px;
	margin-top: 20px;
	font: 11px verdana;
}

#info {
	width: 210px;
	background: url(../grafiken/news_back.gif) repeat-y;
	margin-bottom: 50px;
	font-family: arial;
	font-size: 11px;
	color: #666;
	line-height: 15px;
}

#adver {
	width: 210px;
	background: url(../grafiken/news_back.gif) repeat-y;
	margin-top: 20px;
	font: 10px verdana;
	color: #333;
}

/* ------ */

