/**
 * Title: CC•Excellence
 * Description: This stylesheet defines the layout of the website of CC•Excellence
 * Copyright: Pronamic Internet, Vormgeving en Software
 * Company: Pronamic Internet, Vormgeving en Software
 * Author: Remco Tolsma
 * Version: 1.0
 */

body {
	border-top: 9px solid #000;

	font: 80%/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	margin: 0;
}

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;

	margin-top: 0;
}

h1 {
	font-size: 2em;
}

h2 {
	color: #b32017;
}

/**
 * Anchors
 */
a {
	color: #b32017;
}

a:visited {
	color: #949699;
}

a:hover {
	color: #000;
}

.frontpage-banner {
	border: none;
	margin-top: 50px;
	text-align: center;
}

/**
 * Other
 */
address {
	font-style: normal;
}

img {
	border: none;
}

.decoration-image {
	float: right;

	margin: 20px;
}

.accent {
	color: #b32017;
}

.clear {
	clear: both;
}

/**
 * Head
 */
#head-wrap {
	background: #b32017;
}

#head {
	background: url("head.jpg") no-repeat;

	margin: 0 auto;

	min-height: 180px;

	position: relative;

	width: 950px;
}

/* Sub head images */
#article-5 #head { background-image: url("head/cc-excellence.jpg"); }
#article-6 #head { background-image: url("head/contact.jpg"); }
#article-10 #head { background-image: url("head/coaching.jpg"); }
#article-16 #head { background-image: url("head/consultancy.jpg"); }
#article-32 #head { background-image: url("head/informatie.jpg"); }
#article-21 #head { background-image: url("head/onderwijs.jpg"); }
#article-31 #head { background-image: url("head/publicaties.jpg"); }

 /* Company name */
/**
 * Name
 */
#logo, #name a {
	background: url("logo.png") no-repeat center center;

	border: 3px solid #FFF;

	display: block;

	margin: 0;
	padding: 0;

	overflow: hidden;

	position: absolute;
	right: 125px;
	bottom: -57px;

	text-indent: -1000em;

	width: 430px;
	height: 126px;
}

h1#name {
	margin: 0;
}

/**
 * Hr separator
 */
hr {
	display: none;
}

/**
 * Container
 */
#container-wrap {
	background: url("main-back.gif") repeat-x;
}

#container {
	margin: 0 auto;

	min-height: 180px;

	padding: 45px 20px 45px 45px; 

	width: 860px;
}

/**
 * Navigation
 */
#nav {
	color: #5F5F5F;

	float: left;

	margin-bottom: 50px;

	width: 250px;
}

#nav ul {
	font-weight: bold;

	list-style: none;

	margin: 0;
	padding: 0;
}

#nav li {
	background: url("dot.gif") repeat-x top;

	padding-top: 1px;
}

#nav a {
	color: #5F5F5F;

	display: block;

	padding: 5px 30px;

	text-decoration: none;
}

#container li.active a, 
#nav a.active, 
#nav a:hover {
	color: #b32017;
}

/* Sub level */
#nav li ul, #nav li.active li li ul {
	display: none;

	font-weight: normal;
}

#nav li.active ul {
	display: block;
}

#nav li.active li ul {
	display: none;
}

#nav li li a {
	background: url("circle.gif") no-repeat 40px center;

	padding-left: 55px;
}

#nav li.active li a {
	color: #5F5F5F;
}

#nav li.active a.active, 
#nav li.active a:hover {
	color: #b32017;
}

/* Sub sub level */
#nav li li ul, #nav li li.active li ul {
	display: none;

	font-weight: normal;
}

#nav li li.active ul {
	display: block;
}

#nav li li li a {
	background: url("circle.gif") no-repeat 60px center;

	padding-left: 75px;
}

#nav li li.active li a {
	color: #5F5F5F;
}

#nav li li.active a.active, 
#nav li li.active a:hover {
	color: #b32017;
}

/* Sub sub sub level */
#nav li li li ul {
	display: none;

	font-weight: normal;
}

#nav li li li.active ul {
	display: block;
}

#nav li li li li a {
	background: url("circle.gif") no-repeat 80px center;

	padding-left: 95px;
}

#nav li li li.active li a {
	color: #5F5F5F;
}

#nav li li li.active a.active, 
#nav li li li.active a:hover {
	color: #b32017;
}

/**
 * Core
 */
#core {
	clear: right;

	float: right;

	padding: 50px 0;

	width: 550px;
}

/**
 * Extra
 */
#extra {
	clear: left;

	float: left;

	width: 250px;
}

#extra h1 {
	font-size: 140%;
	font-weight: normal;
}

/**
 * Block
 */
.block {
	background: url("border-red.gif") no-repeat;

	margin-bottom: 50px;
	padding-top: 1px;
}

.block h1 {
	background: #b32017 url("border-red.gif") no-repeat bottom;

	color: #FFF;

	margin: 0;
	padding: 5px 12px;
}

.block-content {
	margin: 12px;
}

/* Contact block */
#contact-block {
	background: url("border-gray.gif") no-repeat;
	padding-top: 1px;
}

#contact-block h1 {
	background: #808080 url("border-gray.gif") no-repeat bottom;

	color: #FFF;

	margin: 0;
	padding: 5px 12px;
}

/**
 * News list
 */
.news-list {
	list-style: none;

	margin-left: 0;
	padding-left: 0;
}

.news-list li {
	background: url("arrow.gif") no-repeat 0 8px;

	margin-bottom: 10px;
	padding-left: 20px;
}

/**
 * Forms
 */
form .field,
form .form-actions {
	float: left;

	margin: 0 5% 10px 0;

	width: 40%;
}

form .radio-field {
	float: left;

	margin: 0 5% 10px 0;
	padding: 20px 0;

	width: 12%;
}

form .textarea,
form .actions {
	margin: 0;

	width: 85%;
}

form .field input {
	border: 1px solid #949699;

	display: block;

	margin: .5em 0;
	padding: 4px;

	width: 100%;
}

form .field textarea {
	border: 1px solid #949699;

	display: block;

	margin: .5em 0;
	padding: 4px;
}

form .field input:focus {
	border-color: #000;
}

form .error {
	clear: both;
}

form label strong {
	cursor: pointer;

	font-weight: bold;
}

form .required-indicator {
	color: #b32017;

	font-size: 90%;
}

form .actions,
form .message {
	clear: both;
}

/**
 * Register form
 */
#form {
	width: 100%;
}

#register-form .textfield,
#register-form .gender {
	float: left;

	margin: 0 5% 10px 0;

	width: 40%;
}

#register-form .gender { padding: 22px 0;}

#register-form .textfield-space {width: 90%;}

#register-form .textfield-space input {width: 44%;}

/**
 * Foot
 */
#foot {
	border-top: 1px solid #E5E5E5;

	color: #5F5F5F;

	clear: both;

	margin: 0 auto;
	padding: 15px 0;

	width: 950px;
}

#foot p {
	margin: 0 0 1em 0;
}

#foot a {
	color: #5F5F5F;
}

#foot a:hover {
	color: #000;
}

/**
 * Copyright
 */
#copyright,
#pronamic {
	clear: left;

	float: left;

	width: 300px;
}

/**
 * Foot menu
 */
#foot-menu {
	float: right;
}

#foot-menu .separator {
	color: #D1D0D0;

	padding: 0 .75em;
}