/* CSS Document */

a:link { text-decoration: none; color: #FFFFFF; }
a:visited { text-decoration: none; color: #FFFFFF; }
a:hover { text-decoration: none; color: #ffaa00; }
a:active { text-decoration: none; color: #FFFFFF; }

a.sonderklasse:link { text-decoration: none; color: #333333; }
a.sonderklasse:visited { text-decoration: none; color: #333333; }
a.sonderklasse:hover { text-decoration: none; color: #ffaa00; }
a.sonderklasse:active { text-decoration: none; color: #333333; }


body  {
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	background:		#CBDBC0;
	color: 			#CBDBC0;
	width:				100%;
	height:				100%;
}

/* box - weiß */
#box1 { 
		position:		absolute;
		top:				25px;
		left:				25px;
		width:			800px;
		height:			660px;
		z-index:		1;
		background:	#FFFFFF;
		border:			solid 0px #CCCCCC; 
}

/* box - hg dunkelgruen */
#box2 { 
		position:		absolute;
		top:				35px;
		left:				35px;
		width:			780px;
		height:			640px;
		z-index:		2;
		background:	#5E7E59;
		border:			solid 0px #CCCCCC;
}

/* box - weiß, hg fuer kopf */
#box3 { 
		position:		absolute; 
		top:				85px; 
		left:				50px; 
		width:			770px;
		height:			150px;
		z-index:		3;
		background:	#FFFFFF;
		border:			solid 0px #CCCCCC;
}

/* box - hellgruen, hg fur kopf */
#box4 { 
		position:		absolute; 
		top:				95px; 
		left:				60px; 
		width:			750px;
		height:			130px;
		z-index:		4;
		background:	#CBDBC0;
		border:			solid 0px #CCCCCC;
		background-image: url(images/eliod_logo_head.gif);
}

/* box fuer inhalt */
#box5 { 
		position:		absolute;
		top:				235px;
		left:				200px;
		width:			600px;
		height:			420px;
		z-index:		6;
		background:	#FFFFFF;
		overflow: 		auto;
		padding-left: 15px; 		
}

/* box weiß fuer hg inhalt */
#box9 { 
		position:		absolute;
		top:				235px;
		left:				200px;
		width:			600px;
		height:			430px;
		z-index:		5;
		background:	#FFFFFF;
		overflow: 		auto;
		padding-left: 15px; 		
}


/* box fuer links */
#box6 { 
		position:		absolute;
		top:				235px;
		left:				40px;
		width:			130px;
		height:			350px;
		z-index:		7;
		background:	#5E7E59;
		overflow: 		hidden;		
		padding-left: 15px; 		
}

/* box fuer abschließenden balken */
#box7 { 
		position:		absolute;
		top:				670px;
		left:				65px;
		width:			670px;
		height:			25px;
		z-index:		8;
		background:	#22846B;
		overflow: 		hidden;
}

/* box fuer email and so on */
#box8 { 
		position:		absolute;
		top:				100px;
		left:				65px;
		width:			650px;
		height:			25px;
		z-index:		9;
		overflow: 		hidden;
}

/* box fuer startseite - hg weiß */
#box10 { 
		position:		absolute;
		top:				50%;
		left:				50%;
		width:			450px;
		height:			300px;
		margin-left:	-225px;
		margin-top:	-150px;
		z-index:		10;
		background:	#FFFFFF;
		overflow: 		hidden;
}

/* box fuer startseite - hg guen */
#box11 { 
		position:		absolute;
		top:				50%;
		left:				50%;
		width:			430px;
		height:			280px;
		margin-left:	-217px;
		margin-top:	-142px;
		z-index:		11;
		background:	#FFFFFF;
		border:			solid 3px #5E7E59;
		overflow: 		hidden;
}



.cell {
		position:		absolut;
		margin-left:	 0px;
		margin-bottom:	 8px;
		margin-right:	15px;
		margin-top: 	5px;
		text-align:		justify;
}

.link {
		font-size: 		12px;
		color: 			#FFFFFF;
		line-height: 	28px;
		font-family: 	Verdana,Arial,Helvetica;
		font-weight:	normal;
}

.email {
		font-size: 		13px;
		color: 			#CCCCCC;
		line-height: 	28px;
		font-family: 	Verdana,Arial,Helvetica;
		font-weight:	normal;
}

.active {
		font-size: 		12px;
		color: 			#FFAA00;
		line-height: 	28px;
		font-family: 	Verdana,Arial,Helvetica;
		font-weight:	normal;
}

.ueber {
		font-size: 		13px;
		color: 			#FFAA00;
		line-height: 	18px;
		font-family: 	Verdana,Arial,Helvetica;
		font-weight:	normal;
}

.lesen {
		font-size: 		12px;
		color: 			#333333;
		line-height: 	18px;
		font-family: 	Verdana,Arial,Helvetica;
		font-weight:	normal;
		text-align:		justify;
}

.bggray
{
font-size: 12px;
color: #000000;
line-height: 18px;
font-family: Verdana,Arial,Helvetica;
background-color:#CCCCCC;
}