/* ****************************************************************************
** Main screen-stylesheet for www.wetteraukreis.de
**************************************************************************** */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #2E334D;
	text-align: center;
	width: 100%;
	background-color: #ACB2BF;
}

/* links */
a {
	font-weight: bold;
	color: #2E334D;
	text-decoration: none;
}

a:link {
	color: #2E334D;
	text-decoration: none;
}

a:visited {
	color: #2E334D;
	text-decoration: none;
}

a:focus, a:hover, a:active { text-decoration: none; }

a.extern, a:link.extern, a:visited.extern {
	padding: 0 0 0 11px;
	background-image: url(/internet/media/link_ext.gif);
	background-repeat: no-repeat;
	background-position: 0 0.25em;
}

a.intern, a:link.intern, a:visited.intern {
	padding: 0 0 0 11px;
	background-image: url(/internet/media/link_int.gif);
	background-repeat: no-repeat;
	background-position: 0 0.25em;
}

a.fortsetzung, a:link.fortsetzung, a:visited.fortsetzung {
	padding: 0 0 0 12px;
	background-image: url(/internet/media/link_np.gif);
	background-repeat: no-repeat;
	background-position: 0 0.25em;
}

a.pagetop, a:link.pagetop, a:visited.pagetop {
	font-weight: normal;
	padding: 0 0 0 10px;
	background-image: url(/internet/media/page_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0.25em;
	float: right;
}

/* headings */
h1, h2 {
	visibility: hidden;
	display: none;
}

h3, h4, h5, h6 { line-height: 1.3em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; }

h4.veranstaltungen, h4.finanzen, h4.meldungen, h4.ausschreibungen, h4.presse, h4.stellen, h4.dlz {
	line-height: 1.3em;
	border-color: #CFD2E5;
	border-width: 1px 0 0 0.6em;
	border-style: solid;
	margin: 0.3em 0 0.3em 0;
	padding: 0 0 0 5px;
}

h4.veranstaltungen { border-color: #E5CFA1; }
h4.presse { border-color: #CFE5A1; }
h4.finanzen { border-color: #A1E5A1; }
h4.ausschreibungen { border-color: #A1E5CF; }
h4.meldungen { border-color: #CFA1E5; }
h4.stellen { border-color: #E5A1CF; }
h4.dlz { border-color: #E5A1A1; }

h4 .note {
	font-size: 60%;
	font-weight: normal;
	color: #B8BBCC;
	line-height: 1.2em;
	margin: 0 5px 0 8px;
	padding: 0;
	float: right;
	vertical-align: text-bottom;
}

h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

p {
	font-size: 1em;
	line-height: 1.4em;
}

strong, b, dt { font-weight: bold; }
pre { font-family: monospace; }
ul, ol, dt, dd { padding: 0 0 0 2em; }

hr {
	margin: 0.4em 0 0.4em 0;
	width: 100%;
	height: 1px;
	border: none;
	color: #5C6699;
	background-color: #5C6699;
	display: block;
	float: none;
	clear: both;
}

img { border: none; }

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

/* standard table */
table {
	font-size: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border-color: #CFD2E5;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
}

th {
	text-align: left;
	white-space: nowrap;
	margin: 0;
	padding: 0.2em;
	background-color: #B8BBCC;
}

td {
	vertical-align: top;
	margin: 0;
	padding: 0.2em;
}

tr:hover { background-color: #CFD2E5; }

/* standard form */
fieldset {
	padding: 0.5em;
	border-color: #CFD2E5;
	border-width: 1px;
	border-style: solid;
}

legend { font-weight: bold; }
form p { clear: both; }
input { float: left; }

.standardlabel {
	width: 32%;
	display: block;
	float: left;
}

.smalllabel {
	width: 16%;
	display: block;
	float: left;
}

.textfield {
	width: 65%;
	margin: 0 0 0.3em 0;
}

.textfieldmedium {
	width: 32%;
	margin: 0 0 0.3em 0;
}

.textfieldsmall {
	width: 15%;
	margin: 0 0 0.3em 0;
}

textarea {
	width: 65%;
	height: 4em;
	margin: 0 0 0.3em 0;
}

/* ----------------------------------------------------------------------------
Document-Skeleton
---------------------------------------------------------------------------- */

#wrapper {
	text-align: left;
	width: 948px;
	margin: 0 auto;
	padding: 0;
	background-image: url(/internet/media/content_border-r.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#container {
	width: 924px;
	padding: 0 0 0 24px;
	background-image: url(/internet/media/content_border-l.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#header {
	width: 900px;
	height: 240px;
	position: relative;
}

#header-visual {
	width: 640px;
	height: 150px;
	position: absolute;
	top: 48px;
	left: 60px;
	clip: auto;
	overflow: hidden;
}

#header-bg {
	width: 900px;
	height: 240px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/internet/media/header_bg.gif);
	back\ground-image: url(/internet/media/header_bg.png);
	background-repeat: no-repeat;
}

#header-logo {
	position: absolute;
	top: 12px;
	left: 24px;
}

#header-logo img {
	width: 125px;
	height: 58px;
}

#topnavigation {
	width: 700px;
	position: absolute;
	top: 190px;
	display: block;
	overflow: hidden;
}

#topnavigation ul {
	font-weight: bold;
	list-style-type: none;
}

#topnavigation ul li { display: inline; }

#topnavigation ul li a {
	text-decoration: none;
	width: 204px;
	w\idth: 156px;
	height: 90px;
	hei\ght: 82px;
	margin: 0 -80px 0 -38px;
	padding: 8px 0 0 48px;
	display: block;
	float: left;
	background-color: transparent;
}

#topnavigation ul li a.active {
	background-image: url(/internet/media/topnav-highlight.gif);
	back\ground-image: url(/internet/media/topnav-highlight.png);
	background-repeat: no-repeat;
	background-position: left top;
	_background-image: url(/internet/media/topnav-highlight.gif);
}

#topnavigation ul li a:hover {
	background-image: url(/internet/media/topnav-highlight.gif);
	back\ground-image: url(/internet/media/topnav-highlight.png);
	background-repeat: no-repeat;
	background-position: left top;
	_background-image: url(/internet/media/topnav-highlight.gif);
}

