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

/* im body tag werden die Standard-Einstellungen vorgenommen */
	body {
		color:#f5f5f5;
		background-color:#3a3a3a;
		text-align:center; /* wenn Seite zentriert angezeigt werden soll */
		font-size:62.5%; /* damit stellen wir sicher, dass die weiteren Angaben der Schrftgr��e ohne Kopfzerbrechen in em erfolgen k�nnen 12px = 1.2em */
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/* Klasse um die floats in den Griff zu kriegen */
	.clear {
		clear:both;
		font-size:1px;   /* 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;
	}

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

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

	a.active { color:#f5f5f5; 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; */
	}

	ol {
		margin-left:24px; /* passend f�r IE 7 - was ist mit fr�heren Versionen? */
		/* firefox, opera, safari: margin-left:20px; */
	}

/* die �berschriften */
	h1 {
		font-size:1.2em;
	}

	h2 {
		font-size:1.1em;
	}

	h3 {
		font-size:1.2em;
	}

	h4 {
		font-size:1em;
	}

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

/* im wrapper werden die Einstellungen f�r den Inhaltsbereich vorgenommen */
	#wrapper {
		text-align:left;   /* wenn body zentriert ist, dann muss f�r den IE hier wieder auf left geschaltet werden */
		margin-left:auto;  /* Angabe zur Zentrierung des Wrappers */
		margin-right:auto; /* Angabe zur Zentrierung des Wrappers */
		width:920px;
		border-left:2px solid #272727;
		border-right:2px solid #272727;
		background-color:#999999;
		font-size:1.2em; /* so stellen wir sicher, dass in allen Tags im wrapper die Schriftgr��e 1.2em gilt - ausgenommen nat�rlich die h1, h2 usw. */
		position:relative;
	}

/* Einstellungen f�r den Header-Bereich */
	#header {
		position:relative; /* notwendig, damit Logo und Men� mit position:absolute ausgerichtet werden k�nnen */
		height:99px;
		background-image:url(../uploads/layout/header_bg.gif);
		background-repeat:repeat-x;
		border-bottom:1px solid #FFFFFF;
	}
	#header a {
		text-decoration:none;
	}
	#header .logo {
		position:absolute;
		left:0px;
		top:1px;
	}
	#header .fahnen {
		margin-left:18px;
		position:absolute;
		z-index:20;
	}
	#header .fahnen img {
		margin-right:3px;
	}

	#menu ul {
		position:absolute;
		width:920px;
		margin:0px;
		list-style-type:none;
		background-image:url(../uploads/layout/menu_bg.gif);
		background-repeat:repeat-x;
		height:28px;
	}

	#menu ul li {
		display:block;
		float:left;
		margin:0px;
		padding:0px;
	}

	#menu ul ul ul li {
		width:280px;
		overflow:hidden;
		margin-left:20px;
	}

	#menu ul li:hover ul, #menu ul li.iehover ul {
		display:block;
		left:0px;
		background-image:url(../uploads/layout/submenu_bg.gif);
		background-repeat:repeat-x;
		/*opacity:.95;
		filter: alpha(opacity=95);*/
		height:42px;
	}

	#menu ul li:hover ul li:hover ul, #menu ul li.iehover ul li.iehover ul {
		display:block;
		left:0px;
		height:102px;
		background-color:#FFFFFF;
		background-image:none;
		/*opacity:.95;
		filter: alpha(opacity=95);*/
		border-top:2px solid #da0009;
	}

	#menu ul ul {
		display:none;
		left:-999em;
	}

	#menu ul ul ul, #menu ul li:hover ul ul, #menu ul li.iehover ul ul {
		display:none;
		left:-999em;
	}

	#menu a {
		text-decoration:none;
		padding:4px 20px 4px 20px;
		margin:2px 0px 2px 0px;
		color:#3a3a3a;
		display:block;
	}

	#menu ul ul li a {
		padding:6px 20px 6px 20px;
		margin:7px 0px 7px 0px;
	}

	#menu ul ul ul li a {
		padding:1px;
		margin:0px;
	}

	#menu a:hover, #menu a.active {
		color:#ffffff;
		background-color:#da0009;
	}

	#menu ul ul ul a:hover, #menu ul ul ul a.active {
		color:#da0009;
		background-color:#ffffff;
	}

