body { margin: 0; padding: 0; font-family:verdana, geneva, arial, helvetica, sans-serif; font-weight:400; font-size:11px; color:#505367 ;background:#fcfcfc }

/* LAYOUT */
#aussenbox { margin:5px auto; width: 974px; padding:10px; text-align: left; background-color:#ffffff; /* border: 1px solid #f5f5f5; */ }
#logo { height:145px; background-color:#ffffff; background-image:url(../grafik/logo.png); background-repeat:no-repeat /* background-repeat:no-repeat; */ /* background-position:40px 40px; */ /* border-bottom: 3px  solid #cccccc; */ }
#oben { height:15px; background-color:#ffffff; border-bottom: 1px solid #e5f4fa; }
#links { float: left;  width:160px; height:900px;  /* background-color:#fafaf0; */ }
#rechts { float: right;  width:160px; height:600px  }
#inhalt { margin-right:160px; margin-left:160px; height: auto; padding:10px; background-color:#ffffff; border-left: 1px solid #e5f4fa; border-right: 0px solid #e5f4fa; }
#fuss	{ clear: both; height: 20px; background-color:#e5f4fa }
	
.span01 { color:#713800 }
/* /LAYOUT */
	

form { margin:0 }
	
	
	
/* G */
/* WETTER */
.g01 { position:relative; width:336px; height:280px; float:left } /* ; background:#fcfcfc */
	
	
/* G */
.g02 { width:125px; height:125px; margin-left:17px; margin-top:10px }


	


.cont468x15 { margin-left:56px }


	
/* --- INC-KALENDER --- */
#kalenderbox { margin-left:8px; margin-bottom:20px; float:left; /* background:#ffffcf */ }	/* Box für alle 12 Kalender */
.cont { width:141px; height:180px; float:left; /* background:#ffffcf; */ }	/* Box für jeden Kalender */

.monat { margin:1px; color:#888888; float:left }
.beschr { width:18px; height:18px; line-height:17px; margin:1px; color:#cccccc; background:#ffffff; text-align:center; float:left }

.tr00 { color:#ccf1fb; clear:left }

.normalertag, .normalertagf { width:18px; height:18px; line-height:17px; margin:1px; color:#aaaaaa; background:#fafafa; text-align:center; float:left }
.normalertagf { color:#ff8000; background:#93e0f9}

.heute, .heutef { border:1px solid #ff8000; width:16px; height:16px; line-height:15px; margin:1px; color:#005d9e; background:#ffffff; text-align:center; float:left }
.heutef { background:#93e0f9 }


.tdleer { width:18px; height:18px; margin:1px; float:left }
.sonntag	{ color:#ff8000 }

h1 { font-size:14px; font-weight:800; margin:0px }
h2 { font-size:14px; font-weight:800; padding-top:10px; margin:0px }
h3 { font-size:14px; font-weight:800; margin:0px }

.p_info	{ color:#888888 }

a.kalender:link			{ text-decoration:none; color:#ff8000; display:block }
a.kalender:visited		{ text-decoration:none; color:#ff8000; display:block }
a.kalender:hover		{ text-decoration:none; display:block; visibility:visible }	/* "visibility:visible" nur für den IE6 */
a.kalender:hover .info	{ z-index:20; display:block; position:absolute; margin-top:40px; margin-left:40px; border-style:dotted; border-width:1px; border-color:#e5f4fa; display:block; padding:5px; background:#ffffff; filter:alpha(opacity=80); -moz-opacity:0.8; text-decoration:none }
.info 					{ display:none }

.kalenderabstand { width:18px; float:left }

.clear { clear:left }	/* damit der Inhalt im Rahmen bleibt */

.b_name_ferien	 	{ font-size:14px }
.b_name_feiertage	{ font-size:14px; color:#00aeed }

.print_abstand { display:none } /* nur für print.css wichtig, deswegen hier unsichtbar */

/* Zusatzfunktionen für Ferienanzeige */
.heuteweihnachtsferien 			{ border:1px solid #ff8000; width:16px; height:16px; line-height:15px; margin:1px; color:#005d9e; background:#d9d9d9; text-align:center; float:left }
.normalertagweihnachtsferien	{ width:18px; height:18px; line-height:17px; margin:1px; color:#ff8000; background:#d9d9d9; text-align:center; float:left }

.heutewinterferien 			{ border:1px solid #ff8000; width:16px; height:16px; line-height:15px; margin:1px; color:#005d9e; background:#93e0f9; text-align:center; float:left }
.normalertagwinterferien  	{ width:18px; height:18px; line-height:17px; margin:1px; color:#ff8000; background:#93e0f9; text-align:center; float:left }

.heuteosterferien			{ border:1px solid #ff8000; width:16px; height:16px; line-height:15px; margin:1px; color:#005d9e; background:#ffced3; text-align:center; float:left }
.normalertagosterferien		{ width:18px; height:18px; line-height:17px; margin:1px; color:#ff8000; background:#ffced3; text-align:center; float:left }

.heutepfingstferien 		{ border:1px solid #ff8000; width:16px; height:16px; line-height:15px; margin:1px; color:#005d9e; background:#b3d9b9; text-align:center; float:left }
.normalertagpfingstferien	{ width:18px; height:18px; line-height:17px; margin:1px; color:#ff8000; background:#b3d9b9; text-align:center; float:left }

.heutesommerferien			{ border:1px solid #ff8000; width:16px; height:16px; line-height:15px; margin:1px; color:#005d9e; background:#fff7bb; text-align:center; float:left }
.normalertagsommerferien	{ width:18px; height:18px; line-height:17px; margin:1px; color:#ff8000; background:#fff7bb; text-align:center; float:left }

.heuteherbstferien			{ border:1px solid #ff8000; width:16px; height:16px; line-height:15px; margin:1px; color:#005d9e; background:#ffb49f; text-align:center; float:left }
.normalertagherbstferien	{ width:18px; height:18px; line-height:17px; margin:1px; color:#ff8000; background:#ffb49f; text-align:center; float:left }



.kalender_info { text-align:justify }

/* Kalender Legende */
.trlegende { line-height:20px }
.trbox { width:230px; float:left }
.trbox02 { padding-left:5px; float:left }
.h01 { font-size:11px; left:15px; font-weight:400 }
.sternchen	{ color:#000000 }

.quelle { font-size:9px; color:#bbbbbb }


.drucker_symbol { height:15px; padding-left:20px; padding-top:1px; background-image:url(../grafik/drucker.gif); background-repeat:no-repeat }



table	{ border-collapse:collapse }
td { white-space:nowrap; padding:0px 5px 0px 0px }
.rechtsbuendig { text-align:right}
/* /INC-KALENDER */






	
/* NAVIGATION */
a { outline:0 }	/* kein Rand um den Link rum */ 

.menuekat		{ padding:3px; color:#444444; font-weight:bold; background-color:#e5f4fa }
.menueabstand	{ height:10px }	/* abstand zwischen Menükategorien */

.punkt { color:#005d9e }

.link01 a.button:link, 
.link01 a.button:hover, 
.link01 a.button:visited, 
.link01 a.button:active { display:block; text-decoration:none; font-size:11px;  line-height:1.5em; background:#fcfcfc; padding:2px 0 2px 4px; color:#005d9e; font-weight:normal }
.link01 a.button:hover 	{ text-decoration:underline; background:#f8f8f8; color:#005d9e }
/* für einen anderen Menübutton einfach .link02 a.button:link {} usw. erstellen */

/* für den gerade aktiven Link */
.link02 a.button:link, 
.link02 a.button:hover, 
.link02 a.button:visited, 
.link02 a.button:active { display:block; text-decoration:underline; font-size:11px; line-height:1.5em; background:#fcfcfc; padding:2px 0 2px 4px; color:#005d9e; font-weight:normal }
.link02 a.button:hover 	{ background:#f8f8f8; color:#005d9e }





/* für das gerade aktive Jahr im Menü */
a.aktiv:link, 
a.aktiv:hover, 
a.aktiv:visited, 
a.aktiv:active 	{ color:#005d9e; text-decoration:underline }
a.aktiv:hover	{ color:#005d9e; text-decoration:underline }

/* für das gerade inaktive Jahr im Menü */
a.nichtaktiv:link, 
a.nichtaktiv:hover, 
a.nichtaktiv:visited, 
a.nichtaktiv:active { color:#005d9e; text-decoration:none; }
a.nichtaktiv:hover 	{ color:#005d9e; text-decoration:underline }

/* /NAVIGATION */



/* WETTER */
.table_wetter { border-collapse:collapse; margin-top:10px; float:left; }
.td_wetter_br01 { padding-left:5px; padding-right:5px; color:#aaaaaa }
.td_wetter_br { text-align:center; padding-left:5px; padding-right:5px; color:#aaaaaa }
.td_wetter_br02 { text-align:center; padding-left:5px; padding-right:5px; color:#ff8000 }
.td_wetter { border:1px solid #f0f0f0; text-align:center; padding-left:5px; padding-right:5px }
.td_abstand	{ height:5px; }
.td_quelle	{ font-size:11px; text-align:right; color:#cccccc }

.wetterbild	{ display:block }
/* /WETTER */



/* INHALT */

.willkommen { margin-top:0; text-align:justify }

.symbol 	{ line-height:14px; font-size:14px; color:#ff8000; font-weight:bold; margin-right:4px; float:left }
.symbol02	{ line-height:14px; font-size:16px; color:#005d9e; font-weight:bold; margin-right:4px; float:left }

.box { width:auto; height:280px; float:none } /* ; background:#f5f5f0 */
.karte_einzelnes_bundesland { width:209px; height:280px; margin-left:49px; float:left }


map { display:inline }
.karte_bundesland	{ display:inline }
.beschreibung		{ float:left; background:#f5f5f0 }

.bundeslandauswahl { color:#005d9e; margin-bottom:40px }

.pfeillinks {margin-left:160px }
.pfeilrechts {margin-left:290px }

.ferienl { margin-left:10px; display:inline; color:#ff8000; border-bottom:1px dashed #ff8000 }
.ferienr { margin-left:30px; display:inline; color:#005d9e; border-bottom:1px dashed #005d9e }

.pfeile	{ margin-top:20px; width:auto }

.druck_titel { color:#005d9e; margin-bottom:20px }
.farbe01 { color:#005d9e }
.farbe02 { color:#ff8000 }

/* für das nächste Ferienjahr */
a.ferienjahr:link, 
a.ferienjahr:hover, 
a.ferienjahr:visited, 
a.ferienjahr:active { text-decoration:none; color:#ff8000 }
a.ferienjahr:hover { text-decoration:underline; color:#ff8000 }

/* für das nächste Ferienjahr */
a.feiertagejahr:link, 
a.feiertagejahr:hover, 
a.feiertagejahr:visited, 
a.feiertagejahr:active { text-decoration:none; color:#005d9e }
a.feiertagejahr:hover { text-decoration:underline; color:#005d9e }

.image_map { border:0 }

.druck_beispiel { border:1px solid #eeeeee }



/* Zusatzinfos */
b {color:#ff8000; }
.quadrat { line-height:9px; border:1px solid #ff8000; color:#ff8000; font-weight:bold; text-align:center; width:11px; height:11px; margin-right:5px; background:#ffffff; float:left }
.h02 { font-size:11px; color:#ff8000 }
.h03 { font-size:11px; color:#005d9e }


#info { list-style-type:square; list-style-position:outside; margin-left:15px; margin-top:5px; padding:0; line-height:14px; }
.unterkat { margin-left:15px; list-style-type:disc}
.unterkat_ende { margin-left:15px; list-style-type:disc; margin-bottom:3px; }


/* SITEMAP */
a.sitemap:link, 
a.sitemap:hover, 
a.sitemap:visited, 
a.sitemap:active 	{ text-decoration:none; font-size:11px;  line-height:1.4em; padding:0px 0 0px 0px; color:#005d9e; font-weight:normal }
a.sitemap:hover 	{ text-decoration:underline; color:#000000; background:#fafafa  }

.blau	{ color:#005d9e }

/* /INHALT */


/* IMPRESSUM */
.impressum   { position:relative; top:0px; left:0px; width:400px; height:87px; background:#ffffff; border:1px; border-style:solid; border-color:#eeeeee; margin-bottom:700px;  }
.imp01 {position:absolute; left:0px}
.imp02 {position:absolute; left:20px}
.imp03 {position:absolute; left:40px}
.imp04 {position:absolute; left:60px}
.imp05 {position:absolute; left:80px}
.imp06 {position:absolute; left:100px}
.imp07 {position:absolute; left:120px}
.imp08 {position:absolute; left:140px}
.imp09 {position:absolute; left:160px}
.imp10 {position:absolute; left:180px}
.imp11 {position:absolute; left:200px}
.imp12 {position:absolute; left:220px}
.imp13 {position:absolute; left:240px}
.imp14 {position:absolute; left:260px}
.imp15 {position:absolute; left:280px}

a.imp:link, 
a.imp:hover, 
a.imp:visited, 
a.imp:active { font-size:11px; color:#888888 }

.copy { margin-left:5px; line-height:18px; color:#888888 }
/* /IMPRESSUM */

.error404 { position:absolute; width:600px; height:20px; left:50%; margin-left:-300px; top:50%; margin-top:-10px }
.error404_rot { color:#ff0000 }
.error404_text { color:#888888; font-size:13px }

