/**********************************************/
/********* GENERIC SETTINGS *******************/
/**********************************************/

html, body
{
  height: 100%;
}

body
{
  color:            #000000;  /* Schwarz   */
  background-color: #FFFFD5;  /* Hell Gelb */
  
  margin:  0;
  padding: 0; 
  overflow-x: auto;
  overflow-y: auto;
}

body,div,p,a,span,em,strong,th,td,li,h1,h2,h3
{
  font-size:   1em;
  font-family: arial, helvetica, geneva, sans-serif;
}

.content,
.satContent,
.chatterCountField
{
  color:            #000000;  /* Schwarz   */
  background-color: #EFEFFF;  /* Hell Blau */
}

td,th
{
  text-align:       left;
  vertical-align:   top;
}

fieldset
{
  margin-top:       10px;
  border:           1px solid black;
}

.blueline
{
  border-bottom: 1px solid #8e8eff;
}


/**** EINSTELLUNG HILFE TEXT BREITE ****/
.content,
.satContent
{
  float:            left;
  padding-left:     3%;
  width:            100%;
  height:           100%;
}

.satContent
{ 
  padding-left:     3%;
}

div.content h1,
div.satContent h1
{
  color:            #000099;  /* Dunkel Blau */ 
  margin:           0;
  padding-top:      10px;
  padding-bottom:   5px;
}

/**********************************************/
/********* GENERIC END  ***********************/
/**********************************************/


/**********************************************/
/********* MENU START *************************/
/**********************************************/

.menu
{
  color:            #000;
  background-color: #0a0;  /* also change div.menu a:link, visited */
  border-left:      2px dotted black;
  border-bottom:    2px dotted black;

  margin-left:      50%;   /* also change .content (width, padding-left) */
  padding-left:     10px;
  height:           98%;
}

div.menu p
{
  font-size:        9px
}

div.menu h1
{
  color:            #ffaaff;
  margin:           0;
  padding-top:      10px;
  padding-bottom:   5px;
}

div.menu li
{
  list-style-type: circle;
  padding-left: 0;
}

/**********************************************/
/********* MENU END ***************************/
/**********************************************/


/**********************************************/
/********* BOXES START ************************/
/**********************************************/

.helpBox
{
  width:            95%;
  background-color: #efefff;
  border:1px solid  #8E8EFF;
  font-size:        9px;
  padding:          4px;
  margin:           4px;
}

.helpText
{
  font-size:        11px;
}

.showNickname
{
  font-size:        16px;
  font-weight:      bold;
  color:            #000099;
  vertical-align:   bottom;
}

.labelLeft
{
  font-size:        12px;
  vertical-align:   top;
  text-align:       left;
}

.labelRight
{
  font-size:        12px;
  vertical-align:   top;
  text-align:       right;
}

.inputStyle
{
  vertical-align:   middle;
}

.contentBox, .satContentBox, .inputFilterBox
{
  background-color: #efefff;
  border:1px solid #8E8EFF;
  /*font-size: 9px;*/
  
  /* sizing and positioning */
  padding: 6px;
  margin-bottom: 8px;
}

div.inputFilterBox dd
{
  margin:0px;
  padding:0px;
  font-size: 9px
}

div.contentBox { 
  width: 400px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
} 

html>body .contentBox {
  width: 450px;
}


div.contentBox dd
{
  margin-left: 0px;
  padding-left: 0px;
  font-size: 9px;
}

.menuBox
{
  background-color: #5eba46;
  border: 1px dotted black;
  
  /* sizing and positioning */
  padding: 5pt;
  width:93%;
}

div.menuBox dd
{
  margin: 0;
  padding: 3pt;
}

div.menuBox td,th
{
  font-size: 9px;
}

div.flagBox
{
  padding-bottom: 5px;
  text-align: left;
  padding-right: 5px; 
  margin-bottom: 10px;
  line-height: 26px;
}

/**********************************************/
/********* BOXES END **************************/
/**********************************************/


/**********************************************/
/********* TITLE START ************************/
/**********************************************/

.contentBoxTitle, th.title
{
  font-size: 11px;
  font-weight: bold;
  background-color: #FFFFD5;
  margin-bottom: 12px;
}

.menuBoxTitle
{
  font-weight: bold;
  color: #ffdd00;
  background-color: #007c00;
}

