body {
  background-color: #ffffff;
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  /* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
  SCROLLBAR-BASE-color:  #6699CC;
  SCROLLBAR-ARROW-color: #fcdc43;
}

hr {
  height: 1px; 
  color: #004c75;
  background-color: #ffffff;
}

ul, li, p, td {
  color: #004c75;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.tablehead {
  background-color: #e8e8e8;
  color: #004c75;
background-image : url(header_mid.gif);
   background-repeat : repeat-x;
   border : 0px ;
}

.tablebottom {
  background-color: #6699CC;
}

.bordercolor {
  background-color: #FFFFFF;
}

.tablebgcolor {
  background-color: #ffffff;
}

.navbar {
  background-color: #ffffff;
  color: #004c75;
}

.row1 {
  background-color: #e1e1e1;
  color: #004c75;
}

.row2 {
  background-color: #FFFFFF;
  color: #004c75;
}

.head1 {
  background-color: #6699CC;
  color: #fcdc43;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head1:hover {
  background-color: #004C75;
  color: #fcdc43;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head2 {
  background-color: #73A1CF;
  color: #ffffff;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.clickstream {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #FFCC00;
  font-size: 11px;
  font-weight: bold;
}

.smalltext {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
}
.details_links {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.marktext {
  color: #FF0000;
  background-color: #ffffff;
}

.new {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #FF0000;
}

a:hover {
  color: #000000;
}

form {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;

  font-size: 11px;
}

.logininput {
  background-color: #ffffff;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 130px;
}

.searchinput {
  background-color: #FFFFFF;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  WIDTH: 130px;
}

.textarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 230px;
}

.input {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 230px;
}

.select {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
}

.setperpageselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
}

.categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
}

.dropdownmarker {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #EEEEEE;
  color: #136c99;
  font-size: 11px;
}

.button {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color: #6699CC;
  color: #fcdc43;
  font-size: 11px;
  font-weight: bold;
}

/*--Categories------------------------------------------------*/
.catbgcolor {
  background-color: #EFEFEF;
}

.maincat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.subcat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
}

/*--Images----------------------------------------------------*/
.imagerow1 {
  background-color: #EFEFEF;
  color: #004C75;
}

.imagerow2 {
  background-color: #EFEFEF;
  color: #004C75;
}

/*--Comments--------------------------------------------------*/
.commentrow1 {
  background-color: #e1e1e1;
  color: #004c75;
}

.commentrow2 {
  background-color: #efefef;
  color: #004c75;
}

.commentspacerrow {
  background-color: #d1d1d1;
  color: #004c75;
}

.commenttextarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 270px;
}

.commentinput {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 270px;
}
.paging {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}
.paging2 {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #FFFFFF;
  font-size: 15px;
  
  
}
.paging3 {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 15px;
 color: #FFFFFF;
 font-weight: bold;
}
.show_all_releted {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
 color: #FFFFFF;
 font-weight: bold;
}
.pagingpfeile {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
 color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
}
.pagingpfeile_related {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
 color: #004C75;
  font-size: 14px;
  font-weight: bold;
}


.pagingbalken {
  background-color: #999999;
  color: #FFFFFF;
}
.submenue_my {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #6F3D02;
     color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  
  
}
.unter_logo {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;

     color: #B91617;
  font-size: 10px;
  font-weight: bold;
  
  
}
.details_title {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;

    
  font-size: 15px;
  font-weight: bold;
  
  
}
.menue_home {
  background-color: #43B6E5;
  color: #FFFFFF;
}
.menue_videos {
  background-color: #9B187E;
  color: #FFFFFF;
}
.home {
  background-color: #43B6E5;
  color: #FFFFFF;
}

.related {
  background-color: #6699CC;
  color: #fcdc43;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;

}
.voted {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9px;
}
.thanks {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9px;
}
.static {
  color:#7C6843;
  font-size: 9px;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(images/indentbg2.gif) center center repeat-x;
}

.rateform_smilies img {
 filter: alpha(opacity=30);
 -moz-opacity: 0.3;
 opacity: 0.3;
 background-color: #;
}

.rateform_smilies:hover img {
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;
 background-color: #;
}

.rateform_smilies:active img {
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;
 background-color: #;
}

a.squarebutton{
background: transparent url('images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

