/* ..........................................
   ...... http://www.krech-sanitaer.de ......
   ... edited by PropWeb und M. Schneider ...
   .............. 08.03.2009 ................
   .......................................... */
   
/* ### Body und Links ### */

body { 
  background-color: #D7DEE9;
  background-image: url(bkgrnd/bkgrnd_body.png);
  background-repeat: repeat-y;
  background-position: left top;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  color: #2B2875;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

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

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

a.link_counter:link, a.link_counter:active, a.link_counter:focus, a.link_counter:visited, a.link_counter:hover {
  color: #FFFFFF;
  text-decoration: none;
  }

hr {
  margin: 5px 0px 5px 0px;
  color: #2B2875;
  border: 0;
  border-top: 1px solid #2B2875;
  height: 1px;
  }

img {
  border: none;
  }


/* ### Container ### */
  
#body_main {
  z-index: 1;
  position: relative;
  top: 0px;
  left: 0px;
  width: 940px;
  margin: 20px 0 0 20px;
  padding: 0 0 0 0;
  }

#header_main {
  z-index: 2;
  position: relative;
  top: 0px;
  left: 0px;
  width: 900px;
  height: 120px;
  background-image: url(bkgrnd/bkgrnd_header_main.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
  }
 
#navigation_main {
  z-index: 3;
  position: relative;
  top: 0px;
  left: 0px;
  width: 900px;
  height: 60px;
  display: block;
  clear: both;
  font-size: 1.1em;
  background-image: url(bkgrnd/bkgrnd_navigation_main.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin: 4px 0 0 20px;
  padding: 0 0 0 0;
  }
 
#content_main {
  z-index: 4;
  position: relative;
  top: 0px;
  left: 0px;
  width: 900px;
  background-image: url(bkgrnd/bkgrnd_content_main.png);
  background-repeat: repeat-y;
  background-position: left top;
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
  }
 
#content_left {
  z-index: 5;
  position: relative;
  top: 0px;
  left: 0px;
  width: 560px;
  font-size: 1.1em;
  border-right: 1px solid #2B2875;
  margin: 0 0 0 20px;
  padding: 0 20px 0 0;
  }
 
#content_right {
  z-index: 6;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 250px;
  font-size: 1.1em;
  margin: 0 0 0 620px;
  padding: 0 0 0 0;
  }
 
#footer_main {
  z-index: 7;
  position: relative;
  top: 0px;
  left: 0px;
  width: 900px;
  height: 55px;
  background-image: url(bkgrnd/bkgrnd_footer_main.png);
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 1.1em;
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
  }
 
#counter {
  z-index: 8;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #FFFFFF;
  margin: 28px 0 0 10px;
  padding: 0 0 0 0;
  }
 
#copyright {
  z-index: 9;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 700px;
  text-align: center;
  color: #FFFFFF;
  margin: 28px 0 0 200px;
  padding: 0 0 0 0;
  }
 
#navigations_box {
  z-index: 10;
  position: absolute;
  top: 153px;
  left: 52px;
  width: 700px;
  font-size: 1.1em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }


/* ### Text ### */

h1, h2 {
  font-size: 1em;
  }

  
/* ### Navigation ### */

#navigation {
  width: 877px;
  height: 25px;
  background-color: #2B2875;
  color: #ffffff;
  line-height: 2.2em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#navigation li {
  float: left;
  list-style-type: none;
  white-space: nowrap;
  display: inline;
  position: relative;
  }

#navigation li a {
  display: block;
  padding: 0 10px;
  font-weight: normal;
  text-decoration: none;
  background-color: inherit;
  color: #ffffff;
  }

* html #navigation a {
  width: 1%;
  }

#navigation .selected, #navigation a:hover {
  background: #D7DEE9;
  color: #2C2976;
  text-decoration: none;
  }

  
/* ### Navigation drop down ### */

ul li#bypass {
  display: none;
  }

#navigation ul {
  height: 18px;		/* you will also need to change #navigation a padding and #navigation li ul margin-top*/
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: #2B2875;		/* background coor of the drop downs */
  color: #ffffff;
  list-style-type: none;
  }

#navigation li ul {
  border-top: 1px solid #ffffff;
  border-left: 3px solid #FF0000;
  margin-top: 3px;		/* How far down the drop down menus start  - you will also need to change #navigation ul height and #navigation a padding */
  display: none;
  left: 0;
  position: absolute;
  width: 152px;		/* width of the drop down menus? */
  height: auto;
  margin: 0 0 0 0;
  }
		
#navigation li li {
  width: 152px;		/* width of the drop down menus? */
  border: 1px solid #FFFFFF;		/* color of drop down borders */
  border-top: 0;
  margin: 0px;
  }
		
#navigation li li a {
  display: block;
  padding: 0 10px;
  font-weight: normal;
  text-decoration:none;
  background-color: inherit;
  color: #FFFFFF;
  border-right: none;
  width: 152px;
  margin: 0 0 0 0;
  }
		
#navigation a:hover, #navigation a:focus {
  background-color: inherit;
  color: #2B2875;
  }
		
#navigation .sel a {
  background-color: inherit;
  color: #FFFFFF;
  }

#navivation a:active {
  background-color: inherit;
  color: #2B2875;
  }

  
/* ### Formulare und Text ### */

form {
  font-size: 0.9em;
  }

table {
  font-size: 1em;
  }

.submit_11 {
  border: 1px solid #2B2875;
  color: #2B2875;
  background-color: #D7DEE9;
  }

/* ### E N D E ### */