@import "reset.css";
/*@import "tools.css";*/


/*
Client: Rothenburg - Grundschule
Version: 001
Date: Arpil 2010
Author: swilliams - Communication Designer
Author URI: http://www.swilliams.de/
*/



/* base Html and Body
------------------------------------------------------------------ */
* { z-index:0; }

html, body { 
	height:100%;
}
body {
	background-color: #ffffff;
	font: 62.5%/1.6 Verdana, Helvetica, 'Lucida Grande', sans-serif;
	color: #996633;
}


/* =Layer1, =Layer2, and =Layer3 Container Position
------------------------------------------------------------------ */				
#Layer1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	font: 1.2em/1.6 Verdana, Helvetica, 'Lucida Grande', sans-serif;
}

#Layer2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	font: 1.2em/1.6 Verdana, Helvetica, 'Lucida Grande', sans-serif;
}

#Layer3 {
	position: absolute;
	left: 205px;
	top: 240px;
	width: 400px;
	height: 310px;
	z-index: 4;
	font: 1.2em/1.6 Verdana, Helvetica, 'Lucida Grande', sans-serif;
}

/* =Layer1 background images
------------------------------------------------------------------ */		
#Layer1 table td.bg_roback {
	background: #ffffff url('../grafiken/roback.jpg') no-repeat;
	width: 284px;
	height: 600px;
	
}

#Layer1 table td.bg_kleinbild {
	background: #ffffff url('../grafiken/kleinbild.gif') repeat-x;
}



/* =Layer1 (H2) for all page Headers Rightside
------------------------------------------------------------------ */	
#Layer1 table tr td h2.schulprofil {
	font: bold 1.8em Verdana, Helvetica, 'Lucida Grande', sans-serif;
	text-align: center;
	color: #ff6e00;
	margin: 18px 20px 0 0;
}

#Layer1 table tr td h2.schulkultur {
	font: bold 1.8em Verdana, Helvetica, 'Lucida Grande', sans-serif;
	text-align: center;
	color: #ff6e00;
	margin: 18px 15px 0 0;
 }
 
 #Layer1 table tr td h2.schulprogramm {
 	font: bold 2em Verdana, Helvetica, 'Lucida Grande', sans-serif;
	text-align: center;
	color: #ff6e00;
	margin: 18px 20px 0 0;
}

#Layer1 table tr td h2.lehrer {
	font: bold 1.8em Verdana, Helvetica, 'Lucida Grande', sans-serif;
	text-align: center;
	color: #ff6e00;
	margin: 18px 15px 0 0;
}

#Layer1 table tr td h2.schule {
	font: bold 1.8em Verdana, Helvetica, 'Lucida Grande', sans-serif;
	text-align: center;
	color: #ff6e00;
	margin-top: 18px;
}

#Layer1 table tr td h2.kontakt {
	font: bold 1.8em Verdana, Helvetica, 'Lucida Grande', sans-serif;
	text-align: center;
	color: #ff6e00;
	margin: 18px 20px 0 0;
}

#Layer1 table tr td h2.impressum {
	font: bold 1.8em Verdana, Helvetica, 'Lucida Grande', sans-serif;
	text-align: center;
	color: #ff6e00;
	margin: 18px 15px 0 0;
}

#Layer1 table tr td h2.download {
	font: bold 1.8em Verdana, Helvetica, 'Lucida Grande', sans-serif;
	text-align: center;
	color: #ff6e00;
	margin: 18px 20px 0 0;
}

/* =Layer2 Startseite Navigation Rightside
------------------------------------------------------------------ */
#Layer2 table tr td p.aktualisiert {
	color: #ff6e00;
	font-size: 1em;
	text-align: center;
	margin-top: 0.2em;
	}
#Layer2 table #sidebar {	
	margin: 20px auto 0 auto;
}

#Layer2 table #sidebar #nav {
	color: #ff6e00;	
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #996633;
}

#Layer2 table #sidebar #nav li a {
	display: block;
	background: url(../grafiken/navlogo_sml.png) no-repeat 4px center;
	letter-spacing: 0.04em;
	padding: 0.7em 0 0.7em 2.5em;
	border-bottom: 1px solid #996633;
}

#Layer2 table #sidebar #nav li a:link, a:visited {
	text-decoration: none;
	outline: none;
	color: #ff6e00;
	-webkit-transition: color .2s linear;
}

#Layer2 table #sidebar #nav li a:hover {
	background: url(../grafiken/nav_sml_hover.png) no-repeat 4px center;
	color: rgba(153,102,37,51);
	text-decoration: none;
}

#Layer2 table #sidebar #nav li a:active {
	text-decoration: none;
	outline: none;
	color: #996633;
}

/* =Layer2 Header H3-H4 color
------------------------------------------------------------------ */
#Layer2 table h3, h4 {
	color: #ff6e00;
	letter-spacing: 0.05em;
}

