/*/////////////////////////////////////////////////////  
Version: 2.0
/////////////////////////////////////////////////////*/
@import url('reset.css');@import url('menu.css');@import url('form.css');@import url('calendar.css');
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		             Side styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#face_like {
	float: right;
	position:relative;
	margin-right: 12px;
	margin-top: 5px;
}
.table { display: table; width: 950px;}
.cell { display: table-cell; vertical-align: middle; height: 65px;}
.row { display: table-row; height: 25px;}
#cell_1 { width: 200px;text-align: right;}

/************************************************************************/
.css_table { display: table; width: 100%;}
.css_cell { display: table-cell; height: 100px; border: 1px solid #000;} 
/**************************************TEST */
body {

	font-family: arial, helvetica, georgia, sans-serif;
	font-size: 12px;

	background: #ededec;/*3f7cb3*/
	
	color: #000000;
	padding-bottom: 0px;
/*bred format
	background-image:url('../img/u-bg.jpg');
        background-repeat:repeat-x;
	position: relative; top: 0px;
*/	
	
/*JUL*//*
        background-repeat:repeat-x;
	background-image:url('../img/jul_sne1.jpg');
        background-attachment:fixed;*/
       
       
}
.clear {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0 0 -1px 0;
}
a img {
	border: none;
}

/****************************************************************************************************
                                          Header 
****************************************************************************************************/

/**** Top af side 3 navbar vandret ****/
.div_1 {
	background-color: #ff0000;
        position:relative;
        color: #fdfdfd;
        }
.div_2 {
	background-color: #f3f3f3;/* 3f7cb3background: url(/img/head_sog.png);background-repeat:repeat-x; */
	/*border-top: 1px solid #d4d4d4;*/
	/*border-bottom: 1px solid #d4d4d4;*/
        height: 80px;
        
        }

.div_3 {
        /*font-weight: bold;*/
	background-color: #ffffff;
	border-bottom: 1px solid #d4d4d4;
	border-top: 1px solid #d4d4d4;
        text-align: left;
	/*box-shadow:2px 2px 2px #888;*/
        height: 5px;
        /*height: 35px; */
        }
.span_1 {
    
	width: 960px;    
       /* background-color: #ffffff;*/
        
   }
.span_2 {
        display:block;
	margin-left: auto; 
	margin-right: auto;
	width: 960px;
	padding:7px;
	text-align: left;       
        /*background-color: #ffffff;*/
      

   }
.span_3 {
        display:block;
	margin-left: auto; 
	margin-right: auto;
	width: 960px;
	padding:7px;
	text-align: left;       
        /*background-color: #ffffff;*/
        line-height: 21px;
   }   
#logo {
         
         padding: 0px 0px 0px 0px;
         float:left;
         background: transparent url(../img/rytter200x73.png) no-repeat;height:73px;width:200px;         
}
.social_network {
    position : relative;
    width:400px;
    height:30px;
    left:10px;
    top:0px;/*kun uden line-height:*/  
    list-style-type : none;
    /*border: 1px solid #ffffff;*/
line-height: 30px;      
}
.social_network li {
   display: inline; 
   padding: 0px 0px 0px 8px;
}
#rss {
    position:absolute;
    width:100px;
    height:30px;
    right:10px;
    top:0px;
    list-style-type : none;
    /*border: 1px solid #ffffff;*/
line-height: 32px;      
   }
#rss li	{
   display: inline;
   padding: 0px 0px 0px 8px;
   clear: left;
   }
#toplogo {
         
         padding: 0px 0px 0px 0px;
         background: transparent url(../img/Logo960_med_mcl_nyt.jpg) no-repeat;height:150px;width:960px;         
         /* #background: transparent url(../billeder/970x60_PD_navn_pa_cyklen.jpg) no-repeat;height:150px;width:960px;         
         #background: transparent url(../img/Logo960_med_mcl.jpg) no-repeat;height:150px;width:960px;         
         #background: transparent url(../img/logo950.jpg) no-repeat;height:150px;width:960px; */
}
.toplogo {
	border-width: 0px;
}
select {
    /* -moz-appearance: none; */
    text-indent: 0.01px;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    background-position: 180px 5px;
}
/****************************************************************************************************
                            960 px Wrapper, index.php hele siden
****************************************************************************************************/
#wrapper{
	margin-left: auto; 
	margin-right: auto;
	width: 960px;
	text-align: left;
        overflow: hidden;
        background-color: #ffffff;
        border-right: 1px solid #d4d4d4;
        border-left: 1px solid #d4d4d4;
        /*background-color: #ff0000;*/
}
/****************************************** **********************************************************
                            960 px  Header Wrapper, index.php TOP af side
****************************************************************************************************/
#header_wrapper{
	margin-left: auto; 
	margin-right: auto;
	overflow: visible;
	width: 960px;
	height: 297px;
	background-color: #f3f3f3;
}
/****************************************************************************************************
                   Midt side Wrapper, højre sidebar plus venstre indhold
****************************************************************************************************/

