/* Stylesheet fuer DRK/JRK Schwalbach-Bous und Mehrgenerationenhaus Schwalbach*/

/* undohtml.css 
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited {text-decoration: none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em;}
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,p.bodytext,blockquote,fieldset,input
{ margin: 0; padding: 0;}
a img,:link img,:visited img, :hover img, :active img {border: none;}
address {font-style: normal;}

/* end undohtml.css */

body {
	text-align: center;
	font-size: 75%;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;

}

/* ----------- Kopf ----------- */

#kopf {
	width: 100%;
	height: 110px;
/*	height: 6.875em; */
	background: url(gfx/bg-kopf.png);
}

#logo {
	width: 930px;
	height: 70px;
	margin: 0 auto 0 auto;
}

img.logo-kopf {
	float: right;
	margin: 8px 11px 0 0;
}

img.titel-kopf {
	float: left;
	margin: 23px 0 0 0;
}

/* --------- / Kopf ----------- */

/* ----------- Navi ----------- */
#nav {
	width: 970px;
	height: 40px;
	background: url(gfx/bg-nav.png);
	margin: 0 auto 0 auto;
	color: white;
	text-align: left;
	overflow: hidden;
}

#nav-links {
	width: 20px;
	height: 40px;
	float: left;
	background: url(gfx/bg-nav-links.png);
}

#nav-rechts {
	width: 20px;
	height: 40px;
	float: right;
	background: url(gfx/bg-nav-rechts.png);
}

#nav-inhalt {
	float: left;
	margin-top: 10px;
	line-height: 30px;
}

#schriftgroesse {
	float: right;
	margin-top: 10px;
	line-height: 30px;
}

#nav a {
	color: white;
}

#nav a:hover, #nav a:active {
	border-bottom: 1px dotted white;
}

/* --------- / Navi ----------- */

/* ----------- Breadcrumb ----------- */

#breadcrumb {
	height: 1em;
	width: 960px;
	margin: .83em auto 0 auto;
	text-align: left;
}

#breadcrumb p {
	color: #666;
	font-size: .83em;
	line-height: .83em;
	margin: 0 15px 0 15px;
	padding: 0;
}

#breadcrumb a {
	color: #666;
	border-bottom: 1px dotted #666;
}

#breadcrumb a:hover, #breadcrumb a:active {
	color: #666;
	border-bottom: 1px solid #666;
}

/* --------- / Breadcrumb ----------- */

/* ----------- Diverse ----------- */

#uebergang-oben {
	width: 960px;
	height: 20px;
	background: url(gfx/bg-sub-head.png) bottom left;
	margin: 0 auto 0 auto;
}

#inhalt {
	width: 960px;
	margin: 0 auto 0 auto;
	padding-bottom: 15px;
	background: url(gfx/bg-inhalt.png);
	text-align: left;
}

#clear {
	clear: both;
}

#uebergang-unten {
	width: 960px;
	height: 65px;
	background: url(gfx/bg-sub-main.png);
	margin: 0 auto 0 auto;
	clear: both;
}

img {
	border: 0;
}

/* --------- / Diverse ----------- */

/* ----------- Menü ----------- */

#menu {
	width: 200px;
	float: left;
	display:inline;
}

#menu ul {
	margin: 0 15px 15px 15px;
	padding: 0;
	list-style-type: none;
}

#menu p {
	margin: 15px ;
}

#menu li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #d4d4d4;
}

#menu li a {
	color: black;
	margin: 0;
	padding: 5px 0 5px 0;
	border: 0;
	display: block;
}

#menu li a:hover, #menu li a:active {
	color: white;
	background: #5274A8;
	padding-left: 5px;
}

#menu li.sub-menu {
	margin: 0 0 0 15px;
}

#menu img {
	margin: 0;
	border: 0;
}


/* --------- / Menü ----------- */

/* ----------- Hauptteil ----------- */

#hauptteil {
	margin: 0 0px 0 15px;
	width: 515px;
	float: left;
	display:inline;
}

#hauptteil h1 {
	margin-right: 15px;
	margin-bottom: 0.42em;
	color: #E60005;
	font-size: 1.5em;
	line-height: 1.17em;
	font-weight: bold;
}

#hauptteil h2 {
	margin-right: 15px;
	margin-top: 0.84em;
	margin-bottom: 0.84em;
	color: black;
	font-size: 1.17em;
	line-height: 1.17em;
	font-weight: bold;
}

