/* *** Style Lampe Corporate Finance ***
	IT-On.NET 	RKN	09/2007
*/

body {
	background-color: 		#FFFFFF;
	font-size: 					0.83em;
	font-family: 				Arial, Sans-Serif;
	color:						#333333;
	padding:						0px;
	margin:						0px auto 0px auto;
 	z-index:						0;
}

/* ----------container to center the layout-------- */
#container {
	width: 						700px;
	min-height:					600px;
	float:						none;
	padding:						0;
	margin: 						0 auto 0 auto;
	border-left:				240px solid #EEF2EF;
 	z-index:						1;
}
div#container.start, div#container.nopic {
	border-left:				0;
	width:						940px;
	min-height:					570px;
}

/* ---------- Kopf mit Logo und Servicemenue -------------- */
#kopf {
	position:					fixed;
	width:						940px;
	height:						157px;
	top:							0;
	margin-left:				-240px;
	background-image:			url(../images/kopf/kopf_ueber.jpg);
	background-repeat:		no-repeat;
	background-color:			#FFFFFF;
}
div#container.start #kopf, div#container.nopic #kopf {
	margin-left:				0;
}

#logo {
	float:						right;
	margin:						20px 20px 20px 20px;
	border:						0;
}
#spruch {
	float:						left;
	margin:						50px 0 0 20px;
}

#servicemenu, #menu {
	float:					right;
	text-align: 			left;
	font-size:				0.9em;
	background-color:		#386546;
	padding:					3px 0 3px 10px;
}
#servicemenu a, #menu a {
	color:					#D1DED1;
	text-decoration:		none;
	text-transform:		uppercase;
	font-weight:			bold;
	margin:					0 20px 0 5px;
}
#servicemenu a:hover, #menu a {
	color:					#FFFFFF;
}
form.suche {
	margin:					0;
	padding:					0;
	display:			  		inline;
	vertical-align:		top;
}
#servicemenu form.suche a {				margin-right: 5px; }
input.suche {
	border:					0;
	width:					80px;
	font-size:				0.9em;
	height:					12px;
	margin-right:			20px;
}

/* --------------left navi------------- */
#left {
 	width:					240px;
 	float:					left;
 	position:				fixed;
 	margin-left:			-240px;
	margin-top:				170px;
	padding:				16px 0 10px 0;
}


/* -----------------content--------------------- */
#content{
	width:					650px;
	min-height:				390px;
	padding:				187px 20px 0px 20px;
}
#container.start #content{
	position:				fixed;
	width:					900px;
	margin-top:				163px;
	padding-top:			0;
	background-image:		url(../images/kopf/body_start.jpg);
	background-repeat:	no-repeat;
}

#container.nopic #content{
	width:					900px;
	padding:					175px 20px 20px 20px;
}

/*  ----------------footer---------------------- */
#footer {
	position:				relative;
	clear:					left;
	color:					#666666;
	font-size:				0.8em;
	padding:					3px 0 0 0;
	margin: 					0 auto 0 auto;
	text-align: 			center;
}

/* ---- Standard Links ------------- */
a, a:active {		color:  	#386546;	}
a:visited {			color:	#7C9A81; }
#content a:hover {color: 	#7C9A81; }


/*- Menu --------------------------- */

#menu {
	position:					fixed;
	float:						left;
	margin-left:				-240px;
	top:							0;
	margin-top:					157px;
	padding:						3px 6px 2px 6px;
	width:						928px;
	height:						17px;
	text-align:					justify;
}
div#container.start #menu, div#container.nopic #menu  {
	margin-left:				0;
}
span.menuspace {
	letter-spacing:			3em;
}

#menu a.m1, #menu a.m1:link, #menu a.m1:visited, #menu a.m1aktiv, #menu a.m1open {
	color:						#D1DED1;
	margin:						0 auto 0 0;
	padding:						0 14px 0 14px;
	text-decoration: 			none;
	vertical-align:			middle;
	font-weight:				bold;
}
#menu a.m1aktiv, #menu a.m1open {
	color:						#FFFFFF;
}
#menu a.m1:hover, #menu a.m1aktiv:hover {
	color:						#FFFFFF;
	text-decoration: 			none;
}

