/** Frenzy Tour - CSS LAYOUT  --  Copyright Certo Solutions 2009 **/

/* This file contains layout elements that define the base header,
** footer, body and left margin. The layout is fixed, two column.
** For additional information see: http://intensivstation.ch/en/templates/
*/

body {
	background: #e4f2ff url(../images/background-grad.png) repeat-x scroll 0 0;
	font-family: 	"Trebuchet MS",Geneva,arial,helvetica,sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	color:#333;
	padding:0px;
	margin:0px;
}

img.download {vertical-align:middle;}

/* ---------- CONTAINER (WRAPPER OF CONTENT) -------------- */
#container {
  width: 1000px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
}

/* ---------- LOGO (BANNER) -------------- */
#banner, #banner_english, #banner_french {
  background: transparent url(../images/ft-logo.png) no-repeat scroll 0 0;
  width: 1000px;
  height: 50px;
  padding: 0px;
  margin: 0px;
}
#banner_english {
	background: transparent url(../images/ft_head_english.gif) no-repeat scroll 0 0;
}
#banner_french {
	background: transparent url(../images/ft_head_french.gif) no-repeat scroll 0 0;
}
/* ---------- MENU -------------- */
#menu {
	background: transparent url(../images/ft-bg-menu.png) no-repeat scroll 0 0;
	width: 1000px;
	height: 26px;
}


/* #banner img {padding:10px 0px;} */

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
width: 1000px;
padding: 0 0 10px 0;
}

div#content {
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px");
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

/* -----------footer--------------------------- */
#footer {
background: transparent url(../images/ft-bg-footer.png) repeat-y scroll 0 0;
color: #FFE0E0;
clear: both;
margin: 0px;
padding: 10px 0;
font-size: 11px;
text-align: center; }


/* CLIENT AREA */

#client-wrapper {
	position: relative;
	top: 0px;
	left: 100px;
	background: #ffffff scroll 0 0;
	border-left: #000 1px;
	border-right: #000 1px;
	height: auto;
}

#client-header {

}

#client-content {

}

#client-footer {

}

/* how to use trips...
  <div class="trip"><div class-"trip-image"><img src...></div><div class="trip-info">Titel: ... </div></div>
  
  so .trip acts as a wrapper, and trip-image and trip-info are floating left elements. I use <div> instead of <span>
  for inline or block since more common and can simply be changed to inline/block via CSS in the future 
*/

.trip {
	position: relative;
	width: 480px;
	height: 152px;
	float: left;
	display: inline;
}

.trip-image {
	position: relative;
	width: 200px;
	height: 152px; 
	float: left;
	display: inline;
}

.trip-info {
	position: relative;
	width: 280px;
	height: 152px; 
	float: left;
	display:inline;
}