/* 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: #6998CC; 
	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;230;0.4852941176470589;0.8;0.4852941176470589;0.5599999999999999;0.12132352941176472;1;0.24264705882352944;1;0.4852941176470589;0.8;0.4852941176470589;0.5599999999999999;0.12132352941176472;1;0.24264705882352944;1;0.4852941176470589;0.8;0.4852941176470589;0.5599999999999999;0.12132352941176472;1;0.24264705882352944;1;0.4852941176470589;0.8;0.4852941176470589;0.5599999999999999;0.12132352941176472;1;0.24264705882352944;1;0
*/

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

.textbox {
	margin: 0;
	padding: 0;

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

	width: 756px;

	background-color: #6998CC;
	overflow: hidden;
}

/* 

alternate color: #EDEBFF

 */

img {
	border: 0;
}

h1 {
	width: 96%;
	padding: 2%;
	
/*	border-bottom: 2px solid #ffffff;*/
	margin: 0em 0em 0.2em 0em;
	
	font-family: Verdana, Arial, Helvetica;
	font-size: 135%;
}

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

p {
	width: 96%;
	padding: 0% 2% 0% 2%;
	margin: 0;
	
	text-align: justify;
}

a {
	color: #ffffff;
}

.readmore {
	display: block;
	text-align: right;
	
	margin: 1em 0em 0em 1em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	
	color: #000000;
/*	background-color: #E0EEFF;*/
	background-color: #ffffff;
	
	font-size: 85%;
}

#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
#
*/