/* CSS Frame-Einstellungen */
body,
html{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4B4B4B;
	background:#fff;
	font-size: 11px;
	line-height: 140%;
}

/* ## Globale Stile */
img {
	border:0;
}
h1 {
	font-size:20px;
	font-weight: bold;
}
h2 {
	margin:6px 0 0;
	padding:0 0 12px;
	font-size: 12px;
	font-weight:bold;
}
p {
	margin:0;
	padding:0 0 4px 0;
}
ul,
ol,
li {
	margin:0;
	padding:0;
}
li {
	margin-bottom:6px;
}
a:link,
a:visited {
	color: #7D060A;
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
}


/* ## Container Formatierungen */
#cHeader {
	width:100%;
	height:204px;
	background: url(hgd_header.gif) no-repeat left top;
}
#cInhalt {
	width: 100%;
}
#inhalt {
	margin-left: 50px;
}

/* ## Routeinfo Stile ## */
#cRouteinfo {
	float:left;
	height: 400px;
	width: 250px;
}
#routeHeader {
	margin: 0 0 0 10px;
	height: 25px;
}
#start, 
#routeinfo, 
#destination {
	border: 1px solid #999;
	margin: 0 0 0 10px;
}
#start, 
#destination {
	background: #EFE0E1;
	height: 68px;
	padding: 0 5px;
}
#start h2, 
#destination h2 {
	background: #EEEEEE;
	margin: 0;
	padding: 2px 5px;
}
#start p, 
#destination p {
	padding: 2px 10px;
}

#routeinfo {
	overflow: auto;
	height: 235px;
	padding: 0 5px;
}
#routeinfo div {
	background: #eee;
	border: 1px solid #EFE0E1;
	width: 200px;
	margin: 5px 0;
	padding: 0;
}
#start img, 
#routeinfo img,
#destination img {
	float: right;
	cursor: pointer;
}
#routeinfo h2 {
	background: #ccc;
	cursor: move;
	margin: 0;
	padding: 2px 5px;
	width: 170px;
}
#routeinfo p {
	padding: 2px 10px;
}

/* ## Map Stile ## */
#bePALmapContainer {
	border: 1px solid #7D060A;
	height: 400px;
	width: 79%;
	float:right;
}

/* ## cHeader Stile */
.logo {
	padding:20px 40px 0 60px;
	vertical-align: middle;
}
#header {
	height:100px;
}
#navi {
	padding:18px 20px 0 20px;
	height:18px;
}
#navi ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#navi li {
	display: inline;
	list-style-type: none;
}
#navi a {
	padding: 0 16px;
	color:#4B4B4B;
	background: url(pfeil.gif) no-repeat;
	font-weight:bold;
}
#navi a:link, 
#navi a:visited {
	text-decoration: none;
}
#navi a:hover {
	text-decoration: underline;
	color: #7D060A;
}
#navi a.aktiv {
	color: #7D060A;
}


.logoFarbe {
	color: #7D060A;
}
.fett {
	font-weight: bold;
}
.msgOK,
.msgERROR {
	width:100%;
	font-weight:bold;
}
.msgERROR {
	color:#FF0000;
}
.msgOK {
	color:#009900;
}

/* Formular Formate */
label.kontakt {
	display:block;
	float:left;
	width:110px;
}
.textfelder,
.textarea,
.kontaktpulldown,
.kontaktpulldownR,
.submit,
input.newsletter {
	border: 1px solid #BBB;
	background-color: #FFF;
}
.textfelder {
	width: 260px;
	height: 17px;
	padding: 0 3px;
}
.textarea {
	width: 260px;
	height: 70px;
	padding: 3px;
}
.kontaktpulldown,
.kontaktpulldownR {
	width: 120px;
	height: 22px;
	padding: 0px;
	margin:0 3px 0 0;
}
.kontaktpulldownR {
	float:right;
}

.submit {
	width: 120px;
	height: 25px;
	padding: 3px;
	margin:5px 0 0 0;
	font-weight:bold;
	cursor: pointer;
}
.textfelder:hover,
.textarea:hover,
.kontaktpulldown:hover,
.kontaktpulldownR:hover,
.submit:hover,
input.newsletter:hover {
	background-color: #f1f1f1;
}
.textfelder:focus,
.textarea:focus,
.kontaktpulldown:focus,
.kontaktpulldownR:focus,
.submit:focus,
input.newsletter:focus {
	border: 1px solid #7D060A;
}