/* alle Standardabstände der Browser auf 0 setzen */
	* {
		margin:0px;
		padding:0px;
		border:0px;
	}

/* im body tag werden die Standard-Einstellungen vorgenommen */
	body {
		color:#000000;
		background-color:#6297d9;
		text-align:center; /* wenn Seite zentriert angezeigt werden soll */
		font-size:62.5%; /* damit stellen wir sicher, dass die weiteren Angaben der Schriftgröße ohne Kopfzerbrechen in em erfolgen können 12px = 1.2em */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-image:url(../uploads/layout/bg_vertical.jpg);
		background-repeat:repeat-x;
		padding-top:0px;
	}

	body.mceContentBody {
	 		background-color:#FFFFFF;
			text-align:left;
	}

/* Klasse um die floats in den Griff zu kriegen */
	.clear {
		clear:both;
		font-size:0px;   /* wegen Opera MUSS mindestens ein pixel Höhe eingegeben sein */
		line-height:0px; /* es ist noch zu prüfen, ob "alle" Browser mit einer 0 klar kommen - zur Sicherheit besser auf 1 stellen */
	}

/* globale Einstellungen für Absätze */
	p {
		margin-bottom:1em;
		line-height:1.6em;
	}

/* Bilder immer ohne Rahmen */
	img {
		border:0px;
	}

/* globale Einstellungen f�r Links - auf die Reihenfolge achten !! */
	/* link, visited, hover, active, focus */
	a:link { text-decoration:underline; color:#000000; }
	a:visited { text-decoration:underline; color:#000000; }
	a:hover { text-decoration:none; color:#000000; }
	a:active { text-decoration:none; color:#000000; }
	a:focus { text-decoration:none; color:#000000; }

	a.active { color:#FFFFFF; text-decoration:none; } /* das ist unsere Standardklasse um Menüpunkte als aktiv zu kennzeichnen.
                                   !Achtung! nicht mit der Pseudoklasse :active verwechseln !Achtung!
								   Da diese Angabe für alle Menüs gleichermaßen gelten soll setzen wir sie hier */

/* die Einzüge bei ul und ol werden von den Browsern sehr unterschiedlich behandelt
   wenn man eine einheitliche Darstellung erreichen möchte, müssen teilweise spezifische
   Angaben gemacht werden. */
	ul {
		margin-left:16px; /* passend für IE 7 - was ist mit früheren Versionen? */
		/* firefox:  margin-left:14px; */
		/* opera:    margin-left:12px; */
		line-height:1.6em;
		margin-bottom:10px;
	}

	ol {
		margin-left:24px; /* passend für IE 7 - was ist mit früheren Versionen? */
		/* firefox, opera, safari: margin-left:20px; */
		line-height:1.6em;
		margin-bottom:10px;
	}

/* die Überschriften */
		h1, h2, h3,h4 {
		font-weight:bold;
		color:#555555;
		text-align:left;
	}
		
	h1 {
		font-size:1.6em;
		font-weight:bold;
		border-bottom:4px solid #ffc68c;
		color:#293c74;
		text-align:left;
		margin:5px 0px 15px 0px;
	}

	h2 {
		font-size:1.3em;
		color:#6297d9;
		margin:5px 0px 10px 0px;
	}

	h3 {
		font-size:1.1em;
		font-weight:bold;
		color:#000000;
	}

	h4 {
		font-size:1em;
	}

/* allgemeine Angaben zu Tabellenzellen */
	td {
		vertical-align:top;
	}

	td p {
		padding:0px;
		margin:0px;
	}

/* im wrapper werden die Einstellungen für den Inhaltsbereich vorgenommen */
	#wrapper {
		background-color:#f8f9d9;
		text-align:left;   /* wenn body zentriert ist, dann muss für den IE hier wieder auf left geschaltet werden */
		margin-top:22px;
		margin-left:auto;  /* Angabe zur Zentrierung des Wrappers */
		margin-right:auto; /* Angabe zur Zentrierung des Wrappers */
		margin-bottom:22px;
		
		width:735px;
		font-size:1.2em; /* so stellen wir sicher, dass in allen Tags im wrapper diese Schriftgröße gilt - 
							ausgenommen natürlich die h1, h2 usw. */
		position:relative; /* damit bestimmte Elemente absolut positioniert werden können */
	}

	#innerWrapper {
		background-image:url(../uploads/layout/innerwrapper_bg.gif);
		background-repeat:repeat-y;
		background-position:top left;
	}

/* Einstellungen für den Header */
	#header {
		position:relative;
		height:96px;
		border-bottom:10px solid #6297d9;
	}

	#header img {
		float:left;
	}

	#header .header_subtitle {
		position:absolute;
		top:110px;
		left:300px;
		z-index:2;
		font-size:1.6em;
		font-weight:bold;
	}

	#header .header_bilder {
		position:absolute;
		top:110px;
		left:500px;
		z-index:2;
	}

	#header .eycatcher {
		position:absolute;
		right:0px;
		top:0px;
	}

	#header #logo {
		margin:10px 20px 10px 10px;
	}

	#header img.logo_left {
		margin-left:20px;
	}
	
	#header img.kopfbild {
		width:550px;
		margin-left:20px;
	}

/* Einstellungen fuer MetaMenu */
	#header .metaMenu {
		position:absolute;
		right:10px;
		bottom:0px;
	}

	.metaMenu ul {
		list-style-type:none;
		margin:0px;
	}

	.metaMenu ul li {
		display:inline;
	}

	.metaMenu ul li a:link, .metaMenu ul li a:visited, .metaMenu ul li a:hover, .metaMenu ul li a:active, .metaMenu ul li a:focus {
		color:#FFFFFF;
		font-size:0.95em;
	}

