@import url(/css/impressum.css);
@import url(/css/elements.css);
@import url(/common/popup.css);

/* Universalselektor "*"  */
* {	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; 
	border: none; padding: 0px; margin: 0px;
	}

body	{background-color: #FFF; font-size: 1em;}
	  
img {padding: 0.38em;}
a { color: #adadad; text-decoration: none;}
ul {list-style-type: none;}
li.active	{color: #000000; }

h1, h2, h3, h4	{	font-weight: normal;
					font-family: Arial, Helvetica, sans-serif;
					font-variant: small-caps;
					letter-spacing: 0.06em;
					}
					
h1	{font-size: 1.13em;}
h2	{font-size: 0.85em; margin-bottom: 0.3em;}
h3	{font-size: 0.75em;}
h4	{font-size: 1em;}	
p, span {font-size: 0.75em; color: #004368; letter-spacing: 0.03em; line-height: 1.3em;}

/* color: #00007a; = farbe: dunkellblau */
h1, h2, h3, h4,
div.el_filedownload a:hover,
div.passwort input,
div.passwort a:hover,
div#main-menu ul li a,
div#bottom-menu ul li a,
div#bottom-menu a,
div#bottom-menu span,
.subMenuAuswahl ul li a,
table.formular tr td.name,
table.formular textarea,
table.formular tr.error td.field input,
table.formular input,
table.formular tr.select td.field select,
div#fehler ul li,
table.formular tr.submit td.field input		{color: #00007a;}

div#main-menu ul ul,
div.passwort input,
table.formular tr.error td.field input,
table.formular input,
table.formular tr.select td.field select,
table.formular textarea,
div#fehler						 		{border: 1px solid #00007a;}

div#main-menu,
div#bottom-menu  {border-top: 1px solid #00007a; border-bottom: 1px solid #00007a;}



/*  color: #ececec; = farbe: hellgrau */
img,
.gray,
div#main-menu ul ul,
div#fehler	{background-color: #ececec;}

.klein	{font-size: 0.63em;}

div.page { 	margin: 0em auto;
			width: 800px;
			position: relative;
			background-image: url(/files/allgemein/page_bg.jpg);
			background-position: right top;
			background-repeat: no-repeat;
			}

div#site-head img { margin-top: 1.56em; padding: 0em;}

div#main-menu,
div#bottom-menu {	width: 750px; height: 1.56em;
					margin-left: 1.25em;
					}
					
.subMenuAuswahl ul,				
div#main-menu ul,
div#bottom-menu ul {list-style-type: none;}

div#main-menu ul { position: absolute;}
.subMenuAuswahl ul.auswahl li	{margin-bottom: 0.7em;}

div#main-menu ul li {	float: left;
						margin-left: 1em; margin-right: 3.5em; margin-top: 0.15em;
						background-image: url(/files/allgemein/pfeil_close.jpg);
						background-repeat: no-repeat;
						background-position: 0em 0.4em;
						position: relative;
						}

div#main-menu ul li:hover	{	background-image: url(/files/allgemein/pfeil_open.jpg);
								background-position: 0em 0.5em;
								}

div#main-menu ul li a,
div#bottom-menu ul li a,
.subMenuAuswahl ul li a,
div#bottom-menu a {font-size: 0.75em; padding-left: 1em;}

div#main-menu ul div.submenu {	position: absolute;
								top: 17px; left: 0;
								width: 110px;
								}


div#main-menu ul ul {	position: absolute;
						top: auto; left: auto;
						display: none;
						}

div.submenu	{padding-top: 9px; background-color: transparent; height: 10px;}

div#main-menu ul li:hover ul,
div#main-menu ul li.hover ul {display: block;}

div#main-menu ul ul li,
div#main-menu ul ul li:hover,
.subMenuAuswahl ul li { 	float: none;
							background-image: url(/files/allgemein/disc.jpg);
							background-repeat: no-repeat;
							background-position: 0em 0.6em;
							}

