/*
Theme Name: NRB Creatieve Communicatie
Theme URI: http://www.nrbcc.nl/

Description: Default Website Template.

Version: 0.1
Author: Marijn Rispens
*/

/* Main Sections 
---------------------------------------------------------------------------------------------- */
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body
{
	font-family: Arial;
	font-size: 13px;
	color: #ffffff;
	background-image: url(img/bg_page.jpg);
	background-repeat: repeat;
}

.clear
{
	clear: both;
	font-size: 0;
	height: 0;
}

.center
{
	text-align: center;
	margin: 0 auto;
}

/* Typography 
---------------------------------------------------------------------------------------------- */
a
{
	text-decoration: underline;
	color: #e0e0e0;
}
a:hover
{
	text-decoration: none;
}

p
{
	padding-bottom: 14px;
}
ul
{
	padding-bottom: 14px;
}
li
{
	padding-left: 5px;
	margin-left: 15px;
}
h1
{
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	padding-bottom: 5px;
}
h2
{
	font-size: 24px;
	font-weight: bold;
	color: #414243;
	padding-top: 25px;
	text-transform: uppercase;
}
.txtLeft
{
	text-align: left;
}
.txtCenter
{
	text-align: center;
}
.txtRight
{
	text-align: right;
}

/* Layout Divs
---------------------------------------------------------------------------------------------- */

.fullContainer
{
	position: relative;
	margin: 0;
}
.headContainer
{
	position: relative;
	margin: 0 auto;
	height: 626px;
	background-color: #000000;
}
.menuContainer
{
	position: relative;
	margin: 0 auto;
	height: 79px;
	background-image: url(img/bg_menu.jpg);
	background-repeat: repeat-x;
}
.footerContainer
{
	position: relative;
	margin: 0 auto;
	width: 1191px;
	text-align: center;
}

.headContent
{
	position: relative;
	margin: 0 auto;
	width: 1191px;
	height: 626px;
	background-image: url(img/bg_head.jpg);
	background-repeat: no-repeat;
}
.menuContent
{
	position: relative;
	margin: 0 auto;
	width: 1191px;
}


/* MENU
---------------------------------------------------------------------------------------------- */

.menuItem
{
	padding-right: 28px;
	padding-top: 15px;
}
.menuItem a
{
	float: right;
	height: 40px;
	text-decoration: none;
	background-repeat: no-repeat;
}

.menuItem #home { background-image: url(img/menu_home.jpg); width: 82px; }
.menuItem #home:hover {	background-image: url(img/menu_home_act.jpg); width: 82px; }

.menuItem #nieuws { background-image: url(img/menu_nieuws.jpg); width: 93px; }
.menuItem #nieuws:hover {	background-image: url(img/menu_nieuws_act.jpg); width: 93px; }

.menuItem #bio { background-image: url(img/menu_bio.jpg); width: 54px; }
.menuItem #bio:hover {	background-image: url(img/menu_bio_act.jpg); width: 54px; }

.menuItem #agenda { background-image: url(img/menu_agenda.jpg); width: 96px; }
.menuItem #agenda:hover {	background-image: url(img/menu_agenda_act.jpg); width: 96px; }

.menuItem #beeld { background-image: url(img/menu_beeld.jpg); width: 78px; }
.menuItem #beeld:hover {	background-image: url(img/menu_beeld_act.jpg); width: 78px; }

.menuItem #muziek { background-image: url(img/menu_muziek.jpg); width: 97px; }
.menuItem #muziek:hover {	background-image: url(img/menu_muziek_act.jpg); width: 97px; }

.menuItem #contact { background-image: url(img/menu_contact.jpg); width: 112px; }
.menuItem #contact:hover {	background-image: url(img/menu_contact_act.jpg); width: 112px; }


/* Text template
---------------------------------------------------------------------------------------------- */

.mainTitle
{
	float: right;
	width: 470px;
	height: 50px;
	overflow: hidden;
	padding-top: 152px;
	padding-right: 57px;
}
.main
{
	position: relative;
	float: right;
	width: 480px;
	height: 370px;
	overflow: hidden;
	padding-right: 60px;
}
.mainAgenda
{
	position: relative;
	float: right;
	width: 480px;
	height: 370px;
	overflow: hidden;
}
div#scrollable
{
	padding-left: 15px;
	padding-right: 15px;
}
.scrollbar
{
	position: relative;
	float: right;
	width: 10px;
	height: 407px; /*375px;*/
	padding-right: 30px;
	margin-left: 20px;
	margin-top: -21px;
}
div#scrollbar
{
	display: none; /* initially display: none; to hide from incapable */
}


/* Beelden Template
---------------------------------------------------------------------------------------------- */

.mainTitleBeeld
{
	float: right;
	width: 470px;
	height: 39px;
	overflow: hidden;
	padding-top: 145px;
	padding-right: 50px;
}
.mainBeeld
{
	position: relative;
	float: right;
	width: 492px;
	height: 406px;
	overflow: hidden;
	margin-right: 55px;
}
.mainBeeld img
{
	border: 13px solid black;
}
.ditto_previous_off img
{
	visibility: hidden !important;
	display: none !important;
}
.ditto_next_off img
{
	visibility: hidden !important;
	display: none !important;
}


/* YouTube Template
---------------------------------------------------------------------------------------------- */
.mainYouTube
{
	position: relative;
	float: right;
	width: 492px;
	height: 406px;
	overflow: hidden;
	margin-right: 50px;
	margin-top: 11px;
}

.normalImage
{
	width: 110px;
	height: 96px;
	margin-left: 10px;
	margin-right: 10px;
}

.activeImage img, .normalImage:hover
{
	width: 100px;
	height: 86px;
	border: 5px solid #ffbe0e;
}

/* Muziek Template
---------------------------------------------------------------------------------------------- */
.mainMP3
{
	position: relative;
	float: right;
	width: 462px;
	height: 406px;
	overflow: hidden;
	margin-right: 70px;
	margin-top: 11px;
}
.musicFixedHight
{
	height: 340px;
}


/* Lists
---------------------------------------------------------------------------------------------- */

.nieuwsItemList
{
	color: #e0e0e0;
	width: 445px;
	padding: 5px 0 20px 0;
	
}
.nieuwsItemList a
{
	color: #e0e0e0;
	float: left;
	/*font-weight: bold;*/
}
.nieuwsItemList span
{
	color: #e0e0e0;
	float: right;
	width: 70px;
	text-align: right;
}

.agendaItemList
{
	color: #e0e0e0;
	width: 445px;
	padding: 5px 0 45px 0;
}
.agendaItemList a
{
	color: #e0e0e0;
	float: left;
	width: 100px;
	/*font-weight: bold;*/
}
.agendaItemList div
{
	color: #e0e0e0;
	float: left;
}
.agendaItemList span
{
	color: #e0e0e0;
	float: right;
	text-align: right;
}
.agendaItemListTable
{
	color: #e0e0e0;
}

.linkBack
{
	width: 445px;
	text-align: right;
	padding-top: 20px;
}



/* Forms and Input
---------------------------------------------------------------------------------------------- */

.formLabel
{
	float: left;
	width: 145px;
	margin-top: 7px;
}
.formInput
{
	float: left;
	width: 300px;
	margin-top: 3px;
	text-align: left;
}

.frmTxt, .frmArea
{
	border: 1px #eaa75f solid;
	padding: 2px 2px 2px 2px;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	letter-spacing: 1px;
}

.frmButton82 {
	width: 82px; 
	height: 20px; 
	border: 0px; 
	background-image: url(img/button_orange_82.jpg); 
	font-size: 10px; 
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}