/* =IMPORT STYLES
---------------------------------*/


/* = GENERAL
---------------------------------*/

a {
	color: #2538ba;
	text-decoration: none;
}

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

hr {
	background: #c7c7c7;
	color: #c7c7c7;
	height: 1px;
	border: 0;
}

.ditto_currentpage {
	margin: 0px 5px 0px 5px;
}

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

.required, .invalid{
	border: #ff6600 1px solid;
}
.errors{
	font-style: italic;
}


/* =WRAPPERS
---------------------------------*/
#website-container {
	margin: 0 auto;
	width: 919px;
	font: normal 70% Verdana,Helvetica,Arial,sans-serif;
}

#main {
	margin-left: 200px;
	width: 515px;
	float: left;
	padding: 0 0 20px 0;
	line-height:1.5em;
}

.left#main {
	margin-left: 0;
  width: 515px;
}

.front#main,
.admin#main {
	margin-left: 0;
	width: 725px;
}

#main h1 {color:#ff6600; font-size: 120%;}

	
/* RAADHUIS toevoegingen */
.node {float:left; width:430px; }
.node2 {float:left; width:515px; }
.node H1 {color:#ff6600; font-size: 120%;}
	
	#tienredenen {
	float:right;
	display:block;
	width: 250px;
	margin: 0 5px 0 5px;
	
	padding: 10px;
	border-bottom: 1px solid #ff7c00;
	border-top: 1px solid #ff7c00;
	}
	#tienredenen H1 {width: 250px; color:#ff6600; line-height:1em; font-size: 120%;}
	#tienredenen OL {margin-left:-10px;}

FORM {background: #ebebeb;padding: 30px 5px 5px 5px;margin-left:0;}
PRE {font-size: 100%; font-family:Arial, Helvetica, sans-serif;margin:0;text-indent:0;}

INPUT {margin-bottom: 10px; border:1px solid #959595;}	
.block-wrapper H2.title {font-size:12px;color:#0f22b5; }
	
	
/* =HEADER
---------------------------------*/
#header-container {
	height:120px;
	background-image:url(../images/header-new.png);
	background-repeat:no-repeat;
	background-position:130px 55px;
}

.logo-img {
	position:absolute;
	margin:15px 0 0 15px;
}
.goto-img {
	position:relative;
	float:right;
	top:10px;
	margin:0 0 -30px 0;
}
/* =title
---------------------------------*/
/* #title-container {
	background:url(http://www.werkenbijrabobankamsterdam.nl/sites/all/themes/wbra/title-images/rotate.php) no-repeat;
	height:155px;
	width:529px;
} */
h1.title {
/*	background:url(../images/title-bg.png); */
	color:#0f22b5;
	display:block;
	float:left;
	margin:112px 10px 10px 10px; 
	padding:5px 10px 0px 15px;
	font-size:130%;
	font-weight:normal;
}
.clear {
	clear:both;
}

/* =BLOCK-MENU
---------------------------------*/
.block-menu, 
.block-menu ul {
	padding:0;
	margin:0;
}
#menu-container .block-menu li {
	float:left;
}
.block-menu li {
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:none;
}
.block-menu h2 {
	display:none;
}

/* =MAINMENU
---------------------------------*/
#menu-container {
	height:31px;
	background-image: url('../images/bg_menu.gif');
	background-repeat:no-repeat;
	margin:0 0 15px 0;
}

#menu-container ul {
  float: left;
  background: url('../images/menu/ul-bg.jpg') no-repeat top right;
  padding-right: 1px;
}

#menu-container li {
  margin: 0;
  padding: 0;
}

#menu-container li a {
  display: block;
  text-indent: -999em;
  background-position: 0 0;
  background-repeat: none;
  height: 31px;
}

#menu-container li a.home {background:url(../images/menu/home.gif); width: 61px; }
#menu-container li a.nieuwehoofdkantoor { background-image: url(../images/menu/nieuwe_hoofdkantoor.gif); width: 164px; }
#menu-container li a.actueel { background-image: url(../images/menu/actueel.gif); width: 73px; }
#menu-container li a.partners { background-image: url(../images/menu/partners.gif); width: 78px; }
#menu-container li a.impressie { background-image: url(../images/menu/impressie.gif); width: 87px; }
#menu-container li a.contact { background-image: url(../images/menu/contact.gif); width: 75px; }

#menu-container li a.home:hover,
#menu-container li a.nieuwehoofdkantoor:hover,
#menu-container li a.actueel:hover,
#menu-container li a.partners:hover,
#menu-container li a.impressie:hover,
#menu-container li a.contact:hover { 
  background-position: 0 66px;
}

#menu-container li.active-trail a.home,
#menu-container li.active-trail a.nieuwehoofdkantoor,
#menu-container li.active-trail a.actueel,
#menu-container li.active-trail a.partners,
#menu-container li.active-trail a.impressie,
#menu-container li.active-trail a.contact {
  background-position: 0 31px; 
}

#menu-container li ul {
	display: none;
}



