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


/***************************************
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/ */
* {
	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; }/*but remember to define focus styles! */
body {
	/*font:12px/20px "Lucida Grande", Lucida, Tahoma, Verdana, Arial, sans-serif;*/
	/*font:75%/1.5em "Fontin-Sans","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Lucida, Arial, sans-serif;*/
	/*font:67.5%/150% 'Century Gothic', Arial, sans-serif;*/
	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 Hauptschriftarten zugewiesen als der Rest der Seite.
h1 wird nicht genauer formatiert, da es das Logo ist.
***************************************/
h1, h2, h3, h4, h5, h6, caption, blockquote, legend {
	font-family:Georgia,"Times New Roman",Times,serif;
	
	/*font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;*/
	/*font-family:'Century Gothic', "HelveticaNeue-Light", Helvetica, Arial, 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; }

h2           { color:#333   ; border-bottom:2px solid transparent; font-size:24px; line-height:36px; margin-bottom:13px; padding-top:15px; }
h2 a         { color:#333   ; border:none; }
h2 a:visited { color:#333   ; border:none; }
h2 a:hover   { color:#333   ; border-bottom:2px solid  #bf1338; margin-bottom:-2px;/*border wird überschrieben*/ }
h2 a:active  { color:#595959; border-bottom:2px solid  #bf1338; margin-bottom:-2px;/*border wird überschrieben*/ }
h2 a:focus   { color:#595959; border-bottom:2px solid  #bf1338; margin-bottom:-2px;/*border wird überschrieben*/ }

h3           { color:#4b8c08; font-size:20px; line-height:27px; margin-bottom:9px; border-bottom:1px solid #e5e5e5; }
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;/*border wird überschrieben*/ }
h3 a:hover   { color:#333   ; border-bottom:1px solid  #7aa949; margin-bottom:-1px;/*border wird überschrieben*/ }
h3 a:active  { color:#666   ; border-bottom:1px solid  #7aa949; margin-bottom:-1px;/*border wird überschrieben*/ }

h4           { color:#bf1338; font-size:16px; margin-bottom:7px; /*text-shadow:#fff 1px 1px 0;*/ }
h4 a         { color:#bf1338; border:none; display:inline; }
h4 a:visited { color:#d95773; border:none; }
h4 a:focus   { color:#bf1338; border-bottom:1px dotted #ccc; margin-bottom:-1px;/*border wird überschrieben*/ }
h4 a:hover   { color:#333   ; border-bottom:1px solid  #ccc; margin-bottom:-1px;/*border wird überschrieben*/ }
h4 a:active  { color:#bf1338; border-bottom:1px solid  #ccc; margin-bottom:-1px;/*border wird überschrieben*/ }

h5           { color:#4b8c08; 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;/*border wird überschrieben*/ }
h5 a:hover   { color:#333   ; border-bottom:1px solid  #ccc; margin-bottom:-1px;/*border wird überschrieben*/ }
h5 a:active  { color:#666   ; border-bottom:1px solid  #ccc; margin-bottom:-1px;/*border wird überschrieben*/ }

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



/*forms
***************************************/
textarea {
	text-align:left;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	padding:6px 4px 5px;
	margin:0;
	color:#666;
	background:#FAF9F7;
	border:1px solid #ccc;
	font-size:12px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
label { display:block; }
label span { color:#801A1A; font-weight:bold; }

select {
	text-align:left;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	height:15px;
	padding:6px 4px 5px;
	margin:0;
	color:#666;
	background:#FAF9F7;
	border:1px solid #ccc;
	font-size:12px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
input {
	text-align:left;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	height:15px;
	padding:6px 4px 5px;
	margin:0;
	color:#666;
	background:#FAF9F7;
	border:1px solid #ccc;
	font-size:12px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
input:hover, textarea:hover, select:hover { background:#fff; border-color:#B3B0AB; color:#000; }
input:focus, textarea:focus, select:focus { background:#fff; border-color:#5f9ddb; color:#000; }

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

.submit, input[type=submit] {
	text-align:center;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	height:26px;
	padding:0 4px;
	margin:0;
	
	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 {
	text-align:center;
	height:26px;
	padding:0 4px;
	margin:0;
	
	background:#d48c44;
	color:#fff;
	border:1px solid #ba7b3c;
	cursor:pointer;
}
input.cancel:hover  { background:#dd7a18; color:#fff; border:1px solid #915110; }
input.cancel:focus,
input.cancel:active { background:#dd7a18; color:#000; border:1px solid #915110; }

/*lists

Menüs besitzen keine Listenpunkte.
***************************************/
ol, ul { list-style: none; }


/*quotes
***************************************/
blockquote:before,
blockquote:after,
q:before,
q:after { content:""; }
blockquote, q { quotes:"" ""; }


/*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%;
}
tr       { background:#f9f9f9; } 

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

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


/*misc
***************************************/
.clear { clear:both; }
.meta {
	color:#999;
	font-size:11px;
}

a.extern {
	padding-right:12px;
	background:100% 50% no-repeat url(/template/img/external.png);
}
a.pdf, a[href$=".pdf"] {
	padding:0 0 1px 20px;
	background:0 50% no-repeat url(/template/img/file_pdf.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;
}
.text-right { text-align:right; }
.hidden { display:none; }
.box {
	background:#F9F9F9;
	border:2px solid #EEEEEE;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:15px 0;
	padding:16px 18px 8px;
}


/***************************************
BB-Code
***************************************/
.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 {
	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(/template/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;
}
ul.termin .meta_category { background:0 50% no-repeat url(/template/img/category.png); }
ul.termin .meta_event    { background:0 50% no-repeat url(/template/img/bell.png); } 


/***************************************
.text

Das Grundlevel wird erweitert.
Der ".text"-Bereich legt den normalen Fließtextbereich fest.
Überschriften zählen nicht dazu.
***************************************/
#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:10px;
}
.text h3 { padding-top:10px; }

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

/*unordered list*/
.text ul.text {
	padding-left:20px;
	list-style:square outside;
}

/*ordered list*/
.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:140px;
	padding:0 0 10px;
	clear:both;
}
.text dl.text dd {
	border-left:1px solid #e5e5e5;
	padding:0 0 10px 9px;
	width:360px;
	float:left;
}

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

/***************************************
.side

Das Grundlevel wird erweitert.
Der ".side"-Bereich legt unwichtigere Seitenbereiche fest.
Überschriften werden formatiert.
***************************************/

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

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

.dark a         { color:#7db1e5; }
.dark a:visited { color:#7db1e5; }
.dark a:focus   { color:#7db1e5; }
.dark a:hover   { color:#7db1e5; }
.dark a:active  { color:#c3ddf7; }

.dark h2           { color:#e5e5e5; border-bottom:2px solid #bf1338; }
.dark h2 a         { color:#e5e5e5; border:none; }
.dark h2 a:visited { color:#e5e5e5; border:none; }
.dark h2 a:hover   { color:#bf1338; border-bottom:2px solid  #bf1338; }
.dark h2 a:active  { color:#e5e5e5; border-bottom:2px solid  #333; }
.dark h2 a:focus   { color:#e5e5e5; border-bottom:2px solid #333; }

.dark h3           { color:#589f0f; border-bottom:1px solid #ccc; }
.dark h3 a         { color:#589f0f; border:none; }
.dark h3 a:visited { color:#7AA949; border:none; }
.dark h3 a:focus   { color:#589f0f; border-bottom:1px dotted #7aa949; }
.dark h3 a:hover   { color:#ccc   ; border-bottom:1px solid  #7aa949; }
.dark h3 a:active  { color:#589f0f; border-bottom:1px solid  #7aa949; }

.dark h4           { color:#e5e5e5; }
.dark h4 a         { color:#e5e5e5; border:none; }
.dark h4 a:visited { color:#999   ; border:none; }
.dark h4 a:focus   { color:#e5e5e5; border-bottom:1px dotted #ccc; }
.dark h4 a:hover   { color:#bf1338; border-bottom:1px solid  #999; }
.dark h4 a:active  { color:#e5e5e5; border-bottom:1px solid  #ccc; }

.dark h5           { color:#e5e5e5; }
.dark h5 a         { color:#e5e5e5; border:none; }
.dark h5 a:visited { color:#999   ; border:none; }
.dark h5 a:focus   { color:#e5e5e5; border-bottom:1px dotted #ccc; }
.dark h5 a:hover   { color:#bf1338; border-bottom:1px solid  #999; }
.dark h5 a:active  { color:#e5e5e5; border-bottom:1px solid  #ccc; }

.dark h6           { color:#e5e5e5; }
.dark h6 a         { color:#e5e5e5; border:none; }
.dark h6 a:visited { color:#999   ; border:none; }
.dark h6 a:focus   { color:#e5e5e5; border-bottom:1px dotted #ccc; }
.dark h6 a:hover   { color:#bf1338; border-bottom:1px solid  #999; }
.dark h6 a:active  { color:#e5e5e5; border-bottom:1px solid  #ccc; }