body, table                     {font-family:Verdana; font-size:12px; overflow-x:hidden}

/**************************************************************************
 dimensions
**************************************************************************/

#header                         {min-width:840px;     height:75px;  }
#headersearch .textfield        {width:140px;          }
#headersearch button            {height:22px}
#menuholder                     {width:100%;                        }
#menu                           {min-width:450px;     height:14px;  }
#contentholder                  {          height:100%;  }
.sidebar {height:100%}
#col1                           {width:150px;                       }
#col2                           {min-width:400px;                   }
#col3                           {width:200px;                       }
#loginform                      {width:150px;                       } 
.reviewtitle, .comment_title                  {min-width:530px;     height:60px;  }
.pagination                     {width:100%;                        }
 
br.clear                        {                     height:0px    }
.simpleform label               {width:150px;                       }
.simpleform .textfield          {width:200px;                       }
#col1 .textfield                {width:150px;                       }
#footer                         {                     height:20px  }


/**************************************************************************
 positions 
**************************************************************************/

#headersearch                   {position:relative;top:75px;}

#headersearch form button       {position:relative;top:4px;}
button span                     {position:relative;top:1px;}
h1.reviewtitle .swfRating       {position:relative;left:10px;top:4px} 
.simpleform label               {position:relative;top:3px;}

/**************************************************************************
 images
**************************************************************************/

#headerholder {background-image:url(../img/header_bg.png);background-repeat:repeat-x;}
/*#headersearch {background-image:url(../img/search_bg.png);background-repeat:no-repeat;}*/

/**************************************************************************
 foreground colors 
**************************************************************************/

h1,h2,h3,h4,b,a,.linkcolor      {color:#214d79} /* dark blue */
.pagination .active:hover,
.pagination,
.pagination .passive.pressed,
.sidebar h4.boxtitle, #footer                     {color:#ffffff; } /* white */
a:hover, .black                 {color:#000000;} /* black */
.grey                           {color:#666666}
.red                            {color:red}
.largeScore {color:#214d79}

 
/**************************************************************************
 background colors 
**************************************************************************/
                   
.sidebar a:hover,
.datatable .rowNormal           {background-color:#ffffff; } /* white */

.sidebar,
.bg-sidebar,
.comment,.similar,
.reviewtitle, .comment_title,
.rowAlt, .largeScore                           {background-color:#dde5ed; } /*  */

.datatable tr.titlerow,
.pagination 
                                        {background-color:#b5c4d7;} /* darker bright blue */
                                        
.sidebar h4.boxtitle, .bg-orange                   {background-color:#fc8c09; } /* orange */ 
#footer  {background-color:#214d79}

.pagination .active:hover,
.pagination .passive.pressed    {background-color:#214d79; } /* dark blue */
 

/**************************************************************************
 border colors 
**************************************************************************/

hr,
#col1,
#col3,
.bordered,
.comment,
.similar,
.textfield,
.reviewtitle, .comment_title,
.datatable,
.datatable td,
.sidebarbox .boxcontent
                                {border-color:#b5c4d7;} /* bright blue border*/
.textfield.error                {border-color:#ff0000} /* red border */

.largeScore                     {border:1px solid #214d79} 


/**************************************************************************
 border styles
**************************************************************************/
.textfield,.datatable           {border-width:1px; border-style:solid;}
.bordered, .comment, .similar         {border-style:solid;            border-width:1px; }
.reviewtitle, .comment_title, .datatable td     {border-bottom-style:solid;     border-width:1px; } 
.datatable                      {border-bottom:none;                              }
#col1                           {border-right-style:solid;      border-width:1px; }
#col3                           {border-left-style:solid;       border-width:1px; } 
hr                              {border-top-style:solid;        border-width:1px; } 
#menuholder                     {border-top:1px solid #eb7b08;  border-bottom:1px solid #b5c4d7;}

.opentop,
.sidebarbox .boxcontent {border-top:none;}
.openbottom {border-bottom:none;}

/**************************************************************************
 padding (Innenabstände)
**************************************************************************/
#col2                           {padding:20px}

#col1,
#col3,
#search form,
h1.reviewtitle, .comment_title,
.reviewholder,
.padded,
.padding,
.comment,
.similar,
#footer               {padding:10px;}

#headersearch {padding-right:3px}
 
.datatable td,
.sidebar h4.boxtitle,
.sidebar a.link          {padding:5px;}

#menu                           {padding:7px;}

h1.reviewtitle, .comment_title  {padding-bottom:0;}
.reviewSummary                  {padding-left:10px;}

.notpad {padding-top:0}
.nobpad {padding-bottom:0}

/**************************************************************************
 margins (Aussenabstände)
**************************************************************************/

.noMargin, body, table          {margin:0}
.margin,

.rmargin                        {margin-right:10px}
.lmargin                        {margin-left:10px}
.bmargin                        {margin-bottom:10px}

.pagination .active span,
.pagination .passive span       {margin-top:2px}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
.firstChild,
.firstchild,
#loginform, 
.notmargin                      {margin-top:0;}

.nobmargin                    {margin-bottom:0;}

.sidebar h4.boxtitle {margin-bottom:5px} 

.simpleform label,
.simpleform .textfield,
.similar,
.sidebarbox {margin-bottom:10px}
 


/**************************************************************************
 floating
**************************************************************************/

.simpleform label,
.simpleform .textfield,
.lfloat                         {float:left}

.rfloat                         {float:right;}

.simpleform br,
.clear                          {clear:both}

/**************************************************************************
 text styles
**************************************************************************/

a:hover                         {text-decoration:none;}

.sidebar a.link span     {text-decoration:underline}


#col2 {text-align:justify}

/**************************************************************************
 individual / special rules
**************************************************************************/

/* category links */
.sidebar a.link                   {display:block; padding-left:0; padding-right:0; text-decoration:none} 
/* pagination buttons */
.pagination .active,
.pagination .passive            {height:20px;text-align:center;padding:5px 3px 0px 3px;display:block;min-width:20px;}
/* tiny :) */ 
.tiny                           {font-size:10px;} 
.slim {font-weight:normal}