/* hmdata.de					*/
/* Stylesheets common homepage		*/
/* (c) by hmdata.de 2008			*/
/* dipl.-ing. harald müller-delius	*/

/* ### Main / General		###*/
/* ### Colors			###*/
/* Dark Blue	#204060		###*/
/* Light Grey	#F0F0F0		###*/
/* Grey		#808080		###*/

body 		{width: 960px; display: block; background: url('../img/hmd08bg.gif') repeat-x white; font-family: Verdana, Tahoma, Arial, Sans Serife; text-align: center; font-size: 0.7em; color: #666666;}
a:link 		{text-decoration: none; color: silver;}
a:visited 	{text-decoration: none; color: silver;}
a:active 	{text-decoration: none; color: gray;}
a:hover 	{text-decoration: none; color: #204060;}
h1		{font-size: 2.0em; font-weight: bold; color: #204060; margin-bottom: 10px; border-bottom: 1px #204060 solid;}
h2		{font-size: 1.8em; font-weight: normal; color: #204060;}
h3		{font-size: 1.0em; font-weight: bold;}
h4		{font-size: 1.0em; font-weight: bold; color: #204060; margin-bottom: 4px;}
h5		{font-size: 0.9em; font-weight: bold; color: #204060; margin-bottom: 4px; border-bottom: 1px solid silver;}
h6		{font-size: 0.9em; font-weight: normal; margin-bottom: 0px; margin-top: 0px; color: #AAA;}
li		{list-style: none; border-left: 0px; padding-left: 0px; text-align: left;}
ul, table	{margin: 0; border: 0; padding: 0; border-spacing: 0;}
p		{margin-top: 0px; margin-bottom: 12px;}

/* ### Allgemeine Klassen	### */
.o		{border: 1px solid gray;}
.ob		{border-bottom: 1px solid gray;}
.obd		{border-bottom: 2px solid black;}
.ot		{border-top: 1px solid gray;}
.r		{text-align: right;}
.l		{text-align: left;}
.c		{text-align: center;}
.b		{font-weight: bold;}
.dl8		{padding-left: 8px;}
.dr8		{padding-right: 8px}
.bgd		{background: gray;}
.bgl		{background: #FFF;}
.bg			{background: gray;}
.fgb		{color: white;}
.fgl		{color: silver;}
.fg			{color: #CC3300;}
.fgd		{color: #204060;}
.txs		{font-size: 0.8em;}
.txn		{font-size: 1.0em;}
.txl		{font-size: 1.2em;}
.txb		{font-size: 1.4em;}

/* ### Spezielle Klassen	### */
#hd		{height: 92px; background: url('../img/hmd08hd.gif') white; padding-top: 38px; padding-right: 192px; text-align: right; vertical-align: bottom;}
#hd		a:hover 	{text-decoration: none; color: white;}

#hdnav		{float: left; width: 960px; background: #F0F0F0; font-weight: bold; border-bottom: 2px; margin-top: 31px;}
#hdnav		ul		{}
#hdnav		ul		li		{float: left; display: block; width: 159px; text-align: center; border-right: 1px white solid; padding-top: 1px; padding-bottom: 2px;}

.hdimg		{float: left; position: absolute; left: 162px; top: 32px;}

#work		{background: url('../img/exp08ctbg.gif') white; float: left;}

#nav		{float: left; height: 400px; width: 159px; margin-top: 0px; text-align: left; background: transparent; border-top: 1px solid silver; border-right: 1px solid silver;}
#nav		ul		{font-size: 0.8em;}
#nav		ul		a, .navsel	{display: block; padding-left: 24px; border-bottom: 1px dotted silver; padding-right: 8px; padding-bottom: 2px; padding-top: 2px;}
#nav		ul		a:hover	{background: #EEE; color: #204060;}
.navhd		{background: silver; color: white; font-weight: bold; padding-left: 6px; padding-bottom: 2px; border-bottom: 1px dotted white;}

#login		{background: transparent; margin-top: 16px; border-bottom: 16px; color: white; vertical-align: bottom; margin-left: 12px;}
.lgnlbl		{font-weight: bold; padding-left: 0px;}
.lgninpt	{width: 128px; border: 1px silver solid; font-size: 0.9em; background: #204060; color: white; font-weight: bold;}
.lgnsbmt	{width: 128px; border: 0px; font-size: 0.9em; background: transparent; color: white; text-align: right;}

#ct, #frm	{width: 560px; float: left; background: transparent; padding-top: 20px; padding-left: 40px; padding-right: 40px; text-align: left;}
#ct		ul		{margin-top: 8px; margin-bottom: 8px;}

#frm		ul		{width: 100%;}
#frm		li		{float: left; color: #204060; margin-bottom: 2px; text-align: right; display: block; width: 100%;}
#frm		li	h6	{background: transparent; margin-right: 40px;}
#frm		p		{float: left;}
#frm		.lbl				{float: none; text-align: left; font-weight: bold; padding-right: 4px;}
#frm		.lbl		p		{width: 200px; font-weight: normal;}
#frm		.lbladd		p		{float: right; width: 260px; text-align: right; margin-right: 40px; border-right: 40px; font-size: 0.8em; color: #AAAAAA;}
#frm		.lbltx				{width: 90%; text-align: left; margin-right: 40px; border-right: 40px; font-size: 0.8em; color: #999999;}
#frm		.tx	input,	.email	input	{float: right; width: 260px; margin-right: 40px; font-size: 0.8em; font-weight: bold; border: 1px solid silver; color: #204060; background: #E8E8F8;}
#frm		.nr	input,	.dbl	input	{float: right; width: 120px; margin-right: 40px; font-size: 0.8em; font-weight: bold; border: 1px solid silver; color: #204060; background: #E8E8F8; text-align: right;}
#frm		.date		input		{float: right; width: 120px; margin-right: 40px; font-size: 0.8em; font-weight: bold; border: 1px solid silver; color: #204060; background: #E8E8F8;}
#frm		.opt input, 	.chk	input	{float: right; width: 16px; margin-right: 40px; font-size: 0.8em; font-weight: bold; text-align: right;}
#frm		.submit		{float: right; width: 260px; background: transparent; border: 0; text-align: right; border-bottom: 1px dotted silver; color: #204060; font-weight: bold;}
#frm		textarea	{float: right; width: 260px; margin-right: 40px; font-size: 1.0em; font-weight: bold; border: 1px solid silver; color: #204060; background: #E8E8F8;}
#frm .svyhd	{background: #F0F0F0; padding-right: 32px;}

#glry		{}
#glry		ul		{width: 560px; text-align: left; margin-bottom: 4px;}
#glry		p		{font-weight: bold; margin-left: 0px; display: block; padding: 0; border-bottom: 1px dotted gray; width: 560px; margin-bottom: 4px; background: #E8E8E8;}
#glry		ul		li	img	{border: 1px solid silver; margin-right: 8px; float: left;}
#glry		ul		li	ul	{width: 220px; margin-right: 80px;}
#glry		ul		li	ul	li	{padding-bottom: 4px;}


#act		{float: right; height: 320px; width: 160px; padding-top: 20px; padding-bottom: 20px; background: url('../img/hmd08act.jpg') no-repeat white; color: white;}
.acttx		{font-size: 0.9em; text-align: left; margin-left: 8px; padding-right: 4px; margin-bottom: 24px;}
.acttx		span		{display: block; padding-left: 2px; border-left: 1px #204060 solid; border-bottom: 1px #204060 solid;}

#ft		{clear: both; float: none; width: 100%; background: #204060; color: silver; font-size: 0.8em;}
#ftnav	a	{padding-left: 4px; padding-right: 4px;}

/* ### Form- & Content-Styles		###/


/* ### Menu-Klassen		### */

/* ### menu horizontal		### */
#menh {list-style-type:none; margin: 0; padding:0;}
#menh li {display:block; width: 160px; float:left; position:relative; z-index:10;}
#menh li span {display:block; background: white; font-weight: bold; text-align: center;}
#menh li a, #menh li a:visited {display:block; width: 159px;}
#menh dl {position:absolute; display: block; width: 160px; top:0; left:0; margin: 0; text-align: center;}
#menh dt {background: #F0F0F0; margin:0; float:left; border-bottom: 1px solid white;}
#menh dd {display:none; background: #E0E0E0; clear:left; margin-left:0; color: white; text-align: center;}
#menh dt a, #menh dt a:visited {display:block; color: gray; text-decoration:none; padding-top: 1px;}
#menh dd a, #menh dd a:visited {background: #F0F0F0; height: 16px; padding-top: 4px; color: gray; text-decoration:none; display:block; border-bottom: 1px white solid;}
#menh li a:hover {border:0;border-bottom: 1px;}
#menh li:hover dd, #menh li a:hover dd {display:block;}
#menh li:hover dl, #menh li a:hover dl {border-bottom: 1px;}
#menh li:hover dt a, #menh li a:hover dt a  {background: #204060; color: white; padding-bottom: 3px;}
#menh dd a:hover {background: silver; color: white; border-bottom: 1px solid white;}