/* ********************************************************************************* 
Website von Eveline Fischer - © by Eveline Fischer - 2010
********************************************************************************** */


/***********************************************************************************/
/*** allgemeine Formatierung für Schrift, Farben, Links, etc.                    ***/
/***********************************************************************************/

body {
	background-color:#500202;
	text-align:center;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;   font-size:12px;   font-weight:normal;   color:#500202;
	margin-bottom:10px;   margin-top:0px;
}

* {
	margin:0px;   padding:0px;
}

h2 {
	width:700px;
	font-size:14px;   font-weight:bold;
	margin:0px;   padding:0px;
}

h3 {
	width:700px;
	font-size:14px;   font-weight:bold;   line-height:30px;
	margin:0px;   padding:0px;   margin-bottom:15px;
	border-bottom-style:dotted;   border-bottom-color:#790505;   border-bottom-width:1px;
	/*-- float:left; --*/
}

h4 {
  margin-top:0px;
  font-size:12px;
  font-weight:normal;
  text-align:center;
	margin:0px;   padding:0px;
}

h5 {
	font-size:14px;   font-weight:bold;
	margin:0px;   padding:0px;
}

h6 {
  margin-top:15px;
  font-size:12px;   font-weight:normal;
  float:left;
	margin:0px;   padding:0 55px 0 0;
}

.LauftextKlein {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;   font-size:12px;   font-weight:normal;   color:#500202;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:underline;   color:#500202;
}

.LauftextMittel {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;   font-size:14px;   font-weight:bold;   color:#500202;
}
.LauftextMittel span a {
	text-decoration:underline;   color:#500202;   font-weight:bold;   font-size:14px;
}

/***********************************************************************************/
/*** Formatierung für Layout-Elemente                                            ***/
/***********************************************************************************/

#Container {
	width:1015px;   height:100%;
	margin-left:auto;   margin-right:auto;   margin-top:10px;
	clear:both;
}

/*************************** Kopfbereich ********************************/
#Kopfbereich {
	width:1015px;   height:140px;
	clear:both;
}

#Banner {
	background-image:url(../images/layout/bg_banner_normal.jpg);   background-repeat:no-repeat;
	width:1015px;   height:140px;
}

/*************************** Navigation oben rechts *********************/
#Navi1 {
	width:350px;   height:20px;
	text-align:right;
	font-size:12px;   font-weight:normal;   color:#EFE0E0;
	list-style-type:none;
	margin-right:35px;   margin-top:12px;
	float:right;
	/*-- border:1px solid yellow; --*/
}
#Navi1 ul li {
	list-style-type:none;
}
#Navi1 ul li a, a:hover, a:visited, a:active {
	font-size:12px;   font-weight:normal;   color:#EFE0E0;
	text-decoration:none;
}

/*************************** Hauptbereich *******************************/
#Hauptbereich {
	background-image:url(../images/layout/bg_hauptbereich.jpg);   background-repeat:repeat-y;
	width:1015px;   height:auto;
	/*-- border:1px solid yellow; --*/
}

/******************* Hauptbereich für Baustelle *************************/
#HauptbereichSpez {
	background-image:url(../images/layout/bg_hauptbereich_baustelle.jpg);   background-repeat:repeat-y;
	width:1015px;   height:auto;
	/*-- border:1px solid yellow; --*/
}

/******************* Hauptbereich für Inhaltseiten ***********************/
#HauptbereichBreit {
	background-image:url(../images/layout/bg_hauptbereich_breit.jpg);   background-repeat:repeat-y;
	width:1015px;   height:auto;
	/*-- border:1px solid yellow; --*/
}

/***********************************************************************************/
/*** Haupt Navigation links                                                      ***/
/***********************************************************************************/

#Navi2 {
	font-size:12px;   font-weight:bold;   color:#EFE0E0;
	text-align:left;
	width:245px;   height:480px;
	margin-top:10px;
	float:left;
	/*-- border:1px solid green; --*/
}

