/*
http://leftjustified.net/journal/2004/10/19/global-ws-reset/

*{padding: 0;margin: 0;}  
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address{ margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }

global padding margin reset
replicated look - but cross browser
verticals controlled by browser width
horizontals by font size 
*/

*{padding: 0;margin: 0;}  

body
{
  background: #4A1D2E url(gfx/bg4.jpg);
  font-family: "arial" "georgia", serif;
  font-size: 85%;
  line-height: 1.3em;
}

p
{margin-bottom: 1.3em;}

H1, H2, H3, H4, H5, H6
{
  margin-top: 1.5em;
  margin-bottom: 1.0em;
  margin-left: -1em;
  font-family: "verdana", sans-serif;
  position: relative; /*IE: damit die h-s auch ihren hintergrund bekommen?*/
}

h2
{
  background: #d9d9d9;
  border-bottom: 3px solid #ffca7a;/*#fab54d; orange;*/
  padding: 0.3em 0.1em;
  color: #666;
}

h3
{
  font-size: 1em;
}

/* ******************* CONTAINER ******************* */

#verlauf
{
  background: #4A1D2E url(gfx/bg4_x.jpg) repeat-x;
  height: 490px;
  width: 100%;
  position: absolute;
  top: 0;  /* IE braucht das so -.- */
  left: 0;
}

#wrapper
{
  width: 750px;
  margin: 0px auto;
  margin-bottom: 10em;
  position: relative; /*holt wrapper wieder vor verlauf*/
  background-color: #fcf9f5;
}

#banner
{
  background: #cd6423 url(gfx/header9.jpg);
  height: 147px;
}

#content
{
  padding: 0em 3em 5em 3em;
  margin-top: 2em; /*Abstand auch für normal-Text*/
  /*bg im wrapper*/
}

#footer
{
  width: 100%;
  height: 34px;
  background: url(gfx/footer.jpg) no-repeat;
  margin:  0px;
}

#footer li
{
position: relative;
top: 10px;
left: 3em;
}

/* ******************* DISPLAY ******************* */

#menu
{
  width: 750px;
  height: 34px;
  background: gray url(gfx/menu_x.jpg) repeat-x; 
}

#menu li
{
  display: inline;
  height: 34px;
  position: relative;
  top: 5px;
  left: 3em;
}

#menu a
{
height: 34px;
margin-right: 1em; /*Abstand der einzelnen Buttons*/
color: black;
text-decoration: none;
font-weight: bold;
}

#menu a:hover {color:#888;}
#menu a:active {color:#FFFFFF;}

ul
{
  list-style-type: none;
  list-style-image:url(gfx/bullet.gif);
}

#footer li
{
  font-size: 0.8em;
  display: inline;
  border-right: 1px solid #232323;
  padding: 0em 1em;
}

#submenu
{
  width: 750px;
  height: 34px;
  background-color: #fcf9f5

}

#submenu li
{
  display: inline;
  height: 34px;
  position: relative;
  top: 5px;
  left: 3em;

}

#submenu a
{
height: 34px;
margin-right: 1em; /*Abstand der einzelnen Buttons*/
color: #666666;
text-decoration: none;

}

#submenu a:hover
{
  color:#fff;
  background-color:darkgray;
  border-left:#fab54d solid 1em;
  padding-left: 0px;
}

#submenu
{
  list-style-type: none;
  list-style-image: none;
}


#submenu:before
{

  display: block;
  border-bottom: 1px solid darkgray;
}


/* ******************* KLASSEN ******************* */


.notype /*keine bullets in der Adressliste & Kontakt*/
{
list-style-type: none;
  list-style-image: none;
}

.col_1
{
  float: none;
  clear: none; 
}

.col_1 li
{
  width: 120px;
  text-decoration: none;
  border-bottom: 1px solid darkgray;
}

.col_2
{
  margin-left: 30px;
}


.left
{
  float: left;
  border-right: 1px solid gray;
  width: 47%;

  margin-left: 0em !important;
  padding-left: 0em !important;
  
  margin-left: -0.5em !important;
  padding-left: 1em !important;
 
  padding-right: 1em;
  padding-bottom: 2em;
}


.right
{
  float: right;
  width: 47%;
/*  margin-left: 1em;*/
    margin-left: -1em;
  padding-left: 2em;
}

.clear
{
  clear:both;
}


.roman {list-style-type: upper-roman}
  .roman li {font-weight: bold; margin-top: 1em;}
.abc {list-style-type: lower-latin}
  .abc li {font-weight: normal; font-size: 0.3 em}
.zahl {list-style-type: decimal}
  .zahl li {font-weight: normal; font-size: 0.3 em}