@charset "UTF-8";
/* CSS Document */

a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #ff3232;
	text-decoration: none;
}
a:hover {
	color: #656565;
	text-decoration: underline;
}
a.grey {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666666;
	text-decoration: none;
	font-size: 11px;
}
a.grey :hover {
	color: #ff3232;
	text-decoration: none;
}
a.white {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #ffffff;
	text-decoration: none;
}
a.white :hover {
	color: #ffffff;
	text-decoration: none;
}
a.none {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #656565;
	text-decoration: none;
}
a.none :hover {
	color: #656565;
	text-decoration: none;
}
.p {
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin:0px;
	text-align:justify;
}
p{
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	color: #656565;
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
	text-align:justify;
	display: block;
}
li {
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	color: #656565;
	font-size: 11px;
	line-height: 16px;
	width:285px;
}
h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	margin: 0;
	margin-top: 0px;
}
.h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	margin: 0;
	margin-top: 3px;
}
h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	margin-top: 15px;
	line-height: 0;
}
h1.quote {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 25px;
	margin: 0;
	margin: 15px 0px;
}
h1.link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	margin: 0px 0px;
	display: inline;
}

/*>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<*/
/*  CLASSES  */

.column {
	position: absolute;
	width: 315px;
}
.home 		{ height: 155px; }
.content	{ height: 430px; }
.one 		{ left:0px; }
.two 		{ left:328px; }
.three 	{ left:656px;}
.three img { margin-top:5px; float:right; border:none }
.three img a { border:none }
.nobox {
	position: absolute;
	background-image: url(http://scoi.nl/images/ui/lowbar.jpg);
	height: 4px;
	width: 315px;
	bottom: 0px;
}
.box {
	background-color: #efefef;
	padding: 0px;
	width: 285px;
}
.boxhome {
	background-color: #efefef;
	padding: 0px 13px;
	width: 287px;
}
.boxcases {
	background-color: #efefef;
	padding: 0px 13px;
	width: 287px;
}
.red 	{ color: #ff3232; }
.grey1 	{ color: #949494; }
.grey2 	{ color: #666666; }
.white 	{ color: #FFF; }
.highlight {}
.navpad	{ margin-right: 22px; }
.right 	{ float: right; }
.bottom {
	bottom: 0px;
	position: absolute;
}
.left 		{ float: left: }
.block 		{ display: block; }
.vertpad 	{ margin-top: 8px; }
.vertpadlarge { margin: 13px 0; }
.vertpadsm 	{ margin-top: 4px; }
.btn {
	position: relative;
	top: 9px;
}
.wstable {
	width: 287px;
	border: 0;
	padding: 0px;
	vertical-align: middle;
	left: -5px;
}
.cttable {
	width: 287px;
	border: 0;
	padding: 0px;
	vertical-align: middle;
	
}
fieldset 	{ border: 0px; }

/*   HEADER / NAV   */

#container {
	position: relative;
	margin: 20px auto;
	width: 971px;
	height: auto;
}
#logo a{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 158px;
	height: 35px;
	background: url(http://scoi.nl/images/ui/logo.jpg);
}
#uppernav {
	margin-top:-20px;
    	margin-right:-110px;
    	width:410px;
	float:right;
	background: url(http://scoi.nl/images/ui/uppernav_bg_shadow.gif) 0 0 no-repeat;
}
#uppernav a {
	display:block;
	float:right;
	height:24px;
	margin-left:5px;
}
#ideeen a {
    width:110px;
	background: url(http://scoi.nl/images/ui/uppernav_ideeen.png) 0 0 no-repeat;
}
#ideeen a:hover{
	background:url(http://scoi.nl/images/ui/uppernav_ideeen.png) 0 -40px no-repeat;
    height:24px;
}
#bekijk a {
    width:79px;
    margin-right:112px;
	background: url(http://scoi.nl/images/ui/uppernav_bekijk.png) 0 0 no-repeat;
}
#bekijk a:hover{
	background: url(http://scoi.nl/images/ui/uppernav_bekijk.png) 0 -40px no-repeat;
    height:24px;
}
#nav {
	position: absolute;
	height: 24px;
	width: 600px;
	left: 185px;
	top: 20px;
}
:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

/* END  HEADER / NAV   */

#home a{
	height: 24px;
	width: 43px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) 0 0 no-repeat;
	float: left;
	margin-right: 22px;
}

#home.active, #home a:hover { background: url(http://scoi.nl/images/ui/navsprite.jpg) 0 -24px no-repeat; }
#home.active{
	position: relative;
	height: 24px;
	width: 43px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) 0 -24px no-repeat;
	float: left;
	margin-right: 22px;
}
#col_one {
	left: 0px;
	height: 426px;
	position: absolute; 
	width: 315px;
	border-bottom:4px solid #efefef;
}
#col_two {
	left: 328px;
	height: 426px;
	position: absolute; 
	width: 315px;
	border-bottom:4px solid #efefef;
}