#content-container div.content div.submenu ul li ul {
	margin-left: 15px;
}



/* =VIDEO TESTIMONIALS
---------------------------------*/
div.view-content h2.title,
div.block-views h2.title {
	padding: 10px 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

div.testimonial {
  float: left;
  margin-left: 5px;
}

div.testimonial a.decorated {
	display: block;
}

div.first {
  margin-left: 0;
}






/* =SIDEBAR-LEFT
---------------------------------*/
#sidebar-left {
	width: 190px;
	float: left;
	padding: 0 0 20px 10px;
}



/* =SIDEBAR-RIGHT
---------------------------------*/
#sidebar-right {
	width: 180px;
	float: right;
	padding: 0 0 20px 0;
}

#sidebar-right h2 {
  background: url('../images/box-h2-bg.jpg') no-repeat bottom left;
  padding: 4px 10px 7px 10px;
  margin: 0;
  font-weight:normal;
}

#sidebar-right h2.laatste-10-vacatures, #sidebar-right h2.laatste-vacatures  {
  background-image: url('../images/box-vacature-bg.jpg');
  text-indent: -999em;
  overflow: hidden;
  padding-top: 12px;
}
#sidebar-right h2.InHetKort, #sidebar-right h2.InHetKort  {
  background-image: url('../images/box-inhetkort-bg.jpg');
  text-indent: -999em;
  overflow: hidden;
  padding-top: 12px;

}

#sidebar-right #right-top h2 {
  display: none;
}
#sidebar-right .more-link {
	padding:10px 0 0 0;
}
#sidebar-right #right-bottom div.block {
  background: url('../images/box-bg-top.jpg') no-repeat top left;
  padding-top: 1px;
}

#sidebar-right #right-bottom div.block-wrapper {  
  background: url('../images/box-bg-bottom.jpg') no-repeat bottom left;
  padding-bottom: 1px;
}

#sidebar-right #right-bottom div.block div.content {
  background: url('../images/box-bg.jpg') repeat-y top left;
  padding: 5px 10px;
}

#sidebar-right #right-bottom div.block div.content li ul li {
  margin-left: 12px;
}

#sidebar-right #right-top a.video-testimonials {
	background-image: url(images/video-testimonials.png);
	background-repeat: no-repeat;
	height: 155px;
	width: 180px;
	display: block;
}

#sidebar-right .block,
#sidebar-right .box {
	padding: 0;
}

#sidebar-right .block .testimonial {
	float: none;
	margin: 0;
}

/* =LIST ITEMS
---------------------------------*/
#sidebar-left div.block div.content ul,
#sidebar-left div.block div.content li,
#sidebar-right #right-bottom div.block div.content ul,
#sidebar-right #right-bottom div.block div.content li,
div.item-list ul, 
div.item-list li,
div.links ul, 
div.links li,
#sidebar-right .more-link {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  text-align:left;
}

#sidebar-left div.block div.content li a,
#sidebar-right #right-bottom div.block div.content li a, 
div.item-list li a, 
div.links li a,
#sidebar-right .more-link a {
  display: block;
  background: url('../images/li-bullet.jpg') no-repeat left 6px;
  padding: 2px 0 2px 10px;
  text-decoration:none;
  color: #2538ba;
}

#sidebar-left div.block div.content li a.active,
#sidebar-left div.block div.content li.active-trail a,
#sidebar-left div.block div.content div.submenu li.active a,
#sidebar-left div.block div.content li a:hover,
#sidebar-right #right-bottom div.block div.content li a.active,
#sidebar-right #right-bottom div.block div.content li a:hover,
div.item-list li a.active, 
div.item-list li a:hover, 
div.links li a.active,
div.links li a:hover,
#sidebar-right .more-link a:hover {
  color: #FF7C00;
  background-image: url('../images/li-bullet-yellow.jpg');
}



#sidebar-right .more-link {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  text-align:left;
}

#sidebar-right .more-link a {
  display: block;
  background: url('../images/li-bullet.jpg') no-repeat left 6px;
  padding: 2px 0 2px 10px;
}

#sidebar-right .more-link a:hover {
  color: #FF7C00;
  background-image: url('../images/li-bullet-yellow.jpg');
}





.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* =FOOTER
---------------------------------*/
#footer {
	border-top: 1px solid #a9a9a9;
	background-image: url(../images/payoff.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 18px;
	width: 904px;
	margin: 0 auto;
  padding: 3px 0 0 15px;
}

#footer li {
  float: left;
  margin:2px 12px 0 0;
}
#footer a {text-decoration: none; font-size: 0.8em; font-family:Arial, Helvetica, sans-serif;color: #2538ba;}
#footer a:hover {color: #FF7C00;}

/* =FORMS
---------------------------------*/


/* slider css */
#slideshow{
	width: 500px;
	height: 225px;
}
#slideshow img{
	display: none;
}
.loading{
	background: url(../images/ajax-loader.gif) no-repeat center center;
	border: 1px solid #a9a9a9;
}