/*-----------------------------------------------------------------------------------------------*/
/*                                           CSS RESET                                           */
/*-----------------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* ==================== layout ==================== */

html {
     overflow: -moz-scrollbars-vertical;
	 overflow-x: visible;
	 overflow-y: scroll;
}

DIV{-moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;margin:0;padding:0; }

body {
	margin: 0px;
	padding:0px;
	background-color: #FFFFFF;
	background-image: url(../images/bg-total.jpg);
	background-repeat:repeat-x;
	font-family: verdana;
	font-size: 11px;
	color: #404040;
	text-align:center;
}

TD {
	font-family: verdana;
	font-size: 11px;
	color: #404040;
}

a:link, a:visited, a:active{ 
    color: #ff7c00;
	text-decoration: none;
}

a:hover { 
    color: #9c4c00;
}

h6 {
	color: #ff7c00;
	font-size: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-transform: uppercase;
}


#sprekers img {
	border: 4px solid #b4b4b4;
	margin-bottom: 1px;
}


/* ==================== Containers ==================== */

#maincontainer{
	width:1000px;
	margin: 0 auto;
	background-image: url(../images/bg-total.jpg);
	background-color: #FFFFFF;
}

#logocontainer{
	width:255px;
	margin: 0 auto;
	float: left;

}

#navcontainer{
	width:745px;
	padding-left: 40px;
	height: 88px;
	margin: 0 auto;
	padding-top: 36px;
	float: left;
	background-image: url(../images/bg-nav.gif);
	text-align: left;
}

#topcontainer{
	width:1000px;
	height: 255px;
	margin: 0 auto;
	float: left;
}

#slidecontainer{
	width:745px;
	height: 255px;
	margin: 0 auto;
	float: left;
	text-align: left;
	background-image: url(../images/bg-slides.jpg);
	background-repeat: no-repeat;
	display: block;
	
}

#sponsorcontainer{
	width:255px;
	height: 252px;
	margin: 0 auto;
	float: left;
	padding-left: 7px;
	padding-top: 51px;
	background-image: url(../images/bg-sponsors.jpg);
	background-repeat: no-repeat;
}

#contentcontainer{
	width:1000px;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
}

#contentleft{
	width:750px;
	padding-left: 25px;
	margin-right: 14px;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
}

#contentright{
	width:225px;
	float: left;
	background-color: #FFFFFF;
	text-align: left;
}

#bottombar{
	width:100%;
	float: left;
	height: 51px;
	background-image: url(../images/bg-bottom.gif);
	text-align: center;
	margin-top: 20px;
}


#copyright1 {
	width:700px;
	text-align: left;
	float: left;
	padding-top: 12px;
}

#copyright2 {
	width:250px;
	padding-top: 12px;
	text-align: right;
	float: right;
}

/* ==================== Start Menu ==================== */

ul#awesome-menu {
	list-style: none;
}

ul#awesome-menu li { display: inline; }
	
ul#awesome-menu li a {
	display: block; float: left; height: 20px;
	background-image: url(../images/nav.png); text-indent: -9999px;
}

	ul#awesome-menu li a.home {
		width: 68px; background-position: 0 0;	
	}
	
	ul#awesome-menu li a.programma {
		width: 119px; background-position: -68px 0;	
	}
	
	ul#awesome-menu li a.sprekers {
		width: 100px; background-position: -187px 0;	
	}
	
	ul#awesome-menu li a.aanmelden {
		width: 114px; background-position: -287px 0;	
	}
	
	ul#awesome-menu li a.locatie {
	width: 84px; background-position: -401px 0;	
	}
	
	ul#awesome-menu li a.sponsors {
	width: 96px; background-position: -485px 0;	
	}	
	
	ul#awesome-menu li a.partners {
	width: 99px; background-position: -581px 0;	
	}
	
	
	
	ul#awesome-menu li a.home:hover, ul#awesome-menu li a.home:focus {
		background-position: 0 -20px;	
	}
	
	ul#awesome-menu li a.programma:hover, ul#awesome-menu li a.programma:focus {
		background-position: -68px -20px;	
	}
	
	ul#awesome-menu li a.sprekers:hover, ul#awesome-menu li a.sprekers:focus {
		background-position: -187px -20px;	
	}
	
	ul#awesome-menu li a.aanmelden:hover, ul#awesome-menu li a.aanmelden:focus {
		background-position: -287px -20px;	
	}
	
	ul#awesome-menu li a.locatie:hover, ul#awesome-menu li a.locatie:focus {
	background-position: -401px -20px;	
	}
	
	ul#awesome-menu li a.sponsors:hover, ul#awesome-menu li a.sponsors:focus {
	background-position: -485px -20px;	
	}
	
	ul#awesome-menu li a.partners:hover, ul#awesome-menu li a.partners:focus {
	background-position: -581px -20px;	
	}

