@charset"UTF-8";

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

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

#main {
	margin-left: 200px;
	width: 375px;
	float: left;
	padding: 0 0 20px 0;
	line-height:1.5em;
}
#login{
	margin: 50px auto 0 auto;
	width: 300px;
	padding: 20px;
	text-align: center;
	border: 1px solid #2538ba;
}

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

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

	/* RAADHUIS toevoegingen */
.node-admin {float:left; width:919px; /* height: 400px; */ }
.node-admin H1 {color:#ff6600; font-size: 120%;}
.node-admin H2 {color:#2538ba; font-size: 100%;}
.node-admin H3 {color:#2538ba; font-size: 90%;}
.node-admin table{
	width: 100%;
}
.node-admin table th{
	text-align: left;
}
.node-full {float:left; width:590px; /* height: 400px; */ }
.node-full H1 {color:#ff6600; font-size: 120%;}
.node {float:left; width:375px; /* height: 400px; */ }
.node H1 {color:#ff6600; font-size: 120%;}
	#tienredenen {
	float:right;
	display:block;
	width: 250px;
	margin: 0 5px 0 5px;
	}
	#tienredenen H1 {width: 250px; color:#0f22b5; line-height:1em; font-size: 100%;}
	#tienredenen OL {margin-left:0;}
	
	
/* =HEADER
---------------------------------*/

/* =ADMIN
---------------------------------*/
.node-admin fieldset{
	color: #2538ba;
	border: 1px solid #2538ba;
}
.node-admin label{
	display: block;
	width: 250px;
	text-align: right;
	float: left;
	padding-right: 10px;
}
.node-admin input, .node-admin textarea{
	display: block;
	width: 250px;
	border: 1px #cccccc solid;
	margin: 5px;
	font: normal 100% Verdana,Helvetica,Arial,sans-serif;
}
.node-admin input.fix{
	display: inline;
}
.node-admin a.opslaan{
	display: block;
	width: 161px;
	height: 21px;
	border: 0;
	padding-left: 520px;
}
.node-admin input.inline{
	display: inline;
	width: auto;
}
.node-admin input.datum{
	width: auto;
	float: left;
}
.node-admin input.hidden{
	display: inline;
	border: 0;	
}
.node-admin div.verwijderbox{ 
	font-size: 10px; 
	margin-left: 10px; 
	text-align: center;
	width: 60px;
	float: left;
}
.node-admin div.fotobeheer{
	display: block;
	width: 250px;
}
.node-admin div.error{
	width: 500px;
	border: 1px solid #ff6600;
	text-align: center;
	font-style:italic;
	color: #ff6600;
}
.node-admin input.checkbox{
	width: auto;
	border: none;
}

#header-container {
	height:120px;
	background-image:url(../images/header-new.png);
	background-repeat:no-repeat;
	background-position:130px 55px;
}
#header-container-beheer {
	height:120px;
	background-image:url(../images/header-beheer.png);
	background-repeat:no-repeat;
	background-position:130px 83px;
}
.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;
}

h2.laatste-vacatures  {
  color: #ff6600;
 
  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;
	width: 919px;
}

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

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

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

#menu-container 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.jpg); width: 60px; }
#menu-container li a.pure-winst { background-image: url(../images/menu/overpurewinst.png); width: 127px; }
#menu-container li a.waarom { background-image: url(../images/menu/waarom.jpg); width: 145px; }
#menu-container li a.nieuws { background-image: url(../images/menu/nieuws.png); width: 71px; }
#menu-container li a.agenda { background-image: url(../images/menu/agenda.png); width: 73px; }
#menu-container li a.contact { background-image: url(../images/menu/contact.jpg); width: 74px; }
#menu-container li a.mijngegevens { background-image: url(../images/menu/mijngegevens.jpg); width: 117px; }
#menu-container li a.tekstpaginas { background-image: url(../images/menu/tekstpaginas.jpg); width: 112px; }
#menu-container li a.fotos { background-image: url(../images/menu/fotos.jpg); width: 68px; }
#menu-container li a.poll { background-image: url(../images/menu/poll.jpg); width: 55px; }
#menu-container a.logout { background-image: url(../images/menu/logout.jpg); width: 72px; float: right; margin-right: 1px;}
#menu-container a.login { background-image: url(../images/menu/login.jpg); width: 68px; margin-right: 1px; float: right;}
#menu-container a.ledenbeheer { background-image: url(../images/menu/ledenbeheer.jpg); width: 109px; margin-right: 1px; float: right;}

#menu-container li a.home:hover,
#menu-container li a.contact:hover,
#menu-container li a.pure-winst:hover,
#menu-container li a.nieuws:hover,
#menu-container li a.agenda:hover,
#menu-container li a.mijngegevens:hover,
#menu-container li a.fotos:hover,
#menu-container li a.poll:hover,
#menu-container li a.ledenbeheer:hover,
#menu-container a.logout:hover,
#menu-container a.login:hover,
#menu-container a.waarom:hover,
#menu-container li a.tekstpaginas:hover { 
  background-position: 0 66px;
}

#menu-container li.active-trail a.home,
#menu-container li.active-trail a.contact,
#menu-container li.active-trail a.pure-winst,
#menu-container li.active-trail a.nieuws,
#menu-container li.active-trail a.agenda,
#menu-container li.active-trail a.fotos,
#menu-container li.active-trail a.poll,
#menu-container li.active-trail a.ledenbeheer,
#menu-container li.active-trail a.waarom,
#menu-container li.active-trail a.mijngegevens,
#menu-container li.active-trail a.tekstpaginas {
  background-position: 0 31px; 
}

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

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

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

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

