/* 
 * SilverStripe team-o Theme
 * (c)2009 by team-o onlinedienstleistungen - ttp://www.team-o.de
 * 
 * typography.css - Stylesheet Schriften und WYSIWYG-Angaben
*/
 
/* ALLGEMEINES 
-------------------------------------------- */
body {
	font: 400 14px 'trebuchet ms',arial,sans-serif;
	color: #888;
}
a {
	text-decoration: none;
	color: #CC8300;
}
	a:hover {
		text-decoration: underline;
	}

/* HEADER-SCHRIFTEN 
-------------------------------------------- */
#header h1 {
	font: 400 4.0em 'century gothic','arial narrow',arial,sans-serif;
	color: #FFF;
	margin: 0;
}
	#header h2 {
		font: 400 1.4em 'century gothic','arial narrow',arial,sans-serif;
		color: #CC8300;
		margin: 0;
}

/* SCHRIFTEN HAUPBEREICH 
-------------------------------------------- */
.typography h1, .typography h1 a {
	font: 400 38px 'century gothic','arial narrow',arial,sans-serif;
	color: #CC8300;
	margin: 15px 0 0 0;
}
	.typography h2, .typography h2 a {
	font-weight: 400;
	color: #81631C;
	margin: 0 0 10px 0;
}
	.typography h3, .typography h3 a, .typography h4, .typography h4 a, .typography h5, .typography h5 a, .typography h6, .typography h6 a {
	font-weight: bolder;
	color: #888;
	margin: 0 0 5px 0;
}
		.typography h1 a:hover, .typography h2 a:hover, .typography h3 a:hover, .typography h4 a:hover, .typography h5 a:hover, .typography h6 a:hover {
			text-decoration: underline;
		}
.typography p {
	margin: 5px 0 10px 0;
	line-height: 1.5em;
}
	.typography p.info {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		background: #F3F3F3 url(../images/bullet.gif) no-repeat left center;
		font-size: 0.8em;
		padding: 10px 5px 10px 25px;
		width: 626px;
		float: right;
	}
.typography .small, .typography .breadcrumbs .NewsDatum {
	font-size: 0.8em;
}
.typography .NewsDatum {
	margin-bottom: -40px;
	font-style: italic;
}
.typography .blockquote {
	display: block;
	background: #F3F3F3 url(../images/quote.gif) no-repeat top left;
	padding: 10px 10px 10px 25px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.typography ol {
	font-weight: 800;
	font-size: 1.0em;
	color: #CC8300;
	margin: 20px;
}
	.typography ol span {
		font: 400 1.0em arial,sans-serif;
		color: #888;
	}
	.typography ol li {
		margin-left: 25px;
		padding: 4px 0;
	}

.typography ul {
	list-style-type: none;
	margin: 20px;
	}
	.typography ul li {
		padding: 4px 25px;
		background: url(../images/bullet.gif) no-repeat left center;
	}

/* SCHRIFTEN IM RECHTEN BEREICH
-------------------------------------------- */
#content_right h1 {
	font: 400 1.6em 'century gothic','arial narrow',arial,sans-serif;
	color: #033;
	margin: 10px 0;
	background: url(../images/h1bullet.gif) no-repeat left;
	padding-left: 25px;
}
	#content_right p {
		background: url(../images/rightlist_line.gif) repeat-x top left;
		color: #FFF;
		line-height: 1.5em;
		padding: 10px 0;
	}
	#content_right ul {
		list-style-type: none;
	}
		#content_right li {
			margin: 0px;
			list-style:none;
			background: url(../images/rightlist_line.gif) repeat-x top left;
		}
			#content_right li a {
				padding: 8px 2px 8px 25px;
				display: block;
				margin:  0;
				color: #FFF;
				text-decoration: none;
				background: url(../images/rightlist_bullet.gif) no-repeat left;
			}
				#content_right li a:hover {
					background: #81631C url(../images/rightlist_bullet.gif) no-repeat right;
					color:#FFF;
				}

/* WYSIWYG EDITOR ALIGNMENT CLASSES
-------------------------------------------- */
.typography .left {
	text-align:left;
}
.typography .center {
	text-align:center;
}
.typography .right {
	text-align:right;
}
.typography img {
	clear: none;
	padding: 4px;
	border: 1px solid #CCC;
	background-color: #EEE;
	}
.typography img.right, .right {
	float: right;
	margin: 0 0 10px 15px;
}
.typography img.left, .left {
	float: left;
	margin: 0 15px 10px 0;
}
.typography p.MsoNormal, .typography p.MsoBodyText {
	margin: 0;
}