div#main-menu ul ul li	{padding-bottom: 3px;}

div#main-menu ul ul li a	{font-size: 1em;}
div#main-menu ul ul li a:hover	{color: #9f9f9f;}

div#bottom-menu {border-top: none; margin-bottom: 1.25em; height: 2.50em;}
div#bottom-menu a.printer {	background-image: url(/files/allgemein/printer.jpg);
							background-repeat: no-repeat;
							background-position: 0em 0em;
							padding-left: 3em;
							height: 27px; width: 70px;
							float: right;
							}

div#bottom-menu ul li {float: left; padding-top: 0.63em; background-image: none;}

div#bottom-menu ul li.first	{	background-image: url(/files/allgemein/abstand.jpg);
								background-position: 60px 15px;
								padding-right: 1em;
								background-repeat: no-repeat;
								
								}

div#bottom-menu ul li.last {margin-left: 0em; padding-left: 0px;}

div#content	{ margin-top: 2em; min-height: 450px; margin-bottom: 1em;}

div.element {	clear: both;
				width: 730px;
				margin-left: 2.3em; padding-bottom: 1.3em;
				padding: 5px;
				}

div.clear	{clear: both;}

div.passwort {margin: 5em auto; width: 400px;}

.subMenuAuswahl ul.auswahl,
div.elkontakt,
div.el_elementkontakt,
.registrierung	div#content	{margin-left: 2.50em;}

div.passwort h2	{font-weight: bold; margin-bottom: 1.25em; letter-spacing: 0.1em;}
div.passwort h3	{margin-left: 1.25em;}
div.passwort p	{margin-bottom: 0.313em;}

div.passwort input	{	margin-bottom: 0.938em;
						padding: 3px;
						font-size: 0.75em;
						}							

div.passwort input#checkbox	{float: left;}

table.formular { border-collapse: collapse; margin-top: 1em;}
table.formular tr td.name {	font-size: 0.79em;
							text-align: right; font-weight: bold;
							padding-left: 0.83em; padding-right: 0.42em;  
							}
				 
table.formular td.field {padding: 0.17em; padding-left: 0.50em;}
table.formular tr.pflicht td.color {	background-color: #9f9f9f;
										width: 0.2em; height: 1.063em;
										}
										
table.formular tr.error td.field input,
table.formular input,
table.formular tr.select td.field select,
table.formular textarea {	padding: 3px;
							font-size: 0.75em;
							}

table.formular tr.select td.field select option	{padding-left: 10px;}
							
table.formular tr.submit input {margin-top: 0.58em;}

table.formular tr.textarea td.field textarea,
table.formular tr.text td.field,
table.formular tr.email td.field input {width: 13em;}

div.passwort input#submit,
table.formular tr.submit td.field input	{	width: 5em; font-size: 0.79em;
											background-color: #fff;
											}

div.pflicht p {padding-top: 0.1em; padding-left: 1.4em;}
div.pflicht div {	background-color: #9f9f9f;
					width: 0.5em; height: 0.5em;
					margin-right: 0.3em; margin-top: 0.3em;
					float: left;
					}

div.pflicht {margin-bottom: 10px;}

div#fehler {	font-size: 0.7em;
				width: 25em;
				padding: 0.6em; margin-bottom: 0.83em;
				}

div#fehler h2 {font-weight: bold; font-size: 1.2em; margin-bottom: 0.75em;}				
div#fehler ul {padding-left: 1.25em;}
div#fehler ul li {margin-bottom: 0.5em;}

div#footer	{height: 4.69em;}
div#footer span	{margin-left: 2.2em; color: #838f98; font-size: 1em;}
div#footer a	{padding-left: 2.2em;}
div#footer a:hover	{color: #ccc;}


.impressum div#content	{margin-left: 2.25em;}
.impressum div#content a	{font-size: 12px;}



img.plus { margin-left: -17px; margin-bottom: 5px; padding: 0px;}