/* ------------------------------------------------------------------------- */
#breadcrump {
	width: 690px;
	height: 60px;
	position: relative;
	top: 220px;
	white-space: nowrap;
	margin: 0 0 -43px 0;
	padding: 2px 0 0 10px;
	border-color: #2E334D;
	border-width: 1px 0 0 0;
	border-style: solid;
}

/* Hide from IE Mac */
/* \*/
#breadcrump {
	margin: 0;
}
/* */

#breadcrump p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	float: left;
}

#breadcrump ul {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	float: left;
}

#breadcrump ul li {
	background-image: url(/internet/media/dash.gif);
	background-repeat: repeat-y;
	margin: 0 0 0 2px;
	padding: 0 0 0 4px;
	display: inline;
}

#breadcrump ul a { font-weight: normal; }
#breadcrump ul a:hover { text-decoration: underline; }

/*#breadcrump ul li:before { content: "\003A \0020"; }*/
/* ------------------------------------------------------------------------- */
#contentholder {
	width: 900px;
	background-image: url(/internet/media/sidebar_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	float: left;
}

#content {
	width: 700px;
	background-image: url(/internet/media/content-top_bg.gif);
	back\ground-image: url(/internet/media/content-top_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
	padding: 38px 0 10px 0;
	float: left;
}

#leftcolumn {
	width: 199px;
	w\idth: 190px;
	height: 100%;
	padding: 8px 9px 0 0;
	float: left;
}

#leftcolumn ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#leftcolumn ul li {
	h\eight: 1%;
	_float: left;
	display: block;
}

#leftcolumn ul a {
	font-weight: normal;
	width: 190px;
	w\idth: 180px;
	margin: 0;
	padding: 3px 5px 4px 5px;
	border-bottom: #CFD2E5;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	display: block;
}

