html, body {
	margin:0; 
	padding:0; 
	text-align:center; 
}

img {
	border:0;
}	

a {
	font:normal 11px/14px arial,verdana,sans-serif;
	text-decoration:underline;
	color:#4568a2;
}

#pagewidth {
	width:782px; 
	text-align:left;  
	margin:0 auto;
}


/* TOP */

	#header {
		position:relative; 
		padding:0px;
		height:98px;  /* add 20px when login info should appaer (#xd layer) */
		border:0px solid #000000;
		background-color:#ffffff; 
		width:100%;
	}

	#xl {
		position:absolute;
		top:61px; /* add 20px when login info should appaer (#xd layer) */
		left:17px;
	}
	#xe {
		position:absolute;
		top:50px; /* add 20px when login info should appaer (#xd layer) */
		left:625px;
	}
	#xd {
		position:absolute;
		top:7px;
		left:300px;
		color:#960b2c;
		font:normal 11px/14px arial,verdana,sans-serif;
	}
	#xinfo {
		position:relative;
		top:0px;
		left:560px;
		font:normal 11px/14px arial,verdana,sans-serif;
		width:160px;
	}
	#defdiv {
		font:normal 11px/14px arial,verdana,sans-serif;
	}

/* MENU */

	#centeredColum {
		width:762px;
		margin:0 auto;
		padding-left:0;
	}

/* ENTIRE CONTENT AREA - BODY-TEXT AND FEATURE BOXES */

	#wrapper {
		margin-left:10px;
		margin-right:10px;
		border:1px solid #a8a8a8;
		border-top:0px solid #a8a8a8;
		background-image: url(gfx/background_content.gif); 
		background-repeat: repeat-x;
		background-color: #ffffff;
		padding:15px;
	}

/* STYLE FOR CONTENT AREA */

	/* do not edit */
		#spalte1 {
			float:left;
			width: 340px;
			padding-right:10px;
			font:normal 11px/14px arial,verdana,sans-serif;
			margin-top:10px;
			margin-bottom:2px;	
		}
		#spalte2 {
			float:left;
			width: 340px;
			padding-left:10px;
			font:normal 11px/14px arial,verdana,sans-serif;
			margin-top:10px;
			margin-bottom:2px;	
		}
		#spalte3 {
			float:left;
			width: 680px;
			padding-left:10px;	
		}
		.featureboxbutton {
			color:#4568a2;
			padding-bottom:2px;
			height:18px;
			width:81px;
			font:normal 9px verdana;
			border:0;
			background: url(gfx/button_featurebox.gif);
		}
		}
		.featureboxbutton2 {
			color:#4568a2;
			padding-bottom:2px;
			height:18px;
			width:48px;
			font:normal 9px verdana;
			border:0;
			background: url(gfx/button_featureboxsmall.gif);
		}
		.featureboxbuttonbig {
			color:#4568a2;
			padding-bottom:2px;
			height:18px;
			width:140px;
			font:normal 9px verdana;
			border:0;
			background: url(gfx/button_featureboxbig.gif);
		}

	/* edit */
		#content {
		
		}
    	
		#content h1 {
			font:normal 18px arial,verdana,sans-serif;
			padding-top:7px;
			margin-bottom:8px;
		}
		#content h3 {
			font:normal 13px arial,verdana,sans-serif;
			padding-top:7px;
			margin-bottom:8px;
		}
		#content p {
			font:normal 11px/14px arial,verdana,sans-serif;
			margin-top:10px;
			margin-bottom:2px;
		}
		#content td {
			font:normal 11px/14px arial,verdana,sans-serif;
			margin-top:10px;
			margin-bottom:2px;
		}
		#content a {
			font:normal 11px/14px arial,verdana,sans-serif;
			text-decoration:underline;
			color:#4568a2;
		}


/* FEATUREBOXES */

		
	/* do not edit */
		#features {
			padding-top:0px;
		}
.boxcommen {
	padding-bottom:0px;
	background-repeat: repeat-x;
}
		
	/* edit */
		.featureheader {
			height:14px;
			font:normal 10px verdana,arial,sans-serif;
			padding-left:9px;
			padding-top:4px;
		}
		#features h1 {
			font:bold 10px verdana,arial,sans-serif;
			margin-top:6px;
			margin-bottom:6px;
		}
		#features ul, li, p {
			font:normal 11px/14px arial,verdana,sans-serif;
		}
		#features p {
			margin-top:5px;
		}
		#features ul {
			padding-left:0px;
			margin-top:0px;
			margin-left:0px;
		}
		#features a {
			color:#000000;
			text-decoration:underline;
		}
		#features a:link {
			color:#000000;
			text-decoration:underline;
		}
		#features a:visited {
			color:#777777;
			text-decoration:underline;
		}
		#features a:hover {
			color:#5777ab;
			text-decoration:underline;
		}
		#features a:active {
			color:#000000;
		}

/* FEATURES 1 */

		#feature1 {
			float:left;
			width: 227px;
			margin-right:18px;
		}
		#feature1 .boxcommen {
			background-image: url(gfx/background_featurebox1.gif);background-color:#f5e9d7;
		}
		#feature1 .featureheader {
			background-image: url(gfx/featurebox1_header.gif);
			height:14px;
			font:normal 10px verdana,arial,sans-serif;
			padding-left:9px;
			padding-top:4px;
		}
		#feature1 .featurecontent1 {
			border-left:1px solid #fddf9d;
			border-right:1px solid #fddf9d;
			padding-left:6px;
			padding-right:6px;
			padding-bottom:0px;
			font:normal 10px verdana,arial,sans-serif;
			background-color: #f1e8d6;
		}

/* FEATURES 2 */

		#feature2 {
			float:left;
			width: 227px;
			margin-right:18px;
		}
		#feature2 .boxcommen {
			background-image: url(gfx/background_featurebox2.gif);
			background-color:#e7f0f6;
		}
		#feature2 .featureheader {
			background-image: url(gfx/featurebox2_header.gif);
			height:14px;
			font:normal 10px verdana,arial,sans-serif;
			padding-left:9px;
			padding-top:4px;
		}
		
		#feature2 .featurecontent2 {
			border-left:1px solid #b2bad2;
			border-right:1px solid #b2bad2;
			padding-left:6px;
			padding-right:6px;
			padding-bottom:0px;
			font:normal 10px verdana,arial,sans-serif;
			background-color: #e7f0f6;
		}

/* FEATURES 3 */

		#feature3 {
			float:left;
			width: 227px;
		}
		#feature3 .boxcommen {
			background-image: url(gfx/background_featurebox3.gif);
			background-color:#f1e0d6;
		}
		#feature3 .featureheader {
			background-image: url(gfx/featurebox3_header.gif);
			height:14px;
			font:normal 10px verdana,arial,sans-serif;
			padding-left:9px;
			padding-top:4px;
		}
		#feature3 .featurecontent3 {
			border-left:1px solid #ecc4a8;
			border-right:1px solid #ecc4a8;
			padding-left:6px;
			padding-right:6px;
			padding-bottom:0px;
			font:normal 10px verdana,arial,sans-serif;
			background-color: #f1e0d6;
		}

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

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */  
.formfields {
	color: #000000;
	background-color: #ffffff;
	border-bottom: black 1px solid;
	border-left: black 1px solid;
	border-right: black 1px solid;
	border-top: black 1px solid;
	height: 14px;
	width: 150px;
	vertical-align: middle;
	font:normal 11px/14px arial,verdana,sans-serif;
}