/*  ................ CSS-Stylesheet ...................
    ........... Ortsgemeinde Ettringen ................
    ......... http://www.ettringen-eifel.de ...........
    ........ Copyright Propson Webdesign UG ...........
    ............. http://www.propweb.de ...............
    ................ Design - Layout ..................  */


/*  ### Links und Body ###  */

a:link, a:active, a:focus, a:visited {
  text-decoration: underline;
  color: #2E2E2E;
  }

a:hover {
  text-decoration: none;
  color: #2E2E2E;
  }

a.link_black:link, a.link_black:active, a.link_black:focus, a.link_black:visited {
  text-decoration: none;
  color: #2E2E2E;
  }

a.link_black:hover {
  text-decoration: underline;
  color: #2E2E2E;
  }

body {
  background-color: #525252;
  background-image: url('bkgrnd/bkgrnd_body.gif');
  background-position: left top;
  background-attachment: fixed;
  font-family: verdana, arial, helvetica, sans-serif;
  font: 10px verdana;
  color: #2E2E2E;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

img {
  border: 1px solid #2E2E2E;
  }

.ohne_rahmen {
  border: none;
  }

.float_rechts {
	float: right;
	margin: 0 0 1em 1em;
  }

.float_links {
	float: left;
	margin: 0 1em 1em 0;
  }


/*  ### Container - Layout ###  */

#main {
  z-index: 1;
  position: relative;
  top: 0px;
  left: 0px;
  margin: 10px 0 20px 0;
  padding: 0 0 0 0;
  }

#print_header {
  display: none;
  }

#header {
  z-index: 2;
  position: relative;
  top: 0px;
  left: 0px;
  width: 980px;
  height: 153px;
  background-image: url('bkgrnd/bkgrnd_header.gif');
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#link_ortsgemeinde {
  z-index: 3;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 20px 0 0 750px;
  padding: 0 0 0 0;
  }

#subline {
  z-index: 4;
  position: relative;
  top: 0px;
  left: 0px;
  width: 980px;
  height: 55px;
  background-image: url('bkgrnd/bkgrnd_subline.gif');
  background-repeat: no-repeat;
  background-position: left top;
  text-align: right;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#navigation_top {
  z-index: 5;
  position: relative;
  top: 14px;
  left: 0px;
  font-size: 1.1em;
  text-decoration: none;
  display: inline;
  text-align: right;
  margin: 0 60px 0 0;
  padding: 0 0 0 0;
  }

#content_main {
  z-index: 6;
  position: relative;
  top: 0px;
  left: 0px;
  width: 980px;
  background-image: url('bkgrnd/bkgrnd_content_main.gif');
  background-repeat: repeat-y;
  background-position: left top;
  text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#content_left {
  z-index: 7;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 195px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#content_left_1 {
  z-index: 8;
  position: relative;
  top: 0px;
  left: 0px;
  width: 195px;
  background-image: url('bkgrnd/bkgrnd_content_left_1.gif');
  background-repeat: repeat-y;
  background-position: left top;
  font-size: 1.1em;
  text-decoration: none;
  line-height: 150%;
  margin: -10px 0 0 0;
  padding: 0 0 0 0;
  }

#content_left_2 {
  z-index: 9;
  position: relative;
  top: 0px;
  left: 0px;
  width: 195px;
  height: 20px;
  background-image: url('bkgrnd/bkgrnd_content_left_2.gif');
  background-repeat: repeat-y;
  background-position: left top;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#nav_page_top {
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 170px;
  font-size: 1.3em;
  color: #FBF36B;
  text-decoration: none;
  margin: -40px 0 0 233px;
  padding: 0 0 0 0;
  }

#content_middle {
  z-index: 11;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 170px;
  margin: -10px 0 0 210px;
  padding: 0 0 0 0;
  }

#navigation_middle {
  z-index: 12;
  position: relative;
  top: 0px;
  left: 0px;
  width: 170px;
  font-size: 1.2em;
  text-decoration: none;
  display: block;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  }

#breadcrumbs {
  z-index: 14;
  position: relative;
  top: 0px;
  left: 0px;
  font-size: 1.1em;
  margin: 0 0 0 420px;
  padding: 0 0 0 0;
  }

#content_right {
  z-index: 15;
  position: relative;
  top: 0px;
  left: 0px;
  width: 520px;
  font-size: 1.2em;
  line-height: 150%;
  text-decoration: none;
  margin: 0 0 0 410px;
  padding: 0 0 0 0;
  }

#sound {
  z-index: 16;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 0.8em;
  margin: 0 0 0 820px;
  padding: 0 0 0 0;
  }

#wappen {
  z-index: 17;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url('bkgrnd/bkgrnd_wappen.gif');
  background-repeat: repeat-y;
  background-position: left top;
  width: 96px;
  height: 123px;
  margin: -110px 0 0 20px;
  padding: 0 0 0 0;
  }

#footer {
  z-index: 18;
  position: relative;
  top: 0px;
  left: 0px;
  width: 980px;
  height: 70px;
  background-image: url('bkgrnd/bkgrnd_footer.gif');
  background-repeat: no-repeat;
  background-position: left top;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#footer_search {
  z-index: 19;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #2E2E2E;
  font-size: 0.8em;
  text-align: center;
  margin: 18px 0 0 20px;
  padding: 0 0 0 0;
  }

