/* CSS design by Pixelman.be | V1.0 16/10/2008/ */

/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright protected by futureproofed & Pixelman */

/* CSS tested on:

	MAC OSX  
	- Safari 2.0: OK
	- IE 5.2.3: NOT TESTED
	- Firefox(Mozilla 5) 2.0: OK

	MAC OS9
	- IE 5.0: NOT TESTED

	PC WIN98
	- IE 5.0: NOT TESTED

	PC WINXP WIN2000 VISTA
	- IE 6.0: OK
	- IE 7.0: OK
	- Firefox(Mozilla 5) 2.0: OK

*/

/********** png transp fix ***********/
/*
* { behavior: url(css/iepngfix.htc)}
*/
/************** basics **************/

body {
	margin: 0;
	padding: 0;
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #4F4C4D;	
	background: #F3F0EB url(../images/bg_header.gif) repeat-x top left;
}		
	
html, dl, div, img, swf, form { 
	margin: 0; 
	padding: 0;
}

a img { 
	border: none;
}

	
a {
	text-decoration: none;
	color: #EE4036;
}

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

#site { /* whole site */
	position: relative;
	margin: 0;
	width: 100%;
	background-color: transparent;
	/*border: solid 1px black;*/
	float: left;
}

*:focus {
	outline: none; /*remove blue border in safari & firefox */
}



/************** header elements **************/

#header_bg {
	position: relative;
	margin: 0;
	width: 100%;
	/*height:120px;*/
	background-color: transparent;
	float:left;
}	

#header {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 120px;
	background-color: transparent;
	/*border: solid 1px black;*/
	display: block;
}	

#logo {
	position: absolute;
	top: 30px;
	left: 20px;
	margin: 0;
	width: 366px;
	height: 57px;
	background: transparent url(../images/logo_mibuso_conference.png) no-repeat top left;
}	

/************** topnav elements **************/

#topnav {
	position: relative;
	margin: 0;
	padding: 0;
	background: transparent url(../images/topnav_left.jpg) no-repeat top left;
	float: right;
	display: block;
}	


#topnav ul {
	/*position: relative;*/
	padding: 0 20px 0 0;
	list-style: none;
	background: transparent url(../images/topnav_right.jpg) no-repeat top right;
	display: block;
	height: 36px;
	float: left;
  	margin: 0 0 0 20px; /* works in all */
  	*margin: 0 0 0 20px; /* targets IE6 and 7 */
  	_margin: 0 0 0 8px; /* targets IE6 */
	font-size: 11px;
	*font-size: 12px;
	_font-size: 12px;

}	

#topnav ul li {
	position: relative;
	margin: 0;
	padding: 0; 
	float: left;
	display: block;
	height: 36px;
	/*border: solid 1px black;*/
}	

#topnav ul li a {
	position: relative;
	height: 36px;
	background-color: transparent;
	color: #FFFFFF;
	display: block;
	line-height: 36px;
	float: left;
	
  	margin: 0 10px 0 10px; /* works in all */
  	*margin: 0 10px 0 10px; /* targets IE6 and 7 */
  	_margin: 0 5px 0 5px; /* targets IE6 */
	
}	

#topnav ul li a:hover {
	color: #000;
	text-decoration: none;
}	

/************** nav elements **************/

#nav_bg {
	position: relative;
	margin: 0;
	width: 100%;
	/*height:120px;*/
	background: transparent url(../images/bg_nav_green.jpg) repeat-x bottom left;
	float: left;
	height: 51px;
}	

#navbox {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 51px;
	background-color: transparent;
}	


#nav {
	position: relative;
	margin: 0;
	padding: 0;
	left: 120px; /* move nav to right */ 
	width: 820px; /* sum of above must be 980 */
	height: 51px;
	background-color: transparent;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BDBCBC;
	font-weight: bold;
}	

#nav ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}	

#nav ul li {
	position: relative;
	margin: 0;
	float: left;
	background: transparent url(../images/nav_vertical_line.jpg) no-repeat bottom right;
  	height: 46px;
	
}	

#nav ul li.noline {
	position: relative;
	margin: 0;
	float: left;
	height: 46px;
	background: transparent none no-repeat bottom right;
}	

#nav ul li a {
	position: relative;
	margin: 0 10px 0 10px;
	height: 46px;
	background-color: transparent;
	color: #BDBCBC;
	display: block;
	float: left;
  	line-height: 50px; /* works in all */
  	*line-height: 50px; /* targets IE6 and 7 */
  	_line-height: 46px; /* targets IE6 */
	
  	margin: 0 10px 0 10px; /* works in all */
  	*margin: 0 10px 0 10px; /* targets IE6 and 7 */
  	_margin: 0 5px 0 5px; /* targets IE6 */
	
}	

