/* generated by csscreator.com */ 
html, body{ 
	margin:0;
	padding:0; 
	text-align:center;
} 
 
#pagewidth{ 
	width:800px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
#header{
	position:relative; 
	height: 410px; 
	background-color: #ffffff; 
	width:100%;
} 
 
#maincol{
	background-color: #FFFFFF;  
	float: left; 
	display: inline; 
	position: relative; 
	width: 800px; 
}
 
#footer{
	background-color: #FEDE58; 
	clear:both;
} 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* 
#
## START h-quadrat.it elements
#
*/

/*
color scheme: 
http://www.wellstyled.com/tools/colorscheme2/index-en.html?mono;50;0;91;0.6535433070866142;0.996078431372549;0.6535433070866142;0.6972549019607843;0.16338582677165356;1;0.3267716535433071;1;0.6535433070866142;0.996078431372549;0.6535433070866142;0.6972549019607843;0.16338582677165356;1;0.3267716535433071;1;0.6535433070866142;0.996078431372549;0.6535433070866142;0.6972549019607843;0.16338582677165356;1;0.3267716535433071;1;0.6535433070866142;0.996078431372549;0.6535433070866142;0.6972549019607843;0.16338582677165356;1;0.3267716535433071;1;0
*/

body, html {
	margin: 0;
	padding: 20px;
	
	color: #000000;
	background-color: #FFF7D5;
	
	font-family: Verdana, Arial, Helvetica;
	font-size: 90%;
/*	line-height: 1em;*/
}

.textbox {
	margin: 0;
	padding: 0;
	height: 85px;

	border-width: 22px 22px 0px 22px;
	border-color: #ffffff;
	border-style: solid;

	width: 756px;

	background-color: #FEDE58;
	overflow: hidden;
}

img {
	border: 0;
}

h1 {
	width: 752px;
	padding: 2px;
	
	border-bottom: 2px solid #ffffff;
	margin: 0.1em 0em 0.4em 0em;
	
	font-family: Verdana, Arial, Helvetica;
	font-size: 135%;
}

h2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 100%;
	
	text-align: center;
}

p {
	width: 752px;
	padding: 2px 2px 0.5em 2px;
	
	text-align: justify;
}

a {
	color: #000000;
}

#footer {
	border: 22px solid #ffffff;
	padding: 2em;
	line-height: 1em;
	font-size: 80%;
	text-align: center;
}

#footer img {
	vertical-align: middle;
}

/* 
#
## END h-quadrat.it elements
#
*/

/* 
#
## START mootools tips
#
*/

.tool-tip {
	color: #ffffff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}

/* 
#
## END mootools tips
#
*/