.MenuInaktiv {
	list-style-type:none;   line-height:30px;   text-indent:17px;   height:28px;
	width:190px;
	margin-left:40px;
	border-bottom:2px solid #500202;
}
.MenuInaktivOben {
	border-top:2px solid #500202;
}
.UnterMenuInaktiv {
	list-style-type:none;   line-height:20px;   text-indent:30px;
	width:190px;
	margin-left:40px;
}
.UnterMenuInaktiv a {
	font-weight:normal;
}

#Navi2 div a {
	font-size:12px;   font-weight:bold;   color:#EFE0E0;
	text-decoration:none;
}

.MenuAktiv {
	background-image:url(../images/layout/bg_menu_aktiv.jpg);   background-repeat:no-repeat;
	text-indent:57px;   line-height:30px;   height:28px;
}

.MenuAktivHome {
	background-image:url(../images/layout/bg_menu_home.jpg);   background-repeat:no-repeat;
	text-indent:57px;   line-height:30px;   height:28px;
}
.MenuEnde {
	background-image:url(../images/layout/bg_menu_aktiv_ende.jpg);   background-repeat:no-repeat;
	text-indent:57px;   line-height:30px;   height:30px;
}

/***********************************************************************************/
/*** Layer mit Inhalt schmal oder breit                                          ***/
/***********************************************************************************/

#ContentHome {
	width:500px;   height:auto;
	text-align:left;   font-weight:normal;
	margin-left:0px;   margin-top:10px;   padding-left:18px;
	float:left;
}

/*-- Formatierung für den Lauftext --*/
#ContentHome a:link, a:hover, a:visited, a:active {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;   font-size:12px;   font-weight:bold;   color:#500202;
	text-decoration:underline;
}
.TitelInhaltHome {
	background-image:url(../images/layout/bg_menu_inhalt_home.jpg);   background-repeat:no-repeat;
	text-indent:35px;   line-height:30px;   height:30px;
	font-size:12px;   font-weight:bold;   color:#EFE0E0;
	margin-bottom:10px;   margin-left:-18px;
}

/************************ Ihnalt breit  **************************/
#ContentBreit {
	width:750px;   height:auto;
	text-align:left;   font-weight:normal;
	margin-left:0px;   margin-top:10px;   padding-left:18px;
	float:left;
	/*-- border:1px solid grey; --*/
}
.TitelContentBreit {
	background-image:url(../images/layout/bg_menu_inhalt_breit.jpg);   background-repeat:no-repeat;
	text-indent:35px;   line-height:30px;   height:30px;
	font-size:12px;   font-weight:bold;   color:#EFE0E0;
	margin-bottom:5px;   margin-left:-18px;
	/*-- border:1px solid yellow; --*/
}
#ContentAdventskalender {
	width:750px;   height:auto;
	text-align:left;   font-weight:normal;
	margin-left:0px;   margin-top:10px;   padding-left:12px;
	float:left;
	/*-- border:1px solid grey; --*/
}
.TitelContentAdventskalender {
	background-image:url(../images/layout/bg_menu_inhalt_breit.jpg);   background-repeat:no-repeat;
	text-indent:35px;   line-height:30px;   height:30px;
	font-size:12px;   font-weight:bold;   color:#EFE0E0;
	margin-bottom:0px;   margin-left:-12px;
	/*-- border:1px solid yellow; --*/
}
.TitelContentAdventskalender h1 {
	font-size:12px;   font-weight:bold;   color:#EFE0E0;
	padding:0px;   margin:0px;
	float:left;
}

