/*
Theme Name: Heldergroen.nl
Theme URI: http://www.heldergroen.nl/
Description: Custom theme for Heldergroen (Dutch Design Agency)
Version: 1.0
Author: 8 Beaufort
Author URI: http://www.8bft.com/
*/

/* @override http://hg/stylesheets/heldergroen.css */

/* @override http://hg/wp-content/themes/Heldergroen/style.css */

/* @override http://www.heldergroen.nl/wp-content/themes/Heldergroen/style.css */

/* @group Globals */

h1 {
	color: #e2007a;
	text-transform: lowercase;
/*	font: small-caps bold 15px "Times New Roman", Times, Georgia, serif; */
	font: small-caps bold 15px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
	margin-top: 0px;
	margin-bottom: 24px;
}

h2 {
	color: #e2007a;
	font: normal 14px Times, "Times New Roman", Georgia, serif;
	margin-top: 0px;
	margin-bottom: 14px;
}

h1.hg_zoekt {
	margin-top: 0px;
	margin-bottom: 20px;
	display: block;
	height: 350px;
	width: 610px;
	text-indent: -99999px;
}

ul, ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

a img {
	border: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.no-display{
	display: none;
}
/* @end */

body {
	margin: 0px;
	padding: 0px;
	background: url(images/main_back.jpg) repeat-x center 0;
	font-family: Times, "Times New Roman", Georgia, serif;
}

#page {
	height: 950px;
	width: 950px;
	margin: 0 auto;
	padding: 0px 28px;
	background: url(images/hg_page_background.jpg) no-repeat;
}

/* @group Header */

/* @group Header */

#header {
	width: 950px;
	float: left;
}

#header #headerBackground {
	width: 950px;
	height: 127px;
	overflow: hidden;
	background-image: url("images/HG_Header.jpg");
}

#bouncingBird{
	position: absolute;
	float: left;
	height: 54px;
	width: 56px;
	background-image: url("images/bird_circle.gif");
	margin-left: 925px;
	margin-top: 34px;	
}
#bouncingBird a{
	height: 54px;
	width: 54px;
	float: left;
	font-size: 5px;
	text-indent: -9999px;
}
#header #logo {
	float: left;
	height: 100px;
	width: 225px;
	background: url(images/heldergroen_logo_groot.png) no-repeat;
	margin-top: 9px;
	margin-left: 9px;
}

#header #logo a{
	display: block;
	height: 100px;
	width: 225px;
	background: none;
	text-indent: -9999px;
}

#header #menu ul li a {
	display: block;
	height: 8px;
	float: left;
	margin: 0px 0px;
	text-indent: -9999px;
	background: url(images/header_menu.jpg) no-repeat;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 11px solid #fff;
	border-top: 11px solid #fff;
	border-right: 36px solid #fff;
	border-left: 36px solid #fff;
}

/* @group header links */

#header_links {
	float: right;
	height: 30px;
	text-align: right;
	padding: 10px 10px 0 0;
}

#header_links a {
	text-decoration: none;
	color: #fff;
	font-size: 9px;
	text-transform: none;
	font-variant: small-caps;
	text-align: right;
}

#header_links a:hover {
	color: #58595b;
}

/* @end */

#header #half_circle {
	height: 18px;
	width: 40px;
	margin-top: 110px;
	background: url(images/half_circle.png) no-repeat;
	display: none;
}

/* @end */

/* @group Menu */

#menu ul li a#heldergroen {
	background-position: 0px 0;
	width: 119px;
}

#menu ul li a#heldergroen:hover {
	background-position: 0px -10px;
	width: 119px;
}

#menu ul li a#heldergroen.current {
	background-position: 0px -20px;
	width: 119px;
}

#menu ul li a#inspiratie {
	background-position: 0px -40px;
	width: 90px;
}

#menu ul li a#inspiratie:hover {
	background-position: 0px -50px;
	width: 90px;
}

#menu ul li a#inspiratie.current {
	background-position: 0px -60px;
	width: 90px;
}

#menu ul li a#creatie {
	width: 65px;
	background-position: 0px -80px;
}

#menu ul li a#creatie:hover {
	width: 65px;
	background-position: 0px -90px;
}

#menu ul li a#creatie.current {
	width: 65px;
	background-position: 0px -100px;
}

#menu ul li a#nieuwsbrief {
	width: 110px;
	background-position: 0px -120px;
}

#menu ul li a#nieuwsbrief:hover {
	width: 110px;
	background-position: 0px -130px;
}

#menu ul li a#nieuwsbrief.current {
	width: 110px;
	background-position: 0px -140px;
}

#menu ul li a#banen {
	width: 53px;
	background-position: 0px -160px;
}

#menu ul li a#banen:hover {
	width: 53px;
	background-position: 0px -170px;
}

#menu ul li a#banen.current {
	width: 53px;
	background-position: 0px -180px;
}

