/*
CSS für HMS - Hannchen Mehrzweck Stiftung
Autor: Michael Kloss
*/


/* Beginn global */

	body { 
		color: #000; 
		font-size: 10pt; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		background-color: #d0d0d0; 
		background-image: url(../bilder/hms-bg.gif);
		background-repeat:repeat;
		 
		scrollbar-face-color:#EEEEEE;
		scrollbar-shadow-color:#808080;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-3dlight-color:#808080;
		scrollbar-darkshadow-color:#000000;
		scrollbar-track-color:#F2F2F2;
		scrollbar-arrow-color:#FFFFFF;
	}
	
	.hms-color {color: #d3418c}
		
	p { margin: 10px 0 0; }
	a { color: blue; line-height: 12pt; text-decoration: underline; }
	a:link { color: #d3418c; font-size: 9pt; font-weight: bold; text-decoration: none; }
	a:visited { color: #d3418c; font-size: 9pt; font-weight: bold; text-decoration: none; }
	a:hover { color: #d0d0d0; font-size: 9pt; font-weight: bold; background-color: #d3418c; text-decoration: none; }
	a:active { color: #fff; font-size: 9pt; font-weight: bold; background-color: #d3418c; }
	
	#MainBox { 
		background-color: white; 
		background-image: none; 
		position: absolute; 
		width: 800px; 
		height: auto; 
		/* left:50%;
		margin-left:-400px; */
	}
	#BildBoxTng { 
		font-size: 9pt; 
		font-weight: bold; 
		background-image: none; 
		position: absolute; 
		top: 16px; left: 
		180px; width: 42px; 
		height: 380px; 
		text-align: center; 
		overflow: hidden; 
	}
	
	#BildBoxHmsSchrift { 
		position: absolute; 
		top: 10px; 
		left: 346px; 
		width: 300px; 
		height: 40px; 
	}
	
	#ContBox {
		font-size: 10pt;
		font-weight: normal;
		background-color: #f4f4f4;
		background-image: none;
		text-align: justify;
		position: absolute;
		top: 55px;
		left: 248px;
		width: 510px;
		height: 440px;
		overflow: auto;
		padding: 20px 10px 10px;
		border-color: #808080 white white #d3418c;
		border-style: double solid solid double;
		border-width: 1px 3px 3px;
	}

	#AktBox {
		position:absolute;
		top:405px;
		left:10px;
		width:220px;
		height:120px;
		background-color: #f4f4f4;
		overflow:hidden;
		text-align:center;
		border-color: #808080 white white #808080;;
		border-style: solid;
		border-width: 1px 3px 3px 1px;
		}

	#copyright { 
		color: #8d8d8d; 
		font-size: 7pt; 
		text-align: center; 
		position: absolute; 
		top: 600px; left: 15px; 
		width: 760px; 
	}
	/* copyright-Hack für IE */
		* html #copyright {  /* nur fuer Internet Explorer */
		top:596px;    /* Version 5.x */
		w\idth:760px; top:596px;  /* Version 6 */
		}

	.pib  /* Person oder Position im Bild */ { 
		color: #373737; 
		font-size: 9px; 
	}

	
	h1 { font-size: 12pt; font-weight: bold; text-align: left; margin: 0 0 0; }
	h2 { font-size: 11pt; font-weight: bold; text-align: left; margin: 20px 0 0; }
	h3 { font-size: 10pt; font-weight: bold; text-align: left; margin: 20px 0 0; }
	ul { margin: 0 0 0 30px; padding: 0; }
	ol { margin: 0 0 0 30px; padding: 0; }
	li { margin: 5px 0 0; }
	
/* Ende global */	


