/* CSS Document */

body {
	font-family: Verdana,Arial, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 10px 0 10px 10px;
}

h1 {
        font-size: 14px;
}

h2 {
        font-size: 12px;
}

#head {
	background-color: #DDDDDD;
	height: 100px;
}

#menu {
	width: 905px;
	height: 20px;
        padding-top: 2px;
        background: url(../images/backgrou.gif) no-repeat top left;
}/* any menu is formated without bullets. We reset margin and padding
   to be empty. */
#menu ul {
        display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* All menu items have this default configuration. Aadditionaly we
   add some settings which are only correct for the menubar.
   Theese are overridden by the next definition */
#menu li  {
	color:#794B31;
	margin: 0 5px 0 0;
	width: 170px;
	float: left;
	padding-bottom: 10px;
}

/* Override the values to be correct for the pulldown's */
#menu li li {
	margin: 2px 0;
    width: 120px; /* make room for the menu border */
	float: none;
	padding-bottom: 0;
}

#menu li li li {
        width: 110px;
        margin-bottom: -2px;
}

/* Und so werden alle links level 1 formatiert. Zusätzlich einige Infos für
   die links der ersten Ebene. Die werden weiter unten überschrieben. */
#menu a {
	text-decoration: none;
    text-align: left;
	display: block;
	color: #794B31;
	padding: 0px 4px;
    font-size: 11px;
    font-family: Verdana,Arial, sans-serif;
	border-left: 1px solid #794B31;
}

/* Und so werden alle links level 2 formatiert. Zusätzlich einige Infos für
   die links der ersten Ebene. Die werden weiter unten überschrieben. */
#menu li li a {
        color: #794B31;
        text-align: left;
}

#menu a:hover {
        color: #572B10;
        font-weight:bold;
	text-decoration: none;
}

#menu li li a:hover {
	text-decoration: none;
        border: none;
}

/* Dieser Selektor wählt nun alle Aufklappmenüs aus und blendet sie
   aus. Es werden auch die Standardwerte gesetzt. Diese werden für
   alle weiteren Ebenen dann im folgendne überschrieben.

   IE note: Hier keinen Child selektor verwenden da der IE sonst den
   ganzen Kladderadatsch einblendet bis das IE7 zeugs geladen wird ...
   sieht dann ziemlich doof aus */
#menu li ul {
	display: none;
        width: 140px;
	margin: 7px 0 0 0;
        background-color: #D3A584;
        border-right: 1px solid #794B31;
        border-left: 1px solid #794B31;
        border-bottom: 1px solid #794B31;
}

#menu li ul ul{
	border: 1px solid #9C9A9A;
        padding-bottom: 2px;
}

/* Dieser Selektor gild für alle Untermenüs */
#menu li li ul {
	/*margin: -15px 0 0 93px;*/
        margin: -15px 0 0 50px;
        width: 110px;
}

/* Dieser Selektor betrifft alle aktiven untermenüs */
#menu li:hover>ul {
	visibility: visible;
	display: block;
	position:absolute;
}

/* Dieser selektor gilt für aktive links level 1 */
#menu li:hover a {

}

/* Dieser selektor gilt für aktive links level 2 */
#menu li:hover li a {
        border: none;
}

/* Dieser selektor gilt für aktive links level 2, wenn es zusätzlich ein hover in level 2 gibt*/
#menu li:hover li a:hover {
        border: none;
}

/* Hier werden die Menüpfeile eingefügt */
#menu li li a:not(:last-child) {
	/* Hier *nicht* zu 'background' zusammenfassen,
           sonst wirkt das background-color im vorigen
           selektor nicht merh !! */
        background-image: url(images/pfeil.jpg);
	background-position: 76px center;
	background-repeat: no-repeat;
}

#container {
        width: 840px;
        padding-top: 40px;
}

#left {
        clear: both;
        margin-right: 0px;
        padding-top: 30px;
        float: left;
}

#content {
	width: 450px;
	margin: 0 0 0 170px;
	padding: 10px 10px 10px 10px;
        border-right: #A44020 solid 1px;
        border-left: #A44020 solid 1px;
	font-size: 11px;
        line-height: 15px;
        color: #A44020;
}
#content1 {
	width: 645px;
	margin: 0 0 0 170px;
	padding: 10px 10px 10px 10px;
        border-right: #A44020 solid 1px;
        border-left: #A44020 solid 1px;
	font-size: 11px;
        line-height: 15px;
        color: #A44020;
}

#content a{
        color: #A44020;
		text-decoration:underline;
}

#right {
        float: right;
        width: 180px;
        color: #E05C57;
        padding-top: 30px;
}

#link a {
        color: #A44020;
		text-decoration:underline;
}
#link a:hover {
        text-decoration: underline;
}

.inputShort {
  width: 150px;
  height:12px;
  font-size: 10px;
  margin-right: 100px;
}

.submitShort {
  width: 70px;
  font-size: 10px;
}