/* ----------------------------------------------- */
#main {
 width: 100%;
 height: 100%;
 z-index:0;
 background-image:url(pics_frame/verlauf.gif);
 background-repeat:repeat-y;
}

/* ----------------------------------------------- */
#center {
 position: absolute;
 width: 1000px;
 left: 50%;
 margin-left: -500px;
 top: 10px;
 height: 750px;
 border:1px solid #cfcfcf;
 z-index:1;
 background: transparent;
}

/* ----------------------------------------------- */
#pic_theme {
 width:1000px;
 height:135px;
 z-index:2;
 background-image:url(pics_frame/pic_theme.jpg);
 background-repeat:no-repeat;
}

/* ----------------------------------------------- */
#impressum {
 position: absolute;
 top:0;
 width:998px;
 z-index:3;
 text-align:right;
 margin-right:10px;
 color:#e8e8e8;
}

a.impressum:active,a.impressum:link,a.impressum:visited {
 color:#e8e8e8;
 text-decoration:none;
}

a.impressum:hover {
 color:#e8e8e8;
 text-decoration:none;
}

/* ----------------------------------------------- */
#bar_submen {
 position: absolute;
 top:30px;
 left:25px;
 width:150px;
 height:690px;
 z-index:3;
 background:#dbffe9;
}

#logo {
 position: relative;
 top:0;
 left:0;
 width:150px;
 height:153px;
 z-index:4;
/*
 background: transparent;
*/
}

#submen {
 position: relative;
 top:10px;
 left:0;
 width:150px;
 z-index:4;
 background: transparent;
}

td.submen1 {
 font-weight:bold;
 padding-left:5px;
 font-size:12px;
}

td.submen2 {
 font-size:11px;
 padding-left:10px;
}

a.submen:active,a.submen:link,a.submen:visited {
 color:#404040;
 text-decoration:none;
}

a.submen_selected:active,a.submen_selected:link,a.submen_selected:visited {
 color:#ec9500;
 text-decoration:none;
}

a.submen:hover {
 color:#ec9500;
 text-decoration:none;
}



/* ----------------------------------------------- */
#time2build {
 position: absolute;
 width: 1000px;
 left: 50%;
 margin-left: -500px;
 top: 758px;
 z-index:1;
 background: transparent;
}

#time2build td {
 color:silver;
 font-size:9px;
}

/* ----------------------------------------------- */
#bar_men {
 position: absolute;
 top:135px;
 left:175px;
 width:825px;
 height:26px;
 z-index:3;
 background:#dbffe9;
}

a.men:active,a.men:link,a.men:visited {
 color:#404040;
 text-decoration:none;
}

a.men_selected:active,a.men_selected:link,a.men_selected:visited {
 color:#ec9500;
 text-decoration:none;
}

a.men:hover {
 color:#ec9500;
 text-decoration:none;
}

#bar_men td {
 font-weight:bold;
 font-size:14px;
}

/* ----------------------------------------------- */
#banner {
 position: absolute;
 top: 620px;
 left: 25px;
 width: 150px;
 background: transparent;
 z-index:3;
}

/* ----------------------------------------------- */
#status {
 position: absolute;
 top:135px;
 height:26px;
 left: 800px;
 width: 200px;
 background: transparent;
 z-index:3;
}

div.status {
 width: 188px;
 height:26px;
 background: transparent;
}

td.logout {
 font-weight:normal;
 text-align:right;
 font-size:10px;
}


/* ----------------------------------------------- */
#content {
 position:absolute;
 top:165px;
 left:180px;
 width:815px;
 height:580px;
 z-index:3;
 background: transparent;
 overflow:auto;
 padding-right:4px;
/*
*/
}


@media print {
 #content { overflow:visible; }
}


/* ----------------------------------------------- */
#news {
 position: absolute;
 top: 0;
 left: 0;
 width: 500px;
 background: transparent;
}

/* ----------------------------------------------- */
#sidebar_news {
 position: absolute;
 top: 0;
 left: 515px;
 width: 280px;
 background: transparent;
}


/* --------------------- NEWS --------------------- */
table.news_info_rechts {
 background:transparent;
 border:1px solid #cfcfcf;
 margin:0;
 margin-bottom:3px;
 width:280px;
}

td.news_info_rechts_head {
 font-weight:bold;
 background:#e5ffef;
 font-size:12px;
}

img.kommentar {
 height:35px;
 float:left;
 padding-right:5px;
}

a.rss, a.rss:active, a.rss:visited {
 border:1px solid;
 border-color:#FC9 #630 #330 #F96;
 padding:0 2px;
 font:bold 8px verdana,sans-serif;
 color:#FFFFFF;
 background:#F60;
 text-decoration:none;
 margin-right:5px;
 font-size:8px;
}
a:hover.rss {
 color:#dddddd;
}

