body {
 background-image: url(parlato1_background.jpg);
 background-repeat: no-repeat;
 background-color: #968E60;
 font-family: Verdana, Arial, Helvetica;
 font-size: 95%;
 color:#ECE0A6;
}

#main>b, #main>p b, #main>h1, #main>h2, #main>h3, #main>h4, #main>h5,
#goodies b,
#col3 b,
#haupt b, #haupt h1, #haupt h2, #haupt h3, #haupt h4, #haupt h5,
#auftraege h4
 {
   color: #FFFFFF;
}

#auftraege a, #auftraege a:visited, #auftraege a:active {
   color: #000000;
}

#auftraege a:hover {
   color: #666666;
}

body a, body a:visited {
   color: #EFEFEF;
}

body a:hover {
   color: #FFFFFF;
}

#chatdiv a, #chatdiv a:visited, #chatdiv a:active, #chatdiv a:hover {
   color: #0000FF;
}

h1 { font-size: 180%; }

#container {
 width: 100%;
 height: 99%;
}

#header {
 position: relative;
 width: 100%;
 height: 140px;
}

#headermenue {
   position: absolute;
   top: 100px;
   left: 15px;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 500px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border: 1px solid #FFF;
  border-right-color: #A89C62;
  border-bottom-color: #A89C62;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #CABE84;
  color: #efefef;
  font: bold 15px/27px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #DBCF95;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #CABE84;
  color: #efefef;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #DBCF95;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #CABE84;
  color: #efefef;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #DBCF95;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #CABE84f;
  color: #efefef;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #DBCF95;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

#goodies {
 position: absolute;
 height: 450px;
 width: 200px;
 padding-top: 20px;
}

#main {
 position: absolute;
 left: 220px;
 width: 750px;
 height: 450px;
}

#main ul li span {
   display: block;
   margin-top: 10px;
   margin-left: 50px;
   margin-bottom: 20px;
}

table.smilies {
   margin-left: 90px;
}

table.small {
 font-size: 80%;
}

td.dunkel {
 background-color: #666666;
 color: #ffffff;
}

td.dunkel a {
 color: #ffffff;
 text-decoration: none;
}

td.dunkel a:hover {
 color: #cccccc;
 text-decoration: underline;
}

td.hell {
 background-color: #cccccc;
 color: #333333;
}

td.hell a {
 color: #333333;
 text-decoration: none;
}

td.hell a:hover {
 color: #666666;
 text-decoration: underline;
}

th {
 background-color: black;
 color: white;
 text-align:left;
}

#preloadimages {
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	width: 1px;
	height: 1px;
}

#farbwahl
{
     width:128px;
     height:128px;

     padding: 0;
}

#vorschau
{
     background-color:#fff;
     border:1px solid black;
     width: 128px;
}

#chatelements {
	display: block;
	clear: both;
}

#chatdiv {
 background: #FFF;
 color: #000;
 display: block;
 position: relative;
 border: 1px solid #666666;
 width: 590px;
 height: 400px;
 overflow: auto;
}

#debugarea {
 color: #000;
 visibility: hidden;
 Position: absolute;
 border: 1px solid black;
 top: 0px;
 left: 50%;
 width: 350px;
 height: 380px;
 overflow: auto;
}

#userroomarea {
 display: block;
 position: relative;
 top: 10px;
 width: 128px;
 height: 300px;
}

#userheader {
 background: #CABE84;
 color: #FFFFFF;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 85%;
 padding: 5px;
 font-weight: bold;
}

#userlist {
 background: #FFF;
 color: #000;
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 85%;
 border: 1px solid #666666;
 height: 50%;
 overflow: auto;
 padding: 3px;
}

#userlist p {
  margin: 0;
  padding: 0;
}

#roomheader {
 margin-top: 5px;
 background: #CABE84;
 color: #FFFFFF;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 85%;
 padding: 5px;
 font-weight: bold;
}

#roomlist {
 background: #FFF;
 color:#000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 85%;
 border: 1px solid #666666;
 height: 40%;
 overflow: auto;
 padding: 3px;
}

#roomlist p {
  margin: 0;
  padding: 0;
}

#bereichunten table td {
    font-size: 80%;
    padding: 5px;
}

#copyright {
   margin-top: 10px;
   font-size: 80%;
}

a.infobox {
  color: black;
  text-decoration:none;
}

a.infobox:hover { 
  cursor:help;
  color:#c30;
  background:white;
}

a.infobox span { 
  display:none;
  position:fixed;
  left:85%;
  top: 2em;
  padding:0.5em;
  text-decoration:none;
}

a.infobox:hover span {
  display:block;
  border:1px solid #c30;
  color:blue;
  background:white;
}

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    /* float:left; */
        width:982px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin: 0 auto;
	}
	/* holy grail 3 column settings */
	.holygrail {
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-220px; 	/* Width of right column */
        position:relative;
        right:100%;
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:365px;         	/* Left column width + right column width */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:145px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 220px 0 150px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:140px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:215px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:5px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
        z-index: 100;
    }
    
    .holygrail .col3 span {
        font-size: 80%;
    }

    #goodies span {
        font-size: 80%;
    }
    
    #farbanzeige {
      background: white;
   	margin: 0;
   	padding: 0;
   	border: 1px solid black;
   	/* margin-top: 0.2em; */
   	width: 20px;
   	height: 22px;
    }
    
head:first-child+body #farbanzeige {
   	width: 19px;
   	height: 19px;
    }

    #diefarbe {
      float: left;
      width: 15px;
      height: 15px;
      margin-top: 1px;
      margin-left: 1px;
    }
    
head:first-child+body #diefarbe {
      margin-top: 2px;
      margin-left: 2px;
    }


    #auftraege {
      float: right;
      width: 300px;
      border: 1px solid black;
      font-size: 80%;
      padding: 5px;
    }