﻿
/*PLACERING OG UDSENEDE AF baggrund*/ 

      body {
	background-image: url("../img/baggrund/wildcats_midt.jpg");
	background-repeat: repeat-y;
	background-position: 10px;
	font-family: georgia, garamond, "times new roman", serif;
	font-variant: normal;
      }

  #container_top
{
    width: 102%;
    position: absolute;
    top: 0px;
    left: 10px;
    background-image: url("../img/baggrund/Cougars_3top_rightmenu.jpg");
    background-repeat: no-repeat;
    height: 1000px;
}


  #container_main 
  {
 	width: 73%;	
	position:absolute;
	top: 195px;
	left: 30px;
	z-index: 4;	
      }



/* PLACERING OG UDSENEDE AF FOOTER*/


  #footer {
	position: absolute;
	bottom: -10px;
	height: 40px;
	left: -20px;
	width: 820px;
	background-image: url("../img/baggrund/wildcats_bund.jpg");
	background-repeat: no-repeat;
  }

  #footer h1 {
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	font-variant: normal;
	letter-spacing: 0px;
	padding: 0px 0px 20px 50px;
	margin : 17px 0px 0px 0px;
	text-align: center;
  }



/*  */


/*PLACERING OG UDSENEDE AF TOPMENU*/


  #hovedmenu ul {  
	margin: 0px;
	color: #0066FF;
   	position: absolute;
	top: 165px;
	left: 30px;
  }
      
      
  #hovedmenu ul li { 
        display: inline; 
  }

  #hovedmenu ul li a {
        padding: 3px 8px; 
        color: #003366;
        text-decoration: none;
        float: left;
    	font-weight: bold;
    	font-size:14px;
  }
      
  #hovedmenu ul li a:hover {
	color:#ffffff;
      }
      
      span.clear {clear:left;}

  #hovedmenu a.active {
	color:#ffffff;
       }


  #hovedmenu a.none {
	padding-right: 8px;
       }
  #hovedmenu a.none-1 {
	padding-right: 8px;
       }
  #hovedmenu a.none-2 {
	padding-right: 8px;
       }
  #hovedmenu a.none-3 {
	padding-right: 8px;
       }
  #hovedmenu a.none-4 {
	padding-right: 8px;
       }
  #hovedmenu a.none-5 {
	padding-right: 8px;
       }
  #hovedmenu a.none-6 {
	padding-right: 8px;
       }


/*  */

/*NOGET DER ER VIGTIGT FOR TOPMENUENS PLASERING?*/


  #hovedmenuclear {
	display: none;
  }
 
  html>body #hovedmenuclear {
	display: block;
	clear: both;
  }


/*PLASERING AF HØJRE MENU*/


   #rightcol { 
	position:absolute;
	width:110px;
	top:240px;
	left:682px;
	/*background-color:#ff9900;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 0px;*/
  }

  #rightcol dl {
	list-style:none;		/* Fjerner listepunktsmarkørerne */
	width:110px;
	margin: 0px 0px 0px 0px;	/* top, højre, bund, venstre margin for menuen */
	padding:0;			/* Vigtigt at få denne med */
  }

  #rightcol dl dt {
	display:inline;			/* BS af hensyn til IE5/PC */
  }
  #rightcol dl dd {
	display:inline;			/* BS af hensyn til IE5/PC */
  }
  
  #rightcol dl dt a {
	display:block;			/* Laver linkmarkøren om til en blokmarkør */
	text-decoration: none;		/* Fjerner understregning */
	text-align: left;
    color: #003366;
	font-weight: bold;
	margin: 0px 0px 0px 0px;			/* Vigtigt at få denne med */
	padding: 4px 5px 8px 5px;		/* Laver liften mellem teksten og border - top og bund, venstre og højre */
  }
  #rightcol dl dd a {
	display:block;			/* Laver linkmarkøren om til en blokmarkør */
	text-decoration: none;		/* Fjerner understregning */
	text-align: left;
    color: #006600;
	font-weight: bold;
	font-size:10px;
	margin: 0px 0px 0px 10px;			/* Vigtigt at få denne med */
	padding: 0px 5px 2px 5px;		/* Laver liften mellem teksten og border - top og bund, venstre og højre */
  }  

   * html #rightcol dt a {width:100%;}	/* For at IE kan forstå, at det er alvor med at a-markøren er en blokmarkør*/
   * html #rightcol dd a {width:100%;}	/* For at IE kan forstå, at det er alvor med at a-markøren er en blokmarkør*/
 
                                                 
  #rightcol a.active {
	color:#ffffff;
  }

  #rightcol dl dt a:hover {	/* Mouseover egenskaben. Farverne inverteres */
	color:#ffffff;
  }
 #rightcol dl dd a:hover {	/* Mouseover egenskaben. Farverne inverteres */
	color:#ffffff;
  }


/*  */

/* PLASERING AF HOVEDINDHOLD  */

  #hoved_inhold {
    width:600px;
    position:absolute;
    left:0px;
    top:0px;
	 }



/*FORMATERING AF IKKE SPECIFISEREDE TEKST OG LINKS*/

  #overskrift {
    width:700px;
    position:absolute;
    left:0px;
    top:5px;
	 }

  #overskrift_foto {
    width:1000px;
    position:absolute;
    left:-100px;
    top:5px;
	 }	 

  h1 {
	padding: 45px 60px 20px 80px;
	font-style: normal;
	font-weight: bold;
	font-size: 23px;
	
	font-variant: small-caps; 
	letter-spacing: 3px;
	margin: 0px 50px 0px 80px;
  }

  h2 {
	font-weight: bold;
	font-size: 16px;
  }

  h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 6px;
	margin: 0px 0px 0px 0px;
  }

  h4 {
	font-size: 16px;
  }

  h5 {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 0px 10px;
  }
  h6 {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
	padding-bottom: 6px;
	margin: 0px 0px 0px 0px;
  }

  p  {
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
  }

  #nyhed_dato {
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	position:absolute;
	left:530px;
  }


  a  {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
    text-decoration: none;
	color: #0000ff;
  }