/* --------------------- Body --------------------- */
html, body {
 height: 100%; 
 margin:0;
 padding:0;
 overflow-y: auto;
 font-family: verdana, arial;
 font-size:11px;
 font-weight:normal;
 line-height:12px;
 border-style:none;
 background: transparent;
 scrollbar-track-color:#f3f3f3;
 scrollbar-base-color:#000000;
 scrollbar-arrow-color:#000000;
 scrollbar-3dlight-color:#FFFFFF;
 scrollbar-face-color:#d9d9d9;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-shadow-color:#FFFFFF;
 scrollbar-darkshadow-color:#FFFFFF;
}

/* --------------------- Rangliste TV-Nellingen --------------------- */
td.rangliste { font-weight:bold; background-color:#e5ffef; }

/* ----------------------------------------------- */
#bawu_main_read {
 display:none;
 width:100%;
 height:100%;
 background: transparent;
 overflow:auto;
}

div.bawu_oben {
 position: absolute;
 border-style:none;
 width: 100%;
 height: 110px;
 background: transparent;
 overflow:auto;
}

div.bawu_unten {
 position: absolute;
 border-style:none;
 top: 115px;
 width: 100%;
 height: 455px;
 background: transparent;
 overflow:auto;
}




/* ----------------------------------------------- */
.links { text-align:left; }
.rechts { text-align:right; }
.vollbreit { width:100%; }
.vollhoch { height:100%; }
.mittig {text-align:center; }
.transparent { background: transparent; }
table { border:0; padding:0; margin:0; }
.iframe { width:100%; height:180px;}
.jahr { background-color:#e5ffef; }
.rot { background:#FF9F9F; }
.gruen { background:#e5ffef; }
img { border:0;}
.admin { font-weight:normal; }
.oben { vertical-align:top; }
.unten{ vertical-align:bottom; }
.fett { font-weight:bold;}
.grau, a.grau { color:#a8a8a8; }
.klein { font-size:9px; }
.smilies { padding:4px; }
.bg_grau { background:#e5e3df; }
.bg_weiß { background:white; }


/* --------------------- Tabelle --------------------- */
table.rueck_vorrunde {
 width:300px;
 margin:0 0 10px 0;
}



/* ---  ---------------- Überschrift ------------------- */
p.ueberschrift {
 font-weight:bold;
 font-size:12px;
 width:100%;
 margin-top:5px;
 margin-bottom:10px;
}

/* --------------------- Generelles Absatzformat --------------------- */
td {
 font-family: verdana, arial;
 font-size:11px;
 font-weight:normal;
 line-height:13px;
}

p {
 font-family: verdana, arial;
 font-size:11px;
 font-weight:normal;
 text-align:justify;
 width:100%;
 margin:10px 0px 10px 0px;
 line-height:13px;
}



/* --------------------- Absatzformate Links --------------------- */
a:active {
 color: #009439;
 text-decoration:none;
}
a:link {
 color: #009439;
 text-decoration:none;
}
a:visited {
 color: #009439;
 text-decoration:none;
}
a:hover {
 color: #FF0000;
 text-decoration:none;
}


.pseudolink {
 color: #009439;
 text-decoration:none;
 cursor : pointer;
 }

.pseudolink_hover {
 color: #FF0000;
 text-decoration:none;
 cursor : pointer;
 }

/* --------------------- Eingabefelder (Input) --------------------- */
.textbox {
 font-family:verdana,arial;
 font-size:11px;
 text-align:left;
 vertical-align:middle;
 border:1px solid #cfcfcf;
}

.button {
 font-family:verdana,arial;
 font-size:11px;
 background:transparent;
 text-align:center;
 vertical-align:middle;
 border:1px solid #cfcfcf;
}

input.login {
 float:right;
 margin-right:14px;
 text-align:center;
}

.img_icon { /* kleine Dateiicons (z.B. PDF) */
 height:20px;
 vertical-align:middle;
}

.img_icon_kl { /* ganz kleine Dateiicons (z.B. PDF) */
 height:16px;
 vertical-align:middle;
}

.img_icon_kls{ /* noch kleinere Icons (z.B. PDF) */
 height:10px;
 vertical-align:top;
}

/* --------------------- *_main-Seiten --------------------- */
.td_main { vertical-align:top; }

/* --------------------- Absatzformate Vorschaubildchen --------------------- */
img.klein_right {
 vertical-align:middle;
 float:right;
 margin:5px 0px 5px 10px;
}

img.klein_left {
 vertical-align:middle;
 float:left;
 margin:5px 10px 5px 0px;
}

img.klein_middle {
 vertical-align:middle;
 float:center;
 margin:5px 10px 5px 0px;
}


table.news {
 padding:0;
 border:0;
 margin-right:10px;
}

img.typ {
 vertical-align:top;
 border:0;
 margin-right:5px;
 width:16px;
 height:16px;
}

img.news_bild {
 vertical-align:top;
 float:right;
 margin:5px 0px 5px 10px;
 border:0;
 height:80px;
}

img.trenner {
 border:0;
 width:100%;
 height:4px;
 margin-bottom:5px;
}

td.news_info_rechts { vertical-align:top; }

/* --------------------- Training TV-Nellingen --------------------- */
td.training { padding:5px 5px 0px 0px; }
.pics_training {  height:190px; } /* Bilder vom Training */

/* --------------------- *Jugend-Seiten --------------------- */
.table_jugend {
 margin-top:10px;
 border-width:1px;
 border-style:solid;
 border-color:#009439;
}

.td_jugend {
 text-align:center;
 vertical-align:middle;
 width:200px;
}


/* --------------------- TERMINE --------------------- */
img.suchpixel {
 height:12px;
 vertical-align:middle;
 margin-right:5px;
}

td.termin_monat { font-weight:bold; padding-top:10px; font-size:11px; }
td.termin_tag { }


/* --------------------- BERICHTE --------------------- */
table.liste_berichte { width: 100%;}
td.berichte_tag { width:65px; }
td.berichte_bildchen { width:150px; }
img.berichte_bildchen { height:80px; border:0;}

td.berichte_main { /* Rahmen um die Berichteübersicht der einzelenen Jahre */
 border:1px solid #e5ffef;
 text-align:center;
 width:120px;
 height:100px;
}

img.berichte_main { height:80px; }


/* --------------------- Kontakt - Ansprechpartner --------------------- */
.kontakt_mitte { vertical-align:middle; text-align:center; }
img.kontakt_mitte { vertical-align:middle; text-align:center; height:75px; border:0; }

img.kontakt_mitte_kl {
 vertical-align:middle;
 text-align:center;
 width:16px;
 height:16px;
 border:0;
}


/* --------------------- Anzeige Gästebuch --------------------- */
.email_head {
 background:#EBEBEB;
 text-align:left;
 margin-top:15px;
}

.kopf_gaestebuch { /* Kopf der Gästebucheinträge */
 font-weight:bold;
 background-color:#e5ffef;
 }

 
/* --------------------- NEWS EDITIEREN --------------------- */
option.level0 { font-weight:bold; padding-left:0;}
option.level1 { padding-left:10px;}
option.level2 { padding-left:20px;}
option.level3 { padding-left:30px;}
img.border_on { border:1px solid red; margin-top:5px;}
img.border_off { border:0; margin-top:5px; height:80px;}


/* --------------------- BERICHTE --------------------- */

div.bericht_ein_bild {
 position: absolute;
 border-style:none;
 top: 25px;
 left: 0;
 width: 600px;
 height: 555px;
 z-index:1;
 background: transparent;
 overflow:auto;
 text-align:center;
}


div.bericht_text {
 position: absolute;
 border-style:none;
 top: 0;
 left: 0;
 width: 600px;
 height: 580px;
 z-index:0;
 background: transparent;
 overflow-x:hidden;
 overflow-y:auto;
 padding-right:20px;
}


/*
.bericht_iframe {
 position: relative;
 top:0;
 width: 100%;
 height: 200px;
 z-index:1;
 padding:0px;
 margin:0px;
 background-color:white;
 border:1px solid #cfcfcf;
}
*/


iframe.bericht_kommentare {
 background-color:#F2FFF9;
 width:100%;
 height:140px;
 padding:0;
 margin:0;
}






div.bericht_thumbs {
 position: absolute;
 border-style:none;
 top: 0px;
 right:0;
 width: 210px;
 height: 100%;
 z-index:0;
 background: transparent;
 overflow-x:hidden;
 overflow-y:auto;
}

/* --------------------- PINNWAND --------------------- */
.pinnwand_pic {  height:45px; } /* Userbilder auf der Pinnwandseite */

/* --------------------- RUNDMAIL --------------------- */
#rundmail_main_read {
 display:block;
 width:100%;
 height:100%;
 background: transparent;
 overflow:auto;
}

/* --------------------- Bilder im internen Bereich --------------------- */
.img_mitte { vertical-align:middle; }


/* --------------------- Chat --------------------- */

div.chat_content {
 overflow: auto;
 height: 490px;
 background: transparent;
}

td.chat_mymessage {
 border-top:1px solid #e5ffef;
 background: transparent;
}



div.see_pic {
 position: absolute;
 border:1px solid black;
 left: 50px;
 top: 50px;
 z-index:10;
 color:black;
 text-align:center;
 padding:2px;
 visibility:hidden;
}


.schriftklein {
 height:13px;
}



/* --------------------- Uploader --------------------- */
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 160px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}