/* ------------------------------ *\
 *                                *
 *      YUNA                      *
 *                                *
 *      [w] www.yuna.nl           *
 *      [e] info@yuna.nl          *
 *      [t] +31 010 4255854    *
 *                                *
\* ------------------------------ */

/*------------------------------ *\
 *    IFS Rally          *
\*------------------------------ */

html,
body
{
	height:100%;
	margin:0 0 0 0;
	padding:0;
}
body
{
	color: #1B233B;
	background-color:#D9D9D9;
	background:#282828 url(../img/bg_body.jpg) no-repeat center top;
	text-align:center;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:70%;
	line-height:160%;
	padding:0 10px;
	margin:0 0 20px 0;
}

/* ----- generic styling ----- */

p,
h1,
h2,
h3,
h4,
h5,
ul,
li,
ol
{
	margin:10px 0 0 0;
	padding:0;
}


li
{
margin-left: 20px;
padding-left: 0px;
list-style: outside;
list-style-type: disc;
color:#222C49;
}

a
{
	color: #EE8A01;
	text-decoration: none;
	
}
a:hover
{
		text-decoration: underline;
}

h1,
{
	color: gray;
	font-weight:bold;
	font-size:130%;
	margin: 0px;
}


h2
{
	color: #EE8A01;
	font-size: 140%;
	font-weight:bold;
	margin: 10px 0 5px 0;
}

h3,
h4,
h5
{
	color: white;
	font-weight:bold;
	font-size:130%;
}

a span
{
	display: none;
}


h1 span
{
	display: none;
}

h2 span
{
	display: none;
}

embed
{
	margin: 0px;
	padding: 0px;
	}

object
{	margin: 0px;
	padding: 0px 0 00px 0;
}

em, i
{
width: 95%;
font-size: 100%;
}

hr
{
height: 1px;
border: 0 solid transparent;
color: #DCD2DE;
background-color: #DCD2DE;
margin: 20px 0 10px 0;
line-height: 1px;
}

img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}


.clear
{
	clear: both;
}

.clearright
{
	clear: right;
}

.clearleft
{
	clear: left;
}

/* --- sIFR defaults --- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/*===============================  main boxes  =================================== */

div#mainContainer
{
	position: relative;
	width: 960px;
	margin: 0px auto 0px auto;
	text-align: center;
	background: url(../img/bg_flashheader.jpg) no-repeat center top;
}

#header
{
	display: block;
	height: 286px;
}

#nav
{
	display: block;
	margin: 0 auto;
	width: 922px;
	height: 30px;
	background: black url(../img/bg_nav.jpg) no-repeat center top;
}

#wrap
{
	display: block;
	margin: 0 auto;
	width: 922px;
	background: black;
}

#innerWrap
{
	background: url(../img/bg_innerwrap.jpg) repeat-x 0 0;
	display: block;
	margin: 0 auto 1px auto;
	padding: 10px 0 0 0;
	width: 920px;
	text-align: left;
}

#columnLeft
{
	float: left;
	width: 255px;
}

#columnRight
{
	float: right;
	width: 655px;
}

#wrapStretcher
{
	clear: both;
	margin-top: 10px;
	height: 20px;
	line-height: 1px;
	background: url(../img/bg_strecher.gif) repeat-x 0 bottom;
}



/*------------------------------- innernav -------------------------------------- */

#innerNav
{
	display: inline;
	float: right;
	text-align: left;
	line-height: 30px;
	color: white;	
}

#innerNav a
{
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 110%;
	margin-right: 15px;
	text-decoration: none;
}


#innerNav a:hover
{
	color: Orange;
}

/*----------------------------- left column ------------------------------------------ */
.blockLeft
{
	margin: 0 0 10px 7px;
	border: 1px solid #8B8B8B;
	background: Black;
	color: white;
}

.inschrijven
{
	background: url(../img/bg_schrijf_je_nu_in.gif) no-repeat left 40px;
	height: 170px;
}

.inschrijven a
{
	background: url(../img/bg_a_inschrijven.gif) no-repeat 0 0;
	display: block;
	height: 40px;
}

.volgdeelnemers
{
	background: url(../img/bg_volg_deelnemers.gif) no-repeat left 40px;
	height: 158px;
}

.volgdeelnemers a
{
	background: url(../img/bg_a_volg_deelnemers.gif) no-repeat 0 0;
	display: block;
	height: 40px;
}