#nav ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}	


#nav ul li.current {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background: transparent url(../images/bg_nav_left.jpg) no-repeat bottom left;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}	


#nav ul li.current a {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
	background: transparent url(../images/bg_nav_right.jpg) no-repeat bottom right;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}	


/************** search elements **************/

#searchbox {
	position: absolute;
	right: 0;
	top: 10px;
	margin: 0;
	height: 26px;
	width: 175px;
	background: transparent url(../images/search_bg.gif) no-repeat 0 0;
	/*border: solid 1px black;*/
	font-size: 12px;
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
}	



#searchbox #search {
	position: relative;
	margin: 0;
	padding: 5px 30px 0 8px;
	height: 22px;
	width: 135px;
	background-color: transparent;
	border: none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
}	

#searchbut {
	position: absolute;
	top: 3px;
	right: 5px;
	margin: 0;
	padding: 0;
	height: 19px;
	width: 19px;
	border: 0;
	/*background: transparent url(../images/search_butt.gif) no-repeat top left;*/
}	

#searchbut:hover {
	/*background: transparent url(../images/search_butt.gif) no-repeat bottom left;*/
}	

#searchbox form input:focus {
	outline: none; /*remove blue border in safari */
}


/************** banner elements **************/

#banner_bg {
	position: relative;
	margin: 0;
	width: 100%;
	/*height:120px;*/
	float:left;
	background: transparent url(../images/bg_banner_green.jpg) repeat-x 0 -6px;
}	

#banner_circle {
	position: absolute;
	margin: 0;
	width: 403px;
	height: 200px;
	left: -40px;
	top: 0;
	background: transparent url(../images/bg_bannercircle_green.jpg) no-repeat top left;
}	

#bannerbox {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 220px;
	background-color: transparent;
}	

#banner {
	position: relative;
	left: 160px;
	margin: 0;
	width: 780px;
	height: 220px;
	background-color: transparent;
	overflow: hidden;
}	

/************** content elements **************/

#content_bg {
	position: relative;
	margin: 0;
	width: 100%;
	/*height:120px;*/
	background: #FFFFFF url(../images/bg_content_top.gif) repeat-x top left;
	float:left;
}	

#contentbox {
	position: relative;
	margin: 0 auto;
	width: 960px;
	background: #FFFFFF url(../images/bg_content_top.gif) repeat-x top left;
	/*border: solid 1px black;*/
}	

#content {
	position: relative;
	margin: 15px 0 0 0;
	padding: 0 15px 260px 15px;
	width: 448px;
	background-color: transparent;
	/*border: solid 1px black;*/
	border-left: dashed 1px #C1B49A;
	border-right: dashed 1px #C1B49A;
	float: left;
	min-height:450px;
	height:auto !important;
	height:450px;
}	

#content_wide {
	position: relative;
	margin: 15px 0 0 0;
	padding: 0 15px 260px 15px;
	width: 768px;
	background-color: transparent;
	/*border: solid 1px black;*/
	border-left: dashed 1px #C1B49A;
	float: left;
	min-height:450px;
	height:auto !important;
	height:450px;
}	



#circle {
	position: absolute;
	margin: 0;
	width: 481px;
	height: 240px;
	left: -241px;
	bottom: 0;
	background: transparent url(../images/mibuso_circle2.gif) no-repeat bottom left;
}	

.box {  /* big box 100% */
	position: relative;
	margin: 0;
	padding: 0 0 10px 0;
}

.box02 { /* small box 1 colomn*/
	position: relative;
	width: 445px;
	margin: 0;
	padding: 0 0 10px 0;
}


/***** content typo elements *****/


#contentbox h1 {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 24px;
	line-height: 27px;
	color: #66B145;
	font-weight: bold;
	clear: both;
}

#contentbox h2 {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 18px;
	line-height: 21px;
	color: #66B145;
	font-weight: bold;
	clear: both;
}


#contentbox p {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 16px;
}


#contentbox ul {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 16px;
	font-weight: normal;
	/*clear: both;*/
}

#contentbox li {
	position: relative;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	list-style: none;
	background: transparent url(../images/bullet.gif) no-repeat 0 5px;
}

#contentbox hr {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	height: 1px;
	color: transparent;
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: dashed 1px #C1B49A;
}


#contentbox .boximage {
	position: relative;
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
}



/***** content balloon elements *****/

.balloon {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 25px;
	display: block;
	height: 50px;
	clear: both;
	float: right;
	overflow: hidden;
	background: transparent url(../images/titleballoon_left.jpg) no-repeat top left;
}

