/* EAW common styles */


/* Farben */
/* Body: #eaefb1 */
/* Border um Boxen: #b1e080 */
/* aktiver Link, Signal: #e97005 */

body { 
	margin: 25px 0;
}
body {
	color: #000;
	background-color: #fff2c8;
	font-size: 0.80em;
}

body, table, input, textarea, select {
	font-family: 'Lucida Grande', Verdana, sans-serif;
}

td, th {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

img { border: none; }
.clearboth { clear: both; }

a, a:visited {
	color: #000084;
	text-decoration: underline;
}
a:hover {
	color: #da6803;
	text-decoration: none;
}

h1, h2, h3 {
	color: #333;
}
h1 {
	background-color: #ff9900;
	border: 1px solid #ff9900;
	font-size: 130%;
	margin-bottom: 11px;
	padding: 5px 5px 5px 7px;
}
h2 {
	background-color: #ffbb43;
	border: 1px solid #ffbb43;
	padding: 3px 5px 3px 7px;
	font-size: 110%;
	margin-top: 20px;
	margin-bottom: 11px;
}
h3 {
	font-size: 1em;
	padding: 0;
	margin: 15px 0 5px 0;
}

.alignright { text-align: right; }

/* Struktur */
#logoarea,
.mainnavarea,
.secnavarea,
#contentarea {
	width: 970px;
	margin: 0 auto;
	border: 1px solid #ff9900;
	background-color: #fff;
}
.mainnavarea {
	margin: 15px auto;
}
.secnavarea {
	border-bottom: 0;
}
.links,
.rechts {
}
.links {
	float: left;
	width: 275px;
}
.rechts {
	margin-left: 280px;
}

#logoarea .links {
	width: 200px;
}
#logoarea .links img {
	margin: 20px 0 10px 20px;
}
#logoarea .rechts {
	background-image: url('http://www.eaw-rheingau-taunus.de/images/logo-line.gif');
	background-repeat: repeat-x;
	color: #c5c5c5;
	font-size: 0.9em;
	margin: 0 17px 0 200px;
	padding-top: 20px;
	padding-bottom: 25px;
	text-align: right;
}
#logoarea .rechts img {
	float: right;
}
#logoarea .rechts div {
	padding-top: 28px;
}
#logoarea .rechts span {
	color: #000;
}
#logoarea .rechts a,
#logoarea .rechts a:visited {
	text-decoration: underline;
}
#logoarea .rechts a:hover {
	text-decoration: none;
}

.navi {
	padding: 10px 0;
	background-color: #ffbb43;
}
.navi .links {
	width: 195px;
	font-weight: normal;
	font-style: italic;
	display: none;
}
.navi .links span {
	padding-left: 22px;
}
.navi .rechts {
	margin-left: 195px;
	margin-left: 43px;
	color: #b5b5b5;
}
.secnavarea {
	background-color: #fff;
	padding: 5px 0;
}
.secnavarea .rechts {
	line-height: 200%;
}

.thirdnavarea ul {
	padding: 0 ! important;
	margin: 0 ! important;
}
.thirdnavarea ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.thirdnavarea ul li a {
	display: block;
	border-bottom: 1px solid #fff;
	padding: 7px 5px 5px 10px;
	width: 240px;
}
.thirdnavarea ul li a,
.thirdnavarea ul li a:visited {
	text-decoration: none;	
}
.thirdnavarea ul li a.active,
.thirdnavarea ul li a.active:visited {
	color: #da6803;
}
#contentarea {
	min-height: 400px;
}

#contentarea .links div {
	background-color: #ffd892;
	margin: 22px 0 20px 20px;
	padding-bottom: 5px;
	font-size: 0.9em;
	line-height: 160%;
}
#contentarea .links div.thirdnavarea {
	padding-bottom: 0;
} 
#contentarea .links h1 {
	font-size: 1em;
	margin: 0;
	padding: 5px 10px;
}
#contentarea .links h2 {
	margin: 10px 0 0 0;
	background-color: transparent;
	border: none;
}
#contentarea .links p {
	margin: 0;
	padding: 7px 10px 3px 10px;
}

#contentarea .links .important h1 {
	background-color: #990000;
	border: 1px solid #990000;
	color: #fff;
}

#contentarea .links .quicklinks ul,
#contentarea .links .quicklinks li {
	margin: 0;
	padding: 0;
}
#contentarea .links .quicklinks ul {
	padding: 7px 10px 3px 10px;
}
#contentarea .links .quicklinks li {
	color: #0767a7;
	list-style-type: none;
	margin-bottom: 8px;
}
#contentarea .links .quicklinks li:before {
	content:"";	
}
#contentarea .links div ul {
	list-style-type: circle;
	padding: 0 0 15px 0;
	margin: 10px 0 0 27px;
}
#contentarea .links i,
#contentarea .links i a,
#contentarea .links i a:visited  {
	color: #000 ! important;
}


#contentarea .rechts {
	float: right;
	line-height: 150%;
	margin-left: 0px;
	padding: 22px 18px 20px 0;
	width: 652px;
}
#contentarea .rechts h1 {
	margin-top: 0px;
}
#contentarea .rechts ul,
#contentarea .rechts ul li,
#contentarea .rechts ol,
#contentarea .rechts ol li {
	margin: 0;
	padding: 0;
}
#contentarea .rechts ol li {
	margin-left: 30px;
}
#contentarea .rechts ul li {
	margin-left: 22px;
	list-style-type: circle;
}
#contentarea .rechts span.bild {
	font-style: italic;
}
#contentarea .links img.left,
#contentarea .rechts img.left {
	float: left;
	margin: 0pt 20px 0pt 0pt;
}
#contentarea .links img.right,
#contentarea .rechts img.right {
	float: right;
	margin: 0pt 0pt 0pt 20px;
}


/* Navigation */
.navi a {
	font-size: 1.1em;
	padding: 0 5px;
}
.navi a,
.navi a:visited {
	text-decoration: none;
}
a:hover,
a.active,
a.active:visited {
	color: #da6803;
	text-decoration: none;
}
.navi a.active {
}
.secnavarea a {
	padding: 0 5px;
}
table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
table tr.tr0 { background-color: #f5f5f5; }
table tr.tr1 { background-color: #e5e5e5; }
table tr th {
	font-style: italic;
}
table tr th,
table tr td {
	border: 1px solid #c5c5c5;
	padding: 3px 5px 2px 5px;
}

i, i a, i a:visited,
.wichtig,
.wichtig a,
.wichtig a:visited {
	color: #da6803 ! important;
}

hr {
	background-color: #c5c5c5;
	border: 0px;
	height: 1px;
}
.disabled {
	color: #c5c5c5;
}

/* "Clearing" im 21. Jhdt. */
.navi:after {
		content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* nur so */
.kommentar {
	background-color: yellow;
}

#contentarea .rechts ul.sitemap {
	list-style: none;
}
#contentarea .rechts ul.sitemap li {
	list-style: none;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0;
}
#contentarea .rechts ul.sitemap ul li {
	font-weight: normal;
	margin-bottom: 5px;
	margin-left: 22px;
}

#contentarea .rechts ul.sitemap a {
	text-decoration: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: block;
}