/* 
* CSS Document for Root Template 
* HTL für Bau und Kunst Innsbruck, 2006
*
* filename: style.css
* extended css-files: news_style.css, banner.css
* css-file used in: schule_template.html, direktion_template.html
*/


/* ------------------------- Base Specifications begin ------------------------------- */

body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
}
h1 {
/*border-left: 20px #3669ED solid;*/
font-size: 18px;
color: #3669ED
/*padding-left: 15px;*/
}
h2 {
/*border-left: 15px #3669ED solid;*/
font-size:16px;
color: #3669ED;
/*padding-left: 15px;*/
}
h3 {
/*border-left: 15px #3669ED solid;*/
color: #3669ED;
font-size:14px;
/*padding-left: 15px;*/
}
h4 {
/*border-left: 10px #3669ED solid;*/
color: #3669ED;
font-size:12px;
/*padding-left: 10px;*/
}
h5 {
/*border-left: 5px #3669ED solid;*/
color: #3669ED;
font-size:10px;
/*padding-left: 10px;*/
}
li {
list-style-image: url(images/blue_arrow.png);
}
ul {
list-style-image: url(images/blue_arrow.png);
}
a:link {
	color: #666666;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: underline;
	color: #FF0000;
}
/* ------------------------- Base Specifications end ------------------------------- */

/* 
* Layer specifications, including layer styles, sorted by sequence of appearance
*/

/* ------------------------- Layer Specifications begin ------------------------------- */

/* ---- Top layer, including search and logo ---- */
#top {
	position:absolute;
	left:0;
	top:0px;
	width:100%;
	height:100px;
	z-index:1;
	background-color: #3669ED;
	text-indent: 10px;
	background-image: url(images/htllogo100_tiefbau.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#search {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:30px;
	z-index:7;
	text-align: right;
}

/* ---- Top navigation layer, including font style ---- */
#top_navigation {
	position:absolute;
	left:15%;
	top:30px;
	width:70%;
	height:15px;
	z-index:3;
	text-align: right;
}
/* normal link state */
.style_top_navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 1px;
	border-left: 1px #FFFFFF solid;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}
.style_top_navigation:link {
text-decoration:none;
color:#FFFFFF;
}
.style_top_navigation:visited {
text-decoration:none;
color:#FFFFFF;
}
.style_top_navigation:hover {
text-decoration:none;
color: #000000;
}
.style_top_navigation:active {
text-decoration:none;
color: #000000;
}
/* active link style */
.style_top_navigation_act {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 1px;
	border-left: 1px #FFFFFF solid;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}
.style_top_navigation_act:link {
text-decoration:none;
color:#FFFFFF;
}
.style_top_navigation_act:visited {
text-decoration:none;
color:#FFFFFF;
}
.style_top_navigation_act:hover {
text-decoration:none;
color: #000000;
}
.style_top_navigation_act:active {
text-decoration:none;
color: #000000;
}

/* ---- first navigation layer, including font style begin ---- */
#first_navigation {
	position:absolute;
	left:0;
	top:160px;
	width:100%;
	height:15px;
	z-index:4;
	text-align: center;
}
/* normal link state */
.first_navigation_style {
	font-family: Verdana, Arial, Helvetica, sans-serif
	font-size: 10px;
	text-transform: uppercase;
	font-style: normal;
	border-left: 1px #000000 solid;
	padding-left:3px;
	padding-right:3px;
	font-weight: bold;
}
.first_navigation_style:link {
	text-decoration:none;
	color:#000000;
}
.first_navigation_style:visited {
	text-decoration:none;
	color:#000000;
}
.first_navigation_style:hover {
	color: #3669ED;
	text-decoration:none;
}
.first_navigation_style:active {
	color: #3669ED;
	text-decoration:none;
}
/* active link state */
.first_navigation_style_act {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-style: normal;
	border-left: 1px #000000 solid;
	padding-left:3px;
	padding-right:3px;
	font-weight:bold;
}
.first_navigation_style_act:link {
	color: #3669ED;
	text-decoration:none;
}
.first_navigation_style_act:visited {
	color: #3669ED;
	text-decoration:none;
}
.first_navigation_style_act:hover {
	color: #3669ED;
	text-decoration:none;
}
.first_navigation_style_act:active {
	color: #3669ED;
	text-decoration:none;
}
/* ---- first navigation layer, including font style end ---- */

