/* ------------------------------ *\
 *                                *
 *      YUNA                      *
 *                                *
 *      [w] www.yuna.nl           *
 *      [e] info@yuna.nl          *
 *      [t] +31 15 2 617 017	    *
 *                                *
\* ------------------------------ */

/*------------------------------ *\
 *      Biketranz           *
\*------------------------------ */


html,
body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-image: url(../img/bg_body.gif);
	background-position: center 4px;
}

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

body
{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size:70%;
	line-height:160%;
	text-align: center;
}

#home
{
	background-position: center 4px;
}

p,
h1,
h2,
h3,
h4,
h5,
ul,
ol
{
	margin:0 0 10px 0;
	padding:0;
}
a
{
	color: #CE4406;
}
a:hover
{
	color: #333;
}

h1,
h2
{
	color: #CE4406;
	font-weight:bold;
	font-size:130%;
}
h3
{
	color: #CE4406;
	font-weight:bold;
	font-size:100%;
}
h4,
h5
{
	color: #000;
	font-weight:bold;
	font-size:100%;
}



ul
{
	margin:0;
	padding:0;
}
ul li
{
	padding:0;
	margin:0 0 0 20px;
}
em
{
width: 95%;
}

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

table
{
	font-size:100%;
}

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

h1 span
{
	display: none;
}

h2 span
{
	display: none;
}

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

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

.clear
{
	clear: both;
}

.clearright
{
	clear: right;
}

.clearleft
{
	clear: left;
}

.noMargin
{
	margin:0 !important;
}

/*=============================== main boxes  home=================================== */
#home #bodywide
{
	background-image: url(../img/bg_bodywide.gif);
	background-repeat: repeat-x;
	background-position: center 316px;
	width: 100%;
}