div.first {
  margin-left: 0;
}

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



/* =SIDEBAR-RIGHT
---------------------------------*/
#sidebar-right {
	width: 300px;
	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.naam {
  background: url('../images/box-h2-bg_orange.jpg') no-repeat top 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.foto {
  background-image: url('../images/box-foto-bg.jpg');
  text-indent: -999em;
  overflow: hidden;
  padding-top: 12px;
}
#sidebar-right h2.zoeken {
  background-image: url('../images/box-zoeken-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.block2 {
  background: url('../images/box-bg.jpg') repeat-y 5px 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 5px;
}

#sidebar-right #right-bottom div.block2 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: 300px;
	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: inline;
  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');
}




/* =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;
  clear: both;
}

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

/* =S
---------------------------------*/
#main input, 
#main select, 
#main textarea {
  border: 1px #999 solid;
  background-color: #fff;
  width: 300px;
}

.admin#main input, 
.admin#main select, 
.admin#main textarea  {
	width: auto;
}

#main textarea {
  width: 100%;
}

#main input.-checkbox,
#main input.-radio, 
#main input.-submit {
  width: auto;
  border: none;
}

#main input.-submit {
  color: #fff;
  background-color: #0f22B5;
  border: 1px #021483 solid;
  border-left-color: #5d61da;
  border-top-color: #5d61da;
}

#main fieldset {
  border: 2px #dedede solid;
  margin: 1.75em 0;
}

#main fieldset.collapsed {
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
}

#main fieldset legend {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: bold;
  color: #ff7c00;
  font-size: 1.25em;
}

* html #main fieldset {
  position: relative;
}

* html #main fieldset legend {
  position:absolute;
  top: 0;
  left: -20px;
}

/* =DRUPAL OVERRIDES
---------------------------------*/
.views-admin-links {
  display: none;
  width: 0px;
  height: 0px;
  overflow: hidden;
  visibility: hidden; /* and stay hidden */
}

a.feed-icon {
  display: none;
}

ul.links li {
	border-left: none;
}

/*RAADHUIS */

.nieuwstitel{
	color:#2538ba;
}

.nieuwsblok{
	width: 590px;
	padding: 0;
	margin: 0;
}
.nieuwsblok p{
	padding: 0;
	margin: 0;
}
.leesmeer{
	display: block;
	padding-top: 10px;
	text-align: right;
	
}

/* foto style */
.thumb{
	margin: 0 3px 6px 3px;
}

.hr{
	margin: 0;
	padding: 0;
}
/**
* sIFR
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2.naam {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 5px;
	line-height: 5px;
}
.sIFR-hasFlash h1.titel{
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 2em;
	line-height: 2em;
	position:absolute;
	margin:50px 0 0 135px;
}
.sIFR-hasFlash h2.nieuws {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 20px;
	line-height: 20px;
	padding: 0;
	margin: 7px 0 0 0;
}

/* css voor send-a-friend functie*/

#send-a-friendform{
		display: none;
		position: fixed;
		left: 50%;
		top: 50px;
		width: 250px;
		background: #ffffff;
		margin-left: -150px;
		border: 1px solid #ff6600;
		font: normal 70% Verdana,Helvetica,Arial,sans-serif;
		padding: 15px;

	}
	#send-a-friendform p{
		padding: 0px 10px 0 10px;
	}
	#send-a-friendform .tellafriendclose{
		float: right;
		padding: 0px;
	}
	#send-a-friendform form{
		padding: 0 10px 10px 10px;
	}
	#send-a-friendform label{
		display: block;
	}
	#send-a-friendform input{
		margin-bottom: 10px;
	}
	#send-a-friendform .submitvriend{
		float: right;
	}
	textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	.tellafriend span{
		display: none;
	}
	.tellafriend{
		display: block;
		height: 46px;
		width: 300px;
		background: url(../images/button.png);
	}
	.tellafriend:hover{
		background-position: 0 46px;
	}
	.error{
	color: red;
}


/* Film je idee - landingspage */

#filmjeidee {
	line-height: 18px;
}

#filmjeideeheader {
	width: 100%;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	height: 240px;
	padding: 0;
	margin: 20px 0px;
}

#filmjeidee h1 {
	color: #ff6600;
	font-size: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#filmjeidee h2 {
	color: #323232;
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
}

#filmjeidee h3 {
	color: #ff6600;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}

#filmjeidee p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

#filmjeidee .left {
	float: left;
	width: 395px;
	padding: 0px 20px;
	display: inline;
}

#filmjeidee .right {
	float: right;
	width: 395px;
	padding: 0px 20px;
	display: inline;
}

#filmjeidee .grijs {
	width: 393px;
	margin-left: -20px;
	padding: 20px;
	background: #eeeeee;
	border: 1px solid #d4d4d4;
	margin-bottom: 20px;
}

#filmjeidee ul {
	margin: 0;
	padding: 0;
	color: #FF6600;
	font-weight: bold;
	margin-left: 15px;
}

#filmjeidee ul li {
	padding-left: 5px;
}

#filmjeidee ol {
	margin: 0;
	padding: 0;
	color: #FF6600;
	font-weight: bold;
	margin-left: 20px;
}

#filmjeidee .button {
	background: #FF6600;
	color: #FFFFFF;
	font-size: 20px;
	height: 20px;
	width: 395px;
	margin-left: -20px;
	padding: 10px 20px;
	margin-bottom: 20px;
}

#filmjeidee .button a:link {
	color: #FFFFFF;
}

#filmjeidee .button a:hover {
	color: #FFFFFF;
}

#filmjeidee .button a:visited {
	color: #FFFFFF;
}