/*--------------------------------------------------------------------------------
    Stylesheet COSMOPAGES.COM - Rev. 0.0 (20070308)                     
                        
    Name:        Cosmo Blue
    Designer:    Juancho - All rights reserved.
    URL:         www.cosmopages.com
    Email:       info@cosmopages.com
    Ref:         X-HTML
-------------------------------------------------------------------------------- */

/*  */

/*   VORMGEVING HTML (ALGEMEEN)        
--------------------------------*/
html {
     background       : #000035 /*url(images/cosmobgr04.jpg) repeat*/;         /*         midnight-blue    #000035    */
     height           : 100%;
     margin           : 0px;
     border           : 0px;
     padding          : 0px;
     }

/*   VORMGEVING BODY (ALGEMEEN)        
--------------------------------*/
body {
     width            : 728px;
     background       : #000035 /*url(images/cosmobgr04.jpg) repeat*/;          /*         midnight-blue    #000035    */
     margin-left      : auto;
     margin-right     : auto;
     border           : 0px;
     padding          : 0px;
     text-align       : center;
     font-family      : "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
     color            : #aaccff;         /*         blue-grey         #b0c4ee    */
     }


/*   VORMGEVING HEADINGS           
--------------------------------*/
h1   {                                    /*         (page title)     */
     margin           : 0 0 0 0;
     text-align       : center;
     font-size        : 20px;
     font-weight      : bold;
     color            : #ccee88;        /*       | bbdd77 | 99dd77  */
     }
h2   {                                    /*         (category titles)     */ 
     margin           : 0 0 0 0;
     text-align       : left;
     font-size        : 13px;
     font-weight      : bold;
     color            : #000035;         /* midnight blue #000035 / blue-white2 #aaccff / blue-white2 #b0c4ee */
     }


/*   VORMGEVING PARAGRAFEN         
--------------------------------*/
p    { 
     margin           : 0 0 0 0;
     text-align       : justify;
     font-size        : 13px;
     font-weight      : normal;
     }

/*   VORMGEVING LIJSTEN         
--------------------------------*/
li   { 
     margin           : -0.3em 0 0 -1.7em;
     text-align       : left;
     font-size        : 15px;
     font-weight      : normal;
     }

/*   VORMGEVING TABELLEN         
-------------------------------- */
/* table.linkblock  {
             background       : #000035 url(images/cosmobgr01.jpg) repeat;
             width            : 234px;
             height           : 20px;
             margin           : 0 0 0 0;
             border           : 0px solid #505090;         
             padding          : 0 0 0 0;
             font-size        : 13px;
             text-align       : center;
             align-vertical   : middle;
             }                */   


/*   VORMGEVING LINKS          
--------------------------------*/
a:link       {    
             color             : #aaccff;        /* blue-white2 #aaccff */
             text-decoration   : underline;
             }
a:visited    {
             color             : #aaccff;        /* blue-white2 #aaccff */
             text-decoration   : underline;
             }
a:hover      {
             color             : #ff0000;         /* full-red #ff0000 */
             text-decoration   : none;
             }	
a:active     {
             color             : #ffcc00;         /* flame-orange #ffcc00 */
             font-weight       : normal;
             text-decoration   : none;
             }	

/*   VORMGEVING AFBEELDINGEN         
--------------------------------*/
img.foto   { 
             background       : #000035;         /*         midnight-blue    #000035    */
             float            : right;
             margin           : 0.4em 0 0.5em 1.5em;
             border-top       : 0px solid #505090;         /*         blue         #505090    */
             border-right     : 0px solid #505090;         /*         blue         #505090    */
             border-bottom    : 0px solid #505090;         /*         blue         #505090    */
             border-left      : 0px solid #505090;         /*         blue         #505090    */
             padding          : 0 0 0 0;
             text-align       : left;
             color            : #88ccee;
             }


/*   VORMGEVING DIV's         
--------------------------------*/
div.header   {
             background       : #000035 /*url(images/cosmobgr04.jpg) repeat*/;
             height           : 92px;
             width            : 728px;
             float            : center;
             margin           : 0 0 0 0;
             border           : 0px;
             padding          : 0px;
             text-align       : center;
             color            : #88ccee;
             }
div.headerbar01   {
             background       : #112244;         /* dark-blue-gray3 #112244 */
             width            : 706px;
             float            : center;
             margin           : 8px 0 8px 0;
             border-top       : 1px solid #9090dd;         /*     */
             border-right     : 1px solid #7788aa;         /*     */
             border-bottom    : 1px solid #7788aa;         /*    */
             border-left      : 1px solid #9090dd;         /*     */
             padding          : 4px 10px 10px 10px;
             }
div.h31   {
             background       : #112244;         /* dark blue gray #112244 */
             width            : 234px;
             float            : left;
             margin           : 0 0 0 0;             
             padding          : 0 0 0 0;
             text-align       : center;
             }
div.h32   {
             background       : #112244;         /* dark blue gray #112244 */
             width            : 234px;
             float            : left;
             margin           : 0 0 0 13px;
             padding          : 0 0 0 0;
             text-align       : center;
             }
div.h33   {
             background       : #112244;        /* dark blue gray #112244 */
             width            : 234px;
             float            : right;
             margin           : 0 0 0 0;
             padding          : 0 0 0 0;
             text-align       : center;
             }
div.main-c41   {
             width            : 128px;
             float            : left;
             margin           : 12px 11px 0 0;
             text-align       : left;
             }