/*-- Content für Tages Seiten vom Adventskalender --*/
#Spez_Content_Tag {
	width:715px;   height:auto;
	text-align:left;
	float:left;
	/*-- border:2px solid #8B0000; --*/
}
#Spez_Content_Tag img {
	float:left;

}.Rahmen_Inhalt_oben {
	background-image:url(../images/adventskalender2010/rahmen_advkalender_o.jpg);   background-repeat:no-repeat;
	height:20px;
}
.Rahmen_Inhalt_mitte {
	background-image:url(../images/adventskalender2010/rahmen_advkalender_mi.jpg);   background-repeat:repeat-y;
	padding-left:25px;   padding-right:25px;
	height:auto;
}
.Rahmen_Inhalt_mitte h3 {
	width:670px;
	font-size:14px;   font-weight:bold;   line-height:30px;
	margin:0px;   padding:0px;   margin-bottom:15px;
	border-bottom-style:dotted;   border-bottom-color:#790505;   border-bottom-width:1px;
	/*-- float:left; --*/
}
/*-- Rahmen unten für Ausrichtung --*/
.Rahmen_Inhalt_unten_kl {
	height:5px;
	clear:both;
}
.Rahmen_Inhalt_mitte img {
	float:right;
}
.Rahmen_Inhalt_mitte iframe {
	background-color:#FFE1E1;
}
.Rahmen_Inhalt_unten {
	background-image:url(../images/adventskalender2010/rahmen_advkalender_u.jpg);   background-repeat:no-repeat;
	height:20px;
	clear:both;
}

/*-- Formatierung für den Lauftext --*/
#ContentBreit a:link, a:hover, a:visited, a:active {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;   font-size:12px;   font-weight:normal;   color:#500202;
}

#ContentBreit table {
	margin:0px;   padding:0px;
}

#InhaltUntermenu {
	font-weight:normal;   font-size:12px;
	width:120px;
	float:left;
	position:relative; top:0px;
	/*-- border:1px solid red; --*/
}

#InhaltUntermenu ul li {
	font-weight:bold;
	list-style-type:none;
}
#InhaltUntermenu ul li a {
	font-weight:normal;   font-size:12px;
	text-decoration:none;
}
#InhaltUntermenu ul li a:hover {
	font-weight:normal;   font-size:12px;
	text-decoration:underline;
}

#InhaltAufzaehlung {
	width:550px;
	padding-left:10px;
	float:left;
	border-left-style:dotted;   border-left-color:#790505;   border-left-width:1px;
	/*-- border:1px solid red; --*/
}

#InhaltAufzaehlung div img {
	margin:5px 10px 5px 0px;
	float:left;
	/*-- border:1px solid red; --*/
}

#InhaltLauftext {
	width:550px;
	padding-left:10px;
	float:left;
	border-left-style:dotted;   border-left-color:#790505;   border-left-width:1px;
	/*-- border:1px solid red; --*/
}

.Aufzaehlung {
	width:550px;
	margin-bottom:10px;
	float:left;
	/*-- border:1px solid blue; --*/
}
/*-- für schmale ClipArts im Text --*/
.Aufzaehlung_schmal {
	width:420px;
	margin-bottom:10px;   margin-left:20px;
	float:left;
	/*-- border:1px solid blue; --*/
}
/*-- für mittlere ClipArts im Text --*/
.Aufzaehlung_mittel {
	width:370px;
	margin-bottom:10px;   margin-left:20px;
	float:left;
	/*-- border:1px solid blue; --*/
}
.Aufzaehlung_Puzzle {
	width:600px;   height:115px;
	margin-bottom:25px;
	float:left;
}

.NewsAufzaehlung{
	width:490px;
	border-bottom:1px dotted #790505;
	clear:both;
}
.NewsAufzaehlungDatum {
	width:60px;   font-weight:bold;
	float:left;
}
.NewsAufzaehlungText {
	width:405px;   font-weight:normal;
	float:right;
}

.Glueckwuensche {
	width:550px;
	text-align:center;
}
.FotosWeihnachtsmarkt {
	margin-left:25px;
}
.FotosWeihnachtsmarkt img {
	padding-bottom:15px;
}
.Quelle {
	font-style:italic;   font-size:10px;
	text-align:right;
}
#Symbole_Astrologie {
	background-color:#000000;
	padding-left:10px;
	height:45px;
}

#Symbole_Astrologie img {
	text-align:center;
	margin-right:9px;
}
.Bilder_Sternzeichen {
	margin-right:5px;
	float:left;
}
.Text_mini {
	font-size:9px;   font-weight:normal;
}
.Rahmen {
	border:1px dotted #500202;
}

.Rahmen_unten {
	border-bottom:1px dotted #500202;
}

