/* Site Colors:

*/

html { height: 100%; width: 100%; }

body { 
	width: 100%; 
	height: 100%; 
	margin: 0px; 
	padding: 0px; 
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFF;
	font-size: 13px; 
	line-height: 15px; }
	
.datalist{
list-style:none;
}

a{
text-decoration:none;
color:#000099;
}

a:hover{
text-decoration:underline;
}

h1{
font-size:22px;
}

.normal{
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	text-align:left;
	color:#000000;
	text-decoration:none;
	}

.normal:hover{
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	text-align:left;
	color:#000000;
	}
	
.error{
	color:#F00;
}
	
.tag_cloud1{
	text-decoration:none;
	color:#000099;
	font-size:xx-small;
	line-height: 13px;
}
.tag_cloud1{
	text-decoration:underline;
}
.tag_cloud2{
	text-decoration:none;
	color:#000099;
	font-size:x-small;
	line-height: 14px;
}
.tag_cloud2{
	text-decoration:underline;
}
.tag_cloud3{
	text-decoration:none;
	color:#000099;
	font-size:smaller;
	line-height: 15px;
}
.tag_cloud3{
	text-decoration:underline;
}
.tag_cloud4{
	text-decoration:none;
	color:#000099;
	font-size:small;
	line-height: 16px;
}
.tag_cloud4{
	text-decoration:underline;
}
.tag_cloud5{
	text-decoration:none;
	color:#000099;
	font-size: medium;
	line-height: 17px;
}
.tag_cloud5{
	text-decoration:underline;
}
.tag_cloud6{
	text-decoration:none;
	color:#000099;
	font-size: large;
	line-height: 18px;
}
.tag_cloud6{
	text-decoration:underline;
}
.tag_cloud7{
	text-decoration:none;
	color:#000099;
	font-size: larger;
	line-height: 19px;
}
.tag_cloud7{
	text-decoration:underline;
}
.tag_cloud8{
	text-decoration:none;
	color:#000099;
	font-size: x-large;
	line-height: 20px;
}
.tag_cloud8{
	text-decoration:underline;
}

form
    {
    padding: 10px;
    width: 95%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    }
	
form.calculator
    {
    padding: 5px;
    width: 95%;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    }

form.calculator_d
    {
    padding: 5px;
    width: 95%;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    }

label
    {
    float: left;
    width: 150px;
    text-align: right;    
    margin-right: 15px;
    }

label.calculator
    {
    float: left;
    width:100px;
    text-align: right;    
    margin-right: 5px;
    }

label.calculator_d
    {
    float: left;
    width:50px;
    text-align: right;    
    margin-right: 5px;
    }

input
    {
    background-color: #f5f5f5;
    font-size: x-small;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
	margin-right: 2em;
	margin-bottom:2px;
    }
	
select
    {
    background-color: #f5f5f5;
    font-size: x-small;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
	width:75px;
	margin-right: 2em;
    }

img { 
	border: none;
	}

table, tr, td { 
	border-collapse: collapse; 
	vertical-align: top; 
	font-size: 13px; 
	line-height: 1.5em;
	}
	
td.index{
border-left: 1px;
border-left-style:solid;
border-left-color:#000000;
width: 33%;
	}

table.index{
width: 100%;
	}

table.select_material{
width: 200%;
	}

li.index{
margin:0 5px 0 0px;
padding:0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-position: outside;
list-style-type: none;
text-align: left;
	}

li.select_material{
margin:0px 0px 0px -50px;
padding:0px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-position: inside;
list-style-type: none;
text-align: left;
	}

ul.subjects {
margin:0 5px 0 0px;
padding:0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-position: outside;
list-style-type: none;
text-align: left;
color: #333333; 
text-decoration: none;
}

ul.pages {
margin:0 5px 0 20px;
padding:0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-position: outside;
list-style-type: disc;
text-align: left;
color: #333333; 
text-decoration: none;
}

ul.sub_pages {
margin:0 5px 0 10px;
padding:0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style-position: outside;
list-style-type: disc;
text-align: left;
color: #333333; 
text-decoration: none;
}

.selected { 
	font-weight: bold;
	}

/* Page Content */
#page {
	border-left:1px;
	border-left-color:#000000;
	border-left-style:solid;
	float: right;
	margin: 0px;
	width: 75.4%;
	min-height: 480px;
	padding: 10px;
	vertical-align: top;	
	background-color:#FFFFFF;
	background-image:url(../images/bg_granulate_W700.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}
#google-skyscraper{
	border-left:1px;
	border-left-color:#000000;
	border-left-style:solid;
	float: right;
	margin: 0px;
	width: 122px;
	min-height: 500px;
	padding: 0px;
	vertical-align: top;	
	background-color:#FFFFFF;
	}
#page h2 { color: #333333; margin-top: 1em;}
#page h3 { color: #333333; }

#links {
border:none;
margin: 0px auto;
margin-top:30px;
top: 30px;
left: 0px;
float:left;
width:auto;
}

#advertisement{
height:50px;
overflow:hidden;
color:#000000;
}

/* Navigation */
#navigation { 
	width: 20%; 
	padding: 10px;
	min-height: 450px;
	float: left;
	}
#navigation a { 
	color: #333333; 
	text-decoration: none; 
	}
#tag_cloud{
	color:#00F;
}

#language { 
	width: 160px; 
	padding: 10px;
	height:auto;
	float: left;
	vertical-align:bottom;
	}
	

#structure { 
	margin: 0px;
	padding: 0px;
	height: auto ;
	width: 88%;
	float:left;
	background-color:#DDD;
	}
	
#footer { 
	height: 30px; 
	padding: 0px; 
	text-align: center;
	float: left;
	width: 100%;
	}
	
#google { 
	padding: 0px;
	text-align: center;
	float: left;
	width: 100%;
	}
		
#website {
	margin: auto;
	padding: 0px;
	position: relative;
	width: 1050px;
	height: auto;
	}

#header { 
	height: 50px; 
	margin: 0px; 
	padding: 1em 1em 0 1em; 
	text-align: center;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-image:url(../images/bg_header_H100.jpg);
	}