#nav_page_bottom {
  z-index: 20;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 170px;
  font-size: 1.3em;
  color: #FBF36B;
  text-decoration: none;
  margin: -5px 0 0 210px;
  padding: 0 0 0 0;
  }

#footer_copyright {
  z-index: 21;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 530px;
  color: #2E2E2E;
  font-size: 1.1em;
  text-align: center;
  margin: 20px 0 0 400px;
  padding: 0 0 0 0;
  }

#print_footer {
  display: none;
  }


/*  ### Navigation oben - top ###  */

.menu_top {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

.menu_top ul, .menu_top li {
  display: inline;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

.menu_top ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

.menu_top ul ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

.menu_top a:link, .menu_top a:visited, .menu_top a:active {
  background-image: url('grafics/nav_top.gif');
  background-repeat: no-repeat;
  background-position: left top;
  display: inline;
  color: #FBF36B;
  height: 17px;
  text-decoration: none;
  margin: 0 0 0 5px;
  padding: 2px 9px 2px 13px;
  }

.menu_top a:hover {
  background-image: url('grafics/nav_top_hover.gif');
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #FBF36B;
  color: #CC0000;
  }

.menu-current {
  font-style: italic;
  font-weight: bold;
  }



/*  ### Navigation links - left ###  */

.menu_left {
  vertical-align: top;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

.menu_left ul, .menu_left li {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

.menu_left ul {
  border-bottom: 0px;
  }

.menu_left ul ul {
  padding: 0 0 0 10px;
  }

.menu_left a:link, .menu_left a:visited, .menu_left a:active {
  background-image: url('grafics/nav_left.gif');
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  color: #FBF36B;
  text-decoration: none;
  margin: 5px 0 0 0;
  padding: 2px 9px 2px 13px;
  }

.menu_left a:hover {
  background-image: url('grafics/nav_left_hover.gif');
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #FBF36B;
  color: #CC0000;
  }


/*  ### Text ###  */

h1, h2, h3 {
  font-family: verdana, arial, helvetica, sans serif;
  }

h1 {
  background-image: url('grafics/akz_h2.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 1.1em;
  font-weight: bold;
  margin: 25px 10px 15px 10px;
  padding: 0 0 0 15px;
  }

h2 {
  background-image: url('grafics/akz_h2.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 1.1em;
  font-weight: bold;
  margin: 15px 10px 10px 10px;
  padding: 0 0 0 15px;
  }

#content_left h2 {
  background-image: url('grafics/akz_h2.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 1.1em;
  font-weight: bold;
  margin: 20px 10px 10px 13px;
  padding: 0 0 0 15px;
  }

h3 {
  background-image: url('grafics/akz_h3.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 1em;
  font-weight: bold;
  margin: 15px 10px 10px 10px;
  padding: 0 0 0 15px;
  }

h4 {
  font-size: 1em;
  font-weight: bold;
  border-bottom: 1px solid #CC0000;
  margin: 15px 10px 10px 10px;
  padding: 0 0 0 15px;
  }

blockquote {
  background-color: #FBF36B;
  color: #7D1100;
  margin: 10px 15px 10px 10px;
  padding: 10px 10px 10px 10px;
  }

p {
  margin: 15px 10px 15px 10px;
  }

#content_left p {
  margin: 10px 10px 10px 13px;
  }

table {
  font-family: verdana, arial, helvetica, sans-serif;
  font: 1em verdana;
  border: none;
  margin: 10px 10px 10px 10px;
  padding: 0 0 0 0;
  }

.flash {
  font-size: 0.8em;
  }

.einsatz {
  /*border: 2px solid #cc0000; */
  }


/*  ### Formular ###  */

fieldset {
  border: 1px solid #51697A;
  margin: 0 15px 0 15px;
  padding: 10px 10px 10px 10px;
  }

.inputtext {
  width: 250px;
  background-color: #FFFFFF;
  color: #51697A;
  border: 1px solid #51697A; 
  }

.inputtextarea {
  width: 250px;
  background-color: #FFFFFF;
  color: #51697A;
  border: 1px solid #51697A; 
  overflow: auto;
  }

legend {
  font: 1.1em verdana;
  color: #51697A;
  font-weight: bold;
  text-align: left;
  }

label {
  font-weight: bold;
  float: left;
  width: 11em;
  clear: left;
  }

label.nofloat {
  float: none;
  padding: 0 20px 20px 0;
  }

.inputbutton {
  width: 120px;
  background-color: #51697A;
  border: 1px solid #51697A;
  font-family: verdana, arial, helvetica, sans-serif;
  font: 1em verdana;
  font-weight: bold;
  color: #FFFFFF;
  }

.input_nav_search {
  font-family: verdana, arial, helvetica, sans-serif;
  font: 1.1em verdana;
  color: #2E2E2E;
  background-color: #FFFFFF;
  border: 1px solid #C0C0C0;
  width: 130px;
  height: 16px;
  }

.frm-nixhier {
  display :none;
  }

/*  ### Ende ###  */