﻿/* _________________________________________________________________________
_______________													____________
_______________		Projekt: 	Evangelische Schulstiftung		____________
_______________		Datum:		27.11.2009						____________
_______________		CSS - COntent, RTE							____________
____________________________________________________________________________  */
@import url(screen.css);
h1, h2, h3, h4, h5, h6, div#nav, dl.education dt {
	color:#489b1a;
	font-family:Helvetica, Arial, sans-serif;
}
h1 {
	background-color:transparent;
	font:1.6em Georgia, Times, "Times New Roman", serif;
	font-weight:normal;
	padding-bottom:16px;
}
h2 {
	background-color:#ededed;
	padding:2px 60px 1px 10px;
	*padding-top:3px;
}

h2, h3, h4, h5, h6 {
	font-size:1.3em;
	padding-left:10px;
	clear:both;
	margin:1.5em 0 .5em;
	font-weight:bold;
}
/* ___________________________________________________________ COntent __*/
div#content {
	background:transparent url(../img/bas/bottom_gradient_grey.jpg) repeat-x left bottom;
	font:1.3em Verdana, Arial, Tahoma, Helvetica, sans-serif;
	color:black;
	overflow:hidden;
	padding-left:20px;
	padding-bottom:5em;
	min-height:28.5em;
}
div#content h2 {
	margin:0 0 1em;
}
div#content div#contact h2 {
	background:none;
	padding:0;
}
div#content p {
	color:black;
	padding-right:1em;
}
div#content strong {
	color:black;
	margin-bottom:1em;
}
div#content img {
	padding:2px;
	border:1px solid #ccc;
	background-color:#fff;
}
div#content a {
	background:transparent url(../img/bas/link_arrow.gif) no-repeat 0 .4em;
	color:#FF6901;
	margin-left:-7px;
	margin-right:8px;
	padding-left:7px;
	position:relative;
	left:8px;
}
div#content ul li a,
div#content ol li a {
	background:0 none;
	padding-left:0;
}
div#content dl dt {
	color:#489B1A;
	font-weight:bold;
}
div#content dl dd {
	padding:0 0 0 10px;
	border:0;
}
div#content dl dd a {
	zoom:1;
}
/* ___________________________________________________________ Startseite speciale */
body#home div#inner-wrapper div#content {
	min-height:0;
	background:#fff url(../img/bas/firstcol_gradient_grey.gif) repeat-x top left;
	padding-left:0;
	padding-bottom:0;
   _height: auto;
	}
body#home div#content div.two-col {
	overflow:hidden;
	_display:inline-block;
}
body#home div#content div h1,
body#home div#content div h2{
	padding-bottom:15px;
	margin:0;
}
body#home div#content .ratio73 div.second-col {
	border-left:2px solid #fff;
	background:#fff url(../img/bas/secondcol_gradient_grey.gif) repeat-x top left;
	width:22em;
	float:right;
	padding-right:1em;
	position:relative;
}
body#home div#content div.two-col {
	padding:2em 2em 3em 2em;
}
body#home div#content div.ratio82 .first-col{
	background:none;
	width:100%;
}
/* ___________________________________________________________ Zweispalter */
div.first-col {
	background:#fff url(../img/bas/firstcol_gradient_grey.gif) repeat-x top left;
	width:30em;
	float:left;
}
div.chapter div.two-col {
	overflow:hidden;
	padding-left:10px;
}
div.chapter div.first-col {
	background:none;
}
div.chapter div.second-col {
	width:25em;
	overflow:hidden;
}
div.first-col p{
	line-height:1.2em;
}
div#content div.second-col h2 {
	font:1.6em Georgia, Times, "Times New Roman", serif;
	background:0 none;
	padding:0;
}
div.second-col img {
	float:left;
	margin-bottom:2em;
	margin-right:1em;
	margin-top:.4em;
}
div.second-col strong {
	margin-top:1.2em;
	margin-bottom:.3em;
}
div.second-col p {
	margin-bottom:2em;
	line-height:1.2em;
}
/* ___________________________________________________________ Kapitelbereich */
#content div.chapter {
	margin:0 15px 2em 0;
	overflow:hidden;
	zoom:1;
}
#content div.chapter p {
	margin-bottom:1em;
	padding:0 5em 0 10px;
	}
#content div.chapter p a {
	zoom:1;
	}
#content div.chapter em {
	font-style:italic;
	}
div#content div.chapter strong {
	display:inline;
	}
#content div.chapter ul,
#content div.chapter ol {
	margin:8px 0 1em 10px;
}
div#content div.chapter ul.left {
	margin:8px 0 1em 21.5em;
}
#content div.chapter ol li,
#content div.chapter ul li{
	line-height:1.5em;
	}
#content div.chapter ol li,
#content div.chapter ul li{	
	padding-left:11px;
	background:transparent url(../img/bas/li-green-round-bullet.gif) no-repeat 0 .45em;
	}
#content div.chapter ul.download li{
	list-style-image:none;
	margin-left:0;
	background:url(../img/bas/link_arrow.gif) no-repeat 0 60%;
	padding-left:7px;
	}
#content div.chapter dl {
	padding:0 0 1em 10px;
	}
#content div.chapter dl.signed-image{
	margin-bottom:1em;
	}
#content div.chapter dl.signed-image dt,
#content div.chapter dl.signed-image dd{
	display:inline;
	border:none;
	padding:0;
	color:#9a9a9a;
	font-size:.8em;
	}
