/* 



	CSS fuer deutsche-schachjugend.de

	(c) 2005 Gustaf Mossakowski, gustaf@koenige.org



	Farbschema:



	rot		Nachrichten, Termine

	gelb	Vereinshilfe, Jugendarbeit

	blau	Turniere, Schulschach

	gruen	Lernen, Wir

	

*/



/* Seitenaufbau */



html, body {height: 100%;}

body {font-family: Helvetica, Arial, sans-serif; color: #111;

	padding: 0; margin: 0; min-height: 100%;}

#kopf {margin: 0 0 4em; padding: 0; color: white; position: relative; height: 100px;}

#kopf p {font-size: 140%; margin: 0; padding: 1.4em 0 0 1.45em;}

#kopf img {position: absolute; right: 0; top: 0; border: 0; z-index: 2;}

#links {width: 5em; height: 100%; }

#links td {vertical-align: top;} 

#mitte {width: 44em; height: 100%; }

#mitte td.flaeche {vertical-align: top; height: 300px; } /* Hoehe fuer IE Win */

#mitte tr>td.flaeche {height: auto;} /* Hoehe ueberschreiben fuer normale Browser */



/* Farben Body und Kopf */



#start, #start #fuss, #start #inhalt, #wir, #wir #fuss, #wir #inhalt, #schulschach, #schulschach #fuss, #schulschach #inhalt {background-color: #A1CF6B;}

#start #kopf, #wir #kopf, #schulschach #kopf {background-color: #539C00}

#turniere, #turniere #fuss, #turniere #inhalt, #jugendarbeit, #jugendarbeit #fuss, #jugendarbeit #inhalt {background-color: #979BE4;}

#turniere #kopf, #jugendarbeit #kopf {background-color: #039;}

#meldungen, #meldungen #fuss, #meldungen #inhalt, #termine, #termine #fuss, #termine #inhalt {background-color: #ffd298;}

#meldungen #kopf, #termine #kopf {background-color: #C00;}

#vereinshilfe, #vereinshilfe #fuss, #vereinshilfe #inhalt, #training, #training #fuss, #training #inhalt {background-color: #FFEFAB;}

#vereinshilfe #kopf, #training #kopf {background-color: #EA0;}



/* Navigationszeile quer grau */



#nav {margin: 0; font-size: 95%; background: #CCC;

	position: absolute; top: 100px; left: 0; width: 100%; height:30px; }

#nav > ul:first-child {list-style: none; margin: 0; padding: 0 0 0 1.6em;}

#nav #suche {border-right: nonTEste;}

#nav > ul:first-child > li {float: left; padding: 0 .5em; line-height: 30px; vertical-align: middle; border-right: 1px solid #999; }
#nav > ul:first-child > li:first-child { padding:0; border:0; }
#nav > ul:first-child > li:first-child + li { border-left: 1px solid #ccc; }
#nav > ul:first-child > li:first-child + li:hover { border-left: 1px solid #999; }

#fuss li {float: left; padding: 0 .5em; line-height: 1em; vertical-align: middle; border-right: 1px solid #999; margin: .25em 0}

#nav > ul:first-child > li:hover { background: #FFF; border-left: 1px solid #999;border-right: 2px solid #999; }
#nav > ul:first-child > li a { text-decoration:underline; }
#nav > ul:first-child > li:hover a { text-decoration: none; }
#nav #suche:hover, #nav > ul:first-child > li:first-child:hover { background: #CCC; border:0; }
#nav > ul > li:last-child { border:0; }

