/**
 * Autor: Grüse
 * Erstellt am 18. 01. 2005
 */

/* **************************** */
/* 	Globale Definitionen:          */
/* **************************** */
body {
	font-family:"Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
	/*background-image: url(../pics/bg.gif);*/
	font-size:11;
	/* Scrollbar-Design */
	scrollbar-face-color: #d6e6ff;
	scrollbar-shadow-color: #000055;
	scrollbar-highlight-color: #7E96BA;
	scrollbar-3dlight-color: #000055;
	scrollbar-darkshadow-color: #000055;
	scrollbar-track-color: #DDD;
	scrollbar-arrow-color: #7E96BA;
}
table {
	font-size: 11px;
}
input, button {
	font-family:"Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
	font-size:11;
	/*color: #7E96BA;*/
	color: #000055;
	background-color: #d6e6ff;
	border-color: #7E96BA #000055 #000055 #7E96BA;
	border-style: solid;
	border-width: 2px;
	padding: 0 2px;
}

/* nur Firefox */
input:disabled {
	color: #aaaaaa;
	background-color: #dddddd;
}

textarea {
	font-family:"Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
	font-size:11;
	/*color: #7E96BA;*/
	color: #000055;
	background-color: #d6e6ff;
	border-color: #7E96BA #000055 #000055 #7E96BA;
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 2px 2px;
}

a {
	color: #000070;
	border: none;
	text-decoration: none;
}
a:visited {
	color: #000070;
}
a:hover {
	color: #bb4444;
	text-decoration: underline;
}
a:active {
	color: #ff0000;
	text-decoration: underline;
}
img {
	border: none;
}

