body
{
  background-color: #ffffff;
  margin: 0px;
}

.center
{
  text-align: center;
}

/*///////////////////////////
//			   //
//  logo (start)	   //
//  This creates the logo  //
//			   //
///////////////////////////*/

  div#logo
  {
    position: relative;
    top: 20px;
  }
  
  img#logo_img
  {
    position: relative;
    left: 5px;
    top: 8px;
  }
  
  h1#logo_name, h1#logo_slogan, h1#logo_com
  {
    position: relative;
    display: inline;
    font-family: Arial, Helvetica, Sans, FreeSans, ‘Nimbus Sans L’, Garuda, sans-serif; 
    font-weight: 500;
    text-decoration: none;
    text-align: left;
  }
  
  h1#logo_name
  {
    color: #6b8989;
    font-size: 28px;
  }
  
  h1#logo_com
  {
    color: #6b8989;
    font-size: 11px;
    top: -13px;
    left: 99px;
  }
  .infoColor
  {
    color: #89a6a6;
  }
  
  h1#logo_slogan
  {
    top: -5px;
    color: #89a6a6;
    font-size: 24px;
  }

/*///////////////
//	       //
//  logo (end) //
//	       //
///////////////////////////////////////////////////////////////////////////////////////////
//											 //
//  search box(start)									 //
//  This takes care of all the css in the searchbox (the line with the form on the page  //
//											 //
/////////////////////////////////////////////////////////////////////////////////////////*/
  center#search_box
  {
    position: absolute;
    top: 114px;
    left: 0px;
    width: 100%;
    height: 89px;
    z-index: 10;
   
    background-image: url(../pic/search_box.gif);
    background-repeat: repeat-x;
    background-position: top;
  }
  
  div#search_innerbox
  {
    position: relative;
    top: 0px;
    width: 305px;
    height: 48px;
    z-index: 11;
  }
  
  img#search_logo
  {
    position: absolute;
    top: 14px;
    left: 83px;
    z-index: 12;
  }
  
  div#search_headline, div#search_info
  {
    position: absolute;
    font-family: Arial, Helvetica, Sans, FreeSans, ‘Nimbus Sans L’, Garuda, sans-serif;
    color: #9db6b6;
    text-decoration: none;
    text-align: left;
  }
  
  div#search_headline
  {
    top: 14px;
    left: 1px;
    font-size: 12px;
    font-weight: 700;
  }
  
  div#search_info
  {
    top: 7px;
    left: 131px;
    height: 19px;
    width: 300px;
    font-size: 10px;
    font-weight: 500;
    line-height: 9px;
  }
   
  .input, div.lightbox, div.lightbox2, a.alexa, div.innerbox
  {
    font-family: Arial, Helvetica, Sans, FreeSans, ‘Nimbus Sans L’, Garuda, sans-serif;
    font-size: 13px;
    
    border-width: 1px;
    border-style: solid;
  }
  
  .input
  {
    background-color: #edffff;
    color: #9db6b6;
    font-weight: 700;
    border-color: #9db6b6;
  }
  
  input#url
  {
    position: absolute;
    z-index: 11;
    top: 29px;
    left: 0px;
    width: 211px;
    height: 17px;
    padding-left: 4px;
  }
  
  #submit
  {
    position: absolute;
    top: 29px;
    left: 226px;
    width: 79px;
    height: 21px;
  }