.balloon h3 {
	position: relative;
	margin: 0;
	padding: 0 30px 0 0;
	font-size: 11px;
	line-height: 30px;
	color: #000000;
	font-weight: normal;
	float: left;
	height: 50px;
	background: transparent url(../images/titleballoon_right.jpg) no-repeat top right;
}


/***** content table elements *****/

.table01 {
	position: relative;
	margin: 0 0 0 0;
	padding: 10px 0 47px 0;
	background: transparent url(../images/table_bg_end.jpg) repeat-x bottom left;
}

.table01 th {
	position: relative;
	margin: 0;
	padding: 0;
	height: 30px;
	border-left: 1px solid #FFF;
	background: transparent url(../images/table_bg_th.jpg) repeat-x 0 0;
	font-size: 12px;
	color: #FFF;
	font-weight: normal
}


.table01 .lineright {
	border-right: 1px solid #E6E1D7;
}

.table01 .lineleft {
	border-left: 1px solid #E6E1D7;
}

.table01 .white td {
	position: relative;
	margin: 0;
	padding: 20px 0 10px 20px;
	/*border-left: 1px solid #FFF;*/
	background-color: #FFF;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	vertical-align: top;
}

.table01 td {
	position: relative;
	margin: 0;
	padding: 20px 0 10px 20px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #C5E29F;
	background-color: #E8F3D9;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	vertical-align: top;
}

.table01 h3 {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	font-size: 17px;
	line-height: 21px;
	color: #231F20;
	font-weight: bold;
}

.table01 h3 a {
	position: relative;
	color: #EE4036;
	margin: 0 0 0 -25px;
	padding: 0 0 0 25px;
	background: transparent url(../images/plus.gif) no-repeat 0 5px;
	display: block;
}

.table01 h3.open a {
	position: relative;
	color: #EE4036;
	margin: 0 0 0 -25px;
	padding: 0 0 0 25px;
	background: transparent url(../images/kruis.gif) no-repeat 0 5px;
	display: block;
}


.table01 h3 a:hover {
	color: #66B145;
	text-decoration: none;
}


.table02 {
	position: relative;
	margin: 0 0 0 0;
	padding: 10px 0 47px 0;
	background: transparent url(../images/table_bg_end.jpg) repeat-x bottom left;
}

.table02 th {
	position: relative;
	margin: 0;
	padding: 0;
	height: 30px;
	border-left: 1px solid #FFF;
	background: transparent url(../images/table_bg_th.jpg) repeat-x 0 0;
	font-size: 12px;
	color: #FFF;
	font-weight: normal
}

.table02 td {
	position: relative;
	margin: 0;
	padding: 10px 0 10px 20px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #C5E29F;
	background-color: #E8F3D9;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	vertical-align: top;
}

.table02 h3 {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	font-size: 17px;
	line-height: 21px;
	color: #231F20;
	font-weight: bold;
}

.table02 h3 a {
	position: relative;
	color: #EE4036;
	margin: 0 0 0 -25px;
	padding: 0 0 0 25px;
	background: transparent url(../images/plus.gif) no-repeat 0 5px;
	display: block;
}

.table02 h3.open a {
	position: relative;
	color: #EE4036;
	margin: 0 0 0 -25px;
	padding: 0 0 0 25px;
	background: transparent url(../images/kruis.gif) no-repeat 0 5px;
	display: block;
}


.table02 h3 a:hover {
	color: #66B145;
	text-decoration: none;
}


.table02 input {
	border: none;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: top;
}

.table02 textarea {
	border: none;
	text-decoration: none;
	background-color: #FFFFFF;
}

.table01 p {
	position: relative;
	font-size: 11px;
	*font-size: 11px;
	_font-size: 11px;
	line-height: 16px;
	color: #000;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 10px 10px;
	display: block;
}


/************** accordion elements **************/

.toggler h4 {
	position: relative;
	width: 740px;
	display: block;
	height: 30px;
	background: transparent url(../images/table_bg_th.jpg) repeat-x 0 0;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	line-height: 28px;
	font-weight: normal;
}

.accordion {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	display: block;
	clear: both;
}

/************** contentleft elements **************/

#contentleft {
	position: relative;
	margin: 100px 0 0 0;
	padding: 0 0 260px 0;
	width: 160px;
	background-color: transparent;
	/*border: solid 1px black;*/
	float: left;
}	

#contentleft dl {
	position: relative;
	margin: 0;
	padding: 0 0 15px 0;
	border-top: solid 1px #C1B49A;
	width: 128px;
	color: #231F20;

}

#contentleft dt {
	position: relative;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: right;
}

#contentleft dd {
	position: relative;
	margin: 0;
	padding: 10px 0 0 0;
}

#contentleft dd a {
	position: relative;
	margin: 0;
	padding: 0;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