/* Einstellungen f�r den SubHeader Bereich */
	#subheader {
		background-color:#6b6b6b;
	}

	#subsubheader {
		background-color:#6b6b6b;
		color:#FFFFFF;
	}

	#subsubheader h1 {
		margin:0px;
		padding:3px 0px 5px 18px;

	}

	#header form {
		width:630px;
		position:absolute;
		left:18px;
		bottom:2px;
	}

	#header form select {
		width:305px;
		font-size:0.9em;
		margin:0px 0px 0px 7px;
		color:#5a5a5a;
	}

	#header form input.fulltext {
		width:340px;
		color:#5a5a5a;
	}

	#header form input.submit {
		width:55px;
		color:#5a5a5a;
	}

/* Einstellungen f�r den content Bereich */
	#content {
		margin:20px 10px 30px 0px;
	}

/* Einstellungen f�r left und right */
	#content .left {
		margin:0px 0px 0px 18px;
		/*float:left;*/
	}

	#content .left tr.title td {
		background-color:#da0009;
		height:12px;
		color:#FFFFFF;
	}

	#content .left table.dataset {
		margin:0px 0px 3px 0px;
		height:110px;
		background-color:#e1e1e1;
	}

	#content .left td {
		padding:2px;
		font-size:0.9em;
	}


	#content .left table.dataset {
		color:#6b6b6b;
	}

	#content .left table.dataset td.footer {
		background-color:#6b6b6b;
		text-align:right;
		height:12px;
	}

	#content .left .paging {
		text-align:right;
		font-size:0.9em;
		padding-right:4px;
	}

	#content .left p.footer {
		text-align:right;
		border-top:1px solid #e0ebf5;
		margin:20px 0px 0px 0px;
		font-size:0.9em;
	}

	#content .left table.detail {
		/*margin-top:-15px;*/
		border-bottom:1px solid #e0ebf5;
	}

	#content .left table.detail td img {
		width:400px;
		height:283px;
	}

	#content .left table.detailData td {
		padding:6px;
	}

	#content .left table.detailData tr.odd td {
		background-color:#6b6b6b;
	}

	#content .left table.detailFooter {
		background-color:#da0009;
		width:100%;
		margin-top:10px;
	}

	#content .left table.detailHeader {
		background-color:#da0009;
		width:100%;
		margin-bottom:10px;
	}

	#content .left form.anfrage input {
		width:100px;
		color:#5a5a5a;
	}

	#content .left .gruppen {
		margin-bottom:15px;
	}

	#content .left .gruppen a {
		display:block;
		width:228px;
		padding:5px 0px 2px 5px;
		float:left;
		background-color:#103a6a;
		text-decoration:none;
		border-bottom:5px solid #5486b7;
	}

	#content .left .gruppen a:hover, #content .left .gruppen a.active {
		background-color:#cfd8e1;
		color:#103a6a;
	}

	#content .right a {
		text-decoration:none;
		display:block;
		padding:3px 3px 3px 20px;
		font-weight:bold;
		margin:0px;
	}

	#content .right a:hover, #content .right a.active {
		background-color:#cbdbea;
		color:#0f3a6a;
	}

	#content .paging a.active {
		text-decoration:none;
		color:#0f3a6a;
	}

	#content h1 {
		border-bottom:1px solid #e0ebf5;
	}

	#content h2 {
		background-color:#6b6b6b;
		font-size:1.1em;
		padding-left:30px;
		margin-bottom:10px;
	}

	#content .infoBlock {
		text-align:right;
		font-size:0.9em;
		border-bottom:1px solid #e0ebf5;
		padding-bottom:10px;
	}

	#content .infoBlock img {
		float:right;
		border:1px solid #103a6a;
		margin-left:15px;
	}

	#content .infoBlock h1 {
		border:0;
		text-shadow: 0.1em 0.1em 0.2em #000000;
	}

	#content .left table.kontaktFormular {
		border-top:1px solid #999999;
		background-color:#e1e1e1;
	}

	#content .left table.kontaktFormular th {
		background-color:#d9001a;
		padding:4px 3px 4px 10px;
		color:#ffffff;
		border-top:1px solid #ee8f9a;
		border-bottom:1px solid #ae0015;
	}

	#content .left table.kontaktFormular td {
		background-color:#e1e1e1;
		color:#5a5a5a;
	}

	#content .left table.kontaktFormular tr.borderTop td {
		border-top:2px solid #999999;
	}

	#content .left table.kontaktFormular tr.borderBottom td {
		border-bottom:3px solid #999999;
	}

	#content .left table.kontaktFormular tr.borderBottom td table tr td {
		border-bottom:none;
	}

	#content .left table.kontaktFormular tr.kontaktdaten td {
		padding:0px 2px 0px 2px;
	}

	#content .left table.kontaktFormular tr.kontaktdaten td p {
		padding:2px 0px 0px 0px;
	}

	#content .left table.kontaktFormular tr.borderTop th {
		 /*border-top:4px solid #999999;*/
	}

	#content .left table.kontaktFormular a {
		color:#5a5a5a;
	}

	#content .left form .wide {
		width:450px;
	}

	#content .left form textarea.wide {
		margin:10px 0px 10px 0px;
		color:#5a5a5a;
	}

	#content .left form .small {
		width:185px;
	}

	#content .left form .sternhinweis {
		font-size:0.7em;
		text-align:right;
	}

	#content .left table.anfahrtFooter {
		background-color:#727273;
		margin-top:3px;
	}

	#content .left table.anfahrtFooter a:hover {
		color:#e0ebf5;
	}

	#content #team table {
		width:880px;
	}

	#content #team table tr td table {
		width:438px;
		background-color:#e1e1e1;
		color:#5a5a5a;
		margin:2px 0px 2px 0px;
		height:162px;
	}

	#content #team table tr th {
		color:#ffffff;
		background-color:#da0009;
		padding:5px;
		border-top:1px solid #ee8f9a;
		border-bottom:1px solid #ae0015;
	}

	#content #team table tr td {
		padding:0px;
		margin:0px;
	}

	#content #team table tr td a {
		color:#5a5a5a;
	}

	#content #team table tr td table tr td img {
		margin:10px 20px 10px 10px;
	}

	#content #team p {
		margin:0px;
		padding:0px;
		font-size:2px;
	}

	#content img.rechts {
		float:right;
		margin:0px 0px 10px 10px;
	}

	#content img.links {
		float:left;
		margin:0px 10px 10px 0px;
	}

	#content .pdfdownload td {
		border-top:3px solid #6b6b6b;
		border-bottom:10px solid #999999;
		padding:10px 2px 2px 2px;
		background-color:#c0c0c0;
		font-size:0.9em;
		font-weight:bold;
		color:#333333;
	}

	#content .pdfdownload td a {
		text-decoration:none;
		color:#333333;
	}

	#startLeft, #startRight, #content .left .downloadLeft, #content .left .downloadRight {
		float:left;
		width:419px;
	}

	#startLeft, #content .left .downloadLeft {
		width:419px;
		padding-right:10px;
		margin-right:10px;
		border-right:1px solid #ffffff;
	}

	#content .left .downloadLeft {
		border:none;
	}

	#startLeft p.einzug, #content .left .downloadLeft table, #content .left .downloadRight table {
		margin-left:30px;
	}

	#startLeft h2 {
		text-align:right;
		padding:4px 10px 4px 0px;
		margin:0px 0px 3px 0px;
	}

	#startRight h2 {
		text-align:left;
		padding:4px 0px 4px 10px;
		margin:0px 0px 3px 0px;
	}

/* Bildblock im Bereich Service */
	.serviceBlock {
		float:left;
		width:288px;
		padding:3px 0px 0px 0px;
		border-top:24px solid #828282;
		margin-right:8px;
	}

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

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

        /* Angaben für den Wysiwyg-Editor TinyMCE */
body.mceContentBody {
	text-align:left;
	background:none;
	background-color:#ffffff;
	font-size:0.8em;
	color:#000000;
}

body.mceContentBody a {
    color:#000;
}

#popUp {
    left:-20px;
    top:290px;
    z-index:30;
    position:absolute;
    width:760px;
    text-align: center;
    border:1px solid #333;
    padding:0px;
}

#popUp p {
    background-color:#88a2b5;
    font-size:20px;
    padding:2px;
    margin:0px;
    text-align:right;
}

#popUp a {
    color:#333;
    text-decoration:none;
}

#popUp img {
    width:760px;
}