#leftcolumn li ul a {
	w\idth: 165px;
	padding: 3px 5px 4px 10px;
	border-width: 0 0 1px 10px;
	border-style: none none solid solid;
	border-color: #CFD2E5;
	display: block;
}

#leftcolumn li ul li ul a {
	w\idth: 160px;
	padding: 3px 5px 4px 10px;
	border-width: 0 0 1px 15px;
	border-style: none none solid solid;
	border-color: #CFD2E5;
	display: block;
}

#leftcolumn ul a.active {
	font-weight: bold;
	background-color: #CFD2E5;
}

#leftcolumn li ul a.active, #leftcolumn li ul li ul a.active {
	font-weight: bold;
	background-color: #CFD2E5;
	border-color: #B8BBCC;
}

#leftcolumn ul a:hover { background-color: #B8BBCC; }

/* ------------------------------------------------------------------------- */
#centercolumn {
	width: 500px;
	w\idth: 489px;
	float: left;
	padding: 0 10px 0 0;
}

#centercolumn p a:link, #centercolumn p a:visited {
	font-weight: bold;
	background-color: #DDE0F0;
}

#centercolumn p a:focus, #centercolumn p a:hover, #centercolumn p a:active {
	text-decoration: none;
	background-color: #CFD2E5;
}

.imgwcaptionsl, .imgwcaptionsr, .imgwcaptionll, .imgwcaptionlr {
	background-color: #DDE0F0;
	border-color: #CFD2E5;
	border-width: 1px;
	border-style: solid;
	display: block;
}

.imgwcaptionsl102 {
	width: 102px;
	margin: 0 5px 5px 0;
	float: left;
}

.imgwcaptionsl {
	width: 155px;
	margin: 0 5px 5px 0;
	float: left;
}

.imgwcaptionsr {
	width: 155px;
	margin: 0 0 5px 5px;
	float: right;
}

.imgwcaptionll {
	width: 300px;
	margin: 0 5px 5px 0;
	float: left;
}

.imgwcaptionlr {
	width: 300px;
	margin: 0 0 5px 5px;
	float: right;
}

.imgwcaptionsl img, .imgwcaptionsr img, .imgwcaptionll img, .imgwcaptionlr img { width: 100%; }

.imgwcaptionsl p, .imgwcaptionsr p, .imgwcaptionll p, .imgwcaptionlr p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 2px 5px 4px 5px;
}

.lrgimg { width: 100%; }
.halfimg { width: 50%; }

.download {
	background-color: #CFD2E5;
	border-color: #CFD2E5;
	border-width: 1px;
	border-style: solid;
}

.download h4 {
	border-color: #CFD2E5;
	border-width: 1px;
	border-style: solid;
	font-size: 1em;
	width: 20%;
	padding: 0 0 0 0.5em;
	float: left;
}

.download p {
	margin-left: 25%;
	padding-left: 0.5em;
	background-color: #FFF;
}

#centercolumn .download a:link, #centercolumn .download a:visited { background-color: #FFF; }

.phonelist dl {
	margin: 1em 0 0 0;
	line-height: 1.3em;
}

.phonelist dt {
	width: 11.5em;
	height: 1em;
	border-color: #CFD2E5;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 0;
	float: left;
}

.phonelist dd { padding: 0 0 0 12em; }

.phonelist dd.description {
	width: 8em;
	white-space: nowrap;
	display: block;
	float: left;
	clear: left;
}

.phonelist dd a:link { background: none; }

/* ------------------------------------------------------------------------- */
.sitemap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sitemap li {
	h\eight: 1%;
	_width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	_float: left;
	_clear: left;
}

.sitemap li a {
	background-color: #DDE0F0;
	border-bottom: 1px #CFD2E5 solid;
	border-left: 0;
	margin: 0;
	padding: 0.3em 0 0.2em 0.4em;
	display: block;
}

.sitemap li a:hover {
	background-color: #B8BBCC;
}

.sitemap li li a {
	font-weight: normal;
	border-left: 3em #CFD2E5 solid;
	display: block;
}

