/* Kopfzeile */
#Kopfzeile				{float:left; display:inline; width:100%; border-bottom:solid 1px #000000; background-color:#1F6CBA; min-height:4em;}
* html #Kopfzeile		{height:4em;} /* IE6 */ 
#KopfzeileRahmen		{max-width:989px;}
* html #KopfzeileRahmen	{width:expression(document.body.clientWidth > 990 ? "990" : "auto");} /* IE6 */ 

.KopfzeileLogo			{float:left; color:#C2DDF6; padding:12px 0 0 14px; margin-right:10px; text-align:right; font-size:0.7em; font-weight:bold; font-family:verdana;}
.KopfzeileLogo a		{font-size:0.8em;}

.KopfzeileSlogan		{float:left; color:#ffffff; padding:17px 0px 0 10px;}
.slogan 				{font-size:16pt; margin-left:6px; line-height:1.3em; font-weight:bold;}

.KopfNav				{float:right; margin:18px 0.3em 35px 10px; border:solid 0px #000000;}
.KopfNavCell			{padding:0 3px 0 3px; line-height:1.5em;}
.KopfNavCell input		{font-family:Arial,Geneva,sans-serif; font-size:0.8em; color:#000000; border:outset 1px #1C6AB2;}
.KopfNavCell a			{font-size:0.8em; padding:1px 4px; vertical-align:middle; text-decoration:none;}
.KopfNavCell a:link,
.KopfNavCell a:visited	{background-color:#C2DDF6; color:#000000;}
.KopfNavCell a:hover,
.KopfNavCell a:active,	
.KopfNavCell a:focus	{background-color:#14497A; color:#FFFFFF;}

/* Navigation */
#Navigation				{position:absolute; left:0.7em; width:12.5em; height:82.5%; margin-top:-16px; overflow:auto; overflow-x:hidden; border:solid 1px #FFFFFF; background-color:#216EBE;}
ul.menu					{margin:0.9em 0.1em 0.5em 0.6em; padding:0; list-style-type:none; width:10.6em;}
ul.menu ul				{list-style-type:none; margin:0; padding:0;}
ul.menu a				{display:block; width:100%; padding:2px 3px 2px 3px; text-decoration:none;}
ul.menu a img			{margin-right:5px;}

/* 1.te Ebene */
ul.menu li				{list-style:none; margin:0 0.2em 0.4em 0; padding:0; list-style-image:none;}
ul.menu li a			{font-size:1em; font-weight:bold; text-decoration:none;}
ul.menu li a:link,		
ul.menu li a:visited	{background-color:#216EBE; color:#FFFFFF;}
ul.menu li a:hover,		
ul.menu li a:active,
ul.menu li a:focus		{background-color:#14497A; color:#FFFFFF;}

/* 2.te Ebene */
ul.menu li li			{list-style:none; margin:0; padding:0; font-size:1em; font-weight:normal; border-bottom:solid 1px #216EBE; list-style-image:none;}
ul.menu li li a			{font-size:0.8em; font-weight:normal; text-decoration:none;}
ul.menu li li a:link,
ul.menu li li a:visited	{background-color:#C2DDF6; color:#000000;}
ul.menu li li a:hover,
ul.menu li li a:active,	
ul.menu li li a:focus	{background-color:#14497A; color:#FFFFFF;}

ul.menu li li a.On		{font-size:0.8em; font-weight:normal; text-decoration:none;}
ul.menu li li a.On:link,
ul.menu li li a.On:visited,
ul.menu li li a.On:hover,
ul.menu li li a.On:active,	
ul.menu li li a.On:focus {background-color:#14497A; color:#FFFFFF;}

/* 3.te Ebene */
ul.menu li li ul		{margin:1px 0 1px 0;}
ul.menu li li li 		{list-style:none; margin:0 12px 0 0; padding:0; font-size:1.0em; font-weight:normal; border-bottom:solid 1px #216EBE;}
* html ul.menu li li li	{margin-right:0;} /* IE6 */
ul.menu li li li a		{font-size:0.8em; font-weight:normal; padding-left:15px; text-decoration:none;}
/* Andere Hintergrundfarbe 
ul.menu li li li a:link,
ul.menu li li li a:visited	{background-color:#EDF2FD; color:#000000;}
ul.menu li li li a:hover,
ul.menu li li li a:active,	
ul.menu li li li a:focus	{background-color:#14497A; color:#FFFFFF;}
*/

/* 4.te Ebene */
ul.menu li li li li		{list-style:none; margin:0; padding:0; font-size:1.0em; font-weight:normal; border-bottom:solid 1px #216EBE;}
ul.menu li li li li a	{font-size:0.8em; font-weight:normal; padding-left:40px; text-decoration:none;}

/* erforderlich für treemenu.js */
li.treeMenu_opened ul	{display:block;}
li.treeMenu_closed ul	{display:none;}

/* Links unter der Hauptnavigation */
a.navlink				{display:block; font-size:0.8em; margin:0 22px 0 14px; padding:2px 7px 2px 3px;  text-decoration:none;}
a.navlink:link,
a.navlink:visited		{background-color:transparent; color:#FFFFFF;}
a.navlink:hover,
a.navlink:active,
a.navlink:focus			{background-color:#14497A; color:#FFFFFF;}

.navCaption				{color:#FFFFFF; font-size:0.9em; font-weight:normal; margin-left:18px;}

/* Inhaltsbereich */
#Seitenanfang			{height:1px; font-size:1px; line-height:12px; padding:1px;}
* html #Seitenanfang	{line-height:10px;}

#Inhalt					{position:absolute; left:14em; margin-top:-16px;} /* für Gesamtscrollseite "overflow-y:auto; entfernen"*/
* html #Inhalt			{overflow-y:auto;}
#InhaltRahmen			{height:94.5%; overflow-y:auto; padding:0 14px 45px 14px; font-size:0.8em; max-width:58em; min-width:35em; background-color:#ffffff;}
* html #InhaltRahmen	{height:100%; overflow-y:visible; width:expression(document.body.clientWidth > 996 ? "752px" : "100%");} /* nur IE6. Löschen wenn die Seite Gesamtbreite einnehmen soll */
*+html #InhaltRahmen    {padding:10px 24px 45px 10px; height:92.5%; overflow-x:hidden} /* nur IE7 */

#InhaltRahmenFix		{width:60em; height:94.0%; padding:0 18px 45px 10px; font-size:0.8em; width:58em; background-color:#ffffff;}
* html #InhaltRahmenFix	{width:58em; height:100%; overflow-y:auto; padding:0 18px 15px 10px; font-size:0.8em; width:58em; background-color:#ffffff;}

.iframeFullsize			{width:100%; height:86%; border:none;}
* html .iframeFullsize	{width:101%; height:82%; border:none;}

/* Site */
html, body				{width:100%; height:100%; overflow:auto;} /* overflow:auto; damit ohne Javascript die Scrollbalken erscheinen */
body					{font-family:Arial,Geneva,sans-serif; font-size:100.01%; margin:0; padding:0; background-color:#D5E8F9;}
#Seitenanfang			{line-height:1px; padding:1px;}

h1						{font-size:2.5em; color:#F9Edde; margin:0; padding:3px 12px 4px 10px; font-weight:bold; background-color:#C64926}
img						{border:none;}
input					{font-family:Arial,Geneva,sans-serif; vertical-align:middle; padding-left:2px;}
select					{font-family:Arial,Geneva,sans-serif; vertical-align:middle;}
textarea				{font-family:Arial,Geneva,sans-serif;}
.clearBoth				{clear:both; font-size:1px; line-height:1px;}

/* Main-Areas */
#Topzeile				{width:99%; height:200px; overflow:hidden; background-color:#FFFFFF;}
#Topzeile h1			{float:left; padding-left:5px;}
#Topzeile img			{float:right; margin-left:1px; border-left:solid 4px #ffffff;}
.TopText				{position:absolute; width:22em; font-size:1.5em; color:#FFFFFF; margin:0; padding:3px 12px 4px 2px; font-weight:bold; background-color:#1F6CBA;}
*+html .TopText			{display:none; width:0; height:0;}


#LinkerBereich			{float:left; width:72%; margin:0.2em 0.5em 2em 0;}
* html #LinkerBereich	{width:expression(document.body.clientWidth < 920 ? "99%" : "71%");} /* nur für IE6. Löschen wenn die Seite Gesamtbreite einnehmen soll */

#RechterBereich			{float:left; width:15em; padding-bottom:15px; margin-left:0.1em;}
* html #RechterBereich	{margin-left:0.5em;}

/* Shortlinks */	
#shortlinks				{width:97%; height:4.2em; margin:7px 0 14px 0;}
.logo					{float:right; vertical-align:middle;}
a.shortlink				{font-size:1.0em; padding:0 7px 0 7px;}
a.shortlink:link,
a.shortlink:visited		{background-color:transparent; color:#14497A; text-decoration:underline;}
a.shortlink:hover,
a.shortlink:active,
a.shortlink:focus		{background-color:#14497A; color:#FFFFFF; text-decoration:underline;}

/* Banner (linke Seite) */
.werbebanner			{float:left; width:234px; height:60px; margin:0.4em 0 1em 2px;}
* html .werbebanner		{margin:0.4em 0 0.5em 2px;}

#wbGo1					{display:block; margin-right:0.5em;}
#wbGo2					{display:block; margin-left:0.5em;}
#wbStop1				{display:none;  margin-right:0.5em;}
#wbStop2				{display:none;  margin-left:0.5em;}

#wbGoLink				{display:block; float:left; margin:0.4em 4px 0.5em 0;}
#wbStoppLink			{display:none;  float:left; margin:0.4em 4px 0.5em 0;}

.wbText					{width:234px; height:60px; border:1px solid #999999; background-color:#eeeeee; text-align:center;}
.wbText a				{font-size:1.0em;}
.wbText a:link,
.wbText a:visited		{background-color:transparent; color:#F33B1D; text-decoration:underline;}
.wbText a:hover,
.wbText a:active,
.wbText a:focus			{background-color:#972D1B; color:#FFFFFF; text-decoration:none;}

a.bannerStopp			{font-size:1.0em; padding:0;}
a.bannerStopp:link,
a.bannerStopp:visited	{background-color:transparent; color:#F33B1D; text-decoration:underline;}
a.bannerStopp:hover,
a.bannerStopp:active,
a.bannerStopp:focus		{background-color:#972D1B; color:#FFFFFF; text-decoration:underline;}

/* Newsboxen (linke Seite) */
div.Newsbox				{overflow:hidden; width:99%; border:solid 1px #666666; margin:0 0 1em 0; background-color:#f6f6f6; clear:both;}

.NewsImage				{float:left; border-right:solid 1px #666666; margin-bottom:-3px; background-color:#f3f3f3;}
.NewsTitel				{color:#ffffff; background-color:#216EBE; padding:2px 0 2px 136px; font-size:1.0em;}
* html .NewsTitel		{padding-left:133px;}
.NewsText				{min-height:5.2em; margin:2px 3px 0 136px; font-size:0.9em;}
* html .NewsText		{margin-left:133px;} /* height:5.2em; */

.NewsLink 				{float:right; height:15px;  font-size:0.9em; color:#ffffff; padding:1px 4px 1px 8px; text-decoration:none;}
* html .NewsLink		{float:none; position:absolute; bottom:-1px; right:-1px;}
.NewsLink:link,
.NewsLink:visited		{background-color:#999999;}
.NewsLink:hover,
.NewsLink:active,
.NewsLink:focus			{background-color:#14497A;}
.NewsLink img			{vertical-align:bottom;}

/* Kurznachrichten (rechte Seite) */
.Kurznachricht			{margin:1.1em 0.1em 0 1em; font-size:1.0em; border:solid 1px #9a9a9a; background-color:#f6f6f6;}
.KurznachrichtTop		{color:#ffffff; background-color:#216EBE; padding:2px 0 2px 5px;}

/* Unterkunfts-Schnellsuche (rechte Seite) */
.Unterkunft				{font-size:1.0em; margin-top:0.2em;}
.Unterkunft	select		{font-size:1.0em; width:10.5em; margin-top:4px; margin-left:23px;}
.Unterkunft	img			{vertical-align:bottom;}
.Unterkunft	input		{font-size:1.0em; width:6.5em; vertical-align:middle;}
.UnterkunftVon			{text-align:right; margin:7px 13px 0 0;}
* html .UnterkunftVon	{margin-right:19px;}
.UnterkunftBis			{text-align:right; margin:3px 13px 0 0;}
* html .UnterkunftBis	{margin-right:19px;}

/* Kalender (rechte Seite) */
a.Kalender				{padding:2px 3px 1px 1px; vertical-align:middle;}
a.Kalender:link,
a.Kalender:visited		{background-color:transparent;}
a.Kalender:hover,
a.Kalender:active,
a.Kalender:focus		{background-color:#14497A;}
a.Kalender img			{margin-left:-3px;}

/* Berichtdetail-Link (rechte Seite) */
.Details				{text-align:right; margin-top:0.7em;}
.Details a				{font-size:1.0em; color:#ffffff; padding:1px 3px 1px 8px; text-decoration:none;}
.Details a:link,
.Details a:visited		{background-color:#999999;}
.Details a:hover,
.Details a:active,
.Details a:focus		{background-color:#14497A;}
.Details a img			{vertical-align:bottom;}

/* Bildlinks (rechte Seite) */
.Bildlink				{width:100%}
a.Bildlink:link,
a.Bildlink:visited		{border:solid 3px #ffffff;}
a.Bildlink:hover,
a.Bildlink:active,
a.Bildlink:focus		{border:solid 3px #14497A;}

