/* CSS Document */

/* Stezen aller Margins und Paddings auf 0*/
* {
	padding:0; margin:0
	}
	
a {color:#2a4f0c; font-weight:bold;}

/* Standartschrift, HG und Farbe definieren*/
body{	
	width: 100%;
    height: 100%;
	color: #2a4f0c; 
	font-family:Arial; 
	font-size:11pt;
	background-color:white;
	overflow:hidden;
	}

/* BG-Image auf unterste Ebene anordnen */
#bgImg {
	position:absolute; 
	z-index:1; 
	width:100%; 
	height:100%;
	}

#slideshow {}
#slideshow > div {position: absolute;}

/* Karten DIV in der mitte zentrieren */

div.card {
	position: absolute;
	z-index:5;
	background-image:url(../images/card-bg.png);
	width: 970px;
	height: 680px;
	top: 50%;
	left: 50%;
	margin: -340px 0 0 -485px;
}

div.card-foto {
	position: absolute;
	z-index:10;
	background-image:url(../images/headline-leer.jpg);
	width: 961px;
	height: 307px;	
	margin: 42px 0 0 4px;
}

div.card-side {
	position: absolute; 
	z-index:15;
	width: 164px;
	height: 300px;	
	padding: 50px 0 0 16px;
}

div.card-text {
	position: absolute;
	background-color:#f1eff0;
	overflow:hidden;	
	-moz-box-shadow:    5px 5px 0px 0px grey;
    -webkit-box-shadow: 5px 5px 0px 0px grey;
    box-shadow:         5px 5px 0px 0px grey;
}

.one {
	z-index:20;
	width: 300px;
	height: 325px;
	margin: 325px 0 0 15px;
}

.two {
	z-index:22;
	width: 300px;
	height: 325px;
	margin: 325px 0 0 332px;
}

.three {
	z-index:24;
	width: 300px;
	height: 325px;
	margin: 325px 0 0 649px;
}

.big {
	position: absolute;
	z-index:22;
	width: 610px;
	height: 595px;
	margin: 55px 0 0 332px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.innerBig {
	position: absolute;
	z-index:23;
	width: 610px;
	height: 595px;
	margin: 55px 0 0 332px;
	left: 6px;
	top: -1px;
}

.scroll {overflow:auto;}

p {	padding: 10px 10px 10px 10px ;}
.justify { text-align: justify; }
.center { text-align: center; }
.left { text-align: left; }
.small { font-size: 9pt; }
.bigger { font-size: 12pt; }

h1, h2, h3, h4 { padding: 10px 10px 5px 10px ;}


/* img */

.floatleft { 
	margin: 0px 10px 2px 0px;
	float:left;
	-moz-box-shadow:    2px 2px 0px 0px grey;
    -webkit-box-shadow: 2px 2px 0px 0px grey;
    box-shadow:         2px 2px 0px 0px grey;	
 }

.floatmiddle { 
	margin: 0px 10px 2px 0px;
	text-align:center;
	-moz-box-shadow:    2px 2px 0px 0px grey;
    -webkit-box-shadow: 2px 2px 0px 0px grey;
    box-shadow:         2px 2px 0px 0px grey;	
 }


.floatright { 
	margin: 0px 0px 2px 10px;
	float:right;
	-moz-box-shadow:    2px 2px 0px 0px grey;
    -webkit-box-shadow: 2px 2px 0px 0px grey;
    box-shadow: 	
 }
 
ul { margin: 0 0 30px 30px;}
li { margin: 0 0 10px 0;}
.extraspace { margin-right: 30px;!important}

.R1SP2 { 
	border: 0px;
	width: 100%;	
	vertical-align:text-top;
	text-align: left;
	}
	
.R1SP2 td { 
	border: 0px;
	width: 50%;
	vertical-align:text-top;
	text-align: left;
	}

.R1SP3 { 
	border: 0px;
	width: 100%;
	vertical-align:middle;
	text-align: center;
	}
	
.R1SP3 td { 
	border: 0px;
	width: 33%;
	vertical-align:middle;
	text-align: center;
	}
	
hr { 
	width:95%;
	margin: 10px 0 10px 10px;
	text-align:center;
	}