/* Blockelemente fuer Hauptmenuepunkte (mit Breitenanpassung) */
div.hmp010, div.hmp020, div.hmp030, div.hmp040, div.hmp050 {
	width:						190px;
	float:						left;
}
div.hmp020 {	width:						213px;	}
div.hmp030 {	width:						195px;	}

div.hmp050 {
	width:						120px;
	text-align:					right;
	float:						right;
}


#left a.m2, #left a.m2aktiv, #left a.m2open {
	text-decoration: 			none;
	color:						#002D5E;
	font-size:					0.9em;
	display:						block;
	padding:						5px 0 5px 20px;
	margin:						0;
}
/* #left a.m2:first-line {
	padding-left:				-20px;
}*/
#left a.m3, #left a.m3aktiv, #left a.m3open {
	text-decoration: 			none;
	color:						#000000;
	font-size:					0.9em;
	display:						block;
	padding:						3px 0 3px 3px;
	margin:						0 0 0 30px;
}

#left a.m4, #left a.m4aktiv {
	text-decoration: 			none;
	color:						#000000;
	font-size:					0.9em;
	display:						block;
	padding:						3px 0 3px 3px;
	margin:						0 0 0 40px;
}

#left a.m2open, #left a.m2aktiv, #left a.m3open, #left a.m3aktiv,
#left a.m4open, #left a.m4aktiv, #left a.open, #left a.aktiv {
	background-color:			#D1DED1;
}
a.m2:hover, #left a.m2:hover, #left a.m2:hover li, #left a.m3:hover,
#left a.m3:hover li, #left a.m4:hover, #left a.m4:hover li {
	background-color:			#E0E8E0;
}

#sitemap a, #sitemap a:visited, #sitemap a:hover {
	text-decoration: 			none;
	color:						#386546;
	display:						block;
	padding:						4px 0 2px 0;
}
#sitemap a.m1, #sitemap a.m1:visited, #sitemap a.m1:hover {
	font-weight:				bold;
}
#sitemap a.m2, #sitemap a.m2:visited, #sitemap a.m2:hover {
	padding-left:				10px;
}
#sitemap a.m3, #sitemap a.m3:visited, #sitemap a.m3:hover {
	padding-left:				20px;
}
#sitemap a:hover {    background-color: #E0E8E0; }
#sitemap a.m1:hover { background-color: #D1DED1; }


#left span.quad {
	display:						block;
	float:						left;
	margin:						2px 5px 0 -15px;
	width:						10px;
	line-height:				10px;
}
#left a.m2aktiv span.quad, #left a.m2open span.quad {
	background-color:			#386546;
}
#left a.m2:hover span.quad {
	background-color:			#A1AEA1;
}

#left a.m3aktiv, #left a.m4aktiv {
	font-weight:				bold;
}
/*		Formtierung der Inhalte */

h1 {
	font-size: 					1.4em;
	margin-top:					0px;
	padding-top:				0px;
}

h2 {
	font-size:					1.1em;
	padding-bottom:			0;
	margin-bottom:				0;
	line-height:				1.5em;
}

h3.einleitung {
	font-size:					0.9em;
	font-weight:				bold;
	margin:						0 0 0.5em 0;
	padding:						0;
}

#content ul {
	list-style:					square;
	padding-left:				2em;
}
#content li {
	margin-top:					0.5em;
}

br.nospace {	line-height:	0.01em; }

.klein 	{	font-size:		85%;	 line-height:		160%;		}
.gross 	{  font-size:	 	130%; 		}

