/********** HTML **********/
html {
	height: 100%;	
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
	background-image: url(../images/elefandexternback.png);
	background-repeat: repeat-y;
}

ul {
	margin-bottom: 4px;
	margin-top: 4px;
}

li {
	margin: 0
}

a {
	color: #464D00;
	text-decoration: none;
}

a:visited {
	color: #464D00;
	text-decoration: none;
}

a:hover,a:focus {
	color: #464D00;
	text-decoration: underline;
}

/********** Container **********/
#main {
	height: 100%;
	position: relative;
	clear: both;
	width: 100%;
}

#header {
	display: block;
	height: 100px;
	background-color: #ffffff;
	font-size: 65%;
}

#body {
	clear: both;
	width: 100%;
}

#footer {
	display: block;
	background-color: #888F40;
	clear: both;
	position: relative;
	margin: -48px 4px 0 0;
	height: 20px;
	padding: 10px;
	border: 0;
	border-top: 8px solid #FFF;
}

/*** IE6 Hack for footer margin-top ***/
* html #footer {
  margin-top: 0px;
  margin-bottom: -10px;
}

/*** IE7 Hack for footer margin-top ***/
*:first-child+html #footer {
  margin-top: 0px;
  margin-bottom: -10px;
}

/********** Header-Styles **********/
.logo {
	width: 197px;
	height: 100px;
	float: left;
	background-color: #ffffff;
}

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

.headnavi {
	text-align: right;
	font-size: 90%;
	height: 15px;
	padding: 5px 10px 0 0;
}

.headsub {
	background-color: #888F40;
	background-image: url(../images/elefand2-bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 197px;
	height: 80px;
}

.headsub h1 {
	font-size: 180%;
	font-weight: bold;
	color: #ffffff;
	margin: 0;
	padding: 10px 0 0 20px;
}

.headsub h2 {
	font-size: 100%;
	font-weight: bold;
	text-align: right;
	color: #ffffff;
	margin: 0;
	padding: 0 10px 0 0;
}

.headnavi a:link,.headnavi a:visited,.headnavi a:hover,.headnavi a:active,.headnavi a:focus
	{
	color: #333;
	text-decoration: none;
}

.headnavi a:hover,.headnavi 	a:focus {
	color: #333;
	text-decoration: underline;
}

/********** Navi-Styles **********/
#nav {
	padding-top: 10px;
	width: 197px;
	float: left;
	font-size: 0.7em;
}

#nav h2 {
	display: none; /* Soll nur für non-CSS-Browser sichtbar sein. */
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
}

#nav a {
	display: block;
	color: #ffffff;
	width: 197px;
	text-decoration: none;
	border-bottom: 1px solid #888F40;
	font-weight: bold;
}

#nav li span.open {
	color: #ffffff;
	font-weight: bold;
	border-bottom: 1px solid #888F40;
}

#nav li span {
	display: block;
	padding: 3px 0 3px 20px;
}

#nav li a:hover {
	background-color: #C7CC85;
}

#nav li li a {
	display: block;
	color: #ffffff;
	background-color: #9EA64B;
	width: 197px;
	margin: 0;
	text-decoration: none;
	border-bottom: 1px solid #888F40;
	font-weight: normal;
}

#nav li li span {
	display: block;
	padding: 3px 4px 3px 28px;
}

#nav li li span.activ {
	background-color: #5C86BB;
}

#nav li li a:hover {
	background-color: #C7CC85;
}