/**** Indholds wrapper + sidebar****/
#indhold_wrapper{
	overflow: hidden;
	margin-left: auto; 
	margin-right: auto;
	width: 960px;
	text-align: left;       
        background-color: #ffffff;
        /*border-right: 1px solid #d4d4d4;
        border-left: 1px solid #d4d4d4;*/

}
/**************************venstre*************************************************/
#indhold {
	float: left;
	width: 670px;
	padding: 10px 0px 0px 10px;
	  /*font-family: verdana, tahoma, arial, sans-serif;
	  font-size: 12px;
	  background-color: #474747;*/
}
/*******************************højre********************************************/
 /*Total 250px med 10+10px padding*/
#sidebar{
        float: right;
        width:254px;
        display:inline-block;
        overflow:hidden;
        padding: 10px;
        margin: 0px 0px 0px 2px;
        border-left: 1px solid #d4d4d4;
        font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }



/****************************************************************************************************
                                          footer index.php
****************************************************************************************************/

/***** Footer *****/
   footer {
      background:#3f7cb3;
      color:#5b6064;
      background: url(/img/footer.png);background-repeat:repeat-x; 
      }
   footer .content {
      font-size:16px;
      width:960px;
     
      margin:0 auto;
      }
   footer .top {
      border-bottom: 1px solid #4e5962; /*border color 101010 eller 3f7cb3 819a30*/
      padding:17px 0 17px 0;
      }
   footer .bottom {
      border-top: 2px solid #ededec;
      padding: 20px 0 60px 0;
      }
   footer h3 {
      float:left;
      margin:3px 0px 0px 10px;
      }
/*flytter V række*/
   footer ul {
      float:right;
      font-size:18px;
      margin-top:4px; 
      }
   footer ul li {
      margin-left:40px;
      }
   footer div { 
      float:left;
      }
   footer a {
      display:block;
      color:#f3f3f3;
      font-size:14px;
      text-decoration:none;
      }
   footer a:hover {
      color:#474747;
      }
   
   footer .footer-kontakt {
      color:#666; 
      margin:3px 0px 0px 20px;
      }
.footer-kontakt { width:180px;}
.footer-plink { width:250px; }
.footer-mcl { width:260px; }
.footer-find { width:50px; }
.footer-anno { width:250px; }

/*Mellemrum mellem link*/
.footer-plink a, .footer-mcl a, .footer-find a, .footer-anno a { 
    margin-bottom:4px; 
    }


footer .text {
  background:#fff;
  border:0;
  border-radius:3px;
  color:#000;
  font-size:13px;
  padding:7px;
  width:205px;
}

footer ul li {
  list-style-image:url('/img/v.png');
  background-position:0 35px;
  color:#4e5962;
  float:left;
  margin-left:20px;
  margin-right:20px;
}

.clearfix:before, .clearfix:after { 
  content: "";
  display: block; 
}
.clearfix:after { 
 clear: both; 
}

ul { list-style:none; }


h5 {
  color:#474747;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size:16px;
  font-weight:normal;
  line-height:20px;
  margin:0 0 10px 0;
  text-align:left;
  text-transform:uppercase;
}



/****************************************************************************************************
                         Næste 10 forrige 10 mcl_cykellob/kalender.php
****************************************************************************************************/


/**** næste 10 forrige 10 styles ****/

a.naeste {
   font-family: arial, verdana, sans-serif;
   font-size: 16px;
   text-align: center;
   color: #3f7cb3;
   background: #f3f3f3;

   margin: 1px;
   padding: 8px;
   border:1px solid #d4d4d4;
   text-decoration: none;
   }
.naeste1 {
   background-color: #d8dfea;
   font-family: arial, verdana, sans-serif;
   font-size: 16px;
   text-align: center;
   color: #4e5962;

   margin: 1px;
   padding: 8px;
   border:1px solid #3f7cb3;
   }
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
   GMAP.  mere_lob_php, geo.php, geo_full.php (Google map) styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*########## Find Vej form #################*/
