/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  CSS-Hacks									                                	                       */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/*	-	Um den doppelten vertikalen margin/padding im IE7 zu verhindern, muss man dem betreffenden Element
		die Eigenschaft "display: inline-block;" geben.
*/



html
{
	height: 100%;
	width: 100%;
	font-size: 62.5%;
}

*
{
	margin: 0;
	padding: 0;
	font-size: 1em;
}

ul
{
	margin-left: 1.5em;
}

ol
{
	margin-left: 3em;
}

a img
{
	border: 0px none;
	outline: 0px none;
}

table
{
	border: 0;
	border-collapse: collapse;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung usability Elemente am Inhaltsende                               	                       */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#usability
{
	float: right;
	display: inline;
	width: 154px;
	display: inline;
}

#usability ul
{
	float: right;
	display: inline;
	list-style: none;
}

#usability li
{
	margin: 0;
	padding: 0px 0 0px 10px;
	float: left;
	display: inline;
}


/*	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*  SeitenŸbergreifende Befehle  																			*/
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/

.block
{
	display: block;
}

.linksbuendig
{
	text-align: left;
}

.zentriert
{
	text-align: center;
}

.rechtsbuendig
{
	text-align: right;
}

img.links_umflossen
{
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
}
img.rechts_umflossen
{
	float: right;
	display: inline;
	margin: 0 0 20px 20px;
}


.strong
{
	font-weight: bold;
}



span.left
{
	clear: left;
	float: left;
	display: inline;
	width: 90px;
	text-align: right;
}

span.right
{
	float: left;
	display: inline;
	margin-left: 10px;
	width: 300px;
}

span.celle
{
	clear: both;
	float: left;
	width: 500px;
	margin-bottom: 5px;
}


.bild_links 
{
	float: left;
	margin: 0 10px 10px 0;
}

.bild_rechts 
{
	float: right;
	margin: 0 0 10px 10px;
}




.center
{
	text-align: center;
}

.clearer
{
	clear: both;
}


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