/* ---- second navigation layer, including font style begin ---- */
#second_navigation {
	position:absolute;
	left:0;
	top:175px;
	width:100%;
	height:15px;
	z-index:5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
}
/* normal link state */
.second_navigation_style {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-style: normal;
	border-left: 1px #000000 solid;
	padding-left:3px;
	padding-right:3px;
	font-weight: normal;
}
.second_navigation_style:link {
	text-decoration:none;
	color:#000000;
}
.second_navigation_style:visited {
	text-decoration:none;
	color:#000000;
}
.second_navigation_style:hover {
	color: #3669ED;
	text-decoration:none;
}
.second_navigation_style:active {
	color: #3669ED;
	text-decoration:none;
}
/* active link state */
.second_navigation_style_act {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-style: normal;
	border-left: 1px #000000 solid;
	padding-left:3px;
	padding-right:3px;
	font-weight: bold;
}
.second_navigation_style_act:link {
	color: #3669ED;
	text-decoration:none;
}
.second_navigation_style_act:visited {
	color: #3669ED;
	text-decoration:none;
}
.second_navigation_style_act:hover {
	color: #3669ED;
	text-decoration:none;
}
.second_navigation_style_act:active {
	color: #3669ED;
	text-decoration:none;
}
/* ---- second navigation layer, including font style end ---- */

/* ---- root_path layer, including font style begin ---- */
#root_path {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 20px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3669ED;
	text-transform: uppercase;
	color: #3669ED;
}
#root_path A:link {
text-decoration:none;
color: #000000;
}
#root_path A:visited {
text-decoration:none;
color: #000000;
}
#root_path A:hover {
text-decoration:none;
color: #3669ED;
}
#root_path A:active {
text-decoration:none;
color: #3669ED;
}
/* ---- root_path layer, including font style end ---- */

/* ---- left layer, including font style ---- */
#left {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding-left: 20px;
	padding-top: 15px;
	padding-right: 5px;
}

/* ---- third navigation layer, including font style begin ---- */
.third_navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3669ED;
	line-height: 15px;
	text-transform: uppercase;
	padding-top: 5px;
}
.third_navigation a:link {
text-decoration:none;
color:#000000;
}
.third_navigation a:visited {
text-decoration:none;
color:#000000;
}
.third_navigation a:hover {
text-decoration:none;
color:#3669ED;
}
.third_navigation a:active {
text-decoration:none;
font-weight: bold;
color:#3669ED;
}
/* ---- third navigation layer, including font style end ---- */

/* ---- fourth navigation layer, including font style begin ---- */
.fourth_navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-indent: 10px;
	padding-top: 3px;
}
.fourth_navigation a:link {
text-decoration:none;
color: #000000
}
.fourth_navigation a:visited {
text-decoration:none;
color: #000000;
}
.fourth_navigation a:hover {
text-decoration:none;
color:#3669ED;
}
.fourth_navigation a:active {
text-decoration:none;
color:#3669ED;
}
/* ---- fourth navigation layer, including font style end ---- */

/* ---- content layer, including font style ---- */
#main {
	position:relative;
	left:4px;
	top:180px;
	width:100%;
	height:auto;
	z-index:6;
}

/* ---- right layer, including font style ---- */
#right_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
}

/* ---- bottom layer, including font style ---- */
#bottom {
	font-family: "Franklin Gothic Demi", "Franklin Gothic Book", "Franklin Gothic Demi Cond";
	font-size: 10px;
	color: #666666;
	line-height: 20px;
	text-align: right;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3669ED;
}
/* ------------------------- Layer Specifications end ------------------------------- */