/* Einstellungen für den SubHeader */
	#subHeader {
		color:#3e5166;
		background-color:#e5e6e8;
		height:20px;
		position:relative;
		border-top:2px solid #6f9dc8;
		border-bottom:2px solid #6f9dc8;
	}

	#subHeader a {
		color:#000000;
	}

	#subHeader .efaFontSize {
		position:absolute;
		top:5px;
		right:5px;
	}

	#subHeader p.breadCrumb {
		padding:5px 0px 0px 10px;
		font-size:0.95em;
	}

/* Einstellungen für das linke Menue */
	#menu {
		width:140px;
		margin-bottom:20px;
	}

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

	#menu ul li {
		/*height:20px;*/
		text-align:left;
		margin:5px 0px;
		border-top:1px solid #f8f9d9;
		border-bottom:1px solid #f8f9d9;
	}

	#menu ul li a {
		color:#293c74;
		text-decoration:none;
		display:block;
		padding:3px 5px 6px 0px;
		font-weight:bold;
		font-size:0.9em;
		border-bottom:1px solid #6297d9; 
	}

	#menu ul li a:hover, #menu ul li a.active {
		color:#6297d9;
	}


/* Einstellungen für linke Spalte */
	#left {
		width:140px;
		float:left;
		font-size:1.1em;
		padding:10px 0px 10px 20px;
		margin-right:25px;
	}

	#kontakt p {
		color:#444444;
		font-size:0.9em;
		line-height:1.4em;
	}
	/*
	#kontakt a {
		color:#293c74;
		text-decoration:none;
	}

	#kontakt a:hover {
		color:#6297d9;
	}*/
	
/* Einstellungen für den content Bereich */
	#content {
		width:525px;
		float:left;
		padding:10px 15px 20px 0px;
		text-align:justify;
	}

	#content img {
		margin-bottom:10px;
		padding:4px;
		border:3px solid #6297d9;
	}


/* Einstellungen für den footer Bereich */
	#footer {
		color:#555555;
		background-color:#ffffff;
		text-align:center;
		border-top:3px solid #6297d9;
	}

	#footer p {
		padding:3px 0px;
		margin:0px;
	}

	#footer ul {
		list-style-type:none;
		margin:0px;
	}

	#footer ul li {

	}

	#footer ul li a {
		color:#FFFFFF;
	}

/* Einstellungen für Events */
	#eventsList, #eventsDetail {
		margin-bottom:12px;
	}

	#eventsList p, #eventsDetail p {

	}

	#eventsList p.title, #eventsDetail p.title {
		font-weight:bold;
		margin:0px;
		padding:0px;
	}

	#eventsList p.subtitle, #eventsDetail p.subtitle {
		margin:0px;
		padding:0px;
	}

	#eventsList p.date, #eventsDetail p.date {
		font-style:italic;
		margin:0px;
		padding:0px;
	}

	#eventsList div.event p.moreLink {
		margin-top:-12px;
	}

	#eventsList div.event div.teaser {
		margin-bottom:0px;
	}

	#eventsList div.event {
		margin-bottom:22px;
	}


/* Einstellungen für Formular */
	form label {
		font-weight:bold;
	}

	form input, form textarea {
		font-size:1.1em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	form input:focus, form textarea:focus {
		background-color:#FFFFEE;
	}

	form .left, form .right {
		width:200px;
		float:left;
	}

	form div.left {
		margin-right:10px;
	}

	form textarea, form input {
		width:410px;
		margin-bottom:10px;
	}

	form .left input, form .right input {
		width:200px;
	}

	form input.short {
		width:100px;
	}

	form .send input {
		width:auto;
		padding:0px 5px 0px 5px;
	}

	form textarea.nachricht {
		height:150px;
	}

/* Galerie */
	/* die Liste der Galerieen */
	#galleryList div.block {
		margin:0px 0px 20px 0px;
		padding:0px
	}

	#galleryList p, #galleryList h2, #galleryList h3 {
		margin:0px;
		padding:0px;
	}

	#galleryList h2 {
		font-size:1.2em;
	}

	#galleryList h3 {
		font-size:1em;
		font-weight:normal;
		font-style:italic;
	}

	/* die Bilder zum Durchklicken */
	#gallery p, #gallery h2, #gallery h3 {
		margin:0px;
		padding:0px;
	}

	#gallery h2 {
		font-size:1.2em;
	}

	#gallery h3 {
		font-size:1em;
		font-weight:normal;
		font-style:italic;
	}

	#gallery div.text {
		
	}

	#gallery img.image {
		margin:10px 0px 10px 0px;
	}

	#gallery a.linkBack, #gallery a.linkForward, #gallery a:hover, #gallery a.active {
		text-decoration:none;
		color:#000000;
	}

	#gallery a.active {
		font-weight:bold;
	}

	#gallery a.linkBack {
		margin-right:10px;
	}

	#gallery a.linkForward {
		margin-left:10px;
	}

	#gallery a.linkToGalleryList {
		margin-right:50px;
	}

/* error und succes layer des Kontaktformulars */
	#error {
		color:#ff0000;
		font-weight:bold;
		margin-bottom:20px;
	}

	#success {
		color:green;
		font-weight:bold;
		margin-bottom:20px;
	}