/* cranz.css – Stylesheet für die Seite www.waldorfkindergarten-leipzig.de */


/* ALLGEMEINE EINSTELLUNGEN */

html, body { 
    margin-top: 10pt;
    padding: 0pt;
    background-color: #F5F5F5;
    direction: ltr; 
    font: 200 100% Arial, Helvetica, sans-serif;
    height: 100%;
    }


* {
	margin: 0;
	padding: 0;
}

/* LISTEN, LINKLISTEN */

ul, ol {
	list-style: none; /* DAMIT MENUES KEINE LISTENPUNKTE BEKOMMEN */
}

ul {
  margin-bottom: 0px;
  margin-top: 0px;
  }

/* HAUPTELEMENTE DER SEITE (WICHTIG: ES GIBT MEHRERE TEMPLATES!!!) */

#rahmengesamt { 
  background-color: #FFF;
  visibility: visible; 
  margin-right: auto; 
  margin-left: auto; 
  position: inherit; 
  width: 900px; 
  border: 1px solid #777; 
  }

#sitenavirahmen { 
  position: relative; 
  left: 20px; 
  top: 0px;
  width: 800px; 
  height: 40px; 
  clear: both; 
  border-top: 1px solid #1F4386;
  }


#sitenavi { 
  position: relative; 
  display: inline;
  }

#sitenavi ul li {
  display: inline;
  liststyle: none;
  }


#logo { 
  position: relative; 
  top: -40px;
  left: 600px;
  width: 256px; 
  height: 80px; 
  }
  
#navirahmen { 
  position: relative; 
  left: 20px; 
  width: 800px; 
  height: 30px; 
  clear: both; 
  float: none;
  margin-bottom: 5px;
  }

#hauptnavi { 
  float: left;
  position: relative; 
  left: 0px; 
  width: 600px; 
  height: 30px; 
  clear: both;
  padding-top: 3px;
  border-bottom: 1px solid #1F4386; 
  border-top: 1px solid #1F4386; 
  display: inline;
  }


#hauptnavi ul li {
  display: inline;
  liststyle: none;
  }

#login { 
  position: relative; 
  float: right;
  width: 190px; 
  height: 30px; 
  padding-top: 3px;
  border-bottom: 1px solid #1F4386; 
  border-top: 1px solid #1F4386;  
  }

#login ul li {
  display: inline;
  liststyle: none;
  }
  
#hauptnavi img {
  margin: 0px;
  border: 0px;
  padding: 0px;
  }
  
#navigationlinks { 
  background-color: #9FAACF;
  position: relative;
  float: left;
  width: 150px;
  margin-top: 30px;
  margin-bottom: 20px;
  }

#contentgesamt {
  position: relative;
  left: 20px;
  width: 800px;
  clear: both;
  float: none;
  height: auto;
  }


#content-cn { 
  background-color: #FFF; 
  position: relative;
  float: right;
  width: 630px;
  margin-top: 10px;
  margin-bottom: 10px;
  }
  
#content-sn { 
  background-color: #FFF; 
  position: relative;
  float: right;
  width: 800px;
  margin-top: 10px;
  margin-bottom: 10px;
  }  

#fuss  { 
  position: relative;
  width: 800px;
  height: 25px; 
  margin-left: 20px;
  float: none; 
  clear: both; 
  padding-top: 10px;
  border-top: 1px solid #1F4386;
  }


/* SiteNavi, Navigationselemente in der Fusszeile */

div.sn {
	color:#9FAACF; 
	font-family: Arial; 
	font-size: 1em; 
	text-decoration:none;
	padding-top: 5px;
	}
	
div.sn ul {
	list-style:none;
	}
	
div.sn ul li {
	color:#A2A3A5; 
	}

div.sn ul li.sn_ACT a {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1em; 
	font-weight:bold; 
	text-decoration:none; 
	}

div.sn ul li.sn_ACT a:hover {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1em; 
	text-decoration:none; 
	}

div.sn ul li.sn_NO a {
	color:#9FAACF; 
	font-family: Arial; 
	font-size: 1em; 
	text-decoration:none; 
	text-align: right;
	}

div.sn ul li.sn_NO a:hover {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1em; 
	text-decoration:none; 
	}


/* Hauptnavigation, Navigationselemente der Hauptnavi und Login */

div.hn {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1.2em; 
	text-decoration:none;
	padding-top: 5px;
	padding-left: 170px;
	}
	
div.hn ul {
	list-style:none;
	}
	
div.hn ul li {
	color:#1F4386; 
	list-style:none;
	}

div.hn ul li.hn_ACT a {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1.1em; 
	font-weight:bold; 
	text-decoration:none; 
	}

div.hn ul li.hn_ACT a:hover {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1.1em; 
	font-weight:bold;
	text-decoration:none; 
	}

div.hn ul li.hn_NO a {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1.1em; 
	text-decoration:none; 
	text-align: right;
	}

div.hn ul li.hn_NO a:hover {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1.1em; 
	text-decoration:none;
	font-weight:bold; 
	}


/* Loginnavigation */

div.lon {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1.2em; 
	text-decoration:none;
	padding-top: 5px;
	padding-left: 0px;
	}
	