h1 {
	font-size: 24px;
	color: #000066;
}
h2 {
	font-size: 18px;
	color: #000066;
	margin-left: 10px;
}
h3 {
	font-size: 12px;
}
ul {
	/*color: #000000;*/
	list-style-type: none;
	padding: 0;
	margin: 0;
	/*margin-left: 0.1em;*/
}
li {
	background-image: url(../pics/listarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.2em;
}
/************************/
/*            Klassen           */
/************************/
.main_content {
	font-family:"Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
	font-size: 11;
	padding-top: 20;
}
.form_content {
	font-family:"Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
	font-size: 11;
	padding: 20px 0 20px 0;
}
.form_cell {
	width: 180px;
}
.p_left_pad {
	width: 90%;
	margin-left: 10%;
}
.table_padded {
	width: 100%;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
}
.table_padded_cell1 {
	color: white;
	font-size: 11px;
	background-color: #2266bb;
	padding: 4px 4px 4px 4px;
	height: 20px;
}
.table_padded_cell1 a {
	color: white;
	font-weight: bold;
	text-decoration: underline;
}
.table_padded_cell1 a:hover {
	color: #bb4444;
}
.table_padded_cell2 {
	font-size: 11px;
	background-color: #d6e6ff;
	padding: 4px 4px 4px 4px;
	height: 20px;
}
.table_padded_cell3 {
	font-size: 11px;
	background-color: #eeaaaa;
	padding: 4px 4px 4px 4px;
	height: 20px;
}
/* Ein Stil für checkbuttons und radiobuttons im IE */
.input_plain {
	border-width: 1;
	padding: 0 2px;
}
.nu_textfield {
	width: 100%;
}
.nu_textfield2 {
	width: 70%;
}
.nu_textarea1 {
	width: 100%;
	height: 140px;
}
.nu_textarea2 {
	width: 100%;
	height: 170px;
}
.nu_textarea3 {
	width: 70%;
	height: 170px;
}

/** Die Definitionen (besonders Größe) der Tabellen **/
/* Der Stil für die alles umschliessende Tabelle */
.wrapper {
	color: #003366;
	font-size: 11px;
	background-color: #ffffff;
	background-repeat:no-repeat;
	height: 100%;
	width: 950px;
	min-height:100%;
	/*border: medium double rgb(255, 50, 50);*/
	/*border: 2px solid #3333bb;*/
}
/* Der Stil für die linke Teiltabelle */
.left_table {
	width: 250px;
	text-align: middle;
}
/* Der Stil für die Tabelle, die den mittleren Teil ausmacht */
.content {
	font-family:"Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
	font-size:11;
	width: 500px;
	/*height: 100%;*/
}
/* Der Stil für die rechte Seite der Tabelle */
.right_table {
	text-align: middle;
	width: 160px;
}
/* Der Stil für die Login- und Zeitinfo */
.loginCell {
	font-family:"Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
	font-size:11;
	/*color: #FB3B00;*/
	color: #7E96BA;
	border: 1px solid grey;
	background-color: #d6e6ff;
	width: 400px;
	text-align: center;
}
/* Ein Abstandhalter */
.td_spacer {
	width: 40px;
}
/* Die Tabelle für die Anzeige "nächstes Spiel" auf index.php */
.nextgame_table {
	font-size: 10;
	border: 1px solid grey;
	/*background-color: #f8f8f8;*/
	/*background-color: #d6e6ff;*/
	/*background-color: #e0e0e0;*/
	width: 90%;
	margin: 32px 0 0 10px;
}
.nextgame_top_row {
	font-weight: bold;
	background-color: #d6e6ff;
	/*background-color: #A4BAE3;*/
	text-align: center;
}
.nextgame_table_row {
}
.nextgame_middle_row {
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
}
.nextgame_bottom_row {
	text-align: center;
}
.training_top_row {
	font-weight: bold;
	background-color: #d6e6ff;
	text-align: center;
	margin-bottom: 10px;
}
.cell_bg_0 {
	font-weight: bold;
	text-align: center;
	/*background-color: #ffffff;*/
	background-color: #e0e0e0;
}
.cell_bg_1 {
	font-weight: bold;
	text-align: center;
	background-color: #b6d6fa;
}
.cell_bg_2 {
	font-weight: bold;
	text-align: center;
	background-color: #ff8888;
}

/* map */
/* Stil für die Infobox für den ÖPNV bei der Google-Karte */
.vrs_box {
	color: #000;
	background-color: #ffffff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position:relative;
	top:-100px;
	left:80px;
	height: 120px;
	width: 320px;
	border: 1px solid #999;
	z-index: 3;
	/*background-image: url('../pics/corner_g_klein.jpg');
	background-position: 40px 20px;
	background-repeat: no-repeat;*/
	/*-moz-opacity: .7;*/
}
.vrs_boxtable {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 300px;
	margin: 0;
}
.vrs_boxlink {
	font-weight: bold;
	text-align: center;
	height: 16px;
	width: 20px;
	background-color: #fff;
	position: absolute;
	top: 2px;
	left: 295px;
	z-index: 4;
	border: 1px solid #999;
	color: #999;
}
.vrs_boxlink:hover {
	border: 1px solid #000;
	color: #000;
}
.vrs_boxlink:visited {
	color: #999;
}

/* calendar */
.cal_weekday0 {
	/*border: 1px solid black;*/
	width: 80px;
	height: 80px;
	vertical-align: top;
	font-size: 10px;
	/*background-color: #c0c0c0;*/
}
.cal_weekday1 {
	border: 1px solid black;
	width: 80px;
	height: 80px;
	vertical-align: top;
	font-size: 10px;
	background-color: #ffffff;
}
.cal_weekday2 {
	border: 1px solid black;
	width: 80px;
	height: 60px;
	vertical-align: top;
	font-size: 10px;
	background-color: #d6e6ff;
}
.cal_day {
	margin: 3px 3px 3px 3px;
	width: 70px;
}
.cal_day a {
	display: block;
	font-weight: bold;
	font-size: 11px;
	padding: 1px 0 1px 5px;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	width: 70px;

}
.cal_day a:hover {
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
}

.cal_day_current {
	background-color: #d09090;
}
.cal_single {
	padding: 5px 5px 5px 5px;
	margin: 0 0 5px 0;
	text-align: left;
	border: 1px solid black;
}
.cal_time {
	font-weight: bold;
	background-color: #ddd;
	padding: 3px 3px 3px 3px;
	margin-right: 10px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-top: 1px solid #111;
	border-left: 1px solid #111;
}
.cal_error {
	font-weight: bold;
	color: #f00;
}
.cal_extra {
	font-weight: bold;
	color: #000;
}

/* Galerie-Stile */
.galrow {
	display: table-row;
}

.galcell {
	width: 23%; 
	display: table-cell; 
	text-align: center;
}

/*background-color: #A4BAE3;
text-align: center;*/

/* Die Stile für die Menu-Artefakte, (Enthaltende Tabelle, die Aktuatoren, die Menüs, ...) */
.menurow {
	height: 70;
}
/* Forum-Stile*/
.forum_entry0 {
	background-image: url(../pics/forum/sticky.gif);
	background-position: top left;
	padding-left: 18px;
}
.forum_entry1 {
	background-image: url(../pics/forum/topic.gif);
	background-position: top left;
	padding-left: 14px;
}
.forum_entry2 {
	background-image: url(../pics/forum/reply.gif);
	background-position: top left;
	padding-left: 12px;
}
.forum_entry3 {
	background-image: url(../pics/forum/poll.gif);
	background-position: top left;
	padding-left: 18px;
}
.forumwrap {
	font-size: 11px;
	color: #000055;
	border: 1px solid grey;
	width: 100%;
	margin: 5px 0 5px 0;
	border-collapse: collapse;
}
.forumtop {
	background-color: #A4BAE3;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	width: 100%;
	height: 40px;
	border: 1px solid grey;
	padding: 0 0 0 20px;
}
.forummiddle {
	/*background-color: #ffffff;*/
	text-align: left;
	width: 100%;
	border: 1px solid grey;
	padding: 5px 0 5px 10px;
}
.forumbottom {
	background-color: #d6e6ff;
	padding: 5px 10px 5px 10px;
}
.forumquote {
	background-color: #f8f8ff;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 3px;
	border: 1px solid grey;
}
.forumlink {
	text-decoration: underline;
}
.forum_poll_res0 {
	height: 20px;
	background-color: #a4bae3;
}
.forum_poll_res1 {
	height: 20px;
	background-color: #e3a4ba;
}
/* Gästebuch-Stile */
.gbwrap {
	font-size: 11px;
	color: #000055;
	background-color: #d6e6ff;
	border: 1px solid grey;
	width: 100%;
	margin: 5px 0 5px 0;
	border-collapse: collapse;
}
.gbtopleft {
	background-color: #A4BAE3;
	text-align: center;
	width: 10%;
	border: 1px solid grey;
}
.gbtopmiddle1 {
	text-align: center;
	background-color: #A4BAE3;
	width: 50%;
	border: 1px solid grey;
}
.gbtopmiddle2 {
	text-align: center;
	background-color: #A4BAE3;
	width: 15%;
	border: 1px solid grey;
}
.gbtopright {
	text-align: center;
	background-color: #A4BAE3;
	width: 25%;
	border: 1px solid grey;
}
.gbmain {
	text-align: left;
	padding: 5px 5px 5px 5px;
}
.pages_top {
	margin: 0 0 10px 0;
	text-align: center;
}
.pages_bottom {
	margin: 10px 0 20px 0;
	text-align: center;
}

.disclaimerbottom {
	width: 500px;
	text-align: center;
	font-size: 10px;
	background-color: #d6e6ff;
	margin: 10px 0 10px 0;
	border: 1px solid grey;
}
.spacer_vertical_small {
	height: 20px;
	width: 100%;
}
.spacer_vertical_large {
	height: 350px;
	width: 50px;
	/*background-color: #ff0000;*/
}
.spacer_vertical_frontpage {
	height: 280px;
	width: 50px;
}
/* News-Stile */
.news_upper_left1 {
	padding: 5px 3px 5px 3px;
	background-color: #ffffff;
	text-align: left;
}
.news_upper_left2 {
	padding: 5px 3px 5px 3px;
	text-align: center;
}
.news_index1 {
	margin-right: 10px;
	padding: 5px 3px 5px 3px;
	width: 50%;
	text-align: left;
	border: 1px solid grey;
	background-color: #ffffff;
	/*position: relative; top: 10px; left: 0px;*/
}
.news_index2 {
	padding: 5px 3px 5px 3px;
	width: 49%;
	text-align: left;
	border: 1px solid grey;
	background-repeat: no-repeat;
	background-color: #ffffff;
	/*position: absolute; top: 10px; left: 247px;*/
}
.news_index3 {
	padding: 5px 3px 5px 3px;
	margin: 10px 0 10px 0;
	width: 100%;
	text-align: left;
	border: 1px solid grey;
	background-color: #ffffff;
}
.news_index_td_spacer {
	width: 1%;
	border: 0;
	background-color: #ffffff;
}
.news_index_pic_week {
	border: 2px outset #555555;
	margin-top: 30px;
	max-width: 200px;
	width: expression(this.width > 200? "200px": true);
}
.news_index_ad_box {
	font-size: 11px;
	border: 1px solid grey;
	width: 100%;
	margin: 10px 0 10px 0;
	border-collapse: collapse;
	background-repeat: no-repeat;
	height: 131px;
}
.news_index_ad_box_links {
	padding-left: 20px;
	text-align: left;
}
.news_header {
	font-weight: bold;
	font-size: 13px;
}
.news_header_pic {
	border: 0;
	padding: 0;
	margin: 0;
}
.news_info {
	font-size: 10px;
}
.news_wrap0 {
	font-size: 11px;
	border: 1px solid grey;
	width: 100%;
	margin: 10px 0 10px 0;
	border-collapse: collapse;
}
.news_wrap1 {
	font-size: 11px;
	border: 1px solid grey;
	width: 100%;
	margin: 10px 0 10px 0;
	border-collapse: collapse;
}
.news_wrap2 {
	font-size: 11px;
	border: 0;
	width: 100%;
	margin: 10px 0 5px 0;
	padding: 0;
	border-collapse: collapse;
}
.news_who {
	font-size: 10px;
	color: #550000;
}
.news_when_box {
	font-size: 9px;
	color: #707070;
	margin: 0px;
	padding: 0px;
}
.news_thumb {
	border: 2px outset #555555;
	margin-right: 10px;
	max-width: 200px;
	width: expression(this.width > 200? "200px": true);
	/*border-style: groove;
	border-color: #444444;*/
}
.naked_thumb {
	margin-right: 10px;
	margin-left: 5px;
	margin-top: 3px;
}
.nl_table {
	border: 1px solid grey;
	background-color: #ffffff;
	background-image: url(../pics/bg_nl.jpg);
	background-repeat: no-repeat;
	width: 100%;
}
.padded_cell {
	width: 50%;
	text-align: center;
	padding: 5px 5px 5px 5px;
}
.yellow {
	background-color: #eef2aa;
}

/* Stile für die Roster-Tabellen */
.roster_table {
	width: 100%;
}
.roster_header {
	font-weight: bold;
}
.roster_row0 {
	/*background-color: #eebbbb;*/
	background-color: #d6e6ff;
}
.roster_row1 {
	background-color: none;
}
/* IDs */
#wrap {
    border:1px solid grey;
    width:662px;
    }
#menu {
    background:#D6E6FF;
    border-bottom:1px solid white;
    padding:4px 0;
    width:660px;
    }
#menu a {
    padding:4px 10px;
    text-decoration:none;
    font-weight:bold;
    color:#7E96BA;
    }
#menu a.hover {
    background:#F4F9FF;
    }
#menu span {
    display:none;
    }
#img {
    vertical-align:bottom;
    }

#subnav {
    font-size:10px;
    margin-bottom:2em;
    }
#subnav a {
    color:#FB3B00;
    margin-right:1em;
    }
#subnav span {
    color:silver;
    margin-right:1em;
    }