.subnav { display:none; position:absolute; top:30px; background:#fff; left:1.75em; width:860px; border-bottom: 1px solid #999;border-left: 1px solid #999;border-right: 1px solid #999; }
.subnav > ul { float:left; list-style-type:none; padding: .5em 0 0.2em 20px; width: 260px; min-height:160px; }
.subnav > ul > li { float:none; background:#fff; margin:0; padding:0; border-bottom:1px solid #999; }
.subnav > ul > li:last-child { border:0; }

.subnav > ul > li > p { display:none; }
.subnav > ul > li > p > img { float:right; margin: 2px 2px 2px 6px; }
.subnav > ul > li:hover { background: #eee; }
.subnav > ul > li:hover > p { display:inline; position:absolute; left:290px; top:10px; background:#fff; padding: 0 10px 0 20px; font-size:1.0em; }

.subnav > ul:hover + p { display:none; }
.subnav > ul + p > img { float:right; margin: 20px 30px 0 0; }

#nav > ul > li:hover .subnav { display:block; }

#nav input {margin-top: -4px;}



/* Fussbereich */



#fuss {padding: .5em 0 2em 1.7em; font-size: 90%; clear: both; line-height: 1.25em;position:relative;}

#fuss p {clear: left; padding: 0 0 0 .5em; margin: -1em 0 0; }

#fuss/* */ p {margin: 0;} /* versteckt diese Regel vor IE 5, der zu grossen Rand macht */

#fuss ul {margin: 0; padding: 0; list-style: none; }

#fuss #copy {clear: both;}

#fuss .impressum {border: none;}



#turniere #leinwand, #jugendarbeit #leinwand {background-image: url(130-Zauberchessy-bunt2.gif);}

#meldungen #leinwand, #termine #leinwand {background-image: url(135-Turm.gif);}

#start #leinwand, #wir #leinwand, #schulschach #leinwand {background-image: url(134-Laeufer.gif);}

#vereinshilfe #leinwand, #training #leinwand {background-image: url(133-Springer.gif);}

#leinwand { background-repeat: no-repeat;

	background-position: 42em 0; background-attachment: fixed;}

body>#leinwand {background-position: 42em 160px;}





#inhalt {line-height: 1.4em; padding: 0 1em 1em 2em; min-height: 22em;

	padding-left: 90px; background-repeat: no-repeat; background-position: 1.6em 0;

	height: 300px;}

td>#inhalt {height: auto;}

#start #inhalt {padding-left: 1.7em;width:400px;}

#wir #inhalt {background-image: url(wir.gif);}

#meldungen #inhalt {background-image: url(meldungen.gif);}

#turniere #inhalt {background-image: url(turniere.gif);}

#training #inhalt {background-image: url(training.gif);}

#schulschach #inhalt {background-image: url(schulschach.gif);}

#jugendarbeit #inhalt {background-image: url(jugendarbeit.gif);}

#vereinshilfe #inhalt {background-image: url(vereinshilfe.gif);}

#termine #inhalt {background-image: url(termine.gif);}

#buttons {width: 120px; border-left: 4px solid #539c00; position:absolute;left:500px;}

#buttons img , object{background: white; margin: 0 .5em .5em;}



h1 {font-size: 140%; margin-bottom: 0; margin-top: 0; margin-top: 1em; clear: left;}

h2 {font-size: 140%; font-weight: normal; margin-bottom: 0;}

h3 {font-size: 120%; margin-bottom: 0;}

h1 + h2 {margin-top: 0;}

.csc-default li{margin-left:12px;}

/* Typo3 spezifisch */



.imgtext-table {margin-top: 1em;}

.imgtext-table td img {padding: 0 .5em;}



/* Sonstiges */

h1, h2, h3, p, table { font-size:0.9em;}

h1, h2, h3 {margin:0; margin-bottom: 0em;}

h1{font-size:16px;margin:20px 0 10px;font-weight:bold;}
h2{font-size:14px;margin:20px 0 10px;font-weight:bold;}

p {margin:0;}

li {font-size:0.9em;}

ul{margin-top: 0; }

.csc-textpic-caption{
  font-size:0.75em;
  font-weight:bold;
  
}

/* twitterliste */
.tweet-container{width:430px;font-size:12px;margin-top:25px;}
.tweet-container img{border:0;}
.tweet{height:70px;margin-bottom:15px;border-bottom:1px solid #539C00;}
.tweet .avatar{}
.tweet .tweet-left{float:left;width:90px;}
.tweet .user{display:none;}
.tweet .time{font-size:11px;color:#333;font-style:italic;}
.tweet .txt{}
.twitterlink{font-size:11px;}
.twitterbild{float:left;margin-right:10px;}
.twitterhead{float:left;padding:15px 0 0 10px;background:#BEDF97;width:330px;height:65px;}
.twitterhead h1{font-size:14px;}
.twitter-head{height:85px;margin-bottom:15px;}

.fusslogo{background: url(../dsj_image/logos/BMFSFJ.png) 0 20px no-repeat;
background-size: 130px;position: absolute;
bottom: 0px;width: 200px;
height: 93px;right: -40px;
top: 6px;font-size: 10px;text-decoration: none;
color: #000;}

/* Powermail */
.powermail_fieldset{background:none !important;border:none !important;padding:0 !important;}
.powermail_label{color:#000 !important;width:auto !important;float:none !important;}	
.powermail_legend{float:left !important;color:#000 !important;margin:20px 0 10px 0 !important;font-size:16px;padding:0;font-size:18px !important;}
div.tx-powermail{width:auto !important;}
.powermail_check_outer{background:none !important;border:none !important;padding:0 !important;}
.powermail_checkbox{margin-left:0;}
.powermail_submit{background:#aaa !important;width: 407px !important;float:left !important;}
.powermail_create{background:none !important;font-size:12px !important;}
.powermail_fieldwrap_7 legend{display:none;}
.powermail_radio_outer{background:none !important;border:none !important;}
.powermail_radio_outer label{color:#111 !important;}

.rss_by{margin-left: 12px;margin-bottom:5px;margin-top: -5px;}
#pits_rss ul li{list-style: inherit !important;font-size: 1em !important;}
.rss_title a{text-decoration:underline !important;color: rgb(0, 0, 238) !important;font-size: 1.1em;}
.tx_pitsrssnews a#c13143{display:none;}