.wrap_korselsvejledning {
width: 653px;
   font-family: arial, verdana, tahoma, sans-serif;
   font-size:12px;
   color: #d4d4d4;
   text-align: center;
   background-color: #f3f3f3;
   padding: 10px 0px 10px 10px;
   border-left: 1px solid #d4d4d4;
   border-right: 1px solid #d4d4d4;
   border-top: 1px solid #d4d4d4;
    border-top-left-radius:5px; 
    border-top-right-radius:5px;
}
.gmap_korselsvejledning {    
     font-family: verdana, tahoma, arial, sans-serif;
     font-size: 14px;   
     color: #4e5962;
     text-align: left;
     background-color: #fcfcfe;
     padding: 4px;
     border: 1px solid #d4d4d4;
   border-radius:5px;
   /*background: #fff url(/img/icon/car2.png) no-repeat ;*/
   background: #fff url(/img/annocering_form.png) repeat-x;
   height:26px;
   width:340px;
}

.car {

color: #4e5962;
    background-image: url(/img/icon/car2.png);background-color: transparent; 
    background-repeat: no-repeat; 
    background-position: 5px 8px;                
    cursor: pointer;      
    height: 26px;  
    width:250px;
    background-color: #fff;
    /* make this the size of your image */
    padding-left: 24px;
    border: 1px solid #9fc1f8;
    margin-left: auto; 
    margin-right: auto;    
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    vertical-align: middle;

}


.findvej {
	margin-left: 0px; 
	margin-right: auto;

   background-color: #3f7cb3;
   color: #f3f3f3; 
   width: 80px;
   height: 35px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   cursor:pointer;
   font-weight: bold;
   border:1px solid #d4d4d4;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
}

/*########## Fuld Skærm billed i mere_lob.php #################*/
.trans_full  {
     /* color: #ffffff; */
     background: #ffffff;
     font-family: arial, verdana, sans-serif;
     font-size: 11px;
     font-weight: bold;
     display: block;
     float: left;
     width: 30px;
     height: 150px;
     margin: -61px 0px 5px 0px; /*her ændres tekst afstand 5 flytter tekst ned so ligger denne css p.motionslob_tekst*/
     padding: 10px 0px 5px 0px;
     position: absolute;
     top: 90%;
     left: 62%;
}
.trans_img_full {
     float: left;
     position: absolute;
     padding: 120px 0px 0px 3px;
}
div.css-vertical-text {
     font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
     font-size:13px;
     /*font-weight:bold;*/
     /*text-shadow: 1px 1px 1px #000000;*/
     color:#000;
     border:0px solid red;
     white-space:nowrap;
     display:block;
     padding: 0px 8px 0px 8px;
     bottom:0;
     width:15px;
     height:15px;
}



/*################ GMAP: Side 2 fuld skærm geo_full.php ###############*/
div.gmap_tilbage a {
     font-family: arial, verdana, sans-serif;
     font-size: 11px;
     font-weight: bold;
     text-decoration: none;
     text-align: center;
     color: #000000;
     background: #ffffff;
     width: 250px;
     height: 20px;
     padding: 10px 0px 5px 0px;
     display: block;
     border:1px solid #d4d4d4;
}



/****************************************************************************************************
                   Kalender hovedside+ top lobs_data.php mcl_cykellob/kalender.php
****************************************************************************************************/
/* div class*/
.box1d:hover .img_box  {
background-color: #ffffff;
cursor: pointer;
color: #232323;

}
/* små hvide Infoboxe i top kalender*/
.img_box1 {
float:left;
font-size: 14px;
background-color: #6E6E6E;
/* color: #f3f3f3; */
color: #FFFFff;
font-weight: bold;
text-align: center;
padding: 10px 0px 10px 0px;
width:95px;
}

#img_box_wrapper {  
    float:left;
   }  

.img_box {
width:90px;
  text-align: center;
float:left;
font-size: 12px;
color: #4e5962;
margin:0px 0px 0px 0px;
background-color: #f3f3f3;
padding: 10px 0px 10px 0px;

}
/*Stor wrapper box med alle data*/
.box1d {
float:left;
width:655px;
background-color:#f3f3f3;
  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 18px;
  color: #4e5962;
 
margin:0px 10px 0px 6px;
padding: 0px;

   border-bottom:1px solid #d5d6d8;
   /*-moz-border-radius: 6px;
   -khtml-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   box-shadow:2px 2px 2px #888;*/
}





