p {	font-size:medium; margin-top:10px !important; }

h1 {font-size:large;  font-weight:bold; margin:20px 0px 20px 0px !important;}
h2 {font-size:medium; font-weight:bold; margin:5px 0px 5px 0px !important;}

/******************************/
/* DIV classes for generic use*/
/******************************/

div.screenshot{
	float:left;
	margin: 5px;
}

div.hptext {
	padding: 30px 20px 20px 20px;
	background-color:#EEEEEE;
	height: 500px;
}

ul.infolist{
	padding:10px 10px 10px 10px;
	list-style-type:disc;
	color:#111155;
}

ul.infolist li{
	padding:3px 3px 3px 3px;
	font-size:small;
}

/******************************/
/* DIV ids for specific use*/
/******************************/


div#hpcolumnleft {
	clear: both;
	width: 10%;  /* Necessary for firefox float handling */
}
div#hpcolumncenter {
	position:absolute; left:120px;
	float: left;
	width: 80%;  /* Necessary for firefox float handling */
}
div#hpcolumnright {
	float: right;
	width:10%; /* Necessary for firefox float handling */
}

div#rssTitleTemplate {
	font-size:small;
}
div#rssBodyTemplate {
	font-size:small;
	text-align:left;
}
/**************************************/
/* DIV ids  for the General Layout    */
/**************************************/

div#page {
	width:100%;
	height:100%;
	position:absolute; top:0; left:0;
	font-family:Arial, Helvetica, sans-serif;
/*	background-color:#000055; */
	background-color:#333399;
}
div#header {
/*	background:#6600CC; */
/*	background-image:url(../images/desktop.jpg) !important; */
/*	overflow:auto; */
}
div#headerleftcolumn {
	float: left;
	background-color:transparent;
	width: 150px;  /* Necessary for firefox float handling */
}
div#logo {
	background-color: transparent;
	margin: 2px;
}
div#headerrightcolumn {
	float: right;
	height: 150px;
	margin: 0px;	
	width:150px; /* Necessary for firefox float handling */
}
div#languageflags {
	float: left;
	width: 10px;
	margin: 40px 30px 10px 0px;
}
div#headercentercolumn {
	float: left;
	height:150px;
	margin:0px;
/*	background-image:url("../images/homepage/logo-design balken 1050x150.jpg") !important; */
	min-width: 500px;
	width: 68%;  /* Necessary for firefox float handling */
}

div#headerline1 {
	float: left;
	width: 30%;
}
div#headerline2 {
	width: 68%;
	float: left;
	text-align: center;
	vertical-align:middle;
	color:#DDDDDD;
}

div#content {
/*	background:#BBBBFF; */
	clear:both;
	overflow:auto; /* Only then the screen is filled with the background color */
  height:auto;
	}

div#footer {
	position:absolute; top:800px;
	width:100%;
	clear: both;
	height:32px;
	text-align:center;
	font-size:small;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-weight:lighter;

}
