/* ############################################################### */
/* basic elements */
/* ############################################################### */
html
{
  height: 101%;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 108%;
	text-align: center;
	margin-bottom: 3em;
	padding-left: 40px;
	heigth: 100%;
}

img
{
  border: none;
}

/* ############################################################### */
/* Spezial Klassen */
/* ############################################################### */

.clearBoth
{
  clear: both;
  display: block;
  visibility: hidden;
  line-height: 0.00;
  font-size: 0.00;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
 .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

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


/* Safari braucht das */
.clearfix { display: block; }

.invisible
{
  visibility: hidden;
  line-height: 0.0;
  font-size: 0.0;
  display: none;
}

.imgFloatRight
{
  float: right;
  margin-left: 15px;
  margin-bottom: 5px;
}

.imgFloatLeft
{
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}

.floatLeft {float: left;}
.floatRight {float: right;}