@charset "utf-8";
/* CSS Document */
body  {
	background: #666666;
	padding: 0;
	margin:0;
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../gfx/back.jpg);
}
<!--#sonder { width:100%; height:100px; position:absolute; top: 94px;  background-image:url(../foto/sonder.png);  background-position:center; background-repeat:no-repeat; }-->

#ampelframe { width:100%; height:200px; position:absolute; top:0px; background-color: transparent; z-index: 0; }
#ampel { width:160px; position:relative; margin: 0 auto; padding:16px 0 0 740px; z-index: 0;}

#container { width: 900px; background: #fff; margin: 0 auto; margin-top:10px; border: 1px solid #fff; text-align: left; background: #fff; } 
#header { height: 146px; background-image:url(../gfx/head.jpg); background-color: #dc3c3e; padding:0; margin:0; } 
#linie { height:3px; background-color: #dc3c3e; margin-bottom:0px;}
#inhalt {width: 590px; padding:10px 30px 30px 20px; background-color:#fff; }

#sidebar { width: 240px; height:100%; padding: 10px; border-top:2px solid #fff;}
.td-sidebar {background-color: #EEE; }
#sidebar hr { color:#fff; height:3px; background-color:#fff; border:none; width:260px; margin-left:-10px;}

#footer { width:884px; color:#fff; padding: 8px; background-color: #dc3c3e; border-top: solid 1px #fff; } 

a:link { color: #000000; text-decoration: none; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #6666CC; }
a:active { text-decoration: none; color: #CCCCCC; }

a.navi2:link { color: #CCCCCC; font-size: 10px; text-decoration: none; }
a.navi2:visited { color: #CCCCCC; font-size: 10px; text-decoration: none; }
a.navi2:hover { color: #6666CC; font-size: 10px; text-decoration: none; }
a.navi2:active { color: #CCCCCC; font-size: 10px; text-decoration: none; }

a.navi3:link { color: #039; font-size: 11px; text-decoration: none;  }
a.navi3:visited { color: #039; font-size: 11px; text-decoration: none;  }
a.navi3:hover { color: #000; font-size: 11px; text-decoration: none;  }
a.navi3:active { color: #039; font-size: 11px; text-decoration: none;  }

a.navi4:link { color: #039; font-weight:bold; font-size: 11px; text-decoration:underline; }
a.navi4:visited { color: #039; font-weight:bold;  font-size: 11px; text-decoration:underline; }
a.navi4:hover { color: #000; font-weight:bold;  font-size: 11px; text-decoration:underline;   }
a.navi4:active { color: #039; font-weight:bold;  font-size: 11px; text-decoration:underline;    }

.loginkastl { font-weight:bold; margin-left:10px; white-space:nowrap;   }
.loginkastl a { background-color:#E10005; color:#fff; padding:2px 8px 2px 8px; cursor:pointer; border:solid #B0B0B0 1px; border-radius:6px; }

.input_text_200 { width:200px; font-size:11px; font-family:Arial, Helvetica, sans-serif}
.formbutt { background-color:#E10005; font-size:11px; font-weight:bold; color:#fff; padding:1px 8px 1px 8px; cursor:pointer; border:solid #B0B0B0 1px; border-radius:6px; }

h2 { font-size:12px; font-weight:bold; margin:0 0 16px 0; }
h3 { font-size:11px; text-decoration:underline; color: #CC0000; margin: 0 0 10px 0; }
h4 { font-size:11px; color: #CC0000; margin: 0 0 2px 0; }
h5 { font-size:11px; text-decoration:underline; color: #000000; margin: 0 0 6px 0; }

.blocksatz { text-align:justify; }

.t10 {	font-size:10px;}

ul { margin:0 0 10px -20px; }

.aktuell_ueb {
	font-weight: bold; color: #cc0000; 
}
#aktuelle_termine { background-color:#ffff88; border:#cc0000 2px solid; padding: 4px; 
border-radius: 8px;}
#aktuelle_termine .term_ueb {
	font-weight: bold; color: #cc0000
}

/* Bilder Passparout */
#bild_fenster{ display: none; z-index:9000; }

#abdunkel {
	background-image: url(../gfx/abdunk_dark.png);
	display: block;
	height: 1500px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:1;
	
}

#abdunkel .foto{ margin: 30px 0 0 0;  }

#abdunkel .warnung {
	text-align:center;
	height: 200px;
	width: 240px;
	margin: 0 auto;
	margin-top:0px;
	cursor: wait;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../gfx/warten_bg.png);	
	}
#abdunkel .warnung .warnbez { color:#06C; margin:8px; font-size:14px; }

.linkbutton {margin: 0 auto; background-color:#DDD; padding-top:4px; width: 80px; height:20px; border:solid 1px #000; }


/* LOGIN */

.a_linkbutton { background-color:#d5f1ff; padding:2px 4px; border:solid 1px #000; border-radius:4px;} 

.tabelle_st {border:solid 1px #000; border-collapse:collapse; }
.tr_bg_0 {background-color:#DEDEDE;}
.tr_bg_1 {background-color:#EEE;}



.textfettrot {
	font: normal 11px;
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
}

.warntext {font-size:12px; color: #cc0000; font-weight: bold; }

.trainerinfobox_ueb {
	background-image:url(../gfx/trainerinfos.png);
	background-repeat:no-repeat;
	height: 17px;
	margin-bottom:0px;
	}

.trainerinfobox {
	margin-top:0px;
	background-color:#f5f5f5;
	border:#cc0000 solid 1px;
	padding:6px;
	width:528px;
}

.trainerinfobox .trueb {
	font-weight:bold;
	margin-bottom:-5px;
}


.tr_rot { color:#fff; background-color:#E10005; }
.tr_rot td { padding: 4px; }
.tr_gruen {color:#fff;  background-color:#008000;	}
.tr_gruen td { padding: 4px; }

.tr_training { background-color:#d5f1ff; }
.tr_traiinfo { background-color:#ffcccc; }


.infobox_admin {
	background-color: #D5F1FF;
	border:1px #666 solid;
	width: 120px;
	padding: 3px;
	font-size:10px;
}



.popinfo {
	border: solid 1px;
	color: black;
	background-color: #eee;
	display: none;
	position: absolute;
	padding: 5px 5px 3px 5px;
	white-space: normal;
	text-align: left;
}


#transp_bg {
	background-image: url(../gfx/transp_bg.png);
	display: block;
	height: 1500px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:5000;
	
}
#bearb_window {
	background-color: #EBEBEB;
	width: 800px;
	border: 1px solid #000;
	top: 30px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 20px;
	z-index: 10;
	
}
#bearb_window #bearb_window_head {
	background-color: #d5f1ff;
	height: 14px;
	width: 830px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin: -20px 0px 0px -20px;
	text-align: right;
	padding: 1px 10px 0px 0px;
	background-repeat: no-repeat;
	background-position: right;	
	}
#bearb_window #bearb_window_head .head_link {
	 margin-right:-5px;
}

#bearb_window #inhalt { text-align:left; background-color: #EBEBEB; padding:0; margin-top:20px;}
	
.bearb_window_button {
	background-color: #d5f1ff;
	color: #000;
	text-decoration: none;
	font-size:11px;
	border: none;
	cursor: pointer;
	height:12px;
	margin:0px -8px 4px 0;
	text-align:right;
} 
.bearb_window_link {
	background-color: #d5f1ff;
	color: #000;
	text-decoration: none;
	font-size:11px;
	border: none;
	cursor: pointer;
	height:12px;
	padding:0px;
	margin:0px 0px 0px 0px;
	
}
#alert_window {
	background-color: #EBEBEB;
	width: 260px;
	border: 1px solid #606060;
	position: absolute;
	top: 120px;
	left: 280px;
	padding-top: 36px;
	padding-bottom: 36px;
	text-align:center;
	z-index:4000;
	
}

.hinweis {
	background-color: #FFFFcc;
	width: 500px;
	border: 1px solid #606060;
	position:absolute;
	padding: 6px;
	z-index:4001;
	
}

#warten {
	height: 1500px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:3000;
	background-image: url(../gfx/abdunk_dark.png);
	cursor: wait;
	
	
}
#warten_window {
	height: 200px;
	width: 240px;
	margin: 0 auto;
	margin-top:100px;
	cursor: wait;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../gfx/warten_bg.png);	
}
#warten_picture {
	background-image:url(../gfx/warten.gif);
	width: 80px;
	height: 80px;
}

select {border: solid 1px #999; font-size: 12px; padding: 1px 0px 1px 0px; }

input {font-size:11px;}

.form_text_100 {width: 100px; }
.form_text_150 {width: 150px; }

.form_text_200 {width: 200px; }
.form_text_200_inak {width: 200px; color: #999; }

.form_text_300 {width: 300px; }
.form_text_400 {width: 400px; }

.td_bg_pic {background-color:#FFC;}
.td_bg_link { background-color:#d5f1ff;}
.td_bg_link_light { background-color:#e7f0ff;}
.td_bg_pdf { background-color:#FCC;  }

.form_textfield_300 {
    width:300px;
	height:60px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

.form_textfield_400 {
    width:400px;
	height:60px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
}
.submit_button {
	font-size: 12px;
	background-color: #d5f1ff;
	height: 20px;
	border: 1px solid #606060;
	cursor: pointer;
	color: #000;
	border-radius: 4px;
	padding: 0px 3px 3px 3px;
}
.send_butt {
	font-size: 11px;
	background-color: #eee;
	display:inline-block;
	border: 1px solid #606060;
	cursor: pointer;
	color: #000;
	padding: 1px 8px 1px 8px;
	text-decoration: none;
}

.link_button {
	font-size: 11px;
	background-color: #eee;
	height: 20px;
	border: 1px solid #606060;
	cursor: pointer;
	color: #000;
	padding:1px 8px 1px 8px;
	text-decoration: none;
	
}

.line {
	padding-bottom: 6px;
	margin-bottom:6px;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
}

.popinfo {
	border: solid 1px;
	color: black;
	background-color: #FFFFFF;
	display: none;
	position: absolute;
	padding: 5px 5px 3px 5px;
	white-space: normal;
	text-align: left;
}
.popinfo table {
	font-size: 10px; margin: 5px;
}
.popinfo tr {background-color:#FFF; }
.popinfo td {border:none; padding:1px;}