div#content div.chapter img.left {
	float:none;
	margin-right:2.35em;
	*margin-right:2.25em;
	margin-bottom:1.5em;
	}
	.js div#content div.chapter img.left {
		float:left;
		}
div#content div.chapter img.right {
	float:right;
	margin-left:2.5em;
	margin-right:4em;
	margin-bottom:1em;
}
ul.category {
	overflow:hidden;
}
ul.category li {
	position:relative;
	float:left;
	width:26.2em;
   _width:25.7em;
	height:9.1em;
	border:1px solid #E1E1E1;
	margin:0 13px 13px 0;
	padding:13px 16px 16px;
	background:#F6F6F6 url(../img/bas/cat_gradient_grey.jpg) repeat-x top left;
}
div#content ul.category li h2 {
	background:none;
	padding:0;
	margin:0;
	padding-bottom:.8em;
}
div#content ul.category li h2 a {
	background:url(../img/bas/category_arrow.gif) no-repeat 0 .2em;
	padding-left:10px;
	font-weight:bold;
	}
ul.category li a span {
	display:none;
}
div#content ul.category li p a {
	background:transparent url(../img/bas/category_button.gif) no-repeat scroll 26em 9em;
	display:block;
	height:11.2em;
	left:-1px;
	margin-left:0;
	position:absolute;
	top:-1px;
	width:28.6em;
   _width:28em;
}
div#content ul.category li:hover h2 a,
div#content ul.category li:focus h2 a {
	text-decoration: underline;
}
div#content ul.category li p a:hover,
div#content ul.category li p a:focus {
	border:2px solid #ff8135;
	background-image:url(../img/bas/category_button_active.gif);
	background-repeat:no-repeat;
	background-position: 25.85em 8.9em;
   *background-position: 25.85em 8.85em;
}
div.chapter address.vcard {
	margin:.5em 0 2em 0;
	width: 60%;
}
div#content div.chapter address.vcard a{
	zoom:1;
}
div#content div.chapter address.vcard a.email{
	background-position:0 .4em;
	display:block;
	margin-top:.5em;
	padding-left:7px;
}
div.chapter address.vcard span.addon {
	margin-top:1em;
	display:block;
	width:165%;
}
/* ___________________________________________________________Education */
dl.education {
	margin-right:1em;
}
dl.education dt {
	background-color:#ededed;
	clear:both;
	display:block;
	font-size:1.3em;
	margin:1.5em 0 1em;
	padding:3px 60px 1px 10px;
   *padding-top:2px;
}
div#content dl.education dd {
	font-size:.85em;
	padding:0 0 2em 11px;
	border:0 none;
}
div#content dl.education strong {
	color:#FF6800;
	width:24em;
	float:left;
}
dl.education ul {
	position:relative;
	left:0em;
	margin:5px 0;
}
dl.education ul li {
	background:url(../img/bas/li-green-round-bullet.gif) no-repeat 0 .25em;
	margin:2px 0;
	padding-left:10px;
}
dl.education div div {
	overflow:hidden;
}
div.focus,
div.audience,
div.appointment {
	overflow:hidden;
	margin-bottom:1em;
}
div.focus div,
div.audience div,
div.appointment div {
	width:35em;
}
/* ___________________________________________________________Statistik */
table {
	margin:0 0 2em 10px;
}
table th,
table td {
	text-align:left;
	padding-right:5em;
}
table tr {
	line-height:2em;
}
table span.cat {
	padding-left:10px;
	background:transparent url(../img/bas/li-green-round-bullet.gif) no-repeat scroll 0 .7em;
	}
table span.sub {
	margin-left:2em;
}
table span {
	display:block;
	padding-right:18px;
}
table span.oeffTraegerAnzahl{
	background:url(../img/bas/chart_oeffTraeger_anzahl.png) no-repeat right center
}
table span.freiTraegerAnzahl{
	background:url(../img/bas/chart_freiTraeger_anzahl.png) no-repeat right center
}
table span.evschulenAnzahl{
	background:url(../img/bas/chart_evschulen_anzahl.png) no-repeat right center
}
table span.oeffTraegerSchueler{
	background:url(../img/bas/chart_oeffTraeger_schueler.png) no-repeat right center
}
table span.freiTraegerSchueler{
	background:url(../img/bas/chart_freiTraeger_schueler.png) no-repeat right center
}
table span.evschulenSchueler{
	background:url(../img/bas/chart_evschulen_schueler.png) no-repeat right center
}
div#content div.chapter ul.chart {
	margin:auto 9em;
	_margin:auto 5em;
	width:550px;
	overflow:hidden;
	_display:inline-block;
}
#content div.chapter ul.chart li{
	background: 0 none;
	margin-left:0;
	float:left;
}
#content div.chapter ul.chart li img{
	border:0 none;
}

* html{behavior:url(../js/csshover.htc);}
div#nav ul li a span.rounded {
	background:url(../img/bas/rounded_corner.gif) no-repeat;
	display:block;
	width:9px;
	height:8px;
	position:absolute;
	top:-2px;
	right:-2px;
   _right:-3px;
}
div#sidebar span.rounded {
	background:url(../img/bas/rounded_corner_sb_top.gif) no-repeat;
	display:block;
	width:9px;
	height:8px;
	position:absolute;
	top:-2px;
	right:0;
}
div#sidebar div.sb-rounded-bottom {
	position:absolute;
	height:25px;
	width:175px;
	right:-5px;
	bottom:-14px;
	background:url(../img/bas/rounded_corner_sb_bottom.gif) no-repeat;
}