div.lon ul {
	list-style:none;
	}
	
div.lon ul li {
	color:#1F4386; 
	list-style:none;
	}

div.lon ul li.lon_ACT a {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1.1em; 
	font-weight:bold; 
	text-decoration:none; 
	}

div.lon ul li.lon_ACT a:hover {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1.1em; 
	font-weight:bold;
	text-decoration:none; 
	}

div.lon ul li.lon_NO a {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1.1em; 
	text-decoration:none; 
	text-align: right;
	}

div.lon ul li.lon_NO a:hover {
	color:#1F4386; 
	font-family: Arial; 
	font-size: 1.1em; 
	text-decoration:none;
	font-weight:bold; 
	}



/* Unternavigation, Navigationselemente in der linken Spalte */

.unavi1_no {
   font: 12px/18px Arial,Helvetica,sans-serif,sans-serif;
   color: #9FAACF;
   text-decoration:none;
   background-color: rgb(255, 255, 255);
   padding: 2px 0;
   border: none;
/*   border-bottom: 1px solid #9FAACF; */
   margin: 0;
   padding-left: 0px;
   display: block;
   }

a:hover.unavi1_no { 
   font: 12px/18px Arial,Helvetica,sans-serif,sans-serif;
   color: #1F4386;
   text-decoration: none;
   background-color: rgb(255, 255, 255);
   padding: 2px 0;
   border: none;
/*   border-bottom: 1px solid #1F4386; */
   margin: 0;
   padding-left: 0px;
   display: block;
   font-weight:bold;
   background-image: url(zub/navi_no.gif);
   background-repeat: no-repeat;
   background-position: left;
   }
   
.unavi1_ro { 
   font: 12px/18px Arial,Helvetica,sans-serif,sans-serif;
   color: #1F4386;
   text-decoration: none;
   background-color: rgb(255, 255, 255);
   padding: 2px 0;
   border: none;
/*   border-bottom: 1px solid #1F4386; */
   margin: 0;
   padding-left: 0px;
   display: block;
   font-weight:bold;
   background-image: url(zub/navi_ro.gif);
   background-repeat: no-repeat;
   background-position: left;
   }
   
.unavi2_no {
   font: 11px/15px Arial,Helvetica,sans-serif,sans-serif;
   color: #5B5C5D;
   text-decoration:none;
   background-color: rgb(255, 255, 255);
   padding: 2px 0;
   border: none;
   margin: 0;
   padding-left: 20px;
   display: block;
   }

 
a:hover.unavi2_no { 
   font: 11px/15px Arial,Helvetica,sans-serif,sans-serif;
   color: #18155B;
   text-decoration: none;
   background-color: rgb(255, 255, 255);
   padding: 2px 0;
   border: none;
   margin: 0;
   padding-left: 20px;
   display: block;
   font-weight:bold;
   background-image: url(zub/navi2_ro.gif);
   background-repeat: no-repeat;
   background-position: left;
   }
   
.unavi2_ro { 
   font: 11px/15px Arial,Helvetica,sans-serif,sans-serif;
   color: #18155C;
   text-decoration: none;
   background-color: rgb(255, 255, 255);
   padding: 2px 0;
   border: none;
   margin: 0;
   padding-left: 20px;
   display: block;
   font-weight:bold;
   background-image: url(zub/navi2_ro.gif);
   background-repeat: no-repeat;
   background-position: left;
   }   

.unavi11_no {
/*   border-bottom: 1px solid #18155B; */
   padding: 0;
   }

  
.tabelle { border: solid 1px #18155B; background: #fff; }


  
.sn {
    color:#5B5C5D; 
    font-size: 9pt; 
    font-family: Arial; 
    vertical-align: middle; 
    text-decoration:none; 
    }

a:hover.sn { 
    color:#18155C; 
    font-size: 9pt; 
    font-family: Arial; 
    vertical-align: middle; 
    text-decoration:none; 
   
    }

.snfett {
    color:#18155C; 
    font-size: 9pt; 
    font-family: Arial; 
    vertical-align: middle; 
    text-decoration:none; 
    font-weight:bold; 
    }
    


crechts p.bodytext { font-size: 8px; color: #2C2C2C; max-width: 210px}

p.bodytext { font-size: 12px; line-height: 19px; color: #000000; margin: 0px 0px 0px 0px; }
.crechts { font-size: 8px; line-height: 13px; color: #2c2c2c; margin: 0px 0px 0px 0px; max-width: 200px}
    
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: arial, helvetica; color: #2C2C2C; }
PRE { font-family: monospace; }

FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
P, TD, UL, OL { font-size: 13px; line-height: 18px; }
INPUT, TEXTAREA, SELECT { font-size: 11px; line-height: 16px; color: #2C2C2C; }

H1 { font-size: 18px; color: #1F4386; }
H2 { font-size: 16px; color: #1F4386; }
H3 { font-size: 14px; color: #1F4386; }
H4 { font-size: 12px; color: #1F4386; }
H5 { font-size: 12px; color: #1F4386; }
H1, H2, H3, H4, H5, H6 {margin-bottom: 0px;}
H2, H3, H4 {line-height: 24px; }