#menu ul li a#contact {
	width: 71px;
	background-position: 0px -200px;
}

#menu ul li a#contact:hover {
	width: 71px;
	background-position: 0px -210px;
}

#menu ul li a#contact.current {
	width: 71px;
	background-position: 0px -220px;
}

#menu ul li {
	display: block;
	height: 30px;
	float: left;
}

.add_dash {
	float: left;
	background: url(images/menu_dash.jpg) no-repeat 0 7px;
	padding-left: 2px;
}

#menu {
	width: 950px;
	float: left;
}

/* @end */

/* @end */

/* @group Player */

#player_wrap {
	float: left;
	width: 950px;
	height: 350px;
	clear: both;
}

#home_player {
	height: 350px;
	width: 610px;
	position: absolute;
}

#image_wrapper {
	float: left;
	height: 350px;
	width: 610px;
}

#image_slider {
	position: absolute;
	float: left;
	overflow: hidden;
	height: 350px;
	width: 610px;
	z-index: 0;
}

#player_overlay {
	display: none;
	/*
	height: 52px;
	width: 49px;
	float: left;
	background: url(images/right_top_corner.png) no-repeat;
	position: absolute;
	left: 561px;
	top: 0;
	z-index: 10;
	*/
}

#image_display {
	float: left;
	height: 350px;
	width: 610px;
	display: none;
	background-repeat: no-repeat;
	z-index: 1;
	position: absolute;
	top: 0px;
}

/* @group Home Player Menu */

#home_player_menu {
	margin-top: 98px;
	width: 340px;
	float: right;
	overflow: hidden;
	height: 252px;
}

#home_player_menu.open {
	height: auto;
}

#home_player_menu ul, #home_player_menu ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#home_player_menu ul li {
	display: block;
	clear: both;
	float: left;
	height: 36px;
	width: 340px;
	background: url(images/back_a.jpg) repeat-x;
}

#home_player_menu ul li a {
	text-decoration: none;
	color: #a1bbc1;
	display: block;
	clear: both;
	padding: 10px 16px 0; /*aanpassen voor ie */
	height: 31px;
	width: 308px;
	text-transform: lowercase;
	font: small-caps 13px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}

#home_player_menu ul li a:hover, #home_player_menu ul li a.current {
	color: #ed008e;
}

#archiveLink {
	float: right;
	padding-right:10px;
	padding-top: 18px;
	text-align: right;
	width: 300px;
}

#archiveLink a{
	text-decoration: none;
	color: #a1bbc1;
	text-transform: lowercase;
	font: small-caps 13px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
a#showArchiveLink {
	background: url(images/arrowDown.gif) no-repeat right;
	padding-right: 14px;	
}
#home_player_menu ul li.closeArchive {
	text-align: right;
	background: none !important;
}

#home_player_menu ul li.closeArchive a{
	text-decoration: none;
	color: #a1bbc1;
	text-transform: lowercase;
	font: small-caps 13px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
#home_player_menu ul li.closeArchive a:hover{
	color: #e2007a;
}
#archiveLink a:hover{
	color: #e2007a;
}

/* @end */

/* @group Portfolio Player Menu */

#portfolio_player_menu {
	width: 333px;
	float: right;
	min-height: 350px;
	overflow-x: hidden;
}
#portfolio_player_menu ul{
	width: 336px;
	float: left;
}
#portfolio_player_menu ul li {
	width: 81px;
	height: 66px;
	margin-right: 3px;
	margin-bottom: 5px;
	float: left;
	background-position: 0 -66px;
}

#portfolio_player_menu ul li.current {
	background-position: 0 0;
}

#portfolio_player_menu ul li.fourth {
	margin-right: 3px;
}

a.portfolio_href {
	width: 81px;
	height: 66px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-position: 66px 81px;
	background-repeat: no-repeat;
	
}

a.portfolio_href .image_holder {
	width: 81px;
	height: 66px;
	display: block;
	overflow: hidden;
}

/* @end */

/* @group creatieFilter */

span.filterTitle {
	color: #58595b;
	text-transform: lowercase;
	font: small-caps bold 15px Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-bottom: 24px;
}

div#creatieFilter {
	float: left;
	clear: both;
	color: #a1bbc1;
	text-transform: lowercase;
	font: small-caps bold 13px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}

div#creatieFilter a{
	text-decoration: none;
	color: #a1bbc1;
}

div#creatieFilter a:hover, div#creatieFilter a.active {
	color: #e2007a;
}



/* @end */