a:visited {
	color: #0000ff;
}

a:hover {
	color: #006600;
}

dt {
	font-weight: bold;
	padding: 20px 0px 10px 0px;
 }
 

/* --------------------------------------------------------------------------- */
/* Link */

/* Links - collums  */

  #link_col1 { 
	position:absolute;
	width:270px;
	top:90px;
	left:50px;
  }

  #link_col2 { 
	position:absolute;
	width:270px;
	top:90px;
	left:350px;
  }

/*  */

/* ---------------------------------------------------------------------------------*/
/*Forside */

/* Forside -  kontakt  */

  #forside_kontakt { 
	position:absolute;
	width:270px;
	top:110px;
	left:50px;
  }

/*  */


/* Forside - sponsor  */

/* Logo skulle blive større ved hover, men virker ikke ordentligt, er kun i baggrunden!  
 .onside_logo a:hover 
 {
	background-image: url(../img/sponsor_logo/onside_200px.jpg)
  }      
*/

/*  */





/* Udsende af holdbilleder på "holdet" siden og work */

  img.holdbillede {
    border:solid 3px #000066;
    /*width:600px;*/
  }
  
  img.work-gif {
    position:absolute;
    top: 200px;
    left:150px;
    border:solid 3px #000066;
    width:200px;
  }
  
/*  */
 
/* ------------------------------------------------------------------------- */
/* Kalender */
  
    .kalender_class {  
     position:absolute;
     top:110px;
     left:30px;
    }
  
  
/*  */
 
/* ------------------------------------------------------------------------- */
/* Træning/Kampe */

/* Event - collums  */

  #event_col1 { 
	position:absolute;
	width:370px;
	top:95px;
	left:10px;
  }

  #event_col2 { 
	position:absolute;
	width:350px;
	top:95px;
	left:410px;
  }




/* eventliste  */

  .TABLE_CLASS {  
     border-color: #F7F6F3; 
     border-width: 5px;
     border-style: solid; 
    }
  
  .HEADER_CLASS {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #5D7B9D;
	font-size: 14px;
	}  
     
  .ITEM_CLASS {
	color: #000099;
	background-color: #F7F6F3;
	font-size:11px;
     }  

  #EventDataGrid td  {
     padding: 2px 8px 2px 8px;
     border-color: #5D7B9D;
      } 
      
  #AddParticipationPanel td  {
     padding: 2px 8px 2px 8px;
     border-color: #5D7B9D;
      }
      
     
  #EventDataGrid a {
        color: #000000;
        font-size: 9px;
        text-decoration: none;
    	font-weight: bold;
      }
     
  #EventDataGrid a:hover {
	color:#ff9900;
      }
        
  #EventDataGrid a.active {
	color:#ffffff;
       }
    /*virker ikke*/


/* Detaljer  */

  #detaljer  {
    color:#000000;
  } 


/* Loginpanel  */

  #table-login  {
	border: solid 1px #5D7B9D;
	border-collapse:collapse;
	background-color:#F7F6F3;
    color:#000000;
  } 
         
  #login-top H3{
    background-color:#5D7B9D;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    padding:4px 0px 4px 0px;    
  }
         
  #table-login td {
    text-align:right;
  }  
         
  #LoginButton {
    width:100px;
  }             
        

/* Til og frameldings tabel  */

  #table_til-frameld  {
    border: solid 1px #5D7B9D;
	border-collapse:collapse;
	background-color:#F7F6F3;
    color:#000000;
  } 
 
  #tilfra-top H3{
    background-color:#5D7B9D;
    text-align:center;
    margin-top:5px;
    color:#FFFFFF;
    font-weight:bold;
    padding:4px 0px 4px 0px;    
  }
         
  #AddParticipationStatusRadioButtonList {
   font-size:11px;
  }
  
  #TilmeldteDatagrid a{
        color: #000000;
        font-size: 10px;
        text-decoration: none;
    	font-weight: bold;
        padding-left:7px;
  }
     
  #TilmeldteDatagrid a:hover {
	color:#ff9900;
  }
        
  #FrameldteDatagrid a{
        color: #000000;
        font-size: 10px;
        text-decoration: none;
    	font-weight: bold;
    	padding-left:7px;
  }
     
  #FrameldteDatagrid a:hover {
	color:#ff9900;
  }

/*  */

/* ------------------------------------------------------------------- */
/*Turnering - isaland */

/*Tabeller med overskrifter (dl,dt,dd)  */

   #turn_coll dt{
        font-size: 14px;
    	font-weight: bold;
  }
   #turn_coll dd{
        font-size: 12px;
  }

/*  */

/* ------------------------------------------------------------------- */
/*Nyhedder */

   .nyhed {
        position:absolute;
        top:110px;
        left:50px;
        width:400px;
        font-size: 12px;
        
   }

/*  */

/* ------------------------------------------------------------------- */
/*Turneringer Island */

   #island_link a  {
    color:#993333;
    font-size:16px;
    font-weight:bold;  
   }
    
   #island_link a:hover  {
    color:#ffffff;
    font-size:16px;
    font-weight:bold;  
   }
   
   #island_link a:active  {
    color:#ffffff;
    font-size:16px;
    font-weight:bold;  
   }


/*  */









/*  */
