/************************************************/
/* Luigi Grebien - Haupt- und Realschule Stainz */
/* cascading style sheet - Juli / August 2005   */
/************************************************/


/* generelle Seiteneinstellung */
/* Schriftgroesse = dunkelgrau */
/* Schriftgröße = 80% */
/* Seitenhintergrund = blaue, linierte Grafik */
body{
	height:100%;
	background-image:url(../img/bg_texture_blue.gif);
	background-attachment:fixed;
	empty-cells:hide;
	text-align:center;
	margin:0;
	padding:0;
}

html{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#333333;
}

/* Haupt-Layout: aeusserster Container - 1.Ebene */
/* margin = Aussenabstand */
/* padding = Innenabstand */
/* Hintergrund = weiß */
/* solider blauer Rand rundum */
#aussenbereich{
	position:relative;
	width:770px;
	height:auto;
	margin:0px auto;
	background-color:#FFFFFF;
	border-left:2px solid #117bc1;
	border-top:1px solid #117bc1;
	border-right:1px solid #117bc1;
	border-bottom:1px solid #117bc1;
	padding:0px;
	text-align:left;
	z-index:1;
}

/* Kopf-Layout: 2. Ebene mit z-index */
/* absolut positioniert: ganz oben */
/* kein Rand */
/* Hintergrund = Regenbogen-Bild */

#header{
	position:relative;
	top:0px;
	width:770px;
	height:120px;
	z-index:2;
	border:0;
	text-align:left;
	background-image:url(../img/bg_head.jpg);
}

/* große HRS-Überschrift - im header - mit 250 Prozent */
/* Textzeile mit verringertem Abstand und fett */

.hrs_title{
	font-size:250%;
	font-weight:bold;
	line-height:85%;
}

/* Layout der Suchfelder im header */

.search{
	height:20px;
	margin:0px;
}

.sform{
	color:#0033CC;
	width:50px;
	height:15px;
	border:1px solid #117BC1;
	margin:3px;
	font-size:80%;
}

.sbutton{
	width:50px;
	height:19px;
	color:#0033CC;
	font-size:80%;
	background-color:#99CCFF;
	border:1px solid #117BC1;
	margin:3px;
	cursor:help;
}

/* Abstand vom rechten Rand - im header */
.header_right{
	margin-right:5px;
}

/* waagrechtes Navigation-Layout: 3. Ebene mit z-index */
/* absolut positioniert unter: #header */
/* solider blauer Rand */
/* Hintergrund = weiß */
#globalNav{
	position:relative;
	top:0px;
	width:770px;
	height:20px;
	z-index:3;
	border-left:0px solid #117BC1;
	border-top:1px solid #117BC1;
	border-right:0px solid #117BC1;
	border-bottom:1px solid #117BC1;
	background-color:#F6F6F6;
	text-align:left;
}

/* Navigations-Layout links: 4. Ebene mit z-index */
/* relativ positioniert unter: #globalNav */
/* kein Rand */
/* Hintergrund = weiß */
#content_nav{
	position:relative;
	top:0px;
	z-index:4;
	width:130px;
	border:0;
	background-color:#ffffff;
	margin-left:7px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	line-height:1.5em;
	float:left;
}

/* Textfeld-Layout rechts: 4. Ebene mit z-index */
/* relativ positioniert unter: #globalNav */
/* Höhe = min 300px */
/* kein Rand */
/* Hintergrund = weiß */
#content{
	position:relative;
	top:0px;
	z-index:5;
	width:605px;
	margin-left:10px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	border-left:0px solid #117BC1;
	border-top:0px solid #117BC1;
	border-right:0px solid #117BC1;
	border-bottom:0px solid #117BC1;
	background-color:#FFFFFF;
	text-align:left;
	float:right;
}

.grey{
background-color:#F4F4F4;
}

/* Fussbereich-Layout: 3. Ebene mit z-index */
/* relativ positioniert unter: #content_nav und #content */
/* blauer Rand oben */
/* Hintergrund = weiß */
#footer{
	position:relative;
	bottom:0px;
	margin:0;
	width:770px;
    height:20px;
	z-index:6;
	clear:both;
	border-left:0px solid #117BC1;
	border-top:1px solid #117BC1;
	border-right:0px solid #117BC1;
	border-bottom:0px solid #117BC1;
	background-image:url(../img/bg_head.jpg);
	font-size:80%;
	text-align:left;
}

/* Navigations-Layouts - 1. Ebene mit z-index */
/* absolut positioniert im: #content links */
/* Textumfluss = über rechts */
/* ro - Schüler */
/* gr - Eltern */
/* bl - Lehrer */
/* ge - Schule */
/* Hintergrund = weiß - mit Rand */
#navLinks_ro{
	position:relative;
	top:0px;
	width:123px;
	border:1px solid #cc0000;
	background-color:#FF9292;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	margin:0;
	text-align:left;
}