/* @group SlideViewer */ 
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
	position: absolute; 
	overflow: hidden;  
	border: 0px;
} 
.stripViewer ul { /* this is your UL of images */ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	list-style-type: none; 
} 
.stripViewer ul li {  
	float:left; 
} 
.stripTransmitter { 
	z-index: 1;
	position: relative;
} 
.stripTransmitter ul {
	position: relative;
	z-index: 2;
	display: block;
	margin-top: 330px;
	float: right;
} 
.stripTransmitter ul li{ 
	position: relative;
	width: 12px;
	height: 12px;
	float:left; 
	margin-right: 10px; 
	z-index: 3;
} 
.stripTransmitter ul li a{ 
	height: 12px;
	width: 12px;
	color: #000; 
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0px;
	display: block; 
	z-index: 4;
	float: left;
	position: relative;
	background: url(images/circles.png) no-repeat;
} 
.stripTransmitter ul li a:hover { 
	background: url(images/circles.png) no-repeat 0 -20px;
} 

.stripTransmitter ul li a.current{ 
	background: url(images/circles.png) no-repeat 0 -40px;
} 

/* @end */

/* @end */

/* @group Content */

#content {
	float: left;
	width: 600px;
	padding-left: 10px;
	margin-top: 18px;
	color: #58595b;
	font-size: 14px;
	line-height: 18px;
}

#content p {
	margin-bottom: 25px;
}

#content ul {
	margin-left: 40px;
}

#content ul li {
	list-style-type: circle;
}

#content #navigation {
	float: left;
	width: 590px;
	margin-bottom: 15px;
}

#content .greenText {
	color: #99CC33;
}

#content a {
	text-decoration: none;
	color: #e2007a;
}

#content a:hover {
	text-decoration: underline;
}

#contact_col_wrap {
	float: left;
	width: 610px;
	margin-bottom: 10px;
}

.contact_col_left {
	float: left;
	width: 275px;
}

.contact_col_right {
	float: left;
	width: 275px;
	margin-left: 30px;
}
/* @group Creation Kind */

#creation_kind {
	float: right;
	height: 11px;
	width: 164px;
	margin-top: 4px;
}

#creation_kind.profit {
	background: url(images/profit.jpg) no-repeat;
}

#creation_kind.nonprofit {
	background: url(images/non-profit.jpg) no-repeat;
}

/* @end */

/* @end */

/* @group Form */

.inputField {
	width: 572px;
	padding: 5px;
	height: 13px;
	outline: none;
	margin-bottom: 7px;
	font: 13px Times, "Times New Roman", Georgia, serif;
}

.extra_bottom_margin {
	margin-bottom: 25px;
}

.focusField {
	background: #f4f7f8;
	color: #58595b;
	border: 1px solid #aecace;
}

.idleField {
	background: #fdfefe;
	color: #58595b;
	border: 1px solid #e4edef;
}

input.error {
	background-color: #fef5fa;
	color: #58595b;
	border: 2px solid #fcd6ed;
}

textarea.error {
	background-color: #fef5fa;
	color: #58595b;
	border: 2px solid #fcd6ed;
}

#contactForm textarea {
	height: 70px;
	overflow: auto;
	color: #58595b;
}

div.error {
	margin-top: 10px;
	color: #e2007a;
	font: normal 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.error label {
	float: left;
	clear: both;
}

label.error {
	float: left;
	color: #e2007a;
	font: normal 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
	margin-top: -5px;
}

.submitButton {
	height: 22px;
	width: 112px;
	border: none;
	cursor: pointer;
	margin-top: 5px; /* correctie op checkbox */
	text-indent: -9999px;
	background: url(images/send_button.jpg) no-repeat;
}

#form_send_options {
	float: right;
	margin-right: 15px;
}

#result {
	background-color: #fff;
	position: absolute;
	width: 300px;
	padding: 20px;
	text-align: center;
	border: 4px solid #e4edef;
	display: none;
	margin-left: 105px;
	margin-top: 50px;
}

div.label {
	position: relative;
	float: left;
	font: 13px Times, "Times New Roman", Georgia, serif;
}

.over-apply {
	color: #58595b;
	position: absolute;
	top: 5px;
	left: 5px;
}

.newsletter span {
	float: left;
	margin-top: 9px;
	margin-right: 20px;
}

img#ic_newsletter {
	float: left;
	margin-right: 5px;
}

/* @end */

#social_bookmarks {
	float: right;
	clear: both;
	margin-right: 14px;
	margin-top: 10px;
}

/* @group Television */

#televison {
	float: right;
	margin-right: -40px;
	height: 527px;
	width: 295px;
	margin-top: 20px;
	background: url(images/tv_noise.gif) no-repeat 49px 161px;
}

#theShow {
	height: 119px;
	margin-top: 159px;
	margin-left: 48px;
	width: 146px;
	float: left;
}

#theTelly {
	height: 527px;
	width: 295px;
	background: url(images/tv.png) no-repeat;
}

.topMarginTV {
	margin-top: 310px !important;
}

.topHomeMarginTV {
	margin-top: -20px !important;
}

/* @end */

#footer {
	float: left;
	clear: both;
	width: 950px;
	height: 70px;
}