@charset "utf-8";
/***************************************
bg-schorndorf.de

Basisstylesheet zum Zurücksetzen der Standardbrowsereinstellungen
und Setzen von neuen Einstellungen

Alle Browsereinstellungen werden hier möglichst auf das selbe Level gebracht.
Gleichzeitig wird eine seitenspezifische Grundgestaltung der Elemente aufgebaut.
***************************************/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ mit eigenen Änderungen */
* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
:focus, :hover, :active { outline:0; }/*Nicht vergessen später focus wieder zu gestalten! */
body {
	font:12px/22px "HelveticaNeue-Light", Helvetica, Arial, Verdana, sans-serif;
	text-align:center; /*zwingt den IE zur mittigen Positionierung...*/
	font-weight:normal;
	color:#333;
	background:#d9ecff;
}

/*Links
***************************************/
a         { color:#1369bf; text-decoration:none; outline:0; }
a:visited { color:#5f9ddb; }
a:focus   { color:#1369bf; border:none; }
a:hover   { color:#1369bf; text-decoration:underline; }
a:active  { color:#333   ; }

/*headlines

Bekommen andere Schriftarten zugewiesen als der Rest der Seite.
h1 wird an dieser Stelle nicht formatiert, da es dem Logo entspricht.
***************************************/
h1, h2, h3, h4, h5, h6, caption, blockquote, legend {
	font-family:'Ubuntu', "HelveticaNeue-Light", Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
}
h2 a, h3 a, h4 a, h5 a, h6 a, caption a, blockquote a, legend a { display:block;/*der gesamte Bereich ist klickbar*/ }

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { text-decoration:none; }

/*mit dem negativem margin-bottom wird jeweils die border der h überschrieben*/
h2           { color:#333   ; border-bottom:2px solid transparent; font-size:24px; line-height:36px; padding-top:15px; margin-bottom:15px; }
h2 a         { color:#333   ; border:none; }
h2 a:visited { color:#333   ; border:none; }
h2 a:focus   { color:#333   ; border-bottom:2px solid  #bf1338; margin-bottom:-2px; }
h2 a:hover   { color:#333   ; border-bottom:2px solid  #bf1338; margin-bottom:-2px; }
h2 a:active  { color:#666   ; border-bottom:2px solid  #bf1338; margin-bottom:-2px; }

h3           { color:#4b8c08; border-bottom:1px solid #e5e5e5; font-size:20px; line-height:30px; margin-bottom:15px; }
h3 a         { color:#4b8c08; border:none; }
h3 a:visited { color:#7aa949; border:none; }
h3 a:focus   { color:#333   ; border-bottom:1px dotted #7aa949; margin-bottom:-1px; }
h3 a:hover   { color:#333   ; border-bottom:1px solid  #7aa949; margin-bottom:-1px; }
h3 a:active  { color:#666   ; border-bottom:1px solid  #7aa949; margin-bottom:-1px; }

h4           { color:#bf1338; border-bottom:1px solid transparent; font-size:16px; margin-bottom:7px; }
h4 a         { color:#bf1338; border:none; }
h4 a:visited { color:#d95773; border:none; }
h4 a:focus   { color:#333   ; border-bottom:1px dotted #d95773; margin-bottom:-1px; }
h4 a:hover   { color:#333   ; border-bottom:1px solid  #d95773; margin-bottom:-1px; }
h4 a:active  { color:#666   ; border-bottom:1px solid  #d95773; margin-bottom:-1px; }

h5           { color:#4b8c08; border-bottom:1px solid transparent; font-size:14px; }
h5 a         { color:#4b8c08; border:none; display:inline; }
h5 a:visited { color:#7aa949; border:none; }
h5 a:focus   { color:#333   ; border-bottom:1px dotted #ccc; margin-bottom:-1px; }
h5 a:hover   { color:#333   ; border-bottom:1px solid  #ccc; margin-bottom:-1px; }
h5 a:active  { color:#666   ; border-bottom:1px solid  #ccc; margin-bottom:-1px; }

/*forms
***************************************/
label { display:block; }

textarea, input {
	text-align:left;
	padding:0 4px;
	margin:0;
	color:#333;
	background:#fafafa;
	border:1px solid #ccc;
	font-size:12px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font:12px/22px "HelveticaNeue-Light", Helvetica, Arial, Verdana, sans-serif;
}
input { height:34px; }

textarea { padding:6px 4px; }

input[type=text] {
	-moz-box-shadow:inset 0 2px 2px #f2f2f2;
	-webkit-box-shadow:inset 0 2px 2px #f2f2f2;
	box-shadow:inset 0 2px 2px #f2f2f2;
}

.dark textarea,
.dark select,
.dark input { border:1px solid #222; }

input:hover, textarea:hover { background:#fff; border-color:#B3B0AB; }
input:focus, textarea:focus { background:#fff; border-color:#5f9ddb; }

.dark input:hover,
.dark textarea:hover,
.dark select:hover { border-color:#404040;}
.dark input:focus,
.dark textarea:focus,
.dark select:focus { border-color:#3A8BDC; }

input[type = checkbox], input[type = radio] { cursor:pointer; border:none; padding:0; }

input[type = file] { height:26px; }

.submit, input[type=submit],
.cancel {
	text-align:center;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;	
	margin:0;
}

.submit, input[type=submit] {
	font-weight:bold;
	background:#7AA949;
	color:#fff;
	border:1px solid #678e3d;
	cursor:pointer;
}
.submit:hover,  input[type=submit]:hover { background:#589f0f; border:1px solid #2f4715; }
.submit:focus,  input[type=submit]:focus
.submit:active, input[type=submit]:active { background:#589f0f; color:#000; border:1px solid #2f4715; }

input.cancel {
	background:#d48c44;
	color:#fff;
	border:1px solid #ba7b3c;
	cursor:pointer;
}
input.cancel:hover  { background:#dd7a18; color:#fff; border-color:#915110; }
input.cancel:focus,
input.cancel:active { background:#dd7a18; color:#000; border-color:#915110; }

/*lists

Alle Listen bekommen erst einmal keine Listenpunkte.
***************************************/
ol, ul { list-style: none; }


/*emphasis
***************************************/
em     { font-style:italic; }
strong { font-weight:bold; }


/*tables
***************************************/
/*Tabellen brauchen immer noch 'cellspacing="0"' im Markup*/

table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}

caption, th, td { font-weight: normal; }
th, td {
	text-align: center;
	vertical-align:middle;
	border: 1px solid #c9c9c9;
	padding:10px;
}
th {
	background-color: #f9f9f9;
	font-weight:bold;
}

table .left,
table .left th,
table .left td { text-align:left; }


/*misc
***************************************/
.clear { clear:both; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

a.pdf, a[href$=".pdf"] {
	padding:1px 0 1px 20px;
	background:0 50% no-repeat url("/static/img/file_pdf.png");
}
a.extern {
	/*muss nach a.pdf kommen! .extern-Grafik muss .pdf-Grafik überschreiben. Wichtig wegen Haftungsausschluss*/
	padding:0 12px 0 0;
	background:100% 50% no-repeat url("/static/img/external.png");
}

abbr {
	border-bottom:1px dotted #333;
	cursor:help;
}
abbr:hover {
	background:#f2f2f2;
	border-style:solid;
}
hr {
	border-top:2px solid #e5e5e5;
	background:#ededed;
	height:2px;
	border-bottom:2px solid #f2f2f2;
	margin:15px 0;
}
.hidden { display:none; }


/***************************************
.text mit BBCode

Das Grundlevel wird erweitert.
Der ".text"-Bereich legt den normalen Fließtextbereich fest.
Überschriften sind unabhängig hiervon formatiert.

Die .text Klasse besteht für den Zweck, dass Elemente, wie z.B. <ul>
nicht erst formatiert und später umständlich resetted werden müssen,
sondern diese ohne zu Überschreibungen zu ihrem finalem Aussehen kommen.
***************************************/
#content p, /*Ein Paragraf ohne Absatz nach unten macht wenig Sinn.*/
.text ul.text,
.text ol.text,
.text dl.text,
.text blockquote.text,
.text table {
	margin-bottom:15px;
}

/*Listen in .text
***************************************/

/*geordnete und undgeordnete Listen*/
.text ul.text {
	padding-left:20px;
	list-style:square outside;
}

.text ol.text {
	list-style:decimal outside;
	padding-left:20px;
}
.text ol ol.text /*ol in ol*/
{ list-style-type:lower-latin; }

/*definition list*/
.text dl.text {
	overflow:auto;
}
.text dl.text dt {
	font-weight:bold;
	float:left;
	width:130px;
	padding:0 9px 10px 0;
	border-right:1px solid #e5e5e5;
	clear:both;
}
.text dl.text dd {
	border-left:1px solid #e5e5e5;
	padding:0 0 10px 9px;
	width:450px;
	float:right;
	
	/*Trick um die beiden Border zu überlappen.
	Damit wird sichergestellt, dass egal ob <dt> oder <dd>
	höher ist immer eine Border angezeigt wird*/
	left:-1px;
	position:relative;
}

.box {
	background:#f9f9f9;
	border:1px solid #c9c9c9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 0 15px;
	padding:20px 18px 5px;
}

.text .box dl.text dd { width:412px; }
.text .box h3,
.text .box h4,
.text .box h5,
.text .box h6 { padding-top:0; }

.text blockquote.text { font-style:italic; }


.email {
/*Weil das automaitsch generierte E-Mail-Bild nicht auf 
der selben Zeilenhöhe ist wie die restliche Schrift.*/
	margin-bottom:-2px;
	vertical-align:middle;
}


/*ul.termin*/
ul.termin {
	padding:0 0 10px;
	position:relative;
	overflow:hidden;
	padding-left:180px;
}

ul.termin h3 {
	width:520px;
	margin-left:-20px;
	padding:0
}
ul.termin h3 a { padding-left:20px; }

ul.termin .meta_date {
	background:#FAF9F7 no-repeat 8px 50% url("/static/img/date.png");
	width:114px;
	padding:4px 12px 4px 32px;
	color:#666;
	border:1px solid #ccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	position:absolute;
	top:0;
	left:0;
}

ul.termin .meta_category,
ul.termin .meta_event {
	padding:1px 10px 1px 20px;
	display:inline;
	color:#aaa;
	font-size:11px;
}


/***************************************
.dark

Der ".dark"-Bereich definiert die alternative Grundgestaltung
von Elementen auf dunklem Hintergrund.
***************************************/
.dark {
	background:#404040;
	color:#e5e5e5;
}

.dark a         { color:#3A8BDC; }
.dark a:visited { color:#7db1e5; }
.dark a:focus   { color:#E5E5E5; }
.dark a:hover   { color:#E5E5E5; }
.dark a:active  { color:#1369BF; }

.dark h2           { color:#e5e5e5; }
.dark h2 a         { color:#e5e5e5; }
.dark h2 a:visited { color:#e5e5e5; }
.dark h2 a:hover   { color:#e5e5e5; border-color:#CE1C40; }
.dark h2 a:active  { color:#ccc;    border-color:#CE1C40; }
.dark h2 a:focus   { color:#ccc;    border-color:#CE1C40; }

.dark h3           { color:#589f0f; border-color:#222; }
.dark h3 a         { color:#589f0f; }
.dark h3 a:visited { color:#7AA949; }
.dark h3 a:focus   { color:#589f0f; border-color:#7aa949; }
.dark h3 a:hover   { color:#e5e5e5; border-color:#7aa949; }
.dark h3 a:active  { color:#ccc;    border-color:#7aa949; }

.dark h4           { color:#CE1C40; }
.dark h4 a         { color:#CE1C40; }
.dark h4 a:visited { color:#BF1338; }
.dark h4 a:hover   { color:#e5e5e5; border-color:#CE1C40; }
.dark h4 a:focus   { color:#ccc;    border-color:#CE1C40; }
.dark h4 a:active  { color:#ccc;    border-color:#CE1C40; }

.dark h5           { color:#589f0f; }
.dark h5 a         { color:#589f0f; }
.dark h5 a:visited { color:#7AA949; }
.dark h5 a:focus   { color:#589f0f; border-color:#7aa949; }
.dark h5 a:hover   { color:#e5e5e5; border-color:#7aa949; }
.dark h5 a:active  { color:#ccc;    border-color:#7aa949; }