/**********************************************************************/
/* Body and global definitions */
/**********************************************************************/
* {
  margin: 0;
  padding: 0;
}

/* show an hourglass over all document elements for feedback (used by myfunctions.js) */
html.cursor_wait * { 
  cursor: wait; 
}

body {
  /* background-color: rgb(247,216,153); fuer den Hintergrund back_dark.jpg */
  /*
  background-color: #d7d7d7;
  background-image: url(img/back.jpg);
  */
  background-color: rgb(222,215,206);
  background-image: url(img/back.gif);
  background-repeat: repeat-x;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #737573; 
  margin-top: 9px;
  text-align: center;  /* center the hull (for IE only) */
  
  /*
  scrollbar-base-color:#F6E6C6;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#F6E6C6;
  scrollbar-face-color:#F6E6C6;
  scrollbar-highlight-color:#F6E6C6;
  scrollbar-shadow-color:#FFFFFF; 
  scrollbar-track-color:#F6E6C6;
  */
}

body.simple {
  text-align: left;
  width: 500px;
}

img.framed_left {
  float: left;
  margin-right: 7px; 
  margin-bottom: 7px;
  border: solid 1px rgb(115,117,115);
}

img.framed_right {
  float: right;
  margin-left:7 px; 
  margin-right: 7px; 
  margin-bottom: 7px;
  border: solid 1px rgb(115,117,115);
}

/**********************************************************************/
/* Page layout */
/**********************************************************************/
div.hull {
  width: 850px;
  height: 565px;
  /* height: 601px; */
  margin: 0px auto;  /* top and bottom=0, left and right=auto (center) */
  text-align: left;  /* because we need "text-align: center;" for IE in body, we reset this for the hull inner */
}

div.header {
  position: flow;
  border: 7px solid #FFFFFF;
  background-color: rgb(255,243,231);
  margin-bottom: 7px;
  color: #f7b242;
  /* height: 96px; */
  height: 132px;
  overflow: hidden;
}

div.menu {
  position: flow;
  float: left;
  border: 7px solid #FFFFFF;
  background-color: rgb(247,231,198);
  margin-right: 7px;
  width: 160px;
  height: 450px;
  /* no padding in box, all elemets need a spacing anyway */
  /*
  -moz-border-radius-topleft: 12px; ???
  -moz-border-radius-bottomright: 12px;
  */
}

div.content {
  position: flow;
  float: left;
  border: 7px solid #FFFFFF;
  background-color: rgb(247,231,198);
  margin-right: 7px;
  overflow: auto;
  width: 433px;
  height: 450px;
  /* no padding in box, all elemets need a spacing anyway */
}

div.sidebar {
  position: flow;
  float: right;
  border: 7px solid #FFFFFF;
  
  /* for bright sidebar */
  background-color: rgb(255,243,231); 
  
  /* for normal sidebar */
  /* background-color: rgb(247,231,198); */
  
  width: 200px;
  right: 0px;
  overflow: auto;
  height: 450px;
  /* no padding in box, all elemets need a spacing anyway */
}

div.clear {
  clear: left;
  /* clear: both; */ /* force line break */
}

/* for top bright box in menu and sidebar */
div.bright {
  background-color: rgb(255,243,231);
  width: 100%;
  padding-bottom: 7px;
  border-bottom: 7px solid #FFFFFF;
}

/**********************************************************************/
/* Special style for map */
/**********************************************************************/
div.map {
  border: 1px solid #737573;
  width: 400px; 
  height: 350px;
  margin-left: 7px;
  text-align: left;
}

h1.map {
  margin: 0px;
  font-size: 12px;
}

p.map {
  margin: 0px;
  font-size: 11px;
}

p.under_map {
  margin: 0px;
  font-size: 11px;
  padding-left: 7px;
  padding-top: 0px;
  padding-bottom: 0px;
}

a.map { 
  font-size: 11px; 
  text-decoration: none;
}

ul {
  list-style: none;
  padding-left: 7px;
}

/**********************************************************************/
/* Paragraphs and fonts */
/**********************************************************************/
p {
  padding: 7px;
}

/* For paragraphs under headline 2 */
p.p0 {
  padding-left: 7px;
  padding-top:  0px;
}

p.note {
  font-size: 8px;
  padding-top: 7px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 0px;
}

h1 {
  padding-top: 7px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 0px;
}

h2 {
  padding-top: 7px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 0px;
}

h1.side {
  font-size: 13px;
  font-weight: bold;
}

h2.side {
  font-size: 12px;
  font-weight: bold;
}


h1.content {
  font-size: 16px;
}

h2.content {
  font-size: 13px;
}



/**********************************************************************/
/* Tables */
/**********************************************************************/
table {
  border-collapse: collapse;
  border-spacing: 0px;
  margin-left: 7px;
  padding: 7px;
}

table.menu {
  font-size: 9pt;
  font-weight: normal;
  margin-left: 7px;
  margin-top: 10px;
}

td {
  vertical-align: top;
  padding-right: 10px;
  padding-top: 3px;
}

td.sidebar {
  padding: 0px;
}

/**********************************************************************/
/* Forms */
/**********************************************************************/
input {
  background-color:#FFFFFF;
  border: 1px solid #737573;
  width: 360px;
  color: #737573;
  font-size: 13px;
}

input.sidebar {
  background-color:#FFFFFF;
  border: 1px solid #737573;
  width: 140px;
  color: #737573;
  font-size: 11px;
}

input.radio {
  text-align: left;
  width: 17px;
  margin-top: 3px;
  margin-right: 4px; 
}

textarea {
  background-color: #FFFFFF;
  color: #737573;
  border: 1px solid #737573;
  width: 360px;
  height: 120px;
  font-size: 13px;
}

/**********************************************************************/
/* Links */
/**********************************************************************/

a { 
  font-family: tahoma, arial, helvetica, sans-serif;
  color: #AC6A50; 
  font-size: 12px; 
  text-decoration:none;
}

a.note { 
  font-size: 10px; 
  text-decoration: none;
}

a.menu {
  background-color: rgb(222,215,206);
  color: rgb(99,97,90);
  border-bottom: 2px solid #FFFFFF;
  padding-left: 15px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}

a.menu_selected {
  background-color: rgb(222,215,206);
  color: rgb(173,97,66);
  font-weight: bold;
  border-bottom: 2px solid #FFFFFF;
  padding-left: 15px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}

a.submenu {
  background-color: rgb(248,239,240);
  color: rgb(99,97,90);
  border-bottom: 2px solid #FFFFFF;
  padding-left: 15px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 11px;
}

a.submenu_selected {
  background-color: rgb(248,239,240);
  color: rgb(173,97,66);
  /*font-weight: bold;*/
  border-bottom: 2px solid #FFFFFF;
  padding-left: 15px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 11px;
}

/* Alternative:
a.submenu {
  background-color: rgb(222,215,206);
  color: rgb(99,97,90);
  border-bottom: 2px solid #FFFFFF;
  padding-left: 30px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}

a.submenu_selected {
  background-color: rgb(222,215,206);
  color: rgb(173,97,66);
  font-weight: bold;
  border-bottom: 2px solid #FFFFFF;
  padding-left: 30px;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}
*/

/* Use menu_close to close the menu with a thick line */
div.menu_close {
  border-top: 5px solid #FFFFFF;
}