div.main-c41head   {
             background       : #bbdd77;         /* yellow1 #eedd70 /  orange1 #ff6600 / red1 #ff6666 / dark blue gray1 #aabbdd / dark-blue-gray2 #223355 */
             width            : 119px;
             height           : 17px;
             float            : right;
             margin           : 0 0 0 0;
             border-top       : 2px solid #eeffaa;         /*     */
             border-right     : 2px solid #448822;         /*     */
             border-bottom    : 2px solid #337711;         /*     */
             border-left      : 2px solid #eeffaa;         /*     */
             padding          : 0px 2px 0px 4px;
             text-align       : left;
             font-size        : 13px;
             color            : #000035;         /* midnight blue #000035 / blue-white2 #aaccff / blue-white2 #b0c4ee */
             }
div.main-c41body   {
             background       : #000035;         /* dark-blue-gray2 #223355 */
             width            : 124px;
             float            : right;
             margin           : 0 0 16px 0;
             padding          : 3px 2px 3px 2px;
             text-align       : left;
             font-size        : 13px;
             }
div.main-c42   {
             width            : 188px;
             float            : left;
             margin           : 12px 12px 0 0;
             }
div.main-c42head   {
             background       : #bbdd77;         /* yellow1 #eedd70 / orange1 #ff6600 / red1 #ff6666 / dark blue gray1 #aabbdd / dark-blue-gray2 #223355 */
             width            : 178px;
             height           : 17px;
             float            : left;
             margin           : 0 0 0 0;
             border-top       : 2px solid #eeffaa;         /*     */
             border-right     : 2px solid #448822;         /*     */
             border-bottom    : 2px solid #337711;         /*     */
             border-left      : 2px solid #eeffaa;         /*     */
             padding          : 0px 2px 0px 4px;
             }
div.main-c42intro   {
             background       : #000035;         /* dark-blue-gray2 #223355 */
             width            : 184px;
             float            : left;
             margin           : 0 0 0 0;
             padding          : 3px 2px 0 2px;
             text-align       : justify;
             font-size        : 10px;
             }
div.main-c42body   {
             background       : #000035;         /* dark-blue-gray2 #223355 */
             width            : 184px;
             float            : left;
             margin           : 0 0 0 0;
             padding          : 3px 2px 3px 2px;
             text-align       : left;
             font-size        : 13px;
             }
div.main-c42addlink   {
             background       : #000035;         /* dark-blue-gray2 #223355 */
             width            : 184px;
             float            : left;
             margin           : 0 0 16px 0;
             padding          : 0 2px 0 2px;
             text-align       : left;
             font-size        : 13px;
             font-style       : oblique;
             color            : #88aaff;              
             }
div.main-c43   {
             width            : 188px;
             float            : left;
             margin           : 12px 11px 0 0;
             }
div.main-c44   {
             width            : 188px;
             float            : right;
             margin           : 12px 0 0 0;
             }
div.sidebar  {
             background       : #000035;         /* midnight-blue #000035 */
             width            : 235px;
             float            : right;
             margin           : 0 0 0 0;
             border-top       : 0px solid #505090;         /*         blue         #505090    */
             border-right     : 0px solid #505090;         /*         blue         #505090    */
             border-bottom    : 0px solid #505090;         /*         blue         #505090    */
             border-left      : 0px solid #505090;         /*         blue         #505090    */
             padding          : 0px;
             text-align       : left;
             }
div.skyscraper   {
             background       : #000035;         /* midnight-blue #000035 */
             width            : 170px;
             float            : left;
             margin           : 0 0 0 0;
             border-top       : 0px solid #505090;         /*         blue         #505090    */
             border-right     : 0px solid #505090;         /*         blue         #505090    */
             border-bottom    : 0px solid #505090;         /*         blue         #505090    */
             border-left      : 0px solid #505090;         /*         blue         #505090    */
             padding          : 0px;
             text-align       : left;
             }
div.footer   {
             background       : #000035;         /* midnight-blue #000035 */
             width            : 728px;
             clear            : both;
             margin           : 50px 0 0 0;
             border-top       : 0px solid #9090dd;         /*         blue         #9090dd    */
             border-right     : 0px solid #7788aa;         /*         blue         #7788aa    */
             border-bottom    : 0px solid #7788aa;         /*         blue         #7788aa    */
             border-left      : 0px solid #9090dd;         /*         blue         #9090dd    */
             padding          : 5px 0 3px 0;
             text-align       : center;
             }
div.footerbar01   {
             background       : #112244;         /* dark-blue-gray3 #112244 */
             width            : 706px;
             float            : center;
             margin           : 6px 0 0 0;
             border-top       : 1px solid #9090dd;         /*         blue         #9090dd    */
             border-right     : 1px solid #7788aa;         /*         blue         #7788aa    */
             border-bottom    : 1px solid #7788aa;         /*         blue         #7788aa    */
             border-left      : 1px solid #9090dd;         /*         blue         #9090dd    */
             padding          : 4px 10px 8px 10px;
             text-align       : center;
             font-size        : 10px;
             }
div.footerbar02   {
             background       : #112244;         /* dark-blue-gray3 #112244 */
             width            : 706px;
             float            : center;
             margin           : 6px 0 0 0;
             border-top       : 1px solid #9090dd;         /*         blue         #9090dd    */
             border-right     : 1px solid #7788aa;         /*         blue         #7788aa    */
             border-bottom    : 1px solid #7788aa;         /*         blue         #7788aa    */
             border-left      : 1px solid #9090dd;         /*         blue         #9090dd    */
             padding          : 4px 10px 8px 10px;
             text-align       : center;
             font-size        : 13px;
             }