#contentleft dd a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	text-decoration: none;
}



/************** contentright elements **************/

#contentright {
	position: relative;
	top: 15px;
	margin: 0;
	padding: 0 15px 0 15px;
	width: 290px;
	background-color: transparent;
	/*border: solid 1px black;*/
	float: right;
}	


/************** button elements **************/

button { 
	border: 0;
	cursor: pointer; 
	font-weight: bold; 
	padding: 0 22px 0 0; 
	text-align: center;
	width: auto;
	overflow: hidden; /* works in all */
	*overflow: visible; /* targets IE6 and 7 */
	_overflow: visible; /* targets IE6 */
}

button span { 
	position: relative; 
	display: block; 
	white-space: nowrap;
	padding: 0 0 0 23px;
	margin-top: 0; /* works in all */
	*margin-top: 0; /* targets IE6 and 7 */
	_margin-top: 0; /* targets IE6 */
	
	border-top: none; /* works in all */
	*border-top: solid 1px #FFFFFF; /* targets IE6 and 7 */
	_border-top: none; /* targets IE6 */
	
}

button span, x:-moz-any-link {
	margin-top: 0; /* firefox 2 */
	top: -1px;
}

button span, x:-moz-any-link, x:default {
	margin-top: -1px; /* firefox 3 */
	top: 0;
}

button:focus {
	outline: none; /*remove blue border in safari */
}


/*brown buttons*/

button.brown {
	background: url(../images/but_right.gif) top right no-repeat; 
	font-size: 11px;
	/*height: 24px;*/
	font-weight: bold;

}
		
button.brown span { 
	height: 26px;
	line-height: 24px;
	background: url(../images/but_left.gif) top left no-repeat;
	color: #E0D9CC;
	/*border: solid 1px black;*/

}

button.brown:hover {
	background: url(../images/but_right.gif) top right no-repeat;
	/*cursor: pointer;*/
}

button.brown:hover span {
	background: url(../images/but_left.gif) top left no-repeat;
	color: #FFFFFF;
	/*cursor: pointer;*/

}

/*brown green background buttons*/

button.brown_green {
	background: url(../images/but_right.gif) top right no-repeat; 
	font-size: 11px;
	/*height: 24px;*/
	font-weight: bold;

}
		
button.brown_green span { 
	height: 26px;
	line-height: 24px;
	background: url(../images/but_left.gif) top left no-repeat;
	color: #E0D9CC;
	border-top: none; /* works in all */
	*border-top: solid 1px #e8f3d9; /* targets IE6 and 7 */
	_border-top: none; /* targets IE6 */
	/*border: solid 1px black;*/

}

button.brown_green:hover {
	background: url(../images/but_right.gif) top right no-repeat;
	/*cursor: pointer;*/
}

button.brown_green:hover span {
	background: url(../images/but_left.gif) top left no-repeat;
	color: #FFFFFF;
	/*cursor: pointer;*/

}


/************** footer elements **************/

#footer_bg {
	position: relative;
	margin: 0;
	width: 100%;
	/*height:120px;*/
	background: #FFF url(../images/bg_footer.jpg) repeat-x top left;
	float:left;
	/*border: solid 1px black;*/
}	

#footer {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 132px;
	background-color: transparent;
}	


#breadcrumb {
	position: absolute;
	margin: 0;
	top: 0;
	left: 160px;
	width: 800px;
	height: 20px;
	background-color: transparent;
	border-left: dashed 1px #C1B49A;
	font-size: 11px;
	font-weight: normal;
}	

#breadcrumb ul {
	position: relative;
	top: 0;
	left: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}	

#breadcrumb li {
	position: relative;
	margin: 0 5px 0 0;
	float: left;
}	

#breadcrumb li a {
	position: relative;
	margin: 0;
	padding: 0 0 0 32px;
	color: #B3B3B3;
	line-height: 20px;
	float: left;
	background: transparent url(../images/breadcrumb_bullet.jpg) no-repeat 0 0;
}	


#breadcrumb li a:hover {
	color: #FFF;
	text-decoration: none;
}	

#breadcrumb li.current a {
	color: #FFF;
	text-decoration: none;
}	



#footerbox {
	position: absolute;
	margin: 0;
	top: 20px;
	left: 160px;
	width: 810px;
	height: 111px;
	background-color: transparent;
	border-left: dashed 1px #C1B49A;
}	

#footerbox p {
	position: relative;
	margin: 0;
	padding: 0;
	top: 40px;
	left: 15px;
	background-color: transparent;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 16px;
	color: #231F20;
}

#footerbox a {
	color: #EE4036;
	text-decoration: none;
}

#footerbox a:hover {
	color: #EE4036;
	text-decoration: underline;
}