/* Beginn MenuBox links */

	#MenuBoxLinks { 
		font-size: 9pt; 
		font-weight: bold; 
		background-image: none; 
		text-align: center; 
		position: absolute; 
		top: 10px; 
		left: 10px; 
		width: 300px; 
		height: 380px; 
		overflow: hidden; 
	}

	#MenuBoxLinksHome { 
		font-size: 9pt; 
		font-weight: bold; 
		background-image: none; 
		text-align: center; 
		position: absolute; 
		top: 0; left: 38px; 
		width: 122px; 
		height: 114px; 
		overflow: hidden; 
	}
	
	#MenuBoxRose { 
	color: #4db14d; 
	font-size: 8pt; 
	font-weight: bold; 
	background-color: #e9ffea; 
	text-align: center; 
	position: absolute; 
	top: 15px; 
	left: 50px; 
	width: 109px; 
	height: 100px; }
	
	#MenuBoxLinks a { color: #d3418c; font-size: 8pt; font-weight: bold; line-height: 9pt; }
	#MenuBoxLinks a:hover { color: #ccc; font-size: 8pt; font-weight: bold; background-color: #d3418c; }
	#MenuBoxLinks a:active { color: #fff; font-size: 8pt; font-weight: bold; background-color: #d3418c; }
	
	#MenuBoxLinksR1 { position: absolute; top: 136px; left: 86px; width: 90px; height: 20px; }
	#MenuBoxLinksR2 { position: absolute; top: 176px; left: 82px; width: 90px; height: 20px; }
	#MenuBoxLinksR3 { position: absolute; top: 200px; left: 98px; width: 90px; height: 20px; }
	#MenuBoxLinksR4 { position: absolute; top: 232px; left: 92px; width: 90px; height: 20px; }
	#MenuBoxLinksL1 { position: absolute; top: 142px; left: 4px; width: 80px; height: 20px; }
	#MenuBoxLinksL2 { position: absolute; top: 222px; left: 12px; width: 80px; height: 20px; }
	#MenuBoxLinksL3 { position: absolute; top: 258px; left: 4px; width: 80px; height: 20px; }
	#MenuBoxLinksL4 {
	position: absolute;
	top: 284px;
	left: 2px;
	width: 40px;
	height: 20px;
}
	#MenuBoxLinksL5 {
	position: absolute;
	top: 312px;
	left: 2px;
	width: 60px;
	height: 20px;
}

#MenuBoxLinksL6 {
	position: absolute;
	top: 338px;
	left: 8px;
	width: 60px;
	height: 20px;
}

	#MenuBoxLinksIn { position: absolute; top: 322px; left: 84px; width: 20px; height: 20px; }
	#MenuBoxLinksB1 { position: absolute; top: 268px; left: 101px; width: 17px; height: 17px; }
	#MenuBoxLinksB2 { position: absolute; top: 265px; left: 120px; width: 45px; height: 47px; }
	#MenuBoxLinksB3 { position: absolute; top: 313px; left: 119px; width: 45px; height: 47px; }
	
/* Ende MenuBoxLinks */	


/* Beginn MenuBox oben */
	
	#MenuBoxOben { 
		color: #808080; 
		font-size: 8pt; 
		font-weight: bold; 
		background-color: #eee; 
		text-align: justify; 
		position: absolute; 
		top: 550px; 
		left: 10px; 
		width: 760px; 
		height: 44px; 
		margin: 0; 
		padding-top: 1px; 
		padding-right: 3px; 
		padding-left: 3px; 
		border-color: #808080 white white #808080; 
		border-style: solid; 
		border-width: 1px; 
	}
	
	#MenuBoxOben a { 
		font-size: 8pt; 
		line-height: 21px; 
		padding-bottom: 2px; 
		border-color: white #808080 #808080 white; 
		border-style: solid; 
		border-width: 2px 1px 1px 2px; 
	}
	
	#MenuBoxOben a:active { 
		font-size: 8pt; 
		padding-bottom: 2px; 
		border-style: solid; 
		border-width: 2px 1px 1px 2px; 
		border-color: #808080 white white #808080; 
	}
	
	#MenuBoxObenHome { 
		color: #4db14d; 
		font-size: 8pt; 
		font-weight: bold; 
		background-color: #eee; 
		text-align: center; 
		position: absolute; 
		top: 25px; 
		left: 720px; 
		width: 52px; 
		height: 20px; 
		padding-top: 2px; 
		padding-left: 1px; 
		border-color: #808080 #fff #fff #808080; 
		border-style: solid; 
		border-width: 1px; 
	}
	
	#MenuBoxObenHome a { 
		font-size: 8pt; 
		padding-bottom: 2px; 
		border-style: solid; 
		border-width: 2px 1px 1px 2px; 
		border-color: white #808080 #808080 white; 
	}
	
	#MenuBoxObenHome a:active { 
		font-size: 8pt; 
		padding-bottom: 2px; 
		border-style: solid; 
		border-width: 2px 1px 1px 2px; 
		border-color: #808080 white white #808080; 
	}
	