/*----------------------------- left Column Right ------------------------------------------ */

.columnRightInnerRight
{
	float: right;
	padding: 0px;
	display: compact;
	width: 240px;
}

.columnRightInnerRight .videocontainer
{
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 0px;
	display: block;
	width: 222px;
	eight: 182px;
	border: 1px solid #8B8B8B;
	background: #A5A5A5;
}


.columnRightInnerRight span.videoTitel
{
	color: white;
	background: url(../img/Bg_videoTitel.gif) no-repeat 5px top;
	padding: 0 0 10px 25px ;
}
.padding
{
	padding: 20px;
}

#columnRight .padding img
{
	float: right;
	margin: 10px 0 10px 10px;
	border: 1px solid #8B8B8B;
	clear: right;
}


#columnRight object, #columnRight embed
{
	margin: 0px 0 0px 0;
}

.blockRightSmall
{
	margin: 0 0 10px 0px;
	float: left;
	width: 410px;
	border: 1px solid #8B8B8B;
	background: Black;
	color: white;
}

.blockRightSmall h1 span.rightedge
{
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	width: 14px;
	height: 42px;
	background:  url(../img/bg_h_rightedge.gif) no-repeat 0 0;
} 

#columnRight .blockRightSmall h1
{
	position: relative;
	margin: 0px;
	display: block;
	height: 42px;
}

#columnRight h1 span.sfir
{
	display: block;
	position: absolute;
	left: 53px;
	top: 13px;
	argin: 15px 0 0  50px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
}


.blockRightWide
{
	clear: both;
	margin: 0 0 10px 0px;
	float: left;
	width: 645px;
	border: 1px solid #8B8B8B;
	background: Black;
	color: white;
}

#columnRight  .blockRightWide h1
{
	position: relative;
	margin: 0px 1px 0 0;
	display: block;
	height: 42px;
}

.blockRightWide h1 span.rightedge
{
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	width: 13px;
	height: 42px;
	background:  url(../img/bg_h_rightedge.gif) no-repeat 0 0;
} 

h1.home { background: url(../img/h_de-rally.gif) no-repeat 0 0;}
h1.rally { background: url(../img/h_de-rally.gif) no-repeat 0 0;}
h1.burton {background: url(../img/h_burton_wide.gif) no-repeat 0 0;}
h1.ifs { background: url(../img/h_ifs_wide.gif) no-repeat 0 0; }
h1.volg { background: url(../img/h_volg.gif) no-repeat 0 0; }
h1.contact { background: url(../img/h_contact_wide.gif) no-repeat 0 0; }
h1.partners { background: url(../img/h_partners_wide.gif) no-repeat 0 0; }
h1.inschrijven { background: url(../img/h_inschrijven.gif) no-repeat 0 0; }
h1.inhetnieuws { background: url(../img/h_news_wide.gif) no-repeat 0 0; }


/*------------------------------ footer -----------------*/
#footer
{
	ackground: url(../img/bg_innerwrap.jpg) repeat-x 0 0;
	text-align: left;
	margin: 0 auto 1px auto;
	padding: 2px 20px 0 20px;
	width: 920px;
	color: #8B8B8B;
}


/*------------------------------ partners -----------------*/



 div.partnerdata
{
	clear:both;
	padding: 10px 20px 5px 20px;
	margin: 0 0 0px 0;
}

 div.partnerdata.even
 {
 	background: #333333;
 }


 div.partnerdata dl
{
	margin: 0 100px 0 0;
}

 div.partnerdata dt
{
	float:left;
	clear: left;
	width:80px;
}
 div.partnerdata dd
{
	margin-left:80px;
	idth: 280px;
	display: block;
}

* html div.partnerdata dd  /* voorkomen inspringen door ie -3px probleem */
{
		text-indent: -3px;
}


hr.partnerstrech
{
	clear: both;
	margin: 0px;
	height: 1px;
	line-height: 1px;
	color: black;
	background: black;
}

 div.partnerdata.even hr.partnerstrech
 {
 	background: #333333;
	color: #333333;
 }


 div.partnerdata img
           {
                float: right;
                clear: right;
                position: relative;
                display: block;
                idth: 110px;
                margin: 0px 0 10px 0px ;
                background:  url('../img/bg_110imgbox.gif') repeat-y 0 0;
        }