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

/* ### Main / General		###*/
/* ### Colors			###*/
/* Dark Red	 #800028		###*/
/* Light Grey	#F0F0F0		###*/
/* Grey		#808080		###*/

body 		{width: 960px; display: block; background: silver; font-family: Verdana, Tahoma, Arial, Sans Serife; text-align: center; font-size: 0.7em; color: #666666;}
a:link 		{text-decoration: none; color: gray;}
a:visited 	{text-decoration: none; color: #999;}
a:active 	{text-decoration: none; color: #800028;}
a:hover 	{text-decoration: none; color:  #800028; text-decoration: underline;}
h1		{font-size: 2.0em; font-weight: bold; color: #800028; margin-bottom: 10px; border-bottom: 1px #800028 solid;}
h2		{font-size: 1.8em; font-weight: normal; color: #800028;}
h3		{font-size: 1.4em; font-weight: bold;}
h4		{font-size: 1.2em; font-weight: bold; color: #800028; margin-bottom: 4px;}
h5		{font-size: 1.2em; font-weight: bold; margin-bottom: 4px; color: #666; border-bottom: 1px solid #666; display: block;}
h6		{font-size: 1.0em; font-weight: normal; margin: 0px; padding: 0; padding-left: 16px; 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;}

/* ### 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: #800028;}
.txs	{font-size: 0.8em;}
.txn	{font-size: 1.0em;}
.txl	{font-size: 1.2em;}
.txb	{font-size: 1.4em;}

/* ### Spezielle Klassen	### */
#hd			{height: 111px; border-bottom: 4px #800028 solid; padding-right: 192px; text-align: right; vertical-align: bottom;}

#hdnav		{height: 16px; background: gray; color: white; font-weight: bold; border-bottom: 2px; border-top: 1px;}
#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;}
#hdnav		ul			li:hover		{background: silver;}
#hdnavdate	{float: left; width: 160px; color: White; font-weight: normal; font-size: smaller; padding-top: 2px;}
#hdnavmenu	{float: right;}

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

#nav		{float: left; width: 159px; height: 470px; padding-top: 20px; text-align: left; background: white; border-bottom: solid 1px gray;}
#nav		ul			{height: 160px;}
#nav		ul			li		{display: block; padding-left: 8px; padding-right: 8px; padding-bottom: 2px; padding-top: 2px;}
#nav		ul			li:hover	{background: silver;}
#nav		ul			li	a	{display: block;}
#nav		.navsel		{background: #F0F0F0;}

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

#cnt		{float: left; background: transparent; padding-top: 20px; padding-bottom: 24px; text-align: left;}
#cnt		.shct		{font-weight: bold;}
#cnt		ul			li		{list-style: square; list-style-position: outside; margin-left: 16px; padding-bottom: 2px; padding-top: 4px;}
#cnt		ul			li		strong	{color: #800028;}
#cnt a {text-decoration: underline; padding-left: 3px; padding-right: 3px;}


.cnt_tx		{width: 560px;  padding-left: 40px; padding-right: 40px;}
.cnt_fr		{width: 600px;  padding-left: 20px; padding-right: 20px;}
.cnt_frame	{width: 100%; border: 0px; padding: 0px; margin: 0px;}

#act		{float: right; width: 160px; padding-top: 20px; padding-bottom: 20px; background: transparent;}
.acttx		{font-size: 0.9em; text-align: left; margin-bottom: 24px;}
.acttx		span		{display: block; background: white; padding: 2px; border-bottom: 1px #800028 solid;}

#ft			{clear: both; float: none; width: 100%; background: #800028; color: silver;}
#claim		{clear: both; float: none; width: 100%; background: silver; color: #AAA; border-top: solid 1px gray;}
#claim		a			{color: #AAA;}
 
/* ### Form- & Content-Styles		### */

.formHeaderLeft {text-align: left;}
.formCheckBox input {border: none;}
.form       {background: #F0F0F0;
             margin: 0px;}
.formHeader 
    {
    text-align: center;
    font-weight: bold;
    }
.formSeperator
    {
        width: 0px;
        margin: 0px;
        padding: 0px;
        border-color: Gray;
        border-left-style: solid;
        border-width: thin;
    }


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

/* ### menu horizontal		### */
#menh		{list-style-type:none; margin: 0; padding:0; height: 16px;}
#menh		li			{display:block; width: 160px; float:left; position:relative; z-index:10;}
#menh		li			span	{display:block; background: gray; color: 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: gray; margin:0; float:left;}
#menh		dd			{display:none; background: #F0F0F0; clear:left; margin-left:0; color: white; text-align: center;}
#menh		dt a, #menh	dt a:visited {display:block; color: white; text-decoration:none; padding-top: 1px; padding-bottom: 2px;}
#menh		dd a, #menh	dd a:visited {background: #F0F0F0; height: 16px; padding-top: 4px; color: gray; text-decoration:none; display:block; border-bottom: 1px gray 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, #menh dd a:hover {background: silver; color: white;}