/* Farben */
.gruen  	{	color:				#386546;		}
.bggruen	{	background-color:	#386546;		}
.grau		{	color:				#666666;		}
.bggrau	{	background-color:	#666666;		}
.hgrau	{	color:				#DDDDDD; 	}
.bghgrau	{  background-color:	#DDDDDD; 	}
.weiss 	{  color:				#FFFFFF;		}
.bgweiss {  background-color:	#FFFFFF;		}

.hidden {
	visibility:						hidden;
	display:							none;
}

hr {
	height:				2px;
	color:				#333333;
	background-color:	#333333;
	border:				none;
	margin:				0;
}

/* Bild (img) im Textblock */
div.bildmitte {
	width:				100%;
	text-align:			center;
	margin:				0;
}
div.bildlinks {
	float:				left;
	margin:				0 10px 0 0;
}
div.bildlinks img {
	margin:		 		0 0px 0 0;
	padding:				5px 0 0 0;
}
div.bildrechts {
	float:				right;
	margin:				0 0 0 10px;
}
div.bildrechts img {
	margin:		 		5px 0 0 0px;
	padding:				5px 0 0 0;
}
div.bildrechts p{
	margin-left:		12px;
}
#bild, div.bildlinks, div.bildrechts {
	padding:				0;
	border-spacing:	0;
	font-size:			0.80em;
}
div.bildmitte p {
	margin-top:			0;
	font-size:			0.80em;
}
#bild td {
	padding:				0;
	margin:				0;
}
#bild p, div.bildlinks p, div.bildrechts p {
	padding:				0 0 3px 5px;
	margin:				0;
}



div.rechts {
	float:						right;
	margin:						0 0px 3px 10px;
}
div.links {
	float:						left;
	margin:						0 10px 3px 0px;
}
.mittig {
	text-align:					center;
}
div.halb 	{
	float:						left;
	width:						48%;
}
div.drittel {	width:		30%; 	}

div.kasten {
	border:						1px dashed	#AAAAAA;
	border-width:				0 1px 1px 0;
	background-color:	   	#F0F0F0;
	padding:						7px;
}

#content p {
	margin-top:					0.3em;
	margin-bottom:				1em;
}


/* Tabellen im Inhalt */

#content table {
	background-color:		 	#F5F5F5;
}
#content th {
	background-color:		 	#E1E6E3;
	text-align:					right;
	vertical-align:			top;
	padding:						10px;
}
#content td {
	vertical-align:			top;
}

#content table.texte  {
	border-collapse:				collapse;
}
#content table.texte td {
	padding:						5px;
	margin:						10px;
	vertical-align:			middle;
	border-top:					10px solid #FFFFFF;
}
#content table.texte td img {
	border:						5px solid #CAD8ED;
}

/* Mitarbeiterbeschreibung */
div.mitarbeiter img.links {
	border:						2px solid #EEF2EF;
}
div.matext {
	float:						left;
	width:						400px;
	padding:						0 0 15px 10px;
}
div.matext ul { margin-left:-10px; }

/* Formulare im Inhalt */
#content form {
	background-color:		#F5F5F5;
}

/* Eingabefelder in Formularen */
input, select, textarea {
	background-color:    	#FFFFFF;
	border: 						0;
	padding:						1px 1px 1px 2px;
}
input.checkbox {
	margin-bottom: 	0px;
	border:				0px;
}
/* Lange, mittlere und kurze Eingabefelder in Formularen (z. B. Name)*/
input.lang, textarea.lang, select.lang{			width:				300px; }
input.mittel, select.mittel, textarea.mittel{	width:				180px; }
input.kurz, select.kurz, textarea.kurz {     	width:				60px;  }

/* Absenden-Knoepfe in Formularen */
input.knopf {
	background:			#386546;
	font-weight:		bold;
	color:  				#ffffff;
	border-top:			1px solid #dce3ea;
	border-left:		1px solid #dce3ea;
	border-bottom:		1px solid #000000;
	border-right:		1px solid #000000;
}

/* Hervorhebung bei Pflichtfeldern */
input.pflichtfeld {}

input.fehler, div.checkboxfehler {
	background-color: 	#D1DED1;
}
span.pflicht {
	font-weight:			bold;
	color:					#386546;
}

div.formularfehler {
	background-color:		#F5F5F5;
	color:					#386546;
	font-weight:			bold;
}



/*- Druckausgabe --------------------------- */


@media print {

body, #container, div#container.start, div#container.nopic  {
	position:					relative;
	background-image:			none;
	width:						660px;
	border:						0;
	padding:						0;
	margin:						0;
}

#kopf {
	position:					relative;
	background-image:			none;
	width:						100%;
	height:						auto;
	margin:						0;
	padding:						0;
	border:						0;
	clear:						both;
}
#logo	{
	margin:						0;
}

#content, #container.nopic #content {
	background-image:			none;
	position:					relative;
	padding:						0;
	margin:						0;
	width:						660px;
	border:						0;
}

#left, #menu, #servicemenu, .noprint, .clLevel0 {
	visibility:					hidden;
	display:						none;
	width:						1px;
}

div.halb 	{ 	width:		48%; }
div.drittel	{ 	width:		29%; }


#footer {
	border:						none;
	margin-top:					30px;
	width:						100%;
}

}