/*

	CSS für die Website von MAGO
	
	Gestaltung der Inhaltselemente
	
	Datum: 05/2010
	Autor: Thomas Jung ( Telefon: +49 172 3465096; Email: thomas@tjwd.de; Web: www.tjwd.de) 

*/


/* Headlinedefinitionen */
h3, h4 { font-family: Georgia, Times, 'Times New Roman', serif; font-weight: bold; font-style: italic; color: #C00; }
h3 { font-size: 3.2em; margin: 0 0 0.7em 0; clear: both; font-weight: normal; }
h4 { font-size: 1.5em; margin:  1em 0 0 0; }


/* Allgemeine Linkangaben */
a { color: #333; text-decoration: underline; font-weight: bold; }
a:hover { color: #c00; }
a:visited { color: #555; }


/* Absatz und Listendesigns */
#content p { font-size: 1.2em; line-height: 160%; margin: 20px 0; }
#content p.important { position: relative; background: #fff url('../images/importantp.png') no-repeat 10px center; padding: 1em 1em 1em 4em; color: #922; }
#content p.contacts { position: relative; background: url('../images/contacts.png') no-repeat left center; min-height: 3em; padding: 0 0 0 2em; }
#content ul { list-style-image: url(../images/cntbullet.png); font-size: 12px; line-height: 160%; margin: 0 0 0 16px; }


/* Definitionen für Bilddarstellung */
#content img, #sidebar img { border: 1px solid #999; float: left; margin: 0 10px 10px 0; top: 4px; }
#content img.free, #sidebar img.free { border: none; float: none; }


/* Gestaltung der Zitate */
#content blockquote { font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 4em; background: url('../images/cite.png') no-repeat left bottom; min-height: 5em; }
#content blockquote p {	color: #333; line-height: 1.4em !important; margin: 0.5em 0 !important; }
#content blockquote p.cite { position: relative; font-size:0.85em; font-style: italic; color: #999; }


/* Spezielle Designs für die Seitenleiste */
#sidebar ul { list-style-image: url(../images/sidebullet.png); margin: 0 0 0 16px; }
#sidebar h4 { background: url(../images/sidebarsep.png) no-repeat left top; padding: 10px 0 0 0; line-height: 1.1em; margin: 1em 0 0.5em 0; border-top: 1px dotted #ccc; font-family: Verdana, Arial, Helvetica, sans-Serif; font-weight: normal; font-style: normal; }


/* Tabellengestaltung */
table { position: relative; width: 55em; margin:0 0 2em 0; font-size: 1em; caption-side: top; border-width: 10px 0 10px 1px; border-style: solid; border-color: #ace; border-spacing: 0; }
table caption { text-align: left; color: #fff; font-weight: bold; font-size: 1.2em; background: #ace; padding: 0.8em 0.4em 0 0.4em; }
table td, table th { padding:0.7em; font-size: 1.1em; border-width: 1px 1px 0 0; border-style: solid; border-color: #ace; }
table td { color: #333; }
table th { color: #036; background: #def; }


/* EOF */