/*/////////////////////
//		     //
//  search box(end)  //
//		     //
///////////////////////////////////////////////
//					     //
//  content box(start)			     //
//  This is all the css for all contenboxes  //
//					     //
/////////////////////////////////////////////*/
  
  div#content
  {
    position: relative;
    top: 13px;
    width: 383px;
    z-index: 20;
    
    background-image: url(../pic/content_b.gif);
    background-repeat: repeat-y;
    background-position: top;
  }
  
  div#mainbox
  {
    position: relative;
    width: 383px;
    
    background-image: url(../pic/content_t.gif);
    background-repeat: no-repeat;
    background-position: top;
  }
  
  div.mainTextbox
  {
    width: 353px;
    padding: 15px;
    
    background-image: url(../pic/content_u.gif);
    background-repeat: no-repeat;
    background-position: bottom;
  }
  
  .hidden
  {
    position: absolute;
    visibility: hidden;
  }
  
  div.lightbox, div.lightbox2
  {
    position: relative;
    width: 282px;
    padding-top: 13px;
    padding-bottom: 15px;
    padding-left: 18px;
    padding-right: 18px;
    
    border-color: #c7d8d8;
  }
  
  div.lightbox2, textarea.HTMLcode
  {
    background-color: #edffff;
  }

  div.innerbox, textarea.HTMLcode
  {
    position: relative;
    width: 282px;
    
    border-color: #c7d8d8;
  }
  
  div.top
  {
    top: 0px;
    left: 0px;
  }

  /*////////////////////////////////////////////////////////////////
  //								  //
  //  PRchecker and AlexaChecker (start)			  //
  //  Her you have the css that publish the PR and Alexa results  //
  //								  //
  ////////////////////////////////////////////////////////////////*/
    
    div.prURL
    {
      position: absolute;
      top: 26px;
    }

    div.right
    {
      position: relative;
      left: 119px;
    }
    
    a:link.alexa, a:visited.alexa
    {
      text-decoration: none;
    }
    a:hover.alexa, a:active.alexa
    {
      background-color: #f1fdfd;
      text-decoration: none;
    }
    
  /*//////////////////////////////////////
  //					//
  //  PRchecker and AlexaChecker (end)  //
  //					//
  ////////////////////////////////////////////////////////////////////////////
  //									    //
  //  HTMLcode (start)							    //
  //  Here is the css that publish the HTML-Code on "Get yout PageRankBar"  //
  //									    //
  //////////////////////////////////////////////////////////////////////////*/
    
    .useMyButton
    {
      font-style: italic;
    }
    
    textarea.HTMLcode
    {
      height: 65px;
      font-family: Arial, Helvetica, Sans, FreeSans, ‘Nimbus Sans L’, Garuda, sans-serif;
      font-size: 11px;
      color: #8b9c9c;
      
      padding-left: 4px;
      border-width: 1px;
      border-style: solid;
    }
    
  /*////////////////////
  //		      //
  //  HTMLcode (end)  //
  //		      //
  //////////////////////////////////////////////////////
  //						      //
  //  Content logo (start)			      //
  //  This is the css for the logo in the contentbox  //
  //						      //
  ////////////////////////////////////////////////////*/
    
    div.contentlogo_t
    {
      position: relative;
      width: 1px;
      height: 1px;
    }
    
    img.contentlogo_t
    {
      position: absolute;
      top: -36px;
      left: -23px;
      z-index: 15;
    }
    
    div.contentlogo_u
    {
      position: relative;
      width: 1px;
      height: 1px;
    }
    
    img.contentlogo_u
    {
      position: absolute;
      top: -5px;
      left: 224px;
      z-index: 15;
    }

  /*////////////////////////
  //			  //
  //  Content logo (end)  //
  //			  //
  ///////////////////////////////////////////////////////
  //						       //
  //  Text (start)				       //
  //  This css formats all the text in the contentbox  //
  //						       //
  /////////////////////////////////////////////////////*/
    
    .text
    {
      font-family: Arial, Helvetica, Sans, FreeSans, ‘Nimbus Sans L’, Garuda, sans-serif;
      color: #8b9c9c;/*9db0b0;92aac4;6c9292;*/
      font-size: 12px;
      text-align: left;
    }

    a:link.text, a:visited.text
    {
      text-decoration: none;
    }
    
    a:hover.text, a:active.text
    {
      text-decoration: underline;
    }
    
    h2
    {
      display: inline;
      font-family: Arial, Helvetica, Sans, FreeSans, ‘Nimbus Sans L’, Garuda, sans-serif;
      color: #799595;/*7e9b9b;  487272;*/
      font-size: 18px;
      text-align: left;
      text-decoration: none;
    }
    
    h3
    {
      display: inline;
      font-family: Arial, Helvetica, Sans, FreeSans, ‘Nimbus Sans L’, Garuda, sans-serif;
      color: #799595;
      font-size: 14px;
      text-align: left;
      text-decoration: none;
    }
    
    div.input
    {
      padding-left: 4px;
    }
    
    .info_menu
    {
      color: #6c9292;
      font-size: 11px;
      font-weight: 700;
    }
    
    .little
    {
      font-size: 10px;
    }
    
    .small
    {
      font-size: 8px;
    }
    
    .smaller
    {
      font-size: 3px;
    }
    
  /*////////////////
  //		  //
  //  Text (end)  //
  //		  //
/////////////////////////
//		       //
//  content box (end)  //
//		       //
/////////////////////////////////////////////////////////////////////
//								   //
//  Menu (start)						   //
//  This positions the menu links on the sides of the content box  //
//								   //
///////////////////////////////////////////////////////////////////*/

  a.on, a.left_1, a.left_2, a.right_1, a.right_2, a#previous, a#next
  {
    position: absolute;
  }
  
  a.on
  {
    top: 0px;
    left: 0px;
  }
  
  img.on
  {
    height: 383px;
    width: 383px;
  }
  
  a.left_1
  {
    top: 56px;
    left: -178px;
    z-index: 10;
  }
  
  a.left_2
  {
    top: 141px;
    left: -229px;
    z-index: 5;
  }
  
  a.right_1
  {
    top: 56px;
    left: 406px;
    z-index: 10;
  }

  a.right_2
  {
    top: 141px;
    left: 507px;
    z-index: 5;
  }
  
  img.left_1, img.right_1
  {
    height: 154px;
    width: 154px;
  }
  
  img.left_2, img.right_2
  {
    height: 104px;
    width: 104px;
  }
  
  a#previous
  {
    top: 215px;
    left: -106px;
    z-index: 2;
  }
  
  a#next
  {
    top: 215px;
    left: 417px;
    z-index: 2;
  }
/*////////////////
//	        //
//  Menu (end)  //
//	        //
///////////////////////////////////////////////
//					     //
//  Ads (start)				     //
//  This css places all the ads on the page  //
//					     //
/////////////////////////////////////////////*/

  .fotAD
  {
    position: absolute;
    top: 39px;
    left: -189px;
    height: 90px;
    width:  728px;

    border-width: 2px;
    border-style: solid;
    border-color: #9db6b6;
  }

  .leftAD
  {
    position: absolute;
    top: 270px;
    left: -229px;

    border-width: 2px;
    border-style: solid;
    border-color: #9db6b6;
  }

  .rightAD
  {
    position: absolute;
    top: 270px;
    left: 407px;

    border-width: 2px;
    border-style: solid;
    border-color: #9db6b6;
  }
  
  .ads
  {
    position: relative;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
  }

/*///////////////
//	       //
//  Ads (end)  //
//	       //
///////////////*/