.sitemap li li li a {
	font-weight: normal;
	border-left: 6em #CFD2E5 solid;
	display: block;
}

.sitemap li li li li a {
	font-weight: normal;
	border-left: 9em #CFD2E5 solid;
	display: block;
}

.sitemap li li li li li a {
	font-weight: normal;
	border-left: 12em #CFD2E5 solid;
	display: block;
}

/* ------------------------------------------------------------------------- */
#contentend {
	width: 700px;
	height: 38px;
	background-color: #FFF;
	background-image: url(/internet/media/footer_bg.gif);
	background-repeat: no-repeat;
	clear: both;
}

/* ------------------------------------------------------------------------- */
#sidebar_top {
	position: absolute;
	top: 0px;
	left: 700px;
	width: 200px;
	height: 240px;
}

.quicklink {
	font-size: 90%;
	text-align: right;
	list-style-type: none;
	width: 200px;
	height: 50px;
	padding: 0;
	display: block;
}

.quicklink li {
	margin: 0 10px 0 0;
	line-height: 1.4em;
	display: block;
}

.quicklink li a { font-weight: normal; }
.quicklink li a:hover { text-decoration: underline; }
#headmetaarea { height: 140px; }

#quicksearch {
	white-space: nowrap;
	padding: 12px 10px 0 10px;
}

#quicksearch input { vertical-align: middle; }

#sidebar_bottom {
	width: 200px;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	float: left;
}

#sidebar_bottom hr {
	margin: 0;
	padding: 0;
}

#quickphone {
	height: 60px;
	padding: 4px 10px 4px 10px;
	background-image: url(/internet/media/sidebar_highlight.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#quickphone fieldset {
	font-weight: bold;
	border: 1px;
}

.sidebar-topic, .sidebar-white {
	font-size: 0.9em;
	width: 200px;
	w\idth: 180px;
	float: left;
	clear: both;
}

#leftcolumn .sidebar-topic {
	width: 180px;
	w\idth: 160px;
	float: left;
	margin: 0 0 15px 0;
	padding: 5px 10px 5px 10px;
}

#sidebar_bottom .sidebar-topic {
	margin: 0 0 15px 0;
	padding: 5px 10px 5px 10px;
	background-image: url(/internet/media/sidebar_highlight.gif);
	back\ground-image: url(/internet/media/sidebar_highlight.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.sidebar-white {
	margin: 0px 0 0 0;
	padding: 15px 10px 15px 10px;
	background-image: url(/internet/media/sidebar_highlight-white.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
}

.sidebar-topic img, .sidebar-white img { }

/* ------------------------------------------------------------------------- */
#footer {
	width: 900px;
	position: relative;
	background-color: #B8BBCC;
	clear: both;
}

/* ------------------------------------------------------------------------- */
#pageend {
	width: 948px;
	height: 24px;
	margin: 0;
	padding: 0;
	background-image: url(/internet/media/content_border-b.gif);
	background-repeat: repeat-x;
	display: block;
}

#pageend .limg {
	position: relative;
	top: 0px;
	left: 0px;
}

#pageend .rimg {
	position: relative;
	top: 0px;
	left: 900px;
}

/* ------------------------------------------------------------------------- */
.lightborder {
	border-color: #CFD2E5;
	border-width: 1px;
	border-style: solid;
}

.darkborder {
	border-color: #2E334D;
	border-width: 1px;
	border-style: solid;
}

.smallpadding { padding: 3px; }
.txtmiddle { vertical-align: middle; }
.normaltxt, .normaltxt a { font-weight: normal; }

.hidden {
	visibility: hidden;
	display: none;
}

.atop { vertical-align: top; }
.fleft { float: left; }
.fright { float: right; }
.nofloat { float: none; }
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.w140 { width: 140px; }

/* ------------------------------------------------------------------------- */
div, a, img, input { behavior: url(/internet/media/iepngfix.htc); }



/*grd */

.wmdiv  p {
margin: 12px;
margin-left:0;
}