.inactive {
	background-image: url(../images/pfeil-1_gruen.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.active {
	background-image: url(../images/pfeil.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.open {
	background-image: url(../images/pfeil-2_gruen.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/********** Content-Styles **********/
#content {
	float: left;
	width: 410px;
	margin: 0 20px;
	padding-top: 10px;
	font-size: 0.7em;
}

#content h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}
/********** margin-Styles **********/
#margin {
	margin: 0 20px 0 652px;
	padding-top: 10px;
	max-width: 266px;
	font-size: 0.7em;
}

#margin h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

/********** Formular-Styles **********/
.mainform {
	margin: 0;
	padding: 0;
}

.mainform fieldset {
	margin: 0 0 2em 0;
	padding: 10px;
	border: 1px solid #C7CC85;
}

.mainform .wwgrp {
	margin: 10px 0;
	padding: 0;
}

#dataform .wwgrp {
	margin: 5px 0 !important;
	padding: 0;
}

#dataform .wwgrp br { 
	display: none;
}

.mainform .formline, .mainform .formlinecomm {
	margin: 5px 0;
	padding: 0;
}

.mainform label {
	display: block;
	font-weight: bold;
}

#dataform label {
	display: inline;
	font-weight: bold;
}


.checkboxLabel {
	float: none;
	padding-top: 4px;
}

.mainform .formbox {
	float: none !important;
	padding: 0px !important;
}
	

.mainform input[type=checkbox] {
	float: left;
	padding: 5px;	
}

.mainform input[type=text], .mainform input[type=password], .mainform textarea, .mainform select {
	border: 1px solid #C7CC85;
}

.mainform input[type=text], .mainform input[type=password], .mainform textarea {
	padding: 0 3px;
}

.mainform input.formtextlong {
	width: 380px;
}

.mainform input.formtextmiddle {
	width: 190px;
}

.mainform input.formtextshort {
	width: 5em;
}

.mainform input.formtextdate {
	width: 10em;
}

.mainform textarea.formtextareasmall {
	width: 380px;
	height: 50px;
}

.mainform textarea.formtextarealarge {
	width: 380px;
	height: 200px;
}

.mainform select.formselect {
	min-width: 10em;
	max-width: 380px;
}

.mainform .formlinecomm .leftcol {
	float: left;
	width: 100px;
	margin-right: 20px;
}

.mainform .formlinecomm .leftcol select {
	min-width: 0px;
	width: 100px;
}

.mainform .formlinecomm .rightcol {
	margin-left: 120px;
}

.mainform .formlinecomm .rightcol input {
	width: 256px;
}

.mainform .formlinecomm {
	clear: left;
}

.mainform input.formbutton, a.button {
	float: right;
	width: auto;
	margin: 10px 0 10px 5px;
	padding: 1px 3px;
	color: #000;
	background-color: #E0E5A1;
	border: 1px solid #888F40;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

.mainform input.formbutton:hover, a.button:hover {
	background-color: #B6BF56;
}

.mainform .formcalendar {
	cursor: pointer;
}

#wwctrl_tourist {
	margin-bottom: 20px;	
}

#wwctrl_tourist input[type=radio] {
	display: block;	
}


/********** Listen-Styles **********/
#content ul {
	margin-bottom: 0px;
	padding: 5px 0 0 0;
	list-style-type: none;
}

#content ul li {
	background-image: url(../images/pfeil-1_gruen.gif);
	background-repeat: no-repeat;
	background-origin: padding-box;
	background-position: top left;
	padding: 3px 20px 3px 20px;
	font-size: 1.2em;
	font-weight: bold;
}

#content ul li.alterlist.even {
	background-color: #EBEDD5;
}

#content ul li.alterlist.odd {
	border-left: none;
	border-right: none;
}

#content table.defaulttable {
	border-collapse: collapse;
	width: 100%;
}

#content table.defaulttable td, table.defaulttable th {
	border-left: 2px solid #e0e5a1;
	padding: 3px;
}

#content table.defaulttable td:first-child, table.defaulttable th:first-child {
	border-left: none;
}

#content table.defaulttable th {
	background-color: #9EA64B;
	text-align: left;
}

#content table.defaulttable tr.even>td {
	background-color: #EBEDD5;	
}

#content table.defaulttable tr.odd>td {
	background-color: none;	
}
	
/********** Fehler-Styles **********/
#content ul.msgbox, #content ul.errorbox {
	margin-bottom: 10px;
	min-height: 25px;
}

.msgbox {
	background-image: url("../images/accept.png");
	background-position: 385px 8px;
	background-repeat: no-repeat;
	border: 3px solid #90c745;
}

.errorbox {
	border: 3px solid #E86958;
	background-image: url(../images/exclamation.png);
	background-repeat: no-repeat;
	background-position: 386px 2px;
	min-height: 25px;
	padding: 3px 20px 3px 20px;
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: bold;
}

/******* Error Styles Struts2 *******/
.mainform div.wwerr {
	padding: 3px 0;
}

.mainform div.wwctrl_err {
	min-height: 16px;
	background-image: url(../images/exclamation.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.mainform div.wwctrl_err input.formtextdate,.mainform div.wwctrl_err input.formtextshort,.mainform div.wwctrl_err input.formtextmiddle,.mainform div.wwctrl_err input.formtextlong,.mainform div.wwctrl_err textarea.formtextareasmall {
	border: 1px solid #E86958;
}

.mainform div.wwctrl_err input.formtextlong,.mainform div.wwctrl_err textarea.formtextareasmall
	{
	width: 330px !important;
}

.mainform div.leftcol div.wwerr {
	padding-top: 17px;
}

.mainform .rightcol div.wwctrl_err input.formtextshort {
	width: 236px !important;
}

.errorMessage {
	color: #E86958;
	text-align: left;
}

/********** Header-Styles **********/
.headerlinks {
	float: right;
	color:#FFFFFF !important;
	font-size: 1.2em;
	font-weight:bold;
}

.headerdiv {
	float: right;
	padding: 10px 10px 0 0;
}

/********** Footer-Styles **********/
.copy {
	display: block;
	color: #fff;
	font-size: 0.7em;
	text-align: right;
}