body { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-align: center; background: #F7F7F7 url('body2.png'); }
body#board { color: #000; }

h1 { font-size: 30px; letter-spacing: 5px; margin-top: 10px; text-indent: -5000px; }
	h1 a { color: #FFF; /*background: url('alphatrans.png'); padding: 5px 25px;*/ }
h2 { font-size: 18px; border-bottom: 1px solid #AAA; margin-bottom: 20px; padding-bottom: 7px; letter-spacing: 1px; }
h3 { font-weight: bold; text-align: left; margin-top: 10px; margin-bottom: 5px; }

div#wrapper { width: 960px; margin: 10px auto 0 auto; background: #FFF; border: 0px solid #EEE; }

/*
alt:
#00327D
hover: #D30909;
*/
a { color: #AF283E; text-decoration: none; font-weight: bold; }
	a:hover { color: #000; }

div#branding { height: 85px; background: #EFEFEF url('header.jpg') 50% bottom no-repeat; border: 10px solid #FFF; border-bottom: 0; position: relative; }
div#content { /*min-height: 500px;*/ margin: 0 10px; padding-bottom: 35px; }
div#impressum { width: 946px; margin: 0 auto 50px auto; padding: 3px 7px; background: url("impressum.png") no-repeat 100% 0; text-align: right; }
	div#impressum span { position: relative; top: -4px; margin: 0 14px; }

ol#navi { margin-top: 18px; }
	body#index ol#navi_sec { border-bottom: 0; }
		body#index ol#navi_sec li { display: none; }
ol#navi li, ol#navi_sec li { display: inline; }
	ol#navi li a { color: #FFF; line-height: 27px; padding: 3px 50px; margin: 0 10px; font-size: 13px; font-family: Verdana; /*background: url('alphatrans.png');*/ }
		ol#navi li a:hover,
		body#sg_dynamo ol#navi li a.sg_dynamo,
		body#stadion_dresden ol#navi li a.sg_dynamo,
		body#stadiums ol#navi li a.stadiums,
		body#ground ol#navi li a.stadiums,
		body#matches ol#navi li a.matches,
		body#match ol#navi li a.matches,
		body#grounds ol#navi li a.matches,
		body#matches_clubs ol#navi li a.matches { color: #D30909; }


/* navi reloaded */
ol#navi { width: 595px; margin: 17px auto 0 auto; }
	ol#navi li a { background: url(nav_sgd.png) no-repeat scroll 50% 50% transparent; display: block; float: left; text-indent: -5000em; width: 125px; padding: 1px 25px; height: 24px; }
		#navi li a.stadiums { background-image: url(nav_stadien.png); }
			#navi li a:hover.stadiums, #stadiums #navi li a.stadiums { background-image: url(nav_stadien_hover.png); }
		#navi li a.matches { background-image: url(nav_spiele.png); }
			#navi li a:hover.matches, #matches #navi li a.matches, #match #navi li a.matches { background-image: url(nav_spiele_hover.png); }
		#navi li a.sg_dynamo { background-image: url(nav_sgd.png); }
			#navi li a:hover.sg_dynamo, #stadion_dresden #navi li a.sg_dynamo, #sg_dynamo #navi li a.sg_dynamo { background-image: url(nav_sgd_hover.png); }


div#branding a#home { position: absolute; width: 300px; height: 37px; left: 50%; top: 10px; margin-left: -150px; }

ol#navi_sec { border-top: 2px solid #000; border-bottom: 2px solid #222; background: #000; margin: 0px 10px 19px 10px; padding: 6px 0; }
	ol#navi_sec li { margin: 0 25px; }
		ol#navi_sec li a { color: #FFF; }
			ol#navi_sec li a:hover { color: #D00; }

ol.navi_sub { text-align: right; width: 850px; margin: 0 auto 15px auto; }
	ol.navi_sub li { display: inline; margin: 0 7px; font-weight: bold; }

p { text-align: left; }

dl.objectinfos { float: left; width: 185px; text-align: left; }
	dl.objectinfos dt { font-weight: bold; color: #FFF; background: url(th.png); line-height: 1.6em; font-size: 10px; font-family: Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 1px; padding: 0 5px; }
	dl.objectinfos dd { margin-bottom: 15px; line-height: 135%; background: #F4F4F4; padding: 5px 7px; }

ol#teaserbox { margin: 35px auto 0 auto; width: 876px; }
	ol#teaserbox li { width: 260px; margin: 0 13px; display: block; float: left; /*min-height: 350px;*/ }
		ol#teaserbox ol.recent li.title { font-weight: bold; font-size: 13px; margin-bottom: 5px; }
		ol#teaserbox li.clear { float: none; clear: both; min-height: 0; height: 1px; border: none; }
		ol#teaserbox li a { display: block; border: 1px solid #DDD; margin-bottom: 35px; }
			ol#teaserbox li a.teaser { height: 100px; border: 5px solid #EEE; }
				ol#teaserbox li a.teaser:hover { border: 5px solid #555; }
					ol#teaserbox li a.teaser:hover span.title { display: none; }
					ol#teaserbox li a.teaser:hover span.text { display: block; }
				ol#teaserbox li a.teaser#teaser_stadien_sachsen { background: url('teaser/teaser_stadien_sachsen.jpg') bottom right no-repeat; }
				ol#teaserbox li a.teaser#teaser_stadien_cz { background: url('teaser/teaser_stadien_cz.jpg') bottom right no-repeat; }
				ol#teaserbox li a.teaser#teaser_spiele { background: url('teaser/teaser_spiele.jpg') bottom right no-repeat; }
				ol#teaserbox li a.teaser#teaser_sgd { background: url('teaser/teaser_dynamo.jpg') bottom right no-repeat; }
				ol#teaserbox li a.teaser#teaser_stadion_dresden { background: url('teaser/teaser_stadion_dresden.jpg') bottom right no-repeat; }
			ol#teaserbox li a span { display: block; }
				ol#teaserbox li a span.title { position: relative; top: 60px; font-size: 16px; padding: 3px 0; color: #FFF; background: url('alphatrans.png'); letter-spacing: 1px; }
				ol#teaserbox li a span.text { display: none; position: relative; top: 35px; font-size: 12px; font-weight: normal; line-height: 135%; padding: 3px 0; color: #FFF; background: url('alphatrans.png'); }
	
	ol#teaserbox ol.recent { margin-top: -20px; }
		ol#teaserbox ol.recent li { float: none; min-height: 0; margin: 0; }
			ol#teaserbox ol.recent li a { margin: 0; padding: 15px 0; border: 0; border-bottom: 1px solid #DDD; }
				ol#teaserbox ol.recent li a span.date { color: #333; margin-bottom: 5px; }
				ol#teaserbox ol.recent li a span.match { line-height: 120%; }

body#index h2 { width: 600px; margin: 15px auto; font-size: 13px; font-weight: bold; }
body#index ol.blog { width: 600px; margin: 0 auto; }
	body#index ol.blog li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #DDD; text-align: left; line-height: 135%; position: relative; }
		body#index ol.blog li span.date { position: absolute; left: 0; top: 0; font-weight: bold; }
		body#index ol.blog li div.entry { padding-left: 75px; }
	body#index ol.blog li.old { display: none; }


/* matchlists */
.matchlist { border-collapse: collapse; border: 1px solid #DDD; width: 938px; margin: 0 auto; }
.matchlist th { background: #777 url(th.png); font-weight: bold; color: #FFF; line-height: 20px; padding: 0 5px; font-size: 10px; font-family: Verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #777; border-bottom: 1px solid #777; }
	.matchlist th a { color: #FFF; }
		.matchlist th a:hover { color: #000; }
	.matchlist .num { width: 25px; }
		.matchlist th.num { border-left: 1px solid #777; }
		.matchlist th.league { border-right: 1px solid #777; }
	.matchlist .date { width: 60px; }
	.matchlist .match { width: 358px; }
	.matchlist .ground { width: 278px; }
.matchlist td { line-height: 1.6em; padding: 0 5px; border-bottom: 1px solid #DDD; }
	.matchlist tr.odd td { background: #FAFAFA; }
	.matchlist tr:hover td, .matchlist tr.odd:hover td { background: #ECF4EC; }
	.matchlist td.breakmonth { height: 3px; background: #FCFCFC; line-height: 1px; }
		.matchlist tr:hover td.breakmonth { background: #FCFCFC; }


ol.liste { margin: 0 auto; width: 850px; }
ol.liste li { text-align: left; border-bottom: 1px solid #EEE; position: relative; }
	ol.liste li a { display: block; padding: 2px 3px; }
		ol.liste li a:hover { background: #F5F5F5; }
	ol.liste li.title { background: #AAA; font-weight: bold; color: #FFF; height: 16px; padding-top: 3px; }
		ol.liste li.title a { display: inline; }
		ol.liste li.title span { font-weight: bold; color: #FFF; }
		ol.liste li.title span.match { margin-left: 3px; color: #FFF; }
		ol.liste li.title span.ground,
		ol.liste li.title span.res,
		ol.liste li.title span.league { top: 3px; }
	ol.liste li span { font-weight: normal; color: #333; line-height: 120%; }
	ol.liste li span.num { margin-right: 10px; position: absolute; top: 2px; left: 3px; }
	ol.liste li span.date { margin-right: 10px; position: absolute; top: 2px; left: 28px; }
	ol.liste li span.match { padding-left: 100px; padding-right: 450px; display: block; font-weight: bold; color: #AF384E; }
		ol.liste li a:hover span.match { color: #000; }
	ol.liste li span.ground { position: absolute; top: 2px; right: 50px; display: block; width: 230px; }
	ol.liste li span.res { position: absolute; top: 2px; right: 300px; display: block; width: 35px; text-align: center; }
	ol.liste li span.league { position: absolute; top: 2px; right: 340px; display: block; width: 100px; }

/* MATCHES */
body#ground_matches ol.liste { width: 600px; }
	body#ground_matches ol.liste span.ground { display: none; }
	body#ground_matches ol.liste span.match { padding-right: 150px; }
	body#ground_matches ol.liste span.league { right: 75px; }
	body#ground_matches ol.liste span.res { right: 5px; }

body#matches_clubs h3 { width: 500px; margin: 20px auto 10px auto; }
body#matches_clubs ol.liste { width: 500px; }
	body#matches_clubs ol.liste li span.num { margin-left: 5px; text-align: right; position: static; }
	body#matches_clubs ol.liste li span.place { position: absolute; top: 2px; left: 35px; display: block; width: 150px; }
	body#matches_clubs ol.liste li span.club { position: absolute; top: 2px; left: 200px; display: block; width: 300px; font-weight: bold; color: #AF384E; }
		body#matches_clubs ol.liste li a:hover span.club { color: #000; }
/* stop: MATCHES */

ol.photos { width: 700px; margin: 0 auto; }
	ol.photos li { display: inline; }
		ol.photos li a img { border: 5px solid #EEE; margin: 3px; }
			ol.photos li a:hover img { border: 5px solid #555; }

div.matchinfo_box { width: 600px; margin: 0 auto 10px auto; position: relative; min-height: 135px; line-height: 135%; }
	div.matchinfo_box img { position: absolute; top: 5px; }
		div.matchinfo_box img#wappen_heim { left: 0; }
		div.matchinfo_box img#wappen_gast { right: 0; }
	ol.matchinfo { width: 300px; margin: 0 auto; }
		ol.matchinfo li { position: relative; text-align: left; border-bottom: 1px solid #AAA; padding: 3px 15px; }
			ol.matchinfo li span.def { position: absolute; top: 3px; left: 15px; font-weight: bold; }
			ol.matchinfo li span.data { padding-left: 75px; display: block; }
				ol.matchinfo li.ground span.data { display: block; position: relative; }

body#match img.photo,
body#match img.tourfoto { border: 7px solid #EEE; margin-bottom: 15px; }
body#match h3 { text-align: center; margin-bottom: 10px; }
body#match ol.photos { margin-bottom: 25px; }

div.bericht { width: 650px; margin: 25px auto 0 auto; }
	div.bericht p { margin-bottom: 25px; text-align: justify; font-size: 13px; line-height: 120%; }

/* GROUND */
body#ground dl.objectinfos { width: 235px; margin-left: 15px; }
body#ground ol.photos { float: right; width: 675px; }
body#ground ol.photo_list { float: right; margin-right: 50px; }
	body#ground ol.photo_list li { margin-bottom: 15px; }
		body#ground ol.photo_list li img { border: 7px solid #EEE; }

body#ground div#gmap { width: 550px; height: 350px; border: 1px solid #EEE; float: right; margin-right: 75px; overflow: hidden; }
/* stop: GROUND */

/* GROUNDS */
body#grounds h3 { width: 515px; margin: 20px auto 10px auto; }
body#grounds ol.liste { width: 515px; }
	body#grounds ol.liste li span.num { margin-left: 5px; text-align: right; position: static; }
	body#grounds ol.liste li span.place { position: absolute; top: 2px; left: 35px; display: block; width: 150px; }
	body#grounds ol.liste li span.ground { position: absolute; top: 2px; left: 200px; display: block; width: 300px; font-weight: bold; color: #AF384E; }
		body#grounds ol.liste li a:hover span.ground { color: #000; }
/* stop: GROUNDS */


/* STADION DRESDEN */
body#stadion_dresden div.umbaufotos { width: 700px; float: right; }
body#stadion_dresden div.navi { width: 200px; float: left; text-align: left; margin-left: 15px; line-height: 120%; }
	body#stadion_dresden div.navi ol.liste { width: auto; }
		body#stadion_dresden div.navi ol.liste li span.num { left: auto; right: 10px; }
	
	body#stadion_dresden h3 { padding: 0 20px; margin-bottom: 10px; }
		body#stadion_dresden h3 span { margin-right: 25px; }
	body#stadion_dresden div.umbaufotos ol.photos { margin-bottom: 50px; }

/* ansichten */
body#stadion_dresden div#wrapper.ansichten ol.navi_sub { margin-bottom: 35px; }

body#stadion_dresden div#wrapper.ansichten h3 { width: 600px; margin: 15px auto 10px auto; }
body#stadion_dresden div#wrapper.ansichten p { width: 600px; margin: 15px auto 25px auto; line-height: 135%; }

body#stadion_dresden div#wrapper.ansichten ol.photos { margin-bottom: 35px; }
	/*body#stadion_dresden div#wrapper.ansichten ol#thumb_lageplan.photos,
	body#stadion_dresden div#wrapper.ansichten ol#thumb_ebenen.photos,
	body#stadion_dresden div#wrapper.ansichten ol#thumb_schnitt.photos { width: 450px; }*/
	body#stadion_dresden div#wrapper.ansichten ol.photos li a img { margin: 10px; }
/* stop: ansichten */

/* chronik */
body#stadion_dresden ol.chronik { text-align: left; width: 600px; margin: 0 auto; line-height: 135%; }
	body#stadion_dresden ol.chronik li { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #DDD; position: relative; }
		body#stadion_dresden ol.chronik li span.date { font-weight: bold; position: absolute; left: 0; top: 0; }
		body#stadion_dresden ol.chronik li div.text { padding-left: 50px; }
			body#stadion_dresden ol.chronik li div.text p { margin: 10px 0; }
/* stop: chronik */

/* stop: STADION DRESDEN */


/* STADIUMS */
body#stadiums ol.liste { width: 820px; }
	body#stadiums ol.liste li span.num { margin-left: 5px; position: static; }
	body#stadiums ol.liste li span.stadion { position: absolute; top: 2px; left: 35px; display: block; width: 230px; font-weight: bold; color: #AF384E; }
		body#stadiums ol.liste li a:hover span.stadion { color: #000; }
	body#stadiums ol.liste li span.place { position: absolute; top: 2px; left: 275px; display: block; width: 150px; }
	body#stadiums ol.liste li span.club { position: absolute; top: 2px; left: 435px; display: block; width: 300px; }
	body#stadiums ol.liste li span.cap { position: absolute; top: 2px; left: 745px; display: block; width: 65px; text-align: right; }
/* stop: STADIUMS */

/* statistik */
body#statistik ol.liste { width: 450px; }
	body#statistik ol.liste#ord_clubs { float: left; }
	body#statistik ol.liste#ord_grounds { float: right; }

body#statistik ol.liste.matchlist { margin-top: 75px; width: 850px; }
/* stop: statistik */

/* comments */
form.comment { display: block; border: 1px solid #EEE; width: 535px; margin: 50px auto 50px auto; line-height: 135%; padding: 15px; font-family: Verdana, sans-serif; font-size: 12px; }
	form.comment th { padding-right: 10px; vertical-align: top; font-weight: bold; }
	form.comment tr { padding-bottom: 5px; }
	form.comment input,
	form.comment textarea { display: block; width: 350px; }
		form.comment textarea { height: 100px; }
	form.comment p { margin-top: 15px; }
	form.comment input.button { background: #EEE; border: 1px solid #AAA; font-weight: bold; width: 150px; margin: 20px auto 10px auto; padding: 3px; }

ol.comments { width: 665px; margin: 50px auto 0 auto; }
	ol.comments li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #AAA; text-align: left; line-height: 120%; }
		ol.comments li span.user,
		ol.comments li span.date { font-weight: bold; }
		ol.comments li span.comment { display: block; margin-top: 5px; }
/* stop: comments */

body#about div#content h3 { margin: 20px 25px 5px 25px; }
body#about div#content p { margin: 0 25px; line-height: 135%; }

.obligatory { color: #900; }
span.clear { display: block; clear: both; }


/* teaser ZL & RHS */
#tsr_rhs { width: 650px; height: 300px; border: 5px solid #AAA; margin: 50px auto; background: url(teaser_sub/teaser_stadion_dresden.jpg) 50% 50% no-repeat; text-align: left; }
	#tsr_rhs div { width: 275px; height: 295px; position: relative; margin: 0; }
	#tsr_rhs a { color: #FFF; font-size: 15px; position: absolute; }
		#tsr_rhs a:hover { text-decoration: underline; }
		#tsr_rhs #lnk_chro { top: 35px; left: 35px; }
		#tsr_rhs #lnk_impr { top: 95px; left: 20px; }
		#tsr_rhs #lnk_vis { top: 155px; left: 55px; }
		#tsr_rhs #lnk_umb { top: 205px; left: 30px; }
		#tsr_rhs #lnk_duf { top: 255px; left: 25px; }


/* index: news reform */
#index #news2 h2 { width: 65%; margin-top: 0; }
#news2 table { width: 65%; margin: 0 auto 50px auto; line-height: 150%; }
	#news2 td { border-top: 1px solid #DDD; padding: 7px 5px; vertical-align: top; text-align: justify; }
		#news2 tr:first-child td { border-top: 0; }
		#news2 td.pic { width: 190px; }
	#news2 table .date { font-weight: bold; margin-right: 7px; }
	#news2 table img { border: 5px solid #EDEDED; width: 180px; }