/*
GENERALS
*/
* {
        padding:0;
        margin:0;
        border:none;
}

body
{
        font-family: Arial, Verdana, sans-serif;
        text-align:center;
        color:#666666;
}

th
{
        font-size:8pt;
        text-align:left;
}

select, input
{
        border:1px solid #228B22;
        width:90px;
}

textarea
{
   border:1px solid #228B22;
}

#page_wrapper
{
        margin:auto;
        margin-top:20px;
        text-align:left;
        width:942px;
}
#page_wrapper_chat
{
        margin:auto;
        margin-top:20px;
        text-align:left;
        width:942px;
}

#navigation
{
        text-align:left;
        float:left;
        margin:20px 0px 20px 20px;
        width:160px;
	min-height:460px;
	float:left;

        font-size: 14px;
	background:url(gfx/bg_yrep.png) top right repeat-y;
}
#navigation a:link { color:#788188; text-decoration:none; }
#navigation a:visited { color:#788188; text-decoration:none; }
#navigation a:hover { color:#32CD32; text-decoration:underline;  }
#navigation a:active { color:#32CD32; text-decoration:none; }
#navigation ul { list-style:none; margin:0px 0px 0px 0px; }
#navigation ul li { margin-bottom:0px; }
#navigation ul li a { text-decoration:none; width:100px; height:20px; display:block; line-height:20pxem; padding-left: 21px; }
#navigation ul li a:link {  background:url(gfx/bullet.gif) left no-repeat; }
#navigation ul li a:visited {  background:url(gfx/bullet.gif) left no-repeat; }
#navigation ul li a:hover { text-decoration:underline; background:url(gfx/bullet.gif) left no-repeat; }
#navigation ul li a:active { background:url(gfx/bullet.gif) left no-repeat; }

#navigation ul li.active a { color:#32CD32; }

#centerlogo
{
        padding-left:26px;
}

#content
{
        text-align:left;
        font-size:10pt;
        width:530px;
        float:left;
        border-left:1px solid #d2d2d2;
   	border-right:1px solid #d2d2d2;

	background:url(gfx/bg_xrep.png) top left repeat-x;
	background-color:#E2FFC5;

        min-height:493px;

}
#contenttop
{
	float:left;
	width:532px;
	height:16px;
	background:url(gfx/contenttop.jpg) top left no-repeat;
	font-size: 2px;  // im IE erscheinen sonst 2 px rand unterm div WORKAROUND
}

#contentchat
{
   text-align:left;
        font-size:10pt;
	border-left:1px solid #d2d2d2;
	width: 652px;
	float:left;
	min-height:487px;
}
#contentchattop
{
	float:left;
	width:612px;
	height:16px;
	font-size: 2px;  // im IE erscheinen sonst 2 px rand unterm div WORKAROUND
}
#rightbanner
{
	float:left;
	width:150px;
	padding-left:12px;
	//height:602px;
	//border:1px solid #d2d2d2;
	font-size:10pt;
}

#rightbanner a:link { color:#78CD88; text-decoration:none; }
#rightbanner a:visited { color:#78CD88; text-decoration:none; }
#rightbanner a:hover { color:#32CD32; text-decoration:underline;  }
#rightbanner a:active { color:#32CD32; text-decoration:none; }


#content h1 {
        font-size:1.33em;
        color:#32CD32;
        font-weight:normal;
        background:url(gfx/h1-line.gif) bottom left no-repeat;
        line-height:1.75em;
        //margin-bottom:6px;
        padding-left:20px;
}

#content h2 {
        font-size:1em;
        color:#32CD32;
        font-weight:normal;
        background:url(gfx/h2-line.gif) bottom left no-repeat;
        line-height:1.75em;
        margin-bottom:1.33em;
        padding-left:20px;
}

#content a {
        color:#228B22;
   text-decoration:none;
}

#content a:link {
        color:#228B22;
}

#content a:visited {
  color:#228B22;
}

#content a:hover {
        color:#32CD32;
   text-decoration:underline;
}

#content a:active {
        color:#32CD32;
}


#innercontent
{
   margin-left:20px;
}

#errorbox
{
   width:470px;
   border:1px solid red;
   padding-left:8px;
   background:url(gfx/8x8_tdbg.png) top left repeat;
}
#infobox
{
   width:470px;
   border:1px solid green;
   padding-left:8px;
   background:url(gfx/8x8_tdbg.png) top left repeat;
}
#borderlessbox
{
   width:470px;
   padding-left:8px;
}

#descriptionbox
{
   width:470px;
   border:1px solid #d2d2d2;
   padding:8px;
   background:url(gfx/8x8_tdbg.png) top left repeat;
}

#tdtiny
{
   width:60px;
   height:18px;

}

#tdsmall
{
   width:90px;
   height:18px;

}

#tdavg
{
   width:120px;
   height:18px;
  
}

#tdbig
{
   width:150px;
   height:18px;

}
#tdhuge
{
   width:196px;
   height:18px;

}
#tdextreme
{
   width:280px;
   height:18px;

}