/* ===================================================
Stylesheet
Datei: all.css
Datum  23/03/10
Autor: wquadrat medien gmbh
=================================================== */



/* **********************************************
   TEIL I - Reset 
   ********************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white; 
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* **********************************************
   TEIL II - Restaurierung 
   ********************************************** */
 

/* margin-bottom für Überschriften, Absätze, Listen etc. */
h1, h2, h3, h4, h5, h6, 
p, blockquote, address, pre, 
ul, ol, dl, table {
	 margin-bottom: 1em; /*vorher 1em*/
}

/* Zitate einrücken */ 
blockquote { margin: 1em 2em; } 

/* Alle Listen etwas einrücken */
ul, ol, dl { margin-left: 1em; } 

/* Listenelemente etwas mehr einrücken */
li { margin-left: 1em; } 

/* Definitionen in Definitionslisten noch mehr einrücken */
dd { margin-left: 2em; }

/* Verschachtelte Listen ohne Außenabstand oben/unten */
ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl {
   margin-top: 0;
   margin-bottom: 0;
}

/* Aufzählungszeichen */

/* Ebene 1 - ul: square (ausgefülltes Rechteck); ol: Dezimalzahlen  */
ul { list-style-type: square; }
ol { list-style-type: decimal; }

/* Ebene 2 - ul: disc (ausgefüllter Kreis); ol: kleine Buchstaben */
ul ul { list-style-type: disc; }
ol ol { list-style-type: lower-alpha; }

ul ol { list-style-type: decimal; }
ol ul { list-style-type: square; }

/* Ebene 3 - ul und ol mit circle (nicht ausgefüllter Kreis) */
ol ol ol, ol ol ul, ol ul ul, ol ul ol,
ul ul ul, ul ul ol, ul ol ol, ul ol ul {
   list-style-type: circle;
} 

/* Auswahl in Auswahllisten (select) durch padding:0 schlecht lesbar */
option { padding-left: 0.2em; padding-right: 0.3em; }

/* Rahmen um fieldset und verlinkte Bilder entfernen */
fieldset, a img { border: none; }



/* **********************************************
   TEIL 3 - Grundlegende Formatierung 
   ********************************************** */
   
body {
   font-family: arial,tahoma,verdana,sans-serif;
   font-size: 0.75em; /*** schriftgröße (12px) / 16 ***/
   line-height: 1.5em; /*** zeilenhöhe / 16 ***/
   letter-spacing:0em; /*** Zeichenabstand / 1000  ***/ 
   color:#333;
}

/* Serifenschrift für Überschriften, inkl. h1 (alt-Text) */
h1, h2, h3, h4, h5, h6 {
   font-family: arial,tahoma,verdana,sans-serif;
   font-weight: normal;
   color:#005680;
}

/*  Überschriftengrößen auf Basis von (12px) neue schriftgr / bestehender */
h1 { font-size: 1.6em;}    
h2 { font-size: 1.75em;} 
h3 { font-size: 1.33em;}
h4 { font-size: 1.33em;} 
h6 { font-size: 1.33em;} 





/*  weitere Formatierungen - links allgemein, strong */
a {color:#005680;text-decoration:underline;}

h2 a, h3 a {text-decoration:none;}
h2 a:hover, h3 a:hover {text-decoration:underline;}


.newsliste h3 {margin-bottom:0.3em;}
.newsliste h3 a {text-decoration:none;margin:0px;}
.newsliste h3 a:hover {text-decoration:underline;}

.termine a  {text-decoration:none;color:#333;}
.termine a:hover {text-decoration:underline;color:#005680;}

.termine a span {color:#005680;}

strong {font-weight:bold;}
.fett {font-weight:bold;}
.blau {color:#005680;}

#kontaktform input, #kontaktform select, #kontaktform textarea { border: 1px #005680 solid;color:#333;}
#kontaktform div.label, #kontaktform input#absenden { color:#005680;}

/* indiv. schriftgr. */
#navigation { font-size: 1.2em; }
#content_navi{ font-size: 1.2em; }
#footer_text {0.90em;font-weight:bold;}


/* clearer */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

 
/* bild im text */
dl.bild {margin:0;}
dl.bild img { display: block; }
dl.bild dd { margin: 0; }

dl.bildKlein { float: left; margin: 0 1em 0.5em 0; }
dl.bildMedium { float: right; margin: 0 0 0.5em 1em; }
dl.bildGross { margin: 0 auto 0.5em; }