@charset "utf-8";
/* CSS Document */
/* -------------------------------------------------------
   -	description: Creathinktive.be stylesheet         -
   -	author: Brecht ( MisterSuperb.be )               -	
   -	media: screen, mobile                            -
   -------------------------------------------------------
*/

*, html, body, div, h1, h2, h3, p, ul, li, table, tbody, tr, td {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFF;
	font-family: Trebuchet MS, Arial, sans-serif;
	color: #878889;
}
div#container {
	width: 700px;
	margin: 0 auto;
	border: 0;
}

h1#logo {
	display: block;
	margin-top: 100px;
	float: left;
	padding-left: 35px;

}

div#flashcontent {
	display: block;
	margin-top: 101px;
	float: left;
	padding-left: 36px;

}

div#content {
	clear: left;
	width: 350px;
	float: left;
	height: 350px;
	margin-left: 10px;
	margin-top: 10px;
	overflow: auto;
	padding-right: 1.5em;
	display: inline;
}


ul#menu {
	float: right;
	width: 283px;
	height: 300px;	
	list-style-type: none;
	margin-top: 10px;
	*margin-top: 200px;
	padding-right: 15px;	
}

.hidden { display: none; }
/* Titel Head Markup ----------------- */

h1#logo a#homeLink {
	display: block;
	width: 296px;
	height: 93px;
	text-indent: -5000px;
	background-image: url(../images/logo.gif);
	overflow: hidden;
	float: left;
	margin-bottom: 10px;

	
}


/* Content Markup -------------------- */


div#content h2 {
	font-size: 12pt;
	margin-bottom: 0.5em;
}

div#content p {
	font-size: 9pt;
	line-height: 1.4em;
	margin-bottom: 1.5em;
	text-align: justify;
}

div#content a {
	color: #999999;
	text-decoration: none;
	border: 0;
	border-bottom: 1px solid #CB2D28;
	border-style: dotted;
	font-size: 9pt;
	
}

div#content ul {
	font-size: 9pt;
	line-height: 1.3em;
	list-style-image: url(../images/bullet.gif);
	list-style-position: inside;
	margin-bottom: 1.3em;
	clear: left;
	text-align: justify;
}

div#content ul li {
	margin-left: 1em;
	margin-bottom: 1.2em;
}

div#content ul li span {
	background-image: url(../images/bullet2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-right: 1.4em;
}

div#content ul li span strong {
	font-weight: bold;
}

div#content ul li span.left   {
	text-align: left;
}

div#content div.card {
	width: 250px;
	background-color: #DFDFDF;
	font-size: 9pt;
	padding: 1em;
	margin-left: 5px;	
}

div#content div.ref {
	width: 300px;
	background-color: #FFF;
	font-size: 9pt;
	padding: 1em;
	margin-left: 0;	
}


/* Navigation ------------------------ */

ul#menu li.button  {
	height: 57px;
	width: 270px;

	
}

ul#menu li.button a {
	text-indent: -5000px;
	overflow: hidden;
	height: 40px;

}

ul#menu li.button a#overBtn, ul#menu li.button a#overBtn:visited {
	background-image: url(../images/buttons.gif);
	background-position: -12px -9px;
	display: block;
}

ul#menu li.button a#overBtn:hover {
	background-position: -283px -9px;
}

ul#menu li.button a#overBtn:active {
	background-position: -565px -9px;
}

ul#menu li.button a#overBtnselected {
	background-position: -850px -9px;
	background-image: url(../images/buttons.gif);
	display: block;
}

ul#menu li.button a#teamBtn, ul#menu li.button a#teamBtn:visited {
	background-image: url(../images/buttons.gif);
	background-position: -12px -71px;
	display: block;
}

ul#menu li.button a#teamBtn:hover {
	background-position: -283px -71px;
}

ul#menu li.button a#teamBtn:active {
	background-position: -565px -71px;
}

ul#menu li.button a#teamBtnselected {
	background-position: -850px -71px;
	background-image: url(../images/buttons.gif);
	display: block;
}

ul#menu li.button a#refBtn, ul#menu li.button a#refBtn:visited {
	background-image: url(../images/buttons.gif);
	background-position: -12px -126px;
	display: block;
}

ul#menu li.button a#refBtn:hover {
	background-position: -283px -126px;
}

ul#menu li.button a#refBtn:active {
	background-position: -565px -126px;
}

ul#menu li.button a#refBtnselected {
	background-position: -850px -126px;
	background-image: url(../images/buttons.gif);
	display: block;
}

ul#menu li.button a#ideeBtn, ul#menu li.button a#ideeBtn:visited {
	background-image: url(../images/buttons.gif);
	background-position: -12px -183px;
	display: block;
}

ul#menu li.button a#ideeBtn:hover {
	background-position: -283px -183px;
}

ul#menu li.button a#ideeBtn:active {
	background-position: -565px -183px;
}

ul#menu li.button a#ideeBtnselected {
	background-position: -850px -183px;
	background-image: url(../images/buttons.gif);
	display: block;
}

ul#menu li.button a#contactBtn, ul#menu li.button a#contactBtn:visited {
	background-image: url(../images/buttons.gif);
	background-position: -12px -246px;
	display: block;
}

ul#menu li.button a#contactBtn:hover {
	background-position: -283px -246px;
}

ul#menu li.button a#contactBtn:active {
	background-position: -565px -246px;
}

ul#menu li.button a#contactBtnselected {	
	background-position: -850px -246px;
	background-image: url(../images/buttons.gif);
	display: block;
}


/* idee form ------------------------ */

div#content form {
	padding-bottom: 1em;
}

div#content form table {
	font-size: 9pt;
	margin-left: 20px;
}

div#content form table tr td {
	vertical-align: top;
	text-align:	right;
	padding-left: 5px;
}

div#content form table tr td.bottom {
	vertical-align: bottom;
}

div#content form table tr td input.inputField {
	width: 225px;
	border: 0px;
	background-color: #DFDFDF;
	font-size: 9pt;
	font-family: Trebuchet MS, Arial, sans-serif;
	color: #878889;
}

div#content form table tr td input.submit {
	width: 50px;
	border: 0px;
	background-color: #DFDFDF;
	font-size: 7pt;
	font-family: Trebuchet MS, Arial, sans-serif;
	color: #878889;
	cursor: pointer;
}

div#content form table tr td textarea {
	width: 225px;
	border: 0px;
	background-color: #DFDFDF;
	font-size: 9pt;
	font-family: Trebuchet MS, Arial, sans-serif;
	color: #878889;
	overflow: auto;
}

/* Refrence Navigation ------------------------ */

div#content ol#refNav {
	list-style-type: none;
	padding-bottom: 2em;
	padding-left: 0px;	
	margin-left: 30px;
}

div#content ol#refNav li {	
	display: inline;
}

div#content ol#refNav li a {
	margin-right: 3px;
	color: #CB2D28;
	border: 1px solid #CB2D28;
	border-width: 0 0 0 1px;
	padding-left: 7px;
}

div#content ol#refNav li a.first {
	margin-right: 3px;
	color: #CB2D28;
	border: 1px solid #CB2D28;
	border-width: 0;
	padding-left: 0px;
}

div#content ol#refNav li  a:hover {
	
}

div#content ol#refNav li  a.selected {

	color: #878889;
}