/* ****************************
main.css
Main css file for project
**************************** */


/* ****************************
Client: Hart van Zuid - Ontwikkelingsbedrijf Rotterdam
Website: www.hethartvanzuid.nl

Main color 1: #f2cb01 -> Name: yellow
Main color 2: #575654 -> Name: gray
**************************** */


/* ****************************
Section: 
**************************** */


/* ****************************
Section: Blueprint alterations
**************************** */

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }

li ul, li ol {margin:0 1.68em;}
ul, ol {margin:0 1.68em 1.12em 1.68em;}

.success p,
.alert p,
.error p {
	margin: 0;
}

textarea {
	height: 100px;
}

hr {
	background:#ebebeb;
	color:#ebebeb;
}

div.colborder {
	border: 0;
	padding-right: 9px;
	background: url('../images/bg-colborder.gif') right top no-repeat;
}



/* ****************************
Section: Main
**************************** */

html {
	overflow-y: scroll;
} 

body {
	margin-top: 0;
	background: url(../images/bg-body.gif) 50% top repeat-y;
}

a {
	color: #f2cb01;
}
a:hover { 
}

input[type='submit'] {
	padding: 3px;
	border: 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	background: #f2cb01;
}

div.more {
	margin: 0.56em 0;
	line-height: 13px;
	background: url(../images/navi-arrows-large.gif) -39px 0 no-repeat;
}

div.more a {
	padding-left: 18px;
	font-size: 0.9em;
	font-weight: bold;
	cursor: pointer;
}

.csc-caption {
	font-size: 0.9em;
	font-style:italic;
}


/* ****************************
Section: Header
**************************** */

#payoff {
	text-align: right;
	padding: 30px 0;
}

#payoff h1,
#payoff img {
	font-size:25px;
	font-weight: normal;
	vertical-align: middle;
}

#pagetitle {
	float: right;
}



/* ****************************
Section: Navigation, horizontal
**************************** */

#menu-bar {
	height: 45px;
	line-height: 40px;
	background: #f2cb01;
}

#menu ul {
	margin: 0px;
	margin-top: 2px;
	list-style: none;
}

#menu ul li {
	float: left;
}

#menu ul li a {
	padding: 0 14px;
	color: #3b3b3b;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
#menu ul li a:hover,
#menu ul li.li-active a,
#menu ul li.li-current-active a {
	color: #ffffff;
}



/* ****************************
Section: Content
**************************** */

#flash_outline {
	height: 311px;
	background: #f2cb01;
	text-align: center;
}

#altContent {
	font-family:Arial; 
	width:930px; 
	height:300px; 
	border:1px solid;
	text-align:center; 
	margin-left:auto; 
	margin-right:auto;
}

#content {
	margin: 2.62em 0;
}

#normal {
	background: url('../images/bg-colborder.gif') right top no-repeat;
}

#tabs {
	background: url('../images/bg-colborder.gif') right top no-repeat;
}

h2 {
	margin: 0.56em 0;
	font-size: 1.4em;
	color: #3b3b3b;
	font-weight: normal;
}

h2 a,
h2 a:hover {
	color: #3b3b3b;
	font-weight: normal;
	text-decoration: none;
}

h3 {
	margin: 0.28em 0;
	font-size: 1.25em;
	font-weight: normal;
	color: #3b3b3b;
}

input {
	margin: 0;
	padding: 0;
}

#normal p {
	font-size: 1em;
}

#page-2 #normal img {
	padding-top: 5px;
}

#right-container {
	padding-top: 8px;
}



/* ****************************
Section: Form elements
**************************** */

input[type='text'], textarea {
  width: 210px;
  margin-top: 2px;
  float: left;
  padding: 2px;
  border: 1px solid #d1d1d1;
}

textarea {
  width: 360px;
  float: left;
  clear: both;
  font-family: arial;
}



/* ****************************
Section: Footer
**************************** */

#footer {
	padding-top: 1.12em;
	background: #ebebeb;
	font-size: 0.95em;
}

#footer h4 {
	margin: 0.61em 0;
}

#footer ul {
	margin: 0;
}

#footer li {
	margin: 0;
	list-style: none;
}

#footer a { 
	color: #949494;
	text-decoration: none;
	line-height: 21px;
}
#footer a:hover,
#footer a.current {
	color: #000000;
}

#footer ul {
}

#footer ul li {
	line-height: 21px;
}

ul.partner-list,
#links ul  {
	border-bottom: 1px solid #dadada;
}

ul.partner-list li,
#links ul  li {

	border-top: 1px solid #dadada;
}

#footer #extra ul li {
	padding-left: 12px;
	background: url(../images/arrow-right.gif) 0 50% no-repeat;
}

#copyright {
	padding: 1.12em 0;
	background: #ffffff;
	text-align: right;
	color: #575654;
}

#copyright a {
	font-size: 0.9em;
	color: #777777;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}



/* ****************************
Section: Footer - partner logo sheets
**************************** */

/* override the root element to enable scrolling */
#partner-sheets {
	width: 293px;
	height: 113px;
	position: relative;
	overflow: hidden;
	clear: both;
}