#col_three {
	left: 656px;
	height: 426px;
	position: absolute; 
	width: 315px;
	border-bottom:4px solid #efefef;
}
#col_three img, #col_three ul, #col_three h1 { margin-left:13px; }
#ooi a{
	position: relative;
	height: 24px;
	width: 157px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) -50px 0 no-repeat;
	float: left;
	margin-right: 22px;
}
#ooi a:hover {	background: url(http://scoi.nl/images/ui/navsprite.jpg) -50px -24px  no-repeat; }
#ooi.active {
	position: relative;
	height: 24px;
	width: 157px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) -50px -24px no-repeat;
	float: left;
	margin-right: 22px;
}
#workshops a{
	display: block;
	position: relative;
	height: 24px;
	width: 87px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) -210px 0px no-repeat;
	float: left;
	margin-right: 22px;
}
#workshops a:hover { background: url(http://scoi.nl/images/ui/navsprite.jpg) -210px -24px no-repeat; }
#workshops a.active {
	display: block;
	position: relative;
	height: 24px;
	width: 87px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) -210px -24px no-repeat;
	float: left;
	margin-right: 22px;
}
#cases a{
	position: relative;
	height: 24px;
	width: 46px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) -300px 0 no-repeat;
	float: left;
	margin-right: 22px;
}
#cases a:hover { background: url(http://scoi.nl/images/ui/navsprite.jpg) -300px -24px no-repeat; }
#cases.active {
	position: relative;
	height: 24px;
	width: 46px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) -300px -24px no-repeat;
	float: left;
	margin-right: 22px;
}

#contact a{
	position: relative;
	height: 24px;
	width: 58px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) -350px 0 no-repeat;
	float: left;
	margin-right: 22px;
}
#contact a:hover {	background: url(http://scoi.nl/images/ui/navsprite.jpg) -350px -24px no-repeat; }
#contact.active {
	position: relative;
	height: 24px;
	width: 58px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) -350px -24px no-repeat;
	float: left;
	margin-right: 22px;
}
#overons a{
	position: relative;
	height: 24px;
	width: 70px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) -410px 0 no-repeat;
	float: left;
	margin-right: 22px;
}
#overons a:hover { background: url(http://scoi.nl/images/ui/navsprite.jpg) -410px -24px  no-repeat; }
#overons.active{
	position: relative;
	height: 24px;
	width: 70px;
	background: url(http://scoi.nl/images/ui/navsprite.jpg) -410px -24px no-repeat;
	float: left;
	margin-right: 22px;
}

/*>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<*/
/*  PAGES  */

.bullet { list-style-image: url(http://scoi.nl/images/ui/bullet.png); }
ul {
	padding:0px 15px;
	margin:auto;
	width:285px;
}
li a{
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666666;
}
li a:hover{
	color: #ff3232;
	text-decoration: underline;
}
#content {
	position: absolute;
	top: 44px;
	margin: 0;
	width: 970px;
	height: auto;
}
#text {
	position: absolute;
	width: 970px;
	margin-top: 13px;
	top:20px;
	left: 0px;
}
#text.home {
	height: 135px;
	top: 326px;
}
#text.content {
	height: 430px;
	top: 20px;
}
#maxhead {
	width: 970px;
	height: 331px;
	position: absolute;
	top: 0;
	left: 0;
    z-index:1;
}
#minhead {
	position: absolute;
	width: 970px;
	height: 24px;
	top: 0px;
	left: 0px;
	margin: 0;
}
.workshop {
	display: block;
	position: relative;
	height: 120px;
	padding: 5px 13px 0px 13px;
	background-color: #efefef;
	margin-bottom: 13px;
}
.case a{
	display: block;
	position: relative;
	height: 83px;
	padding: 1px 13px;
	background-color: #efefef;
	width: 289px;
	}
.case a:hover { background-color: #CCC; }
#casestudies {
		position:relative;
		height: 124px;
		padding-top: 1px;
}
.activecase {
	position: relative;
	background: url(http://scoi.nl/images/ui/case_select.jpg);
	padding: 1px 13px;
	width: 289px;
	height: 83px;
}
#badge {
	position:absolute;
    z-index:10;
}
#badge a{
	position: absolute;
	left: 800px;
	top: 20px;
	background: url(http://scoi.nl/images/ui/badge.png) 0 0 no-repeat;
	height: 40px;
	width: 100px;
	z-index: 100;
	padding: 50px 13px;
	text-align: center;
}
#wsfiller {
	position: absolute;
	height: 133px;
	width: 315px;
	background: url(http://scoi.nl/images/ui/fader.jpg) 0 0 repeat-x;
	bottom: 0px;
	left: 0;
}

/*>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<*/
/* FORMS */
input 		{ width: 170px; }
select 		{ width: 174px; }
input.btn	{ width: 67px; }

.error {
<!-- background:#efefef; 
border:1px solid #ccc; -->
color:#656565;
margin-left:10px;
width:170px;
display:block;
}
input.error, textarea.error {
background:#fff;
margin-left:0px;
border:1px dashed #ff3232;
}
/* END FORM */

/*>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<*/
/* PAGINATION */

#pagination.workshops { margin-top:-3px; }
#pagination.cases { margin-top:7px; }
#pagination a 
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display:block; 
    width:14px; 
    height:14px; 
    background:#eee; 
    float:left;
    font-size:10px; 
    margin-right:3px; 
    text-decoration:none; 
    padding:2px;
    text-indent:3px;
}
#pagination strong 
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display:block; 
    width:16px; 
    height:14px; 
    background:#ff3232; 
    color:white;
    float:left; 
    font-size:10px; 
    margin:0px;
    margin-right:3px; 
    text-decoration:none; 
    padding:2px;
    text-indent:4px;
}