/* CSS Document */
/* ### www.luna-multimedia.info ### */

/*textformate */

.titel{ 
font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style:normal;
font-weight:bold;
line-height:16px;
color: #FF6600
}

.subtitel{ 
font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style:normal;
font-weight:bold;
line-height:16px;
color: #507811
}

.fliesstext { 
font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style:normal; 
line-height:16px;
color: #000000
}


.textlink { 
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height:16px;
text-decoration:none; 
color: #3366CC
}

a.textlink:hover {
text-decoration: none;
background-color: #FFFFFF;
color: #3366CC}


a { 
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height:16px;
text-decoration:none; 
color: #3366CC
}

a:hover {
text-decoration: none;
background-color: #FFFFFF;
color: #3366CC}


.menu { 
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height:16px;
text-decoration:none;
color: #336600
}

.menubig { 
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 36px; 
line-height:36px;
text-decoration:none;
font-weight:bold; 
color: #336600
}


.menubold { 
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height:16px;
text-decoration:none;
font-weight:bold;
color: #336600
}

.menumid { 
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 18px; 
line-height:20px;
text-decoration:none;
font-weight:bold;
color: #336600
}

.kommentarlink { 
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height:12px;
text-decoration:none; 
color: #3366CC
}

a.kommentarlink:hover {
text-decoration: none;
background-color: #FFFFFF;
color: #3366CC}

.webdesignlink { 
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height:12px;
text-decoration:none; 
color: #381101
}

a.webdesignlink:hover {
text-decoration: none; 
color: #336699
}

.subtitellink { 
font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
/*font-weight:bold;*/
line-height:16px;
text-decoration:none; 
color: #000000
}

a.subtitellink:hover {
text-decoration: none; 
color: #FFCC33
}

.cursorhand {cursor: hand;}

/*Listenelemente definieren */

ul#menuliste {
    margin: 0; padding: 0;
  }
  ul#menuliste li {
    list-style: none;
    margin: 0; padding: 1px;
  }
  * html ul#menuliste {  /* Korrekturen fuer IE 5.x */
    padding-left: 0;
    padd\ing-left: 0;
  }

/* Design definieren */

body {
	background-color:#F6F4D7;
	height:100%;
	width:855px;
	margin:0; /* margin:0 und padding:0 sind notwendig um die "blinde" Scrollleiste im IE zu entfernen */
	padding:0;
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style:normal; 
line-height:16px;
color: #000000;
}

h1 { 
font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style:normal;
font-weight:bold;
line-height:16px;
color: #FF6600
}

#kopf {
	left:0px;
	top:0px;
	width:855px;
	height:92px;
	background:#F6F4D7;
	z-index:4;
	background-image:url(../klassenbilder/navi/top.jpg);
	background-repeat: no-repeat;
	}
	

#rahmen {
	left:214px;
	top:92px;
	width:596px;
	height:470px;
	background-color:#F6EFB2;
	z-index:2;
	}
	
#inhalt {
	width:586px;
	min-height:470px;
	max-height:470px;
	background-color:#F6EFB2;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	z-index:3;
	overflow:auto;
	}
	
#menu {
	left:0px;
	top:92px;
	width:214px;
	height:470px;
	background-color:#F6F4D7;
	z-index:7;
	background-image:url(../klassenbilder/navi/menu.jpg);
	background-repeat: no-repeat;
	}

#randrechts {
	left:810px;
	top:92px;
	width:45px;
	height:470px;
	background:#F6F4D7;
	z-index:8;
	background-image:url(../klassenbilder/navi/right.jpg);
	}

#randunten {
	left:0px;
	top:562px;
	width:855px;
	height:100%;
	background:#F6F4D7;	
	z-index:10;
	background-image:url(../klassenbilder/navi/bottom.jpg);
	background-repeat: no-repeat;
	}

#klasse {
	left:40px;
	top:32px;
	width:180px;
	height:100px;	
	z-index:11;
	}
#ort {
	left:40px;
	top:89px;
	width:150px;
	height:60px;	
	z-index:11;
	}
#lehrpersonen {
	left:40px;
	top:140px;
	width:180px;
	height:300px;	
	z-index:11;
	}

	
#forum {
	left:100px;
	top:415px;
	width:350px;
	height:40px;	
	z-index:11;
	}
	
#email {
	left:90px;
	top:458px;
	width:180px;
	height:30px;	
	z-index:11;
	}
	
#home {
	left:33px;
	top:495px;
	width:150px;
	height:40px;	
	z-index:11;
	}
	
#geheim {
	left:78px;
	top:548px;
	width:150px;
	height:40px;	
	z-index:11;
	}
	
#webdesign {
	left:70px;
	top:561px;
	width:150px;
	height:40px;	
	z-index:11;
	}	
	
#h-punktlinie {width:100%; height:4px; background-image:url(../bilder/navi/punkt.gif); background-repeat: repeat-x; margin:0px; padding:0px; }

body>#rahmen {position:fixed;}
body>#kopf {position:fixed;}
body>#randrechts {position:fixed;}   
body>#menu {position:fixed;}   
body>#randunten {position:fixed;}
body>#klasse {position:fixed;}
body>#ort {position:fixed;}  
body>#lehrpersonen {position:fixed;}
body>#forum {position:fixed;}
body>#email {position:fixed;}
body>#home {position:fixed;}
body>#geheim {position:fixed;}
body>#webdesign {position:fixed;}
body>#inhalt {position:fixed;}