/* our additional wrapper element for the items */
#partner-sheets .sheets {
	width: 20000em;
	margin: 0;
	padding: 0;
	position: absolute;
	clear: both;
}

/* override single pane */
#partner-sheets .sheet {
	width: 293px;
	float: left;
	display: block;
}

ul.partner-list {
	width: 160px;
	float: left;
}

.outer {
	width: 111px; 
	height: 111px;
	margin: 0; 
	margin-left: 20px;
	float: left; 
	position:relative;  
	overflow:hidden; 
	border: 1px solid #e1e1e1;
	background: #ffffff;
}

.inner {
	width: 20000em;  
	height: 111px; 
	margin: 0; 
	padding: 0;
	position:absolute; 
	overflow:hidden; 
}

.inner img {
	margin: 0;
	border: 0;
}

.sheets-list-container,
.sheets-list-more {
	margin: 0.56em 0;
}

.sheets-list-more {
	line-height: 1;
	text-align: right;
}

.sheets-list-more a {
	margin-right: 22px;
}

ul.sheets-list {
	padding: 5px 0;
	float: left;
}

ul.sheets-list li {
	float: left;
	padding: 0 4px;
}

ul.sheets-list li a {
	width: 7px;
	height: 6px;
	display: block;
	background: url(../images/bg-sheets-list-bullet.gif) 0 -6px no-repeat;
	cursor: pointer;
}

ul.sheets-list li a:hover,
ul.sheets-list li a.current {
	background-position: 0 0;
}

ul.sheets-list li a.prevPage {
	background: url(../images/arrow-left.gif) 0 0 no-repeat;
}
ul.sheets-list li a.nextPage {
	background: url(../images/arrow-right.gif) 0 0 no-repeat;
}



/* ****************************
Section: Extension: comments
**************************** */

.tx-comments-comment-form fieldset { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

.tx-comments-comment-form label { 
	display: block; 
	float: left; 
}

.tx-comments-comment-input, 
.tx-comments-comment-form textarea { 
	width: 200px; 
	margin-bottom: 5px; 
}

.tx-comments-captcha img { 
	margin-left: 0px; 
	border: 1px solid #d0d0d0; 
}

.tx-comments-comment-form br { 
	clear: left; 
}



/* ****************************
Section: Extension: jk_poll
**************************** */

.tx-jkpoll-pi1 {
	margin: 1.12em 0;
	clear: both;
}

.tx-jkpoll-pi1 h4 {
	margin-bottom: 0.56em;
}

.tx-jkpoll-pi1 .image img {
	padding-right: 10px;
	float: left;
}



/* ****************************
Section: Extension: sr_email_subscribe
**************************** */

.tx-sremailsubscribe-pi1 {
}

.tx-sremailsubscribe-pi1 input[type='text'] {
	width: 193px;
	height: 17px;
	line-height: 17px;
	padding: 2px;
	border: 1px solid #999999;
	vertical-align: middle;
}

#page-2 .tx-sremailsubscribe-pi1 input[type='text'] {
	width: 221px;
}

.tx-sremailsubscribe-pi1 input[type='submit'] {
	width: 23px;
	height: 23px;
	margin-top: 2px;
	margin-left: -23px;
	padding: 2px 4px;
	border: 1px solid #999999;
	vertical-align: middle;
}



/* ****************************
Section: tt_news plugin
**************************** */

.news-list-container h3,
.news-latest-container h3 {
	margin: 0.56em 0 0.61em 0;
	clear: both;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.35em;
}

.news-date-wrap {
	height: 22px;
	clear: both;
}

.news-date {
	width: 60px;
	margin: 0;
	padding: 3px 5px;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	background: #f2cb01;
}

.news-date-wrap span {
	padding: 3px 4px;
	display: block;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
}

.news-latest-container h3 a {
	color: #3b3b3b;
	text-decoration: none;
}

.news-latest-container p a {
	color: #3b3b3b;
	text-decoration: none;
}

#normal .news-latest-container h3,
#normal .news-list-container h3,
#actueel .news-latest-container h3,
#actueel .news-list-container h3 {
	cursor:pointer;	
}

.news-list-container hr,
.news-latest-container hr {
	margin: 0.28em 0;
}

/*



.news-list-item-header {
	margin: 0.61em 0;
	clear: both;
}

.news-list-item-header p {
	margin: 0.56em 0;
}


.news-list-item-header img {
}
*/

/* Panes */
.panes #agenda,
.panes #actueel {
	padding-top: 10px;
}

/* accordion pane */
#normal .news-list-container div.news-list-item {
	display:none;
}

#agenda .news-list-item p,
#actueel .news-latest-item p {
	margin: 0.28em 0;
}



/* ****************************
Section: indexed_search plugin
**************************** */

#search-box {
	line-height: 45px;
	float: right;
}

#search-box form {
	margin: 9px 0;
	margin-right: 10px;
	float: left;
}

#search-box .tx-indexedsearch-searchbox-sword {
	width: 140px;
	float: left;
}

#search-box .tx-indexedsearch-searchbox-button {
	width: 12px;
	height: 12px;
	margin-top: 8px;
	margin-left: -16px;
	float: left;
	clear: none;
}