/*Stor wrapper box med alle data*/
.box_top_kalender {
float:left;
width:655px;
background-color:#f3f3f3;
  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 18px;
  color: #4e5962;
margin:0px 10px 0px 6px;
padding: 0px;
   border-bottom:1px solid #d4d4d4;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-top: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;
  
}
/***************************************************************************/

/* Nederst på lobs_data siden overskrifter*/
.overskrift_lob {
border: 1px solid #d4d4d4;box-shadow: 1px 1px 2px #fff inset;
   font-family: Verdana, Helvetica, sans-serif; 
    font-style: normal;
   font-size: 15px !important;
   /*font-weight: bold;*/
   text-transform: uppercase;
   /*color: #99999a;*/
   color: #4e5962;
  line-height: 40px !important;
   padding: 5px 5px 5px 5px;
   border: 1px solid #d4d4d4;
   background-color: #f9f9f9;
   /*background: url(../img/bg_kalender.jpg);background-repeat:repeat-x;*/
   /*background: url(/img/footer.png);background-repeat:repeat-x; */
    border-radius: 4px;   
   }
/* Youtube Billeder Nederst på lobs_data siden wrapper*/
.img2_padding {
   float: left;
   width:209px;
   padding:0px 0px 0px 9px;
   }


 /*løbet sidst Opdateret box */
.mere_kalender_dato{
   font-family: verdana, tahoma, arial, sans-serif;
   color: #aeaeae;
   font-size: 10px;
   padding:5px;
    margin:0px 10px 0px 0px;
   background-color: #fff;
   box-shadow:2px 2px 2px #e1e8ee;
   border: 1px solid #d4d4d4;
        /*Firefox*/
            -moz-border-radius: 4px;
        /*Safari*/   
            -webkit-border-radius: 4px;
        /*IE*/  
        border-radius: 4px;
   }
/***************************************************************Stor wrapper top box lobs_data.php*/
.lobs_data {
float:left;
width:655px;
background-color:#f3f3f3;
  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 18px;
  color: #4e5962;
 margin:10px 10px 5px 6px;
padding: 0px 0px 10px 0px ;

}




/********************************************************************************************/


/*alle løbsdata box Overskrift (Region) */
#box_data1 {
	float: left;
	background:#f3f3f3;
	border:1px solid #d4d4d4;
	margin:0px 0px 4px 4px;
	padding:4px 6px 4px 6px;
	
	
	width:200px;
	
	   font-family: verdana, tahoma, arial, sans-serif;
	   font-size: 12px;
	   font-weight: bold;
	   color: #4e5962;
	   text-align: center;

	/* Rounded Corners */

-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:5px 0px 0px 5px;
        
}
/*alle løbsdata box højre side */
#box_data {
	float: left;
	background:#fff;
	border:1px solid #d4d4d4;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	
	
	width:430px;
	
	   font-family: verdana, tahoma, arial, sans-serif;
	   font-size: 12px;

	   color: #4e5962;
	   text-align: left;

	/* Rounded Corners */

-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px 5px 5px 0px;
        /*box-shadow:2px 2px 2px #888;*/




}

/*stop kalender*/
/***************************************************************************/


/*########## Søge Resultat styles ###########*/
.vis_top  {
   font-family: Arial,verdana, tahoma, arial, sans-serif;
   font-size: 20px;
   color: #4e5962;
   padding: 5px 5px 5px 5px;
   border: 1px solid #d4d4d4;
   background-color: #eaeaea;
   font-weight: bold;
   }
.vis_top a:hover{
   color: #4e5962;
   text-decoration: none;
   }
.vis_top a{
   color: #3f7cb3;
   text-decoration: underline;
   }
.vis_midt{
   font-family: verdana, tahoma, arial, sans-serif;
   color: #4e5962;
   font-size: 11px;
   text-align: left;
   padding:10px;
   margin:10px 0 10px 0px;
   background-color: #f3f3f3;
   border-left: 1px solid #d4d4d4;
   border-right: 1px solid #d4d4d4;
   border-bottom: 1px solid #d4d4d4;
   border-top: 1px solid #d4d4d4;
/*Safari*/   
    -webkit-border-radius: 6px;
/*Firefox*/
    -moz-border-radius: 6px;
/*IE*/    
    border-radius:6px;

   }