#navLinks_gr{
	position:relative;
	top:0px;
	width:123px;
	border:1px solid #117BC1;
	background-color:#00CC66;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	margin:0;
	text-align:left;
}

#navLinks_bl{
	position:relative;
	top:0px;
	width:123px;
	border:1px solid #117BC1;
	background-color:#99CCFF;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	margin:0;
	text-align:left;
}

#navLinks_ge{
	position:relative;
	top:0px;
	width:123px;
	border:1px solid #fc0;
	background-color:#FFF3B0;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	margin:0;
	text-align:left;
}

.h20{
	height:20px;
}

.h30{
	height:30px;
}

div.scroll {
    height: 400px;
    width: 300px;
    overflow: auto;
    border: 1px solid black;
    background: #ccc;
    padding: 10px;
}

hr{
  	background:#117bc1; /* Mozilla 1.4 */
  	color:#117bc1; /* IE 6 */
  	border:#117bc1; /* Opera 7.11 */  	
  	/* In Opera ist eine feste Höhe für die Anzeige
  	notwedig, hingegen in Mozilla für eine
  	einheitliche Darstellung wichtig. */ 	
  	height:1px; 
}

/* generelle Texte mit Abständen und neutralem Hintergrund */
.main_table{
	padding:10px;
}

/* 10px Abstände links, oben und rechts */
.space_left_top_right{
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
}

/* 10px Abstände oben und rechts */
.space_top_right{
	padding-top:10px;
	padding-right:10px;
}

/* 10px Abstände links und rechts */
.space_left_right{
	padding-left:10px;
	padding-right:10px;
}

/* 10px Abstände unten und rechts */
.space_bottom_right{
	padding-bottom:10px;
	padding-right:10px;
}

/* 10px Abstand oben */
.space_top{
	padding-top:10px;
}

/* 10px Abstände unten */
.space_bottom{
	padding-bottom:10px;
}

/* 10px Abstände rechts */
.space_right{
	padding-right:10px;
}

/* 10px Abstände links */
.space_left{
	padding-left:10px;
}

.text_top{
	padding-top:0px;
}

