* {
margin:0;
padding:0;
}

html, body {
height:100%;
}

/* IE Win only \*/
* html #wrap {
height:100%;
}
/* */

#footer {
height:23px;
margin-top:-23px;
}

/* Styling */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #d50a46;
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
text-align: left; /* horizontal zentrieren fuer IE5 */
}

#wrap {
min-height:100%;
width:900px;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align:left;
}

#header {
height: 61px;
padding:39px 0px 41px 39px;
}

#contentX {
padding: 0px 0px 23px 0px; /* unteres padding in der Hoehe des footers vermeidet Ueberlappung */
}

#footer {
height:23px;
margin-left:auto;
margin-right:auto;
color: #FFFFFF;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 23px;
}

#footer font {
margin-left: 475px;
background-color: #d50a46;
}

#footer a:link, #footer a:visited, #footer a:hover {
color: #FFFFFF;
text-decoration: none;
}

#sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 140px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/* the background color will be displayed for the length of the content in the column, but no further */
padding: 0px 0px 0px 39px; /* padding keeps the content of the div away from the edges */
}

#sidebar2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height:18px;
float: right; /* since this element is floated, a width must be given */
width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

/* the background color will be displayed for the length of the content in the column, but no further */
margin-top: 0px;
margin-bottom: 15px;
padding: 0px 0px 0px 0px; /* padding keeps the content of the div away from the edges */
text-align: left;
}

#mainContent {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height:17px;
text-align: justify;
margin-top: 0px;
margin-right: 300px;
margin-bottom: 0px;
margin-left: 215px;
padding: 0px 0px 0px 0px;
}

h1 {
font-size: 14px;
font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight:bold;
 	font-style: oblique;
	margin-bottom: 5px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

a:link {
color:#FFFFFF;
text-decoration: underline;
}

a:visited {
color:#FFFFFF;
text-decoration: underline;
}

a:hover {
color:#FFFFFF;
text-decoration: none;
}

ol {
margin-left: 20px;
}

li {
list-style-position: outside;
margin-left: 15px;
margin-top: 10px;
}

.infobox {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	background-color:#e0f0e0;
	border: 1px solid #006746;
}

.image {
border: 1px #b60036 solid;
}

em {
color:#000000;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#006746;
    text-decoration:none;
	background-color: #eff0f0;
	background: #eff0f0;
	}

a.info:hover{z-index:25; background-color:#eff0f0; text-decoration:underline; font-size: 99%; }

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575656;
	text-decoration:none;
	position:absolute;
    top:20px;
	left:-200px;
	width:400px;
    border:1px solid #575656;
    background-color:#e0f0e0;
	padding: 10px;
}

.emcs {
	font-style: italic;
}

.small {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}

.verysmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 14px;
color: #000000;
}