* {
	border:	0;
	margin:	0;
	padding:0;

	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:	12px;
	text-decoration: none;
	font-style:	normal;
	line-height:18px;
	text-align:	left;
}


html {
	width:100%;
	height:100%;
}

body {
	position:absolute;
	top:50%;
	margin-top:-280px;
	background-color:#FFF;
	width:100%;
	height:560px;
	text-align:center;

}

hr {
	display:none;
	clear:both;
}

h2 {
	display:none;
}

p, address {
	margin-bottom:1.5em;
}





/*
*	Allgemein
*/
#siteContainer {
	margin:auto;
	position:relative;
	text-align:left;
	width:948px;
	height:530px;
	border-left:1px solid #665D55;
	border-right:1px solid #665D55;
	border-bottom:5px solid #665D55;
}

#logo {
	width:948px;
	height:120px;
	background-color:#665D55;
	color:#FFF;
	overflow:hidden;
	text-align:right;
}

#logo img {
	color:#FFF;
}



/*
*	Navigation
*/
#navigation1 {
	top:520px;
	right:22px;
}

#navigation2 {
	top:520px;
	left:49px;
	border-right:1px solid #FFF;
}

ul.navigation {
	position:absolute;
	z-index:10;
	list-style-type:none;
}

ul.navigation li {
	width:88px;
	height:35px;
	overflow:hidden;
	float:left;
	border-left:1px solid #FFF;
}

#navigation1 li {
	border-left:none;
}

ul.navigation li a {
	display:block;
	width:100%;
	height:20px;
	overflow:hidden;
	float:left;
	margin-top:10px;
	background-color:#FFF;
	text-align:center;
}

ul.navigation li a:hover {
	margin-top:7px;
	padding-top:3px;
}

/*	Farben	*/
ul.navigation li a.red		{	border-top:5px solid #E0001E;	}
ul.navigation li a.green	{	border-top:5px solid #00A651;	}
ul.navigation li a.orange	{	border-top:5px solid #D97F0C;	}
ul.navigation li a.blue		{	border-top:5px solid #00A3E3;	}
ul.navigation li a.gray		{	border-top:5px solid #665D55;	}





/*
*	Content
*/
#contentContainer {
	position: absolute;
	top:165px;
	left:460px;
	width:455px;
	height:360px;
	overflow:hidden;
}

#contentContainer h1 {
	margin-bottom:1em;
}

#contentContainer p {
	padding-left:1px;
}

#contentContainer ul, #contentContainer ol {
	padding-left:2em;
	margin-bottom:1.5em;
}


/*
*	Beispiele
*/
#egPicture {
	position:absolute;
	top:150px;
	left:50px;
}

#egList {
	position:absolute;
	top:475px;
	left:50px;
	height:35px;
	overflow:hidden;
	list-style-type:none;
	z-index:1;
}

#egList li {
	float:left;
}

#egList li ol {
	list-style-type:none;
	clear:left;
}

#egList li h3 {
	display:block;
	height:20px;
	line-height:10px;
	width:auto;
	border-left:1px solid #000;
	padding-left:4px;
	margin-bottom:5px;
	float:left;
}

#egList a {
	display:block;
	height:8px;
	width:8px;
	border:1px solid #665D55;
	background-color:#FFF;
	line-height:30px;
	overflow:hidden;
	margin-right:10px;
}

#egList li a:hover, #egList li a.over {
	background-color:#665D55;
}

#infoText {
	position:absolute;
	top:95px;
	left:49px;
	color:#FFF;
	width:450px;
	overflow:hidden;
}


#egList.rot a {
	border:1px solid #E0001E;
}

#egList.rot li a:hover, #egList.rot li a.over {
	background-color:#E0001E;
}

#egList.gruen a {
	border:1px solid #00A651;
}

#egList.gruen li a:hover, #egList.gruen li a.over {
	background-color:#00A651;
}

#egList.gelb a {
	border:1px solid #D97F0C;
}

#egList.gelb li a:hover, #egList.gelb li a.over {
	background-color:#D97F0C;
}


/*
*	Form
*/
form p {
	margin-bottom:5px;
	clear:both;
}

form label {
	width:75px;
	display:block;
	float:left;
}

form input, textarea {
	border:1px solid #665D55;
}

textarea {
	height:75px;
}