.lu{
	background-image:url(../img/ad_corner3.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

input {
	font-size:7.9pt;
}
.t_nummer {
	font-size:12pt;
	font-weight:bold;
	color:#999999;
}
.markierung {
	color:#ff0000;
}

.smaller{
	font-size:80%;
}
/* Content-Block mit Abständen und blauem Rand */
.main_table_content{
	border:1px solid #117BC1;
	padding:5px;
	margin:3px;
}

/* Zell-Überschrift fett, grauer Hintergrund mit blauem Rand links und oben */
.cell_content{
	background-color:#F4F4F4;
	border-left:1px solid #117BC1;
	border-top:1px solid #117BC1;
	border-right:0px solid #117BC1;
	border-bottom:0px solid #117BC1;
	padding-left:5px;
	height:20px;
	font-weight:bold;
}

/* Zell-Rahmen mit blauem gepunktetem Rand */
.cell_rahmen{
	border:1px dotted #117BC1;
}

.cell_full{
	border:1px dotted #117bc1;
	background-color:#fff7d5;
}
/* Zell-Layout mit blauem Rand unten */
.cell_baseline{
	border-left:0px solid #117BC1;
	border-top:0px solid #117BC1;
	border-right:0px solid #117BC1;
	border-bottom:1px solid #117BC1;
}

/* Schule und Willkommen - Zell-Layout mit gelber Füllung und blauem Rand li, o, unten */
.cell_color_school{
	background-color:#FFF3B0;
	border-left:1px solid #117BC1;
	border-top:1px solid #117BC1;
	border-right:0px solid #117BC1;
	border-bottom:1px solid #117BC1;
}

/* Schüler - Zell-Layout mit roter Füllung und blauem Rand li, o, unten */
.cell_color_red{
	background-color:#ff9292;
	border-left:1px solid #117BC1;
	border-top:1px solid #117BC1;
	border-right:0;
	border-bottom:1px solid #117BC1;
}

/* Eltern - Zell-Layout mit grüner Füllung und blauem Rand li, o, unten */
.cell_color_green{
	background-color:#00CC66;
	border-left:1px solid #117BC1;
	border-top:1px solid #117BC1;
	border-right:0;
	border-bottom:1px solid #117BC1;
}

/* Lehrer - Zell-Layout mit blauer Füllung und blauem Rand li, o, unten */
.cell_color_blue{
	background-color:#99CCFF;
	border-left:1px solid #117BC1;
	border-top:1px solid #117BC1;
	border-right:0px solid #117BC1;
	border-bottom:1px solid #117BC1;
}

/* Tabelle mit null Abständen und exakter Breite */
.table_1{
	margin:0 0 0 0;
}

/* Layout mit blauem Rand, z.B. bei Fotos */
.foto{
	border-style:solid;
	border-color:#117BC1;
	border-width:1px;
}

/* fliessender Text re */
.float{
	float:left;
	margin-right:15px;
	margin-bottom:5px;
}

/* Acronym mit rot-gepunkteter Grundlinie */
.acro{
	font-weight:500;
	border-bottom:1px dotted red;
	cursor:help;
}

/* Layout mit blauem Rand links und rechts */
.foto_li_re{
	border-left:1px solid #117BC1;
	border-right:1px solid #117BC1;
	border-bottom:0px solid #117BC1;
	border-top:0px solid #117BC1;
}

/* Layout mit blauem Rand oben und unten */
.foto_o_u{
	border-top:1px solid #117BC1;
	border-bottom:1px solid #117BC1;
	border-left:0px solid #117BC1;
	border-right:0px solid #117BC1;
}

/* vier Schrift-Farben der HRS */
/* Lehrer der HRS */
.stil_bl{
	color:#0033CC;
}

/* Schüler der HRS */
.stil_ro{
	color:#CC0000;
}

/* Schule HRS */
.stil_ge{
	color:#FFCC00;
}

/* Eltern der HRS */
.stil_gr{
	color:#006633;
}

/* Link-Styles */
a:link, a:visited{
	color:#006699;
	text-decoration:none;
}

a:hover{
	color:#CC3300;
	text-decoration:underline;
}

/* Kalender-Styles */
a.none:link{
	color: black;
	text-decoration: none;
	border-bottom: 0px solid;
}

a.none:hover{
	color: black;
	text-decoration: none;
	border-bottom: 0px solid;
}

a.none:active{
	color: black;
	text-decoration: none;
	border-bottom: 0px solid;
}

a.none:visited{
	color: black;
	text-decoration: none;
	border-bottom: 0px solid;
}				

.box{
	font-weight: lighter;
	color: black;
	background-color: white;
	border-left: 0px solid black;
	border-right: 0px solid black;
	border-top: 0px solid black;
	border-bottom: 1px solid black;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.boxB {
	font-weight:lighter;
	color:black;
	background-color:white;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
}

.cal_head{
	font-weight:normal;
	background-color:#E0D3B6;
	border-bottom:1px solid black;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-width:medium;
}

.cal_leaf{
	background:#F3ECD9;
	padding:0px 0px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

.green{
	color:#666666;
	text-decoration:none;
	background-color:#CBD6AC;
}



/*
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

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

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
*/			

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*
#masthead{
	table-layout:auto;
	border-top: 10px solid #0066CC;
	border-left: 10px solid #0066CC;
	border-right: 10px solid #0066CC;
	background-color: #FFFFCC;
	padding: 5px;
}

#navBar{
	border: 10px solid #0066CC;
	padding: 0px;
	margin: 0 79% 0 0;
	background-color:#CCFFFF;
}

*/

/*

#table2{
	clear: both;
	background-color: #CCFFFF;
	margin: 10px 0px 0px 0px;
	border-left: 10px solid #0066CC;
	border-right: 10px solid #0066CC;
	font-size: 85%;
	color:#666666;
	padding: 10px 10px 10px 10px;
}

#table3{
	background-color: #CCFFFF;
	margin: 10px 30px 0px 30px;
	border-left: 10px solid #0066CC;
	border-right: 10px solid #0066CC;
	font-size: 85%;
	color:#666666;
	padding: 10px 10px 10px 40px;
}

#table4{
background-color: #FFCCCC;
padding: 10px;
azimuth: center;
margin: 10px 80px 0px 80px;
border-style:dotted;
border-color:#FF0000;
border-width:2px;}

*/

/*

#content{
	border: 10px solid #0066CC;
  	float:right;
	width: 75%;
	padding: 0 3% 0 30px;
	background: white url(../images/bk.gif);
	background-attachment: fixed;
}
*/
/*dünne rote Umrahmung für Fotos + Bilder*/


/***********************************************/
/*Component Divs                               */
/***********************************************/

/*

#siteName{
	padding: 0px 0px 0px 0px;
}


/*************** #pageName styles **************/

/*

#pageName{
	padding: 10px 10px 10px 10px;
}


/************* #globalNav styles **************/

/*

#globalNav{
	color: #cccccc;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
	top: 151px;
	left: 33px;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */
/*

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 0px 0px 0px; 
}


/************* #breadCrumb styles *************/
/*
#breadCrumb{ 
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/
/*
.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/


/*
#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 2px solid #0066CC;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}



#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/*
#navBar li {border-bottom: 1px solid #0066CC;}

/* fix for browsers that don't need the hack */
/*
html body #navBar li {border-bottom: none;}



#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #0066CC;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #0066CC;
	width: 100%;
  voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid #0066CC;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #0066CC;
	background-color:#99CCFF;
	padding: 2px 0px 2px 10px;
}