#home #bodyinner
{
	background-image: url(../img/bg_bodyinner.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
}


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

#bodywide
{
	background-image: url(../img/bg_bodywide.gif);
	background-repeat: repeat-x;
	background-position: center 199px;
	width: 100%;
}

 #bodyinner
{
	background-image: url(../img/bg_bodyinner_next.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
}


div#container
{
	position: relative;
	width: 775px;
	margin:0px auto 0px auto;
	text-align: left;
	ackground: red;
}

div#flashbanner
{
	position: absolute;
   left: 0;
	top: 0;

    height: 199px;
    width: 775px;

	 z-index: 0;
    }

#home div#flashbanner
{
	 height: 316px;
}


	 div#logo
	 {
	 	position: absolute;
		left: 0;
		top: 25px;
	 }

div#wrap
  {
   padding-top: 169px;
   width: 775px;
   height: 200px;
   ackground: Aqua;
}

#home div#wrap
  {
   padding-top: 316px;
}


*> body #wrap
{
	min-height:0;
	height:auto;
}

#innerwrap
{
    ackground: green;
}


div#wrapStretcher
{
	margin: 0px;
	padding: 0px;
	height: 1px;
	font-size: 0px;
	line-height:0px;
	clear: both;
}
h4.subheading
{
	margin-top:-10px;
}


/* =================Main Style elements ======================== */

a.more
{
    float: left;
	 width: 54px;
	 text-align: center;
	 color: white;
    line-height: 15px;
    background: url('../img/btn_more.gif') no-repeat right top;
    text-decoration: none;
    }

	 a.more:hover
	 {
	 	color: black;
	 }

a.btn_aanmelden img
{
	float:none !important;
	border-width:0 !important;
	margin:10px 0 !important;
}


a.more2
{
    display: block;
	 height: 16px;
	 margin-top: 5px;
	 width: 54px;
	 text-align: center;
	 color: white;
    line-height: 14px;
    background: url('../img/btn_more2.gif') no-repeat right top;
    text-decoration: none;
    }

	 a.more2:hover
	 {
	 	color: black;
	 }

a#backhome
{
    display: block;
    position: absolute;
    left: 80px;
    top: 130px;
    height: 20px;
    width: 60px;
    background:  url('../img/btn_home.gif') no-repeat right top;
    }

 span.arrow
 {
    display: compact;
    padding:0 12px 0 0;
    background: url('../img/bullet_arrow_orange_right.gif') no-repeat right center;
 }

 .imgcontainer
 {
 	float: right;
	margin: 20px -50px 0px 10px;
	clear: right;
	border: 1px solid Orange;
 }


/*=============================== navigatie en subnac=================================== */

ul#mainNav
{
	position: absolute;
	left: 0px;
	top: 104px;
	width: 350px;
	height: 26px;
	margin:0px 0 0 0;
	padding:0;
}

ul#mainNav li
{
	float:left;
	margin:0 0 0 0;
	idth: 50px;
	list-style: none;
}

ul#mainNav li a
{
	color:#686868;
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
}

ul#mainNav li a:hover
{
	color:#999;
}

ul#mainNav li a
 {
	display: block;
	margin-right: 1px;
	height: 26px;
	width: 50px;
	background-repeat: no-repeat;
	background-position: center 0px;
}

ul#mainNav li a
{
	height: 26px;
	line-height: 26px;
}

ul#mainNav li a:hover span
{
	background-image: none !important;
}

ul#mainNav li a span
{
	display:block;
	cursor: pointer;
	text-indent: -10000px;
}

ul#mainNav li a#navhome
{
	width: 50px;
	background-image: url(../img/btn_home_hover.gif);
}
ul#mainNav li a#navhome span
{
	background-image: url(../img/btn_home.gif);
}

ul#mainNav li a#navagenda
{
	width: 60px;
	background-image: url(../img/btn_agenda_hover.gif);
}
ul#mainNav li a#navagenda span
{
	background-image: url(../img/btn_agenda.gif);
}

ul#mainNav li a#navinfo
 {
	width: 70px;
	background-image: url('../img/btn_informatie_hover.gif');
	}
ul#mainNav li a#navinfo span
 {
	background-image: url('../img/btn_informatie.gif');
}

ul#mainNav li a#navreizen
{
	width: 60px;
	background-image: url(../img/btn_reizen_hover.gif);
}
ul#mainNav li a#navreizen span
{
	background-image: url(../img/btn_reizen.gif);
}

ul#mainNav li a#navcontact
{
	width: 65px;
	background-image: url('../img/btn_contact_hover.gif');
}
ul#mainNav li a#navcontact span
{
	background-image: url('../img/btn_contact.gif');
}


/*------------------------------- wrap: content ----------------------------------- */

#wrap div.column
{
	float:right;
	overflow:hidden;
}

div#column_right
{
	width: 511px;
	height
}

* > div#column_right
{
	height:auto;
	min-height:300px;
}

div.contentboxheader
{
	clear: both;
	height: 20px;
	background-image: url(../img/bg_contentboxheader.gif);
	background-position: left top;
	background-repeat: no-repeat;
}


div.contentboxfooter
{
	clear: both;
	height: 17px;
	background-image: url(../img/bg_contentboxfooter.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.contentBox
{
	position:relative;
	float: left;
	width: 511px;
	background:  white url(../img/bg_contentbox.gif) repeat-y center top;
}

div.contentBox .inner
{
	position:relative;
	float: left;
   background: transparent url(../img/bg_inner.gif) no-repeat right bottom;
	width: 510px;
	height: 435px;

}

* > div.contentBox .inner
{
	height:auto;
	min-height: 435px;
}

div.contentBox .innersecond
{
	background: url(../img/bg_innersecond.gif) no-repeat right top;
	height: 200px;
	margin-bottom:90px;
}

* > div.contentBox .innersecond
{
	height:auto;
	min-height: 205px;
}


div.contentBox .inner .paddingBox
{
	position:relative;
  margin: 0px;
  padding: 30px 50px 30px 50px;
}

div.contentBox .inner .paddingBox h1
{
	color: #7FBD3A;
	margin-bottom: 10px;
}

div.contentBox .inner .paddingBox h3
{
	margin: 10px 0;
}


div.contentBox .inner .paddingBox img
{
	float: right;
	margin: 0px 0 10px 5px;
	padding: 0;
	clear: both;
	border:1px solid #848484;
}
div.contentBox .inner .paddingBox img.first
{
	margin-top:30px;
}



/*reizen */

div.contentBox .inner .paddingBox div.tripBlock
{
	display: block;
	margin: 10px 0;
	padding: 10px 0 0 0;
	clear: both;
	border-top: 1px dotted gray;
}


div.contentBox .inner .paddingBox div.tripBlock img
{
	float: right;
	margin: 0px 0 20px 5px;
}

p.location
{
	margin:5px 0;
	font-weight:bold;
}

p.summary
{
	margin:5px 0;
	font-style:italic;
}

p.properties
{
	margin-top: 5px;
}

p.properties span
{
	display: block;
}

.bottomLinks
{
	display: block;
	margin: 10px 0;
	padding: 10px 0 0 0;
	clear: both;
	border-top: 1px dotted gray;
}

a.futuretrip
{
	isplay: block;
	background: url(../img/Ico_futuretrip.gif) no-repeat left 5px;
	height: 30px;
	line-height: 30px;
	padding: 10px 30px;
	margin: 10px 0 10px 0;
}

a.triparchive
{
	background: url(../img/Ico_triparchive.gif) no-repeat left 7px;
	height: 30px;
	line-height: 30px;
	padding: 10px 30px;
	margin: 10px 0 10px 0;
}

ul.kenmerken li
{
	ist-style: none;
}


/*actueel*/

div.actueelBlock
{
	display: block;
	margin: 10px 0;
	padding: 10px 0 0 0;
	clear: both;
	border-top: 1px dotted gray;
}


div.othernews
{
	display: block;
	margin: 20px 0 0 0;
	padding: 0px 0 0 0;
	clear: both;
	border-top: 1px dotted gray;
}

ul.actueel li
{
	list-style: none;
	margin: 5px;
}

ul.actueel li a
{
	background-image: url(../img/icon_new.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 20px;
	height:20px;
	padding: 5px 5px 5px 25px;
	margin: 5px 0;
}

/*------------------------------- wrap: content  left----------------------------------- */

div#column_left
{
	float: left;
	width:239px;
	color: #5B1A48;
	height: 200px;
}


.sideBox
{
    float: left;
	 width:239px;
	 background: url(../img/bg_sidebox.gif) repeat-y center top;
    color: white;
	 margin: 0px;
}


.sideboxheader
{
	 float:left;
	 clear: both;
    width:239px;
	 height: 30px;
	 background: url(../img/bg_sideboxheader.gif) no-repeat center top;
}

.sideboxheader h1
{
	margin: 15px 0 0 0 !important;
}


.sideboxfooter
{
	 float:left;
	 clear: both;
    width:239px;
	 height: 20px;
	 background: url(../img/bg_sideboxfooter.gif) no-repeat center top;
}

.sideBox .tripzoeker
{
	float: left;
	clear: left;
	background: transparent url(../img/bg_side_first.gif) no-repeat 0px top;
	padding-top: 15px;
	margin: 0px;
}

/* sidebox heading */

h1#actueel
{
	background: url(../img/h_actueel.gif) no-repeat 25px center;
	height: 15px;
	margin-bottom: 10px
}

h1#agenda
{
	background: url(../img/h_agenda.gif) no-repeat 25px center;
	height: 15px;
	margin-bottom: 10px
}

h1#informatie
{
	background: url(../img/h_informatie.gif) no-repeat 25px center;
	height: 15px;
	margin-bottom: 10px
}

h1#reizen
{
	background: url(../img/h_reizen.gif) no-repeat 25px center;
	height: 15px;
	margin-bottom: 10px
}

h1#contact
{
	background: url(../img/h_contact.gif) no-repeat 25px center;
	height: 15px;
	margin-bottom: 10px
}


/*agenda previeuw*/
.agendaprev
{
	float:left;
	background: transparent url(../img/bg_side_second.gif) no-repeat 0px top;
	height: 200px;
	padding-top: 10px;
	margin: 10px 0 0 0;
	min-height:
	width: 239px;
}
*> .agendaprev
{
	height: auto;
	min-height: 200px;
}

.item
{
	float: left;
	padding: 0 20px;
	margin: 5px 0px;
}

.thumbBox {
	margin-right: 10px;
	float: left;
}

.thumbBox img
{
	border: 1px solid #D97000;
}

.desc
{
	margin: 0px;
	float: left;
	padding: 0px;
	width: 135px;
}

.btn_holder
{
	float: left;
	clear: both;
	width: 215px;
	margin-top: 10px;
}

/* navigatie vervolgpagina's */

.sideBox .sideNav ul
{
	position: relative;
	-index: 100;
	float: left;
	padding: 20px 0 20px 25px;
	height: 250px;
}

*> .sideBox .sideNav ul
{
	height: auto;
	min-height: 250px;
}

.sideBox .sideNav ul li
{
	list-style: none;
	padding: 5px 0 3px 0;
	border-bottom: 1px dashed #96CC58;
}

.sideBox .sideNav ul li a
{
	color: white;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 190px;
}

.sideBox .sideNav ul li a:hover
{
	color: #FF7F50;
	text-decoration: underline;
}

.sideBox .sideNav
{
	float: left;
	clear: left;
	width:239px;
	background: transparent url(../img/bg_side_first.gif) no-repeat 0px top;
	adding-top: 15px;
	margin: 0px;
}


/* guik trip search */

h1#zoektrip
{
	background: url(../img/h_zoektrip.gif) no-repeat 25px center;
	height: 15px;
	margin-bottom: 10px
}

.sideBox .quiktrip
{
	float:left;
	background: transparent url(../img/bg_side_third.gif) no-repeat 0px top;
	padding-top: 10px;
	width: 239px;
}

.sideBox .quiktrip a
{
	position: relative;
	float: right;
	margin: -28px 0 0 0;
	padding-right: 15px;
	display: block;
	height: 10px;
	width: 28px;
	z-index: 10;
}




/*------------------------------- footer ----------------------------------- */

#footer
{
	position: relative;
	float: right;
	clear: both;
	display: block;
	width: 500px;
	height: 20px;
	argin: 0 auto 0px auto;
	background: transparent url('../img/bg_footer.gif') no-repeat 0 0;
	text-align: left;
}


#footerInner
{
	padding: 0px 0px 0 0px;
}

#footerInner a
{
	margin: 0 15px 10px 0;
	float: left;
	display: block;
	font-size: 90%;
	color: white;
	cursor: pointer;
	text-decoration:none;
}

#footerInner a:hover
{
	text-decoration:underline;
}

#yuna
{
float: right;
margin-right: 10px;
font-weight: bold;
font-size: 90%;
}

#yuna a
{
text-decoration: none;
color: Black;
}



/*=============================== form  tripzoeker =================================== */

.tripform
{
	padding: 0 20px 0px  20px;
	margin: 0 0 10px 0;
}

.tripform input
{
font-size: 90%;
}

.tripform select
{
font-size: 90%;
margin: 5px 0;

}

.tripform select.wideselect
{
width: 195px;
}

.tripform .submit
{
	margin-top: 5px;
}

/*=============================== form  =================================== */

.formtable {

	width: 400px;
	border: none;
	padding: 0px 0 0 0px;
	margin: 0px -95px 0px 0px;
	border-collapse: collapse;
}

*> .formtable
{
	margin-bottom: 0px;
}

.formtable td{
	margin: 0px;
	adding: 5px 10px 5px 30px;
	}

.formtable td.c1
{
	width: 100px;
	color: #CE4406;
	font-weight: bold;

}

input.input {
 		background-color: #CDCDCD;
		width: 250px;

		border: 1px solid transparent;
		margin: 2px 0;
		filter:alpha(opacity=50);
		-moz-opacity:.40;
		opacity:.40;
	}


input.floatright
{
	margin-left: 170px;
	margin-top: 10px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}

textarea {
		background-color: #CDCDCD;
		width: 250px;
		height: 100px;
		overflow: auto;
		border: 1px solid black;
		filter:alpha(opacity=75);
		-moz-opacity:.75;
		opacity:.75;
	}



.formheader {
	margin: 10px 0;
	color: #003366;
	font-size: 120%;
	font-weight: bold;
}

.formheaderrow {
	/* background-color: #CCCCCC; */
}

.formrow {
	/*background-color: #DDDDDD; */
	margin:0px;
	padding: 0px;
	}

#formcontent .formrow {
	margin:0px;
	padding: 0px;
	/*background-color: #DDDDDD; */

}

.formrowerror {
	margin:0px;
	padding: 0px;
	ackground: #F4FAD6;
}

.formerror {
 	 color: #CE4406;
 	 font-weight: bold;
}

.formmarker {
	color:red; float:left;
}

fieldset {
       margin: 0px;
       padding: 0px;
       display: inline;
       border: none;
}


/* 20060807 TB question mark button */

.question
{
	position:relative;
	top:7px;
	right:5px;
	margin:0 !important;
	padding:0 !important;
	float:right;
	display:block;
	text-decoration:none;
	width:18px !important;
	height:18px !important;
	background:transparent url('../img/btn_question.gif') no-repeat 0 0;
}
.question span
{
	visibility:hidden;
}

/* 20061208 table lists: kenmerken, info, kosten */
h3
{
	clear:right;
}
table.list
{
	width:100%;
}
table.list td
{
	vertical-align:top;
}
table.list td.c1
{
	font-weight: bold;
	padding-right:3px;
	width:35%;
}