.menuBoxItemOdd  { background-color: #509f3b; }
.menuBoxItemEven { background-color: #59b042; }

/**********************************************/
/********* TITLE END **************************/
/**********************************************/


/**********************************************/
/********* LINK START *************************/
/**********************************************/

a:link,
a:visited,
a:active,
a:hover
{
  font-size:       12px;
  color:           #000099;
}

a:link.channelLink,
a:visited.channelLink, 
a:active.channelLink
{
  text-decoration: none;
}

a:hover.channelLink
{
  text-decoration: underline;
}

.contentLink
{
  font-size:       12px;
  color:           #000099;
  text-decoration: underline;
}

div.menu a:link,
div.menu a:hover,
div.menu a:active,
div.menu a:visited
{
  font-size:       12px;
  color:           #000099;
  text-decoration: underline;
}

div.content div.contentBox a,
div.satContent div.contentBox a
{
  font-size:       12px;
  color:           #000099;
  text-decoration: underline;
}

div.ccontent a:link,
div.ccontent a:hover,
div.ccontent a:active,
div.ccontent a:visited
{
  font-size:       12px;
  color:           #000099;
  text-decoration: underline;
}

div.content a:link,
div.content a:hover,
div.content a:active,
div.content a:visited
{
  font-size:       12px;
  color:           #000099;
  text-decoration: underline;
}

div.satContent a:link,
div.satContent a:hover,
div.satContent a:active,
div.satContent a:visited,
chatterCountField
{
  font-size:       12px;
  color:           #000099;
  text-decoration: underline;
}

div.menuBox a:link,
div.menuBox a:hover,
div.menuBox a:active,
div.menuBox a:visited
{
  font-size:       12px;
  color:           #000099;
  text-decoration: underline;
}

div.menu a:link,
div.menu a:hover,
div.menu a:active,
div.menu a:visited 
{
  font-size:       12px;
  color:           #000099;
  text-decoration: underline;
}

div.menu div.buttonBox a:hover,
div.menu a.imageLink:hover,
div.content a.imageLink:hover,
div.satContent a.imageLink:hover
/* td.helpIcon a:hover */
{
  font-size:       12px;
  color:           #000099;
  text-decoration: underline;
}

/**********************************************/
/********* LINK END ***************************/
/**********************************************/


/**********************************************/
/********* TABLES START ***********************/
/**********************************************/

td
{
  font-size:   12px;
  font-weight: normal;
}


th.formFieldLabel
{
  font-size:   12px;
  font-weight: normal;
}

td.helpIcon, td.helpIcon a:hover
{
  vertical-align: middle;
  cursor: help;
}

td.helpIcon a:link, td.helpIcon a:link, td.helpIcon a:visited
{
  background: none;
  cursor: help;
}

div.content div.contentBox td.chatterTable,
div.satContent div.contentBox td.chatterTable
{
  vertical-align:   middle;
  font-size:        12px;
  color:            #000000;
  background-color: #FFFC00;
  border-top:       1px solid yellow;
  border-right:     1px solid yellow;
  border-bottom:    1px solid yellow;
}

div.content div.contentBox td.chatterTableImgCell,
div.satContent div.contentBox td.chatterTableImgCell
{
  padding:        4px;
  vertical-align: middle;
  border-top:     1px solid #EFEFFF;
  border-left:    1px solid #EFEFFF;
  border-bottom:  1px solid #EFEFFF;
  background-color: #ffffff;
}

div.content div.contentBox td,
div.satContent div.contentBox td,
div.content div.satContentBox td,
div.satContent div.satContentBox td,
p
{
  font-size: 12px;
}

div.contentBox ul { margin-left:16px; padding-left:2px; }

div.menu ul
{
 padding-left:3px;
 margin: 0;
 margin-left: 3px;
}

td.filterboxItems
{
  font-size: 9px;
}

/**********************************************/
/********* TABLES ENDS ************************/
/**********************************************/


/**********************************************/
/********* FORMS START ************************/
/**********************************************/

.loginInput
{
  width: 180px;
}
.profileInput
{
  width: 250px;
}
.registerInput
{
  width: 230px;
}

div.contentBox input, div.contentBox select, div.contentBox textarea
{ 
  border: 1px solid brown;
  background-color: #fffa96;
}

div.contentBox input.submit
{
  border: 2px solid brown;
  background-color: #ffdd00;
  font-style: italic;
  font-weight: bold;
  font-stretch: expanded;
  /*width: 130pt;*/
}

dd select.selectbox,
dd select.selectbox option,
dd select.selectbox optgroup
{
  font-size:    10px;
  padding-left: 3px;
}

/**********************************************/
/********* FORMS END **************************/
/**********************************************/


/**********************************************/
/********* LIST START *************************/
/**********************************************/

dt {padding-left: 3pt}

dl.help dt
{
  font-weight:      bold;
  color:            #8484FF;
  background-color: #EFEFFF;
  padding:          4px;
}

dl.help b
{
  font-weight:      bold;
  color:            #8484FF;
}

dl.help dd
{
  margin-left: 4pt;
  padding:     4px;
  font-size:   12px;
}

/**********************************************/
/********* LIST END ***************************/
/**********************************************/


/**********************************************/
/********* GUESTBOOK START ********************/
/**********************************************/

.guestbookEntryTitle
{
  text-decoration: underline;
  font-weight: bold;
}

/**********************************************/
/********* GUESTBOOK END **********************/
/**********************************************/


/**********************************************/
/********* GENERIC START **********************/
/**********************************************/

.success
{
  color:       #000099;
  font-size:   13px;
}

.error
{
  color:       #ff0000;
  font-size:   12px;
  font-weight: bold;
}

/**********************************************/
/********* END STYLES *************************/
/**********************************************/