.vis_down{
   font-family: verdana, tahoma, arial, sans-serif;
   color: #4e5962;
   font-size: 11px;
   text-align: left;
   padding:5px;
   background-color: #eaeaea;
   border: 1px solid #d4d4d4;
   }

a.naeste_sog {
   font-family: arial, verdana, sans-serif;
   font-size: 12px;
   text-align: center;
   color: #3f7cb3;
   background: #f3f3f3;

   margin: 1px;
   padding: 4px;
   border:1px solid #d4d4d4;
   text-decoration: none;

   }


/*************************************** SLETTES under opsyn **************************************/

/*bund banner 300x250*/
.banner_space {
    float: left; 
    width:310px;
    padding:0px 17px 20px 5px;
  }
#banner_indhold {
  width:300px;
  background-color:#f3f3f3;
  border:1px solid #d4d4d4;
  padding: 10px;
  	-moz-border-radius: 10px;
  	-khtml-border-radius: 10px;
  	-webkit-border-radius: 10px;
	 border-radius: 10px;

  }

.betingelser {
   font-family: verdana, tahoma, arial, sans-serif;
   font-size: 12px;
   color: #4e5962;
   text-align: left;
   background-color: #f3f3f3;
   padding: 0.5em 0.5em 0.5em 0.5em; margin: 0em;
   border:#dedede 1px solid;
   line-height:16px;
     /*Firefox*/
         -moz-border-radius: 10px;
     /*Safari*/   
         -webkit-border-radius: 10px;
     /*IE*/  
        border-radius: 10px;
   }

.annoncering {
   /* font-family: verdana, tahoma, arial, sans-serif;
   font-size: 12px; */
   color: #4e5962;
   text-align: left;
   background-color: #f3f3f3;
   padding: 0.5em 0.5em 0.5em 0.5em; margin: 0em;
   border:#dedede 1px solid;
   line-height:16px;
     /*Firefox*/
         -moz-border-radius: 10px;
     /*Safari*/
         -webkit-border-radius: 10px;
     /*IE*/
        border-radius: 10px;
   }


.plus {
   display: inline ;
   font-family: verdana, tahoma, arial, sans-serif;
   font-size: 32px;
   color: #4e5962; 
   text-align: left;
   /* background-color: #ffffff;  */
   background-color: #222222; 
   padding: 0.5em 0.5em 0.5em 0.5em; margin: 0em;
   /* border:#dedede 1px solid; */
   line-height:16px;
}

.plus-ul {
  list-style-type: circle;
}

.plus_table {
  border-spacing: 10px ;
  border-collapse:separate;
  width:100% ;
}


/* Hover td indsæt classe i tr*/
.motion12:hover .motion1  {
background-color: #fff;
cursor: pointer;
color: #000;

}
.motion1 {
   font-family: verdana, tahoma, arial, sans-serif;
   font-size: 12px;
   color: #4e5962;
   text-align: center;
   background-color: #f3f3f3;
padding: 10px;
   border-bottom: 1px solid #dedede;
   border-top: 0px solid #ffffff;
   }
.mere_kalender{
   font-family: arial, verdana, tahoma, sans-serif;
   font-size: 20px;
   color: #4e5962;
   padding: 10px;
   border: 1px solid #d4d4d4;
   background-color: #f3f3f3;
   background: url(../img/bg_kalender.jpg);background-repeat:repeat-x;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;  
   border-radius: 6px;
   }
/***LAVES OM til CSS 2014 MotionsCykelløb med Begrænset deltagerantal - Annonce 300x250 Tradedoubler.com***/
.wrapper_space {
    float: left;
    width:660px;
    padding:0px 17px 20px 2px;
}
#wrapper_info {
  background-color:#f3f3f3;
  border:1px solid #d5d6d8;
  padding: 10px 0px 10px 0px;
  	-moz-border-radius: 10px;	
	-khtml-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	border-radius: 10px;
  }

.antal a:hover{
   color:#AAA;
   }
.top_tb_farve {
	background-color: #e6e6e6;
	color: #4e5962;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #cacaca;
}
.head_service {

   background: url(/img/menu_bg.jpg);background-repeat:repeat-x;
   text-align:left;
   margin-bottom: 0px;
   padding: 0px 0px 10px 0px;
   background-color: #e6e6e6;
   font-family: arial black,verdana, tahoma,sans-serif;
   font-size: 16px;
   color: #4e5962;
     border-top-left-radius:5px;
     border-top-right-radius:5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
 }


.webudgave {
    display: block;
    margin-left: auto;
    margin-right: auto ;
} 
