@import url(normalize.css);
@import url(svc-main.css);
@import url(svc-navi.css);
@import url(svc-boxes.css);

HTML { 
text-align: center;
background: #eee url(http://www.svc-online.de/weko/_xstyles/body.gif) repeat-x 0 0;
padding: 9px 0px;
}

BODY {
position: relative;
width: 950px; margin: 0px auto;
font: 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666;
text-align: left;
background: #fff url(http://www.svc-online.de/weko/_xstyles/content.div.gif) repeat-y;
border: 1px solid #999;
}

H2 {
font: bold 108%/108% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 20px 0px 15px 0px;
padding: 16px 0px 4px 16px;
border-bottom: 1px dashed #c60;
background: transparent url(http://www.svc-online.de/weko/_xstyles/h2.gif) no-repeat 0px 0px;
}

H3 {
font: bold 103%/103% Verdana, Geneva, Arial, Helvetica, sans-serif;
background: transparent url(http://www.svc-online.de/weko/_xstyles/content_box.h5.gif) no-repeat 0% 50%;
margin: 25px 0px 10px 0px;
padding-left: 10px;
}

H4 {
font: bold 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

P { margin: 10px 0px; }

P.topnav { text-align: right; margin: -8px 0px; }

P.metanav { border-top: 1px dashed #999; }

A {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #c60;
}

A.top {
font: 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background: transparent url(http://www.svc-online.de/weko/_xstyles/a.top.gif) no-repeat 0% 70%;
padding-left: 8px;
}

A.back {
font: 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background: transparent url(http://www.svc-online.de/weko/_xstyles/a.back.gif) no-repeat 0% 70%;
padding-left: 9px;
}

P.no {
width: 100%;
background: #eee;
border-bottom: 1px solid #999;
border-top: 1px solid #999;
padding: 2px;
text-align: center;
}

/* -01---- Seite "Startseite" ---------------------------------------*/

DIV#welcome { height: 147px; }

DIV#welcome H2 {
position: absolute;
top: 125px;
left: 152px;
width: 606px;
height: 122px;
background: transparent url(http://www.svc-online.de/weko/_ximages/titelbild.jpg) no-repeat 0px 0px;
text-indent: -9999px;
border-top: 3px dashed #666;
border-bottom: 3px dashed #666;
margin: 0px;
padding: 0px;
}

DIV.highlight {
background: #FFE377;
border: 1px solid #C09A14;
margin: 25px 0px 10px 0px;
padding: 5px;
}
DIV.highlight H3 { margin-top: 0px; }
DIV.highlight P { margin-bottom: 0px; }

A.newsticker {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #c60;
background: transparent url(http://www.svc-online.de/weko/_xstyles/a.newsticker.gif) no-repeat 0% 50%;
padding-left: 20px;
margin-left: 10px;
}

A:HOVER, A:HOVER.newsticker {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #f90;
}

/* ----- Seite "Spielergebnisse" ---------------------------------------*/

TABLE.spielergebnisse, TABLE.nachwuchsergebnisse { border-top: 1px solid #999; }

TABLE.spielergebnisse TD, TABLE.nachwuchsergebnisse TD {
padding: 1px 0px;
border-bottom: 1px solid #999;
text-align: center;
background-color: #FAEFC5;
}

TABLE.spielergebnisse TD.date {
width: 17%;
}

TABLE.spielergebnisse TD.match {
width: 53%;
background-color: #FFE377;
font: 103%/103% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
padding: 4px 0px;
}

TABLE.spielergebnisse TD.match EM { font-weight: bold; }

TABLE.spielergebnisse TD.result {
width: 8%;
background-color: #ECC733;
font: bold 103%/103% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
letter-spacing: 2px;
}

TABLE.spielergebnisse TD.report{
width: 22%;
}

TABLE.spielergebnisse A {
font: 10px/12px Arial, Helvetica, sans-serif;
background: transparent url(http://www.svc-online.de/weko/_xstyles/content_box.a.gif) no-repeat 0% 50%;
padding-left: 5px;
}

TABLE.spielergebnisse A:HOVER {
font: 10px/12px Arial, Helvetica, sans-serif;
color: #f90;
}

TABLE.nachwuchsergebnisse TD.veranstaltung{
width: 37%;
font: 90%/90% Verdana, Geneva, Arial, Helvetica, sans-serif;
border-right: 2px solid #FFE377; }

TABLE.nachwuchsergebnisse TD.date{
width: 14%;
font: 85%/85% Verdana, Geneva, Arial, Helvetica, sans-serif; }

TABLE.nachwuchsergebnisse TD.match {
width: 43%;
background: #FFE377; }

TABLE.nachwuchsergebnisse TD.result {
width: 6%;
background-color: #ECC733; }



/* ----- Seite "Spielbericht" ---------------------------------------*/

TABLE.report { border-top: 1px solid #999; margin: 20px 0px;}

TABLE.report TD {
padding: 2px 0px;
border-bottom: 1px solid #999;
text-align: center;
background-color: #FAEFC5;
}

TABLE.report P { margin: 0; padding: 0 }

TABLE.report TD.match-title, TABLE.report TD.result-title, TABLE.report TD.location-title {
width: 15%;
text-align: right;
border-right: 1px solid #999;
padding-right: 8px;
background-color: #FFE377;
}

TABLE.report TD.location-title {border-left: 1px solid #999;}

TABLE.report TD.match SPAN, TABLE.report TD.result  { 
font: bold 100%/100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

DIV#reportimg IMG  { float: right; margin: 15px 0px 10px 10px; }

/* ----- Seite "Tabellen / Platzierungen" ---------------------------*/

TABLE.tabelle { border-top: 1px solid #999; }

TABLE.tabelle TD { 
padding: 1px 0px;
border-bottom: 1px solid #999;
text-align: center;
background-color: #FAEFC5;
}

TABLE.tabelle TH { 
padding: 1px 0px;
border-bottom: 1px solid #999;
text-align: center;
background-color: #ECC733;
font-weight: bold;
color: #000;
}

TR.svc TD { background-color: #FFE377; color: #000; }

TABLE.tabelle TD.placement, TABLE.tabelle TH.placement {
width: 20%;
border-right: 1px solid #999;
}

TABLE.tabelle TD.team, TABLE.tabelle TH.team {
width: 41%;
border-right: 1px solid #999;
}

TABLE.tabelle TD.matches, TABLE.tabelle TH.matches {
width: 13%;
border-right: 1px solid #999;
}

TABLE.tabelle TD.sets, TABLE.tabelle TH.sets {
width: 13%;
border-right: 1px solid #999;
}

TABLE.tabelle TD.points, TABLE.tabelle TH.points {
width: 13%;
}

/* -02---- Seite "Aktuelles" ----------------------------------------*/

OL#preview LI {
border-bottom: 1px dashed #999;
padding: 15px 0px;
}

OL#preview H3 { margin: 2px 0px 2px -10px; }
DIV#newsarticle H3 { margin: 10px 0px 10px -10px; }

OL#preview P { margin: 0; }

OL#preview P.date, DIV#newsarticle P.date { font-size: 10px; }

DIV#newsarticle IMG {
float: right;
margin: 0px 0px 10px 10px;
}




/*== 02c == Seite "Geburtstagsecke" =========================================================================*/

IMG#torte {
float: right;
margin-left: 10px;
}

DIV.congratulation {
width: 318px;
border: 1px solid #F28E00;
background: #FFE2B9 url(div.congratulation.gif) no-repeat 100% 100%;
padding: 5px;
text-align: center;
}
DIV.congratulation P {
font: 14px/22px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666;
margin: 0px;
padding: 0px;
}
DIV.congratulation H3{
font: bold 14px/22px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666;
margin: 0px;
padding: 0px;
background: transparent;
}
DIV.congratulation H2{
font: bold 16px/22px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666;
color: #D17B00;
margin: 0px;
padding: 0px;
background: transparent;
border: 0px;
}

P.birthday {
font: 14px/22px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 23px;
background: transparent url(p.birthday.gif) no-repeat 0% 50%;
}

P.nextmounth {
font: 14px/22px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 23px;
background: transparent url(p.birthday.gif) no-repeat 0% 50%;
}



/* ----- Seite "Spielplan" ---------------------------------------*/

TABLE.spielplan { border-top: 1px solid #999; }

TABLE.spielplan TD {
padding: 1px 0px;
border-bottom: 1px solid #999;
text-align: center;
background-color: #FAEFC5;
}

TABLE.spielplan TH {
padding: 1px 0px;
border-bottom: 1px solid #999;
text-align: center;
background-color: #ECC733;
font-weight: bold;
color: #000;
}

TABLE.spielplan TD.date, TABLE.spielplan TH.date {
width: 16%;
border-right: 1px solid #999;
}

TABLE.spielplan TD.match {
width: 40%;
background-color: #FFE377;
border-right: 1px solid #999;
color: #000;
}

TABLE.spielplan TD.match EM { font-weight: bold; }

TABLE.spielplan TH.match { border-right: 1px solid #999; width: 45%; }

TABLE.spielplan TD.time, TABLE.spielplan TH.time {
width: 9%;
border-right: 1px solid #999;
}

TABLE.spielplan TD.location, TABLE.spielplan TD.location {
width: 35%;
}



/*== 07 == Seite "Sponsoren" ==================================================*/

UL.sponsors LI {
padding-left: 7px;
margin-left: 20px;
background: transparent url(http://www.svc-online.de/weko/_xstyles/content_box.a.gif) no-repeat 0% 50%;
}



/*== 08 == Seite "Gaestebuch" =================================================*/

/*-- Klasse: gb_entry ---------------------------------------------------------*/
/*-- GB-Eintrag-Box im Gaestebuch ---------------------------------------------*/
DIV.gb_entry {
border: 1px solid #C09A14;
margin: 25px 0px;
background-color: #FDF9E8;
}

DIV.gb_entry H3 {
display: block;
width: 534px;
height: 20px;
background: #FFE377 url(http://www.svc-online.de/weko/_xstyles/content_box.h5.gif) no-repeat 0% 50%;
font: 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-top: 0px;
padding-left: 10px;
}

DIV.gb_entry H3 EM {
font-weight: bold;
}

DIV.gb_entry P {
padding: 0px 5px;
margin: 5px 0px;
font: 13px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666;
}

DIV.gb_entry IMG {
vertical-align: middle;
padding: 0px 5px 0px 5px;
border-left: 1px solid #999;
margin-top: -4px;
}

DIV.gb_entry P.commentlink {
margin: 15px 0px 5px 0px;
font: 10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*-- Klasse: gb_comment -------------------------------------------------------*/
/*-- Kommentar-Box im Gaestebuch (unterhalb des kommentierten GB-Eintrages ----*/
DIV.gb_comment {
border: 1px solid #C09A14;
border-left: 5px solid #C09A14;
margin: 20px 0px 10px 0px;
background-color: #fff;
margin-left: 20px;
margin-right: 10px;
}
DIV.gb_comment H3 { width: 498px; }


/*-- Klasse: gb_top -----------------------------------------------------------*/
/*-- Link Seitenbeginn/Eintrag hinzugıgen im Gaestebuch -----------------------*/
P.gb_top {
border-top: 1px dashed #999;
font: 10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
P.gb_top A, P.commentlink A {
background: transparent url(http://www.svc-online.de/weko/_xstyles/content_box.a.gif) no-repeat 0% 50%;
padding-left: 5px;
}
P.gb_top A.top {
background: transparent url(http://www.svc-online.de/weko/_xstyles/a.top.gif) no-repeat 0% 70%;
padding-left: 8px;
}

/*-- ID: gb_addentry ------------------------------------------------------*/
/*-- Formular "Eintrag hinzufuegen" bzw. "Kommentiern" im Gaestebuch ----------*/
UL#gb_addentry {
border: 1px solid #C09A14;
margin: 25px 0px;
padding: 10px;
background-color: #FDF9E8;
}

UL#gb_addentry LI {
margin: 10px 0px;
}

UL#gb_addentry LABEL {
display: block;
width: 100px;
}


/*-- Klasse: next_page -----------------------------------------------------*/
/*-- Seitennavigation  im Gaestebuch (nıchste Seite usw.) ------------------*/
DIV.next_page {
font: bold 11px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
margin: 10px 0px -10px 0px;
color: #ccc;
}

DIV.next_page SPAN.currentpage {
position: relative;
top: 2px;
font: 17px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #666;
}


/*-- Klasse: gb_arch ------------------------------------------------------*/
/*-- Gaestebucharchiv -----------------------------------------------------*/
P.gb_arch {
font: 11px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
border-top: 3px solid #999;
border-bottom: 1px dashed #999;
margin: 10px 0px;
padding: 5px 0px;
color: #999;
}






/*== 09 == Seite "Kontakt" ====================================================*/

UL.contact EM { color: #000; }