a { outline: none; }

/* ==================== Start Slider ==================== */

	#slider{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:205px;
		height: 167px;
		margin: 0 auto;
		text-align: left;
		overflow:hidden;
		}	
	#slider ul{
		margin:0;
		list-style:none;
		padding: 3px;
		padding-top: 0px;
		}
 	#slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		overflow:hidden; 
		color:#FFFFFF;
		font-size: 9px;
		height: 167px;
		width: 205px;
		text-align: left;
		}	
	span#theprev{
		width: 213px;
		height: 8px;
		position: relative;
		top: -186px; 
		}
	span#thenext{
		width: 213px;
		height: 8px;
		position: relative;
		top: -5px;
		}	
		
		
/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:10px; /* This acts as a border for the content slider */
  display: inline;
}

.cs_leftBtn, .cs_rightBtn {
  width:21px;
  height: 21px;
  z-index: 2; /* Should be as wide as the button graphic being used */
 /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */


/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  float:left;
  text-align: left;
  position:relative;
  display:block-inline;
  width:745px;
  height:200px;
  margin:0 auto;
  overflow:hidden;
  background-image: url(../images/bg-slides.jpg);

}
.cs_wrapper {
  float:left;
  display:block-inline;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  float: left;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  top:0;
  left:0;
  display:block;
  width:745px;
  height:200px;
  margin:0 auto;
  padding:0;
  text-align: left;
  margin-top: 10px;
}
.cs_article h2 {
  margin-top: 5px;
  display:block;
  text-align: left;
}

.cs_article p {	color: #FFFFFF;  }
.cs_article strong { color: #ff7c00; font-weight: bold; }

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

.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  top: 40px;
  right:25;
  outline:0;
}

.cs_rightBtn {
  top: 40px;
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}
/* ==================== Start Tooltip ==================== */

#tooltip{
	position:absolute;
	border:1px solid #000;
	background:#2f2f2f;
	padding:5px;
	color:#FFF;
	display:none;
	text-align: left;
	}
	
/* ==================== Start sifr ==================== */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  font-size: 24px;
  height: 30px;
  padding: 0;
  margin: 0;
  text-align: right;
  color: #ff5400;
  clear:right;
  overflow:hidden;
}

.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  font-size: 34px;
  height: 40px;
  padding: 0;
  margin: 0;
  text-align: right;
  color: #ff5400;
  clear:right;
  overflow:hidden;
}
/* ==================== Start RSS ==================== */

.rssxpresschannel {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
.rssxpresschtitle {
visibility:hidden;
padding:0;
margin:0;
line-height:0px;
}
.rssxpresschdesc {
visibility:hidden;
padding:0;
margin:0;
line-height:0px;
}
.rssxpressittitle {
font-size : 11px;
font-weight: bold;
background-color:#FFFFFF;
} 
.rssxpressitdesc {
background-color : #ffffff;
padding: 2px 2px 5px 2px;
margin:0 0 5px 0;
font-size:11px;
}
.rssxpressitdesc img{
width:60px;
border:1px solid #797979;
}
.rssxpresstable {
width: 380px;
text-align : left;
padding:0;
margin:0;
}
.rssxpressdivider {
visibility:hidden;
background-color : #FF7C00;
}
div.scroll {
height: 200px;
width: 400px;
overflow: auto;
border: 0 none;
background-color: #fff;
padding:0;
margin:0;
}