/* Ende MenuBox oben */

/* Beginn MenuBox unten */
	
	#MenuBoxUnten { 
		color: #808080; 
		font-size: 8pt; 
		font-weight: bold; 
		background-color: #eee; 
		text-align: center; 
		position: absolute; 
		top: 550px; 
		left: 10px; 
		width: 760px; 
		height: 44px; 
		margin: 0; 
		padding-top: 1px; 
		padding-right: 3px; 
		padding-left: 3px; 
		border-color: #808080 white white #808080; 
		border-style: solid; 
		border-width: 1px; 
	}
	
	#MenuBoxUnten a { 
		font-size: 8pt; 
		line-height: 21px; 
		padding-bottom: 2px; 
		border-color: white #808080 #808080 white; 
		border-style: solid; 
		border-width: 2px 1px 1px 2px; 
	}
	
	#MenuBoxUnten a:active { 
		font-size: 8pt; 
		padding-bottom: 2px; 
		border-style: solid; 
		border-width: 2px 1px 1px 2px; 
		border-color: #808080 white white #808080; 
	}
	
/* Ende MenuBox unten */


/* Beginn Form */

	form { display: inline; }
	
	input { 
		font-size: 12px; 
		background-color: #FFFFFF; 
		color: #000000; 
		border-width: 1px; 
	}
	
	textarea { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		background-color: #ffffff; 
		color: #000000; 
		width: 95%; 
		height: 100px; 
		border-width: 1px; 
	}
	
	.textarea-counter { font-size: 8pt; width: 25px; border-width: 0px; text-align: left; background-color: #EDEDED; color: #000000; cursor: default; }

	#FormBox {
		margin-top:20px; 
		font-family:Arial; 
		font-size:11pt; 
		height: auto;
	}
	
	.FormBlock { 
		width:475px; 
		margin-top:5px; 
		margin-bottom:5px;
		font-size:10pt; 
		height: auto;
	}
		/* FormBlock-Hack für IE */
		* html .FormBlock {
			width:456px;    /* Version 5.x */
			w\idth:456px;  /* Version 6 */
		}
		
	.FormZeile { 
		width:475px; 
		clear: both; 
		height: auto; 
		padding-top: 5px; 
		padding-bottom: 5px; 
	}
		/* FormZeile-Hack für IE */
		* html .FormZeile { 
			width:456px; padding-top:0px; padding-bottom:0px;    /* Version 5.x */
			w\idth:456px; padding-top:0px; padding-bottom:0px;  /* Version 6 */
		}
		/* FormZeile-Hack für IE 7 */
			*+html .FormZeile { 
			padding-top:0px; padding-bottom:0px;
		}
		
	.FormSpalte0 {
		width:475px; 
		text-align: left; 
		float: left; 
		height: auto;
	}
		/* FormSpalte0-Hack für IE */
		* html .FormSpalte0 {  
			width:457px;     /* Version 5.x */
			w\idth:457px;   /* Version 6 */
		}
	
	.FormSpalte1 {
		width:77px; 
		text-align: right; 
		float: left; 
		font-size:8pt; 
		height: auto;
	}
	
	.FormSpalte2 { 
		font-size: 10pt; 
		width:393px; 
		margin-left: 5px; 
		text-align: left; 
		float: left; 
		height: auto; 
	}
		/* FormSpalte2-Hack für IE */
		* html .FormSpalte2 {  
			width:374px;     /* Version 5.x */
			w\idth:374px;    /* Version 6 */
		}
	
	#FormButton {
		position: absolute; 
		margin-top: 100px; 
		height: auto;
	}

	/* Form-Fehler und - Hinweise */
		.form-cursor { cursor: default; }
		.form-fehler { color: #FF0000; font-weight: bold; }
		.form-fehlerbox { border: solid 1px red; }
		.form-hinweis { text-decoration: underline; }
		.form-msg { font-size: 10pt; font-weight: bold; color: #666666; margin-top: 2px; margin-bottom: 2px; }
	
	/* Form-Schalftlächen */
		form input.ok { 
			background:#8fc47d; 
			color: white; 
			font-size:11pt; 
			font-weight:bold; 
			width:300px; 
			height:35px; 
			border-color: white navy navy white; 
			border-style: solid; 
			border-width: 2px; 
		}
		form input.ok a:hover { 
			color: white; 
			font-size: 11pt; 
			font-weight: bold; 
			background: #02c410; 
			width: 300px; 
			height: 35px; 
			border-style: solid; 
			border-width: 2px; 
			border-color: white navy navy white; 
		}
		form input.check { 
			background:#ffc97b; 
			color: white; 
			font-size:11pt; 
			font-weight:bold; 
			width:300px; height:35px; 
			border-color: white navy navy white; 
			border-style: solid; 
			border-width: 2px; 
		}
		form input.res { 
			background:#ff7676; 
			color: white; 
			height:35px; 
			border-color: white navy navy white; 
			border-style: solid; 
			border-width: 2px; 
		}
	
/* Ende Form */


/* Spry Tabelle */
		
	#projectTable {
	width: 490px;
	color: #CC438B;
	border-collapse: collapse;
	text-align: left;
	font-size: 8pt;
	}

	/* overflow mit Scrollbalken in tbody wird leider nur von Mozilla unterstützt, 
	   deshalb hier overflow:visible, damits identisch mit den anderen Browsern ist */
	#projectTable tbody {
	overflow:visible;
	height: 275px;
	}

	#projectTable td, #projectTable th {
		margin: 0;
		padding: 5px 5px;
		vertical-align: top;
		height:auto;
	}

	#projectTable th {
		color: #1d435b;
		font-weight: bold;
		cursor: pointer;
		text-decoration: underline;
	}

		/* projectTable-RowHack für IE */
		* html #projectTable tr{
			height:30px;    /* Version 5.x */
		}
		*:first-child+html #projectTable tr{
			height:30px;    /* Version 7.x */
		}

	.bezeichnung {
		font-weight: bold;
	}
	.rowHover {
		background-color: #edeff1;
		/*	color: #fc8b06;  */ /*Falls sich die Farbe für die Bezeichnung bei Hover ändern soll muss das hier eingestellt werden */
		cursor: pointer;
		}

	.rowSelected {
		background-color: #E4E4E4;
		color: #CC438B;
	}
		

	.rowSelectedRegion {
		background-color: #CC438B;
		color: #CCCCCC;
	}
	
	.rowGerade {
		background-color: #FFFFFF;
		color: #CC438B;
	}
	.rowUngerade {
		background-color: #E4E4E4;
		color: #CC438B;
	}
	
	em {
		background-color: #CCCCCC;
		color: #666666;
		font-style: normal;
		line-height: 150%;
	}


hr {margin: 0 80px; color:#d3418c}

.center {text-align:center}
.kursiv {font-style:italic}
.grau {color: #999999;}
.nlHeadline {color:#CCC; background-color:#d3418c;}