.FotoIndex {
	width:700px;   height:auto;
	text-align:center;
	margin-bottom:15px;
	float:left;
	/*-- border:1px solid red; --*/
}
/*-- ClipArts Übersichtsseite --*/
.Fotouebersicht {
	width:700px;   height:120px;
	text-align:center;
	margin-bottom:15px;
	/*-- border:1px solid red; --*/
}
.FotouebersichtECards {
	width:700px;   height:auto;
	text-align:center;
	margin-bottom:15px;
	/*-- border:1px solid red; --*/
}
.Image {
	width:130px;
	float:left;
}
/*-- PowerPoints Übersichtsseite --*/
.PPuebersicht {
	width:100%;   height:150px;
	text-align:center;
	float:left;
	/*-- border:1px solid red; --*/
}
.ImagePP {
	width:130px;   margin-left:8px;
	float:left;
}
.tumb {
	height:95px;
}
.TumbECards {
	height:120px;
}
.TumbECards img {
	border:2px solid #500202;
}
.ImagesECards {
	width:105px;   height:150px;
	margin:15px 15px 0px 10px;
	float:left;
	/*-- border:1px solid red; --*/
}
.overview td.image {
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}
.ImageIndex {
	width:105px;
	float:left;
}
.ImageIndex a:hover {
	text-decoration:underline;
}

.Formular {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;   font-size:12px;   font-weight:bold;
}

.Formular form {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;   font-size:12px;   font-weight:bold;
}

.Formular input {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;   font-size:12px;   font-weight:normal;
}

.Formular option {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;   font-size:12px;   font-weight:normal;
}

#Sitemap {
	width:400px;
	margin-left:50px;
}
#Sitemap a:link, a:visited, a:active {
	text-decoration:none;   font-weight:normal;
}

.SitemapTitel {
	margin-left:25px;   font-weight:normal;
}
.SitemapTitel a {
	text-decoration:none;   font-weight:normal;
}

.SitemapUntertitel {
	margin-left:55px;
}
.SitemapUntertitel a {
	text-decoration:none;   font-weight:normal;
} 

/***********************************************************************************/
/*** Navigation mit News, Spruch und Bild                                        ***/
/***********************************************************************************/

#Aktuell {
	font-size:12px;   font-weight:bold;   color:#EFE0E0;
	text-align:left;
	width:245px;   height:480px;
	margin-top:3px;   margin-left:5px;
	float:left;
	/*-- border:1px solid green; --*/
}

#Aktuell div a {
	font-size:12px;   font-weight:bold;   color:#EFE0E0;
	text-decoration:none;
}

.AktuellBox {
	height:125px;
}

.AktuellBoxInhalt {
	font-size:12px;   font-weight:normal;   color:#EFE0E0;
	width:180px;   height:110px;
	margin-left:25px;   padding-top:5px;
}
.AktuellBoxInhalt img {
	margin-left:12px;   margin-top:8px;
}

.MenuAktivAktuell {
	background-image:url(../images/layout/bg_menu_aktuell02.jpg);   background-repeat:no-repeat;
	text-indent:35px;   line-height:45px;   height:40px;
}

/***********************************************************************************/
/*** Fussbereich                                                                 ***/
/***********************************************************************************/

/*-- Fusszeile, damit der Hintergrund vom Inhalt ganz auffüllt! --*/
#FusszeileBlank {
	width:1015px;   height:20px;
	clear:both;
}
#FusszeileBlankKlein {
	width:1015px;   height:12px;
	clear:both;
}
#Fussbereich {
	background-image:url(../images/layout/bg_fusszeile.jpg);   background-repeat:no-repeat;
	width:1015px;   height:72px;
	clear:both;
}

#Fusszeile {
	width:350px;   height:20px;
	text-align:right;
	font-size:12px;   font-weight:normal;   color:#EDDDDD;
	list-style-type:none;
	margin-right:50px;   margin-top:15px;
	float:right;
	/*-- border:1px solid yellow; --*/
}

#Fusszeile ul {
	list-style-type:none;
}


#kostenlosejavascripts {
	display:none;
}