#Layer2 table tr td h3 {
	font: bold 1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #ff6e00;
	margin-top: 0;
	border-bottom: 1px solid #ff6e00;
}

/* =Layer2 Anchor Link Back to Top of Page 
------------------------------------------------------------------ */
#Layer2 table tr td p a.top {
	font-size: 0.88em;
	color: #ff6e00;
}

#Layer2 table tr td ul.second_ulist {
	list-style: disc;
}
#Layer2 table tr td.copyright {
	font: 0.88em Verdana, Helvetica, 'Lucida Grande', sans-serif;
	color: #996633;
	text-align: left;
}
#Layer2 table p, ol, ul li {
	color: #996633;
}

/* =Layer2 Profil page unordered list-style
------------------------------------------------------------------ */
#Layer2 table tr td ul.second_ulist {
	list-style: disc;
}

/* =Layer2 Copyright @ Bottom of all pages
------------------------------------------------------------------ */
#Layer2 table tr td.copyright {
	font: 0.88em Verdana, Helvetica, 'Lucida Grande', sans-serif;
	color: #996633;
	text-align: left;
}

/* =Layer2 Schuleprogramm
------------------------------------------------------------------ */
#Layer2 table tr td ul {
	list-style-type: none;
}

#Layer2 table tr td ul li a {
	color: #c39053;
}
#Layer2 table p, ol, ul {
	color: #996633;
}
#Layer2 #foederplaene td, th {
	text-align: center;
	padding: 2px;
}
#Layer2 #foederplaene {
	border-collapse: collapse;
}

#Layer2 #foederplaene td, th {
	border: 1px solid #996633;
}
#Layer2 #foederplaene th {
	background-color: #ff6e00;
	line-height: 1.6;
	color: #fff;
	letter-spacing: 0.05em
}


#Layer2 p a, ol li a {
	color: #ff6e00;
}	
#Layer2 table p, ol, ul {
	color: #996633;
}

/* =Layer2 Lehrer/Kontakt Definition List
------------------------------------------------------------------ */
#Layer2 table tr td dl dt {
	font-weight: bold;
	letter-spacing: 0.08em;
	color: #ff6e00;
}
#Layer2 table tr td p, dl dd {	
	color: #996633;
}

/* =Layer2 Downloads Unorderd Anchor List
------------------------------------------------------------------ */
#Layer2 ul.downloads {
	font-size: 1.13em;
	line-height: 0.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#Layer2 ul.downloads li a {	
	display: block;
	background: url(grafiken/pdf_16.png) no-repeat 4px center;
	color: #ff6e00;
	text-decoration: underline;
	padding: 0.7em 0 0.7em 1.8em;
}

	#Layer2 ul.downloads li a:link {
	text-decoration: underline;
	outline: none;
	color: #ff6e00;
	-webkit-transition: color .2s linear;
}

	#Layer2 ul.downloads li a:visited {
	text-decoration: underline;
	outline: none;
	color: #996633;
}

	#Layer2 ul.downloads li a:hover {
	text-decoration: underline;
	color: rgba(153,102,51,100);
}
	
	#Layer2 ul.downloads li a:active {
	text-decoration: none;
	outline: none;
	color: #996633;
}

/* =Layer3 Startseite Navigation Leftside
------------------------------------------------------------------ */
#Layer3 a {
	font:  1.2em/1.6 Verdana, Helvetica, 'Lucida Grande', sans-serif;
	letter-spacing: 0.05em;
	color: #ff6e00;
}
#Layer3 a:link {	
	text-decoration: none;
	color: #ff6e00;
	border-bottom: solid 1px #ff6e00;
}
#Layer3 a:visited {
	text-decoration: none;
	color: #996633;
	border-bottom: 1px solid #996633;	
}

#Layer3 a:hover, a:active {	
	text-decoration: none;
	color: #996633;
	border-bottom: solid 1px #996633;
}

/* =Layer3 Navigation Top for all Pages
------------------------------------------------------------------ */
#Layer3 table.navtop tr td a {
	outline: 0 none;
	color:#ff6e00;
}
#Layer3 table.navtop tr td a:link {
	text-decoration: none;
	outline: 0 none;
	border-bottom: 1px solid #ff6e00;
}
#Layer3 table.navtop tr td a:visited {
	text-decoration: none;
	outline: 0 none;
	border-bottom: 1px solid #ff6e00;
}
#Layer3 table.navtop tr td a:hover {
	text-decoration: none;
	border-bottom: 1px solid #996633;
	color:#996633;
}
#Layer3 table.navtop tr td span.active {
	color: #996633;
}
#Layer3 table.navtop tr td a.startseite {
	text-decoration: none;
	border-bottom: none;
	color:#ff6e00;
}
#Layer3 table.navtop tr td a.startseite:hover {
	text-decoration: none;
	border-bottom: none;
	color:#996633;
}