#hauptteil h3 {
	margin-right: 15px;
	margin-top: 0.84em;
	margin-bottom: 0.84em;
	color: black;
	font-size: 1em;
	line-height: 1.17em;
	font-weight: bold;
}

#hauptteil p {
	line-height: 1.5em;
	margin-right: 15px;
	margin-bottom: 0.42em;
}

#hauptteil a {
	color: #E60005;
	border-bottom: 1px dotted #E60005;
}

#hauptteil a:active, #hauptteil a:hover {
	border-bottom: 1px solid #E60005;
}

img.bild-links {
	float: left;
	margin: 5px 5px 5px 0;
}

div.vier-bilder {
	margin: 0px 0 15px 0;
}

div.vier-bilder img {
	float: left;
	margin: 0 13px 15px 0;
}

div.vier-bilder img.letztes-von-4 {
	float: left;
	margin: 0 0px 15px 1px;
}

div.csc-mailform-field label {
	display: block; 
	float: left; 
	width: 10.5em;
}

div.csc-textpic {
	margin-bottom: 15px;
	margin-top: 15px;
}

fieldset {
	border: 0;
}

legend {
	font-weight: bold; 
	padding: 0 0 .84em 0; 
}

/* --------- / Hauptteil ----------- */

/* ----------- Spalte ----------- */

#spalte {
	width: 200px;
	margin-left: 745px;
}

#spalte h2 {
	color: #5274A8;
	margin-bottom: 15px;
}

#spalte h3 {
	color: black
	font-weight: bold;
}

#spalte p {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D9D9D9;
}

#spalte a {
	color: black;
	border-bottom: 1px solid black;
}

#spalte a:active, #spalte a:hover {
	color: #E60005;
	border-bottom: 1px solid #E60005;
}

/* --------- / Spalte ----------- */

/* ----------- Fussleiste ----------- */

#fussleiste {
	width: 960px;
	height: 5.83em;
	background: url(gfx/bg-fussleiste.png) no-repeat;
	margin: 0 auto 0 auto;
	padding: 15px;
}

#fussleiste p {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 0.92em;
	line-height: 1.5em;
	color: #5274A8;
}

#fussleiste a {
	color: #5274A8;
	border-bottom: 1px dotted #5274A8;
}

#fussleiste a:active, #fussleiste a:hover {
	color: black;
	border-bottom: 1px dotted black;
}

/* ---------/  Fussleiste ----------- */

/* ----------- FCEs ----------- */

div.kontakt {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D9D9D9;
}

div.kontakt img {
	margin: 0 0 10px 0;
}

#spalte div.kontakt p {
	margin: 0;
	padding: 0;
	border: 0;
}

p.anrede, p.name, p.position {
	font-weight: bold;
}

#hauptteil div.bild-mit-text, #hauptteil div.news-element {
	width: 100%;
}

#hauptteil div.bild-mit-text img, #hauptteil div.news-element img {
	margin: 0 5px 5px 0;
	border: 0;
	float: left;
}

#spalte div.bild-mit-text {
	text-align: center;
}

#spalte div.bild-mit-text p {
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

#spalte div.bild-mit-text img {
	margin: 0 0 5px 0;
	border: 0;
}

div.uebersicht {
/*	width: 100% */
}

div.uebersicht div.element {
	float: left;
	text-align: center;
	width: 180px;
	margin: 0 15px 15px 0;
}

#hauptteil div.uebersicht div.element p {
	margin: 0;
	padding: 0;
	height: 2.25em;
}

div.uebersicht div.clear {
	clear: both;
}

div.unterthemen {
	width: 100%;
}

div.unterhemen div.element {
	float: left;
	width: 45%;
	height: 8.33em;
	margin: 0 15px 15px 0;
}

div.unterhemen div.element img {
	float: left;
	margin: 0 5px 0 0;
}

div.unterhemen div.element p {
	padding: 0 5px 0 0;
	text-align: left;
}

#hauptteil div.unterhemen h2 {
	margin-top: 0;
}

table.kontaktliste {
	width: 100%;
	border: 0;
	margin: 0 0 15px 0;
	text-align: left;
}

table.kontaktliste tr {
	background: url(gfx/bg-tabelle.png) bottom left repeat-x;
	height: 10em;
}

table.kontaktliste td {
	margin: 0;
	padding: 5px;
	border: 0;
	vertical-align: top;
}

/* --------- / FCEs ----------- */


#hauptteil div.tx-seminars-pi1 a {
	color: black;
	border-bottom: 1px dotted black;
}
#hauptteil div.tx-seminars-pi1 th a {
	color: black;
	border: 0;
}