/****************************************************************************
* Projekt: Verkehrswacht Hanau
* Datei:   Bildschirmgestaltung
* Typ:     Stylesheet
*
* Autoren: Frank Beyer, Dorothea Schäfer (Webkrebse)
*          www.webkrebse.com
*
* Farben:  Schrift 030000
*          Hintergrund ffffff
*          grau: eaeaea
*          rot:  ef4139
*          grün: 66ac75
****************************************************************************/

/*---------------------------------------------------------------------------
 Allgemeines
---------------------------------------------------------------------------*/

/* weil die Browser dies so unterschiedlich besetzen */
* {
	padding: 0;
	margin: 0;
}
body {
	color: #030000;
	background: #ffffff url(/layout/bg_body.jpg) repeat-x left 126px;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 11px;
	line-height: 1.4em;
}
#wrapper {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 997px; /* das soll noch elastisch werden */
	background: url(/layout/bg_wrapper.jpg) no-repeat right top;
}
#logo {
	padding-top: 30px;
	padding-left: 62px;
	padding-bottom: 21px;
}
h1 {
	display: block;
	margin-top: 6px;
	border-top: 1px solid white;
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 1em;
}
h2 {
	display: block;
	margin-top: 6px;
	margin-bottom: 0px;
	line-height: 1em;
	font-weight: bold;
	font-size: 11px;
}
a:link, a:visited {
    color: #000000;
	text-decoration: none;
}
a:hover, a:focus {
	color: #000000;
	text-decoration: underline;
}

/*---------------------------------------------------------------------------
 Navigation
---------------------------------------------------------------------------*/

#navi li,
#metanavi li {
	list-style-type: none;
	display: inline;
	cursor: pointer;
}
#navi a {
	float: left;
	background: url(/layout/bg_navi_button_1.jpg) no-repeat;
	width: 142px;
	height: 46px;
	padding-left: 28px;
	padding-top: 14px;
	font-size: 12px;
	font-weight: bold;
}
#metanavi a {
	position: absolute;
	top: 0px;
	height: 46px;
	padding-top: 14px;
	padding-left: 6px;
	font-size: 9px;
	font-weight: bold;
}
#metanavi #navi_home a {
	left: 39px;
	width: 47px;
}
#metanavi #navi_kontakt a {
	left: 86px;
	width: 60px;
}
#metanavi #navi_impressum a {
	left: 146px;
	width: 80px;
}

/* Rollover */
#navi a:focus,
#navi a:hover {
	background: url(/layout/bg_navi_button_2.jpg) no-repeat;
	text-decoration: none;
}
#navi_home a:focus,
#navi_home a:hover {
	background: url(/layout/bg_navi_home.jpg) no-repeat;
	text-decoration: none;
}
#navi_kontakt a:focus,
#navi_kontakt a:hover {
	background: url(/layout/bg_navi_kontakt.jpg) no-repeat;
	text-decoration: none;
}
#navi_impressum a:focus,
#navi_impressum a:hover {
	background: url(/layout/bg_navi_impressum.jpg) no-repeat;
	text-decoration: none;
}

/* Selected */
#aktuelles #navi_aktuelles a,
#veranstaltungen #navi_veranstaltungen a,
#ueber #navi_ueber a,
#linkliste #navi_links a {
	background: url(/layout/bg_navi_button_2.jpg) no-repeat;
}
#kontakt #navi_kontakt a {
	background: url(/layout/bg_navi_kontakt.jpg) no-repeat;
}
#impressum #navi_impressum a {
	background: url(/layout/bg_navi_impressum.jpg) no-repeat;
}

/*---------------------------------------------------------------------------
 Bereiche
---------------------------------------------------------------------------*/

#kopf {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 126px;
}
#navi {
	position: absolute;
	top: 128px;
	left: 25px;
	height: 46px;
}
#metanavi {
	position: absolute;
	top: 127px;
	right: 40px;
	height: 46px;
	width: 209px;
	background: url(/layout/bg_metanavi.jpg) right no-repeat;
	padding-right: 43px;
}
#inhalt {
       position: relative; /* Bezugspunkt */
/*       position: absolute; /* Bezugspunkt */
       top: 189px;
       left: 25px;
}
#mitte {
	width: 472px;
	min-height: 400px;
	margin-left: 170px;
	padding-left: 43px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-top: 1px;
	background: url(/layout/bg_mitte.jpg) 0px 155px no-repeat;
}
#mitte_links,
#mitte_mitte,
#mitte_rechts {
	float: left;
	width: 145px;
	min-height: 220px;
	margin-top: 60px;
	margin-left: -3px;
	margin-right: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	text-align: center;
	border: 1px solid #ef4139;
	background: #eaeaea;
}
#mitte_rechts {
	margin-right: 0px;
}
#links, #rechts {
	position: absolute;
	top: 0px;
	width: 168px;
	height: 400px;
	border: 1px solid;
}
#links {
	left: 0px;
	border-color: #66ac75;
}
#rechts {
	left: 726px;
	border-color: #ef4139;
}
#links { background: #eaeaea url(/layout/bg_box_2.jpg) no-repeat right bottom;}
#rechts { background: #eaeaea url(/layout/bg_box_1.jpg) no-repeat right bottom;}
#index #links,
#linkliste #links {	background: #eaeaea url(/layout/bg_box_1.jpg) no-repeat right bottom;}
#linkliste #rechts {	background: #eaeaea url(/layout/bg_box_2.jpg) no-repeat right bottom;}

#links h1,
#rechts h1,
#mitte_links h1,
#mitte_mitte h1,
#mitte_rechts h1 {
	background: url(/layout/bg_box_kopf.jpg) no-repeat;
	text-align: left;
	height: 33px;
	padding-left: 43px;
	padding-bottom: 0em;
	margin-bottom: 12px;
}
#links h1 {
	border-color: #66ac75;
}
#rechts h1,
#mitte_links h1,
#mitte_mitte h1,
#mitte_rechts h1 {
	border-color: #ef4139;
}
#links ul,
#rechts ul {
	list-style-image:url(/layout/li_kreuz.gif);
	margin-left: 6px;
	padding-left: 1.5em;
}
#links li,
#rechts li {
	list-style-type: none;
	cursor: pointer;
	line-height:1.4em;
}
#links p,
#rechts p,
#mitte p {
	padding-bottom:6px;
}
#links p,
#rechts p {
	padding-left:6px;
}
#adresse {
	position: absolute;
	bottom: 0px;
}

/*---------------------------------------------------------------------------
 Spezielles
---------------------------------------------------------------------------*/
p.klein {
	font-size: 9px;
}