/* CSS für montessori-kreuzlingen.ch - STRUKTUR */

/* ALLGEMEIN */
* {margin: 0px; padding:0px;}
html,body {margin:0;padding:0;height:100%; /* nötig für container min-height */font-family:arial,sans-serif;font-size:0.90em;color:#000000;}
.navAccesskey {display:none;}
.clearer {clear:both;font-size:0px;line-height:0px;height:0px;}

/* STRUKTUR */
div#container {position:relative; /* nötig für footer Positionierung*/margin:0 auto;width:100%;background:#ffffff;height:auto !important; /* real browsers */height:100%; /* IE6: treaded as min-height*/min-height:100%; /* real browsers */ background-image:url(/img/bg/farbstifte_l.jpg); background-repeat:no-repeat; background-position:-300px 900px; }
#contentArea {width:996px; margin:0 auto;padding:0 0 100px 0; /* bottom padding für footer */}
div#header { width:996px; margin:0 auto;}
	#logo { float:left; width:243px; margin:20px 80px 10px 0px; padding:0 0 0 10px;}
	#headeradresse { float:left; width:199px; height:126px; padding:30px 20px 0 50px; text-align:right; background-image:url(/img/bg/zettel.gif); background-repeat:no-repeat;}
	#headerDeko { float:left; width:250px; height:200px; margin:20px 0 0 80px; background-image:url(/img/zeichnungen/rid.php?pic=random); background-repeat:no-repeat; background-position:right;}
	#headerDekoStart { float:left; width:250px; height:200px; margin:20px 0 0 80px; background-image:url(/img/zeichnungen/pic0012.gif); background-repeat:no-repeat; background-position:right;}
div#content {float:left;width:783px;}
.contentDeko { float:right; width:250px; height:200px;background-image:url(/img/zeichnungen2/rid.php?pic=random); background-repeat:no-repeat;}
div#footer {position:absolute;width:100%;bottom:0; /* klebt unten */background-color:#FFFFFF;background-image:url(/img/bg/footer_deko.gif); background-repeat:repeat-x; background-position:bottom;}

/* NAVIGATION */
div#navArea {float:left; width:198px; margin-right:15px;}
#subNavig {}
	#subNavig ul { margin:0; padding:0; width:198px; list-style:none;}
	#subNavig > ul {}
	#subNavig ul li{ margin:0; padding:0;}
	#subNavig ul li a {display:block; padding:14px 0; font-size:1.15em; font-weight:bold; text-transform:uppercase; color:#9b0101; text-decoration:none;}
	* html #subNavig ul li a {width: 198px;  w\idth:198px; /* Breitenangaben nur fuer IE */}
	#subNavig ul li a:focus, #subNavig ul li a:hover {background-image:url(/img/bg/navig_pfeil_bg.gif); background-repeat:no-repeat; background-position:right; background-color:#FFFFFF;}	
	
	#subNavig ul ul li a {display:block; padding:14px 0 14px 15px; font-size:1.1em; font-weight:normal; text-transform:uppercase; color:#9b0101; text-decoration:none;}
	* html #subNavig ul ul li a {width: 183px;  w\idth:183px; /* Breitenangaben nur fuer IE */}
	#subNavig ul ul li a:focus, #subNavig ul ul li a:hover {background-image:url(/img/bg/navig_pfeil_bg.gif); background-repeat:no-repeat; background-position:right; background-color:#FFFFFF;}	
	
	#subNavig li.navigOffen { background-color:#0066CC;}
	#subNavig li.aktiv a {color:#20ace3; background-image:url(/img/bg/navig_pfeil_bg.gif); background-repeat:no-repeat; background-position:right;}
	#subNavig ul li.aktiv ul li a {color:#9b0101; background-image:none;}