* {
	margin:0;
	padding:0;
}

body {
	font-size:12px;
	font-family:Arial;
	line-height:1.125em;
	color:#000000;
	background:url(../img/case/background.jpg) repeat-x #baa3a5;
	background-position:left bottom;
}

ol {
	margin-left: 30px;	
}

div.clear {
	clear:both;	
}

img {
	border: 0;	
}

p.tags {
	padding: 10px;
}

div.tagcloud {
	padding: 10px;		
}

div.tagcloud a {
	color: white;	
}

div.onderschriftImage {
	margin: 0px 10px 10px 10px;
	width: 236px;
	height: 177px;
	overflow: hidden;
}

div.onderschriftImage img {
	border: 1px solid white;
}

div.hidden {
	display: none;	
}


h2, h3, h4 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;
	width: 250px;
	height: 38px;
}

h2, h3, h4 {
	width: 250px;
	color: white;	
	font-size: 32px;
}

h2 {
	width: 600px;
	height: auto;
	font-size: 28px;	
}

h2.sIFR-replaced,
h4.sIFR-replaced,
h3.sIFR-replaced {
	visibility: visible;
	margin-top: 10px;
}

a.backlink {
	float: right;
	color: #b70000;
	font-size: 13px;
	margin-right: 10px;	
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 10px;
}

a.backlink:hover {
	text-decoration: underline;
}

p.paginator {	
	text-align: center;	
	padding: 10px;
}

p.paginator a {
	color: #b70000;
	text-decoration: none;
}

p.paginator a:hover {
	color: #b70000;
	text-decoration: underline;
}

span.sIFR-alternate {
	display: none;
}

div.topbar, 
div.mainwrapper {
	position:relative;
	left: 50%;
	margin-left:-497px;
	width:994px;	
}

div.mainwrapper {
	margin-top: -1px;		
}

div.topbar {
	height: 34px;
	background: url(../img/case/logo_top.png) 634px top no-repeat;	
	z-index: 999;
}

div.righttabs,
div.lefttabs {
	width:57px;
	float:left;
}

div.righttabs {
	position: relative;
	margin-top: -1px;
	margin-left: -1px;
	background: url(../img/case/logo_right.png) no-repeat;
	z-index: 999;
}

div.main {
	width:878px;
	border:1px solid #fff;
	background:#fff;
	float:left;
	margin-bottom: 40px;
}

div.righttabs a.dev030_hover,
div.lefttabs a.sbuweb_hover,
div.lefttabs a.sbumit_hover,
div.righttabs a.dev030,
div.lefttabs a.sbuweb,
div.lefttabs a.sbumit {
	margin-top: 100px;
	display: block;
	width: 57px;
	height: 192px;
	background: url(../img/case/button_sbuweb.png) no-repeat;
	font-size: 0px;
	line-height: -999px;
}

div.lefttabs a.sbumit_hover,
div.lefttabs a.sbumit {
	margin-top: 0;
	height: 196px;
	background: url(../img/case/button_sbumit.png) no-repeat;
}

div.righttabs a.dev030_hover,
div.righttabs a.dev030 {
	position: absolute;
	margin-top: 0;
	bottom: 20px;
	height: 194px;
	background: url(../img/case/button_030dev.png) no-repeat;
}

div.righttabs a.dev030_hover {
	background: url(../img/case/button_030dev_hover.png) no-repeat;
}

div.lefttabs a.sbuweb_hover {
	background: url(../img/case/button_sbuweb_hover.png) no-repeat;
}

div.lefttabs a.sbumit_hover {
	background: url(../img/case/button_sbumit_hover.png) no-repeat;
}

div.header {
	width: 878px;
}

div.header div.visual {
	position: relative;
	float:left;
	width:599px;
	height: 280px;
}

div.blog div.video,
div.blog div.visual {
	width: 602px;
	height: 330px;
	overflow: hidden;
	margin-left: 10px;
}

div.blog div.video {
	height: 344px;
}

div.blog div.visualsmall {
	float: left;
	padding: 10px 10px 0px 10px;	
}

div.blog p {
	padding: 10px 60px 10px 10px;
	line-height: 16px;	
}

div.header div.visual img.logoleft {
	float: right;	
}

div.header div.visual img.visualtext {
	position: absolute;
	top: 250px;	
	left: 10px;
	bottom: 0px;
}

div.header div.logo {
	background: url(../img/case/logo.png) no-repeat;
	float:left;
	width:279px;
	height:280px;
	cursor: pointer;
}

div.content div.leftcolumn {
	float: left;
	width:256px;
	background: url(../img/case/leftcolumn.png);	
}

div.content div.rightcolumn {
	float: left;
	width: 622px;
}

div.blog p.blogfooter {
	margin: 0px 10px 10px 10px;
	padding: 0;
	border-bottom: 2px solid #ccc;	
	clear: both;
}

div.blog p.blogfooter span {
	display: block;
	color: #B70000;
	font-family: tahoma, arial;
	padding-bottom: 10px;
}

div.blog p.blogfooter span a {
	color: #B70000;
}

/* _____________________________________________________________________________________ REACTIONS ______________*/
div.reactions {
	margin: 30px 10px 10px 10px;
}

div.reaction {
	margin-top: 20px;
}

div.reaction  span {
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
}

div.reactions img,
div.reaction img {
	border:0 none;
	float:left;
	margin-right:15px;	
}

div.reaction-add-short {
	margin: 10px;	
}

div.reaction-add span.name,
div.reaction span.name {
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
}

div.reaction-add span.date,
div.reaction span.date,
div.reaction span.actions {
	line-height: 16px;
	color: #666666;
	width: 400px;
	float: left;
}

div.reaction span.actions {
	width: 65px;
	text-align: right;	
}

div.reaction span.actions img {
	margin-right: 0;
	margin-left: 4px;
	float: right;
}

div.reaction span.footer {
	display: block;
	width: 513px;
	height: 9px;
	background: url(../img/quote-bottom.gif) no-repeat;	
}

div.reaction p {
	display: block;
	background: url(../img/quote-top.gif) no-repeat #eeeeee;	
	padding: 22px 15px 5px 15px;
	width: 483px;
	margin-top: 5px;
}

div.reaction-add form {
	background: url(../img/add-reaction.gif) no-repeat;	
	width: 483px;
	height: 244px;
	margin-top: 10px;
	padding: 22px 15px 5px 15px;
}


div.reaction-add-short form {
	background: url(../img/add-reaction-short.gif) no-repeat;	
	width: 483px;
	height: 88px;
	margin-top: 10px;
	padding: 22px 15px 5px 15px;
}

div.reaction-add-short form fieldset,
div.reaction-add form fieldset {	
	border: 0;	
}

div.reaction-add-short form fieldset label,
div.reaction-add form fieldset label {
	display: block;
	font-weight: bold;
	float: left;
	width: 100px;
}

div.reaction-add-short form fieldset label span,
div.reaction-add form fieldset label span {
	width: 10px;
	display: inline;
	padding-left: 5px;
	font-weight: bold;
	color: red;
}

div.reaction-add form fieldset img {
	float: none;	
	margin-top: 14px;
	margin-left: 22px;
	margin-bottom: 11px;
}

div.reaction-add form fieldset br {
	clear: both;	
}

div.reaction-add form fieldset input,
div.reaction-add form fieldset input.error {
	border: 0;
	width: 228px;
	margin-left: 10px;
	background: url(../img/field_normal2.gif) no-repeat;
	height: 20px;
	padding: 6px 14px 4px 12px;
}

div.reaction-add form fieldset input.error {
	background: url(../img/field_normal2_error.gif) no-repeat;
}

div.reaction-add-short form fieldset textarea.error,
div.reaction-add-short form fieldset textarea {
	background: none;	
	border: 0;
	width: 340px;
	margin-left: 10px;	
	height: 48px;
	margin-top: 12px;
}

div.reaction-add-short form fieldset div.reactiontextarea {
	background: url(../img/field_textarea.gif) no-repeat;
	padding: 6px 6px 10px 8px;
	margin-bottom: 10px;
}

iv.reaction-add-short form fieldset div.reactiontextarea textarea {
	background: none;	
	width: 345px;
	margin: 0;
	padding: 0;
}

div.reaction-add-short form fieldset textarea.error,
div.reaction-add-short form fieldset textarea {
	margin-left: 0;
}

div.reaction-add-short form fieldset textarea.error,
div.reaction-add-short form fieldset textarea {
	margin-top: 2px;
}

div.reaction-add-short form fieldset textarea.error,
div.reaction-add form fieldset textarea.error {
	background: url(../img/field_textarea_error.gif) no-repeat;		
}

div.reaction-add-short form fieldset a.button,
div.reaction-add form fieldset a.button,
div.reaction-add form fieldset input.button,
div.reaction-add-short form fieldset input.button,
form.defaultform input.button {
	display: block;
	text-align: center;
	background: url(../img/button.gif) no-repeat;
	width: 110px;
	height: 27px;
	line-height: 24px;
	color: #ffffff;
	margin-left: 12px;
	text-decoration: none;
	float: right;
	margin-top: -40px;
	font-size: 10px;
	border: 0px;
	padding-top: 0px;
}

div.reaction-add-short form fieldset input.button {
	margin-top: -58px;
}

div.leftcolumn ul {
	list-style-type: none;
	color: white;
	font-size: 16px;
	line-height: 24px;
	margin: 0px 10px 30px 15px; 
	padding: 0;
}

div.leftcolumn ul li {
	margin: 0px; 
	padding: 0px;
	clear: both;
}

div.leftcolumn ul li span {
	display: block;	
}

div.leftcolumn ul li span a {
	color: white;	
}

div.leftcolumn ul li img {
	border: 1px solid #000;
}

div.leftcolumn ul li div.scorewrapper {
	border: 1px solid white;
	height: 12px;
	width: 160px;	
	float: left;
	background: white;
}

div.leftcolumn ul li div.scorewrapper div.score {
	background: #B70000;	
	height: 12px;
}

div.leftcolumn ul li span.score {
	display: inline;
	font-size: 12px;
	line-height: 20px;
	float: left;
	padding-left: 5px;
}

div.leftcolumn input.vote {
	font-size: 0px;
	line-height: -999;
	width: 153px;
	height: 34px;
	background: url(../img/case/vote.png) no-repeat;
	border: none;
	float: right;
	margin-right: 10px;
}

div.leftcolumn ul li span.date {
	width: 40px;
	font-weight: bold;
	float: left;
	font-size: 12px;
	line-height: 14px;
}

div.leftcolumn ul li span.title {
	width: 170px;
	float: left;
	font-size: 12px;
	line-height: 14px;
}

div.slider {
	color: white;
	width: 228px;
	height: 50px;
	margin-left: 10px;
	overflow: hidden;
}

div.slider a {
	color: white;	
}

a.sliderlink {
	float: right;
	color: white;	
	margin-right: 10px;
	font-size: 11px;
	margin-bottom: 10px;
}

a.sliderlink:hover {
	color: #ffff00;	
}

div.slider div.slide {
	width: 228px;
	height: 50px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}

div.slider div.slide span {
	display: block;
	margin-bottom: 10px;	
}

div.slider div.slide span.name {
	float: right;
	font-size: 11px;
	color: #ccc;	
	margin-bottom: 5px;
}

div.slider div.slide span.name strong {
	color: white;	
}

div.slider div.slide div.next,
div.slider div.slide div.previous {
	width: 15px;
	height: 16px;	
	background: url(../img/case/previous.gif) no-repeat;
	float: left;
	cursor: pointer;
}

div.slider div.slidewrapper {
	height: 40px;	
}

div.slider div.slide div.next {
	margin-left: 10px;
	background: url(../img/case/next.gif) no-repeat;
}

div.slider div.slide div.nexthover {
	margin-left: 10px;
	background: url(../img/case/next_hover.gif) no-repeat;
}

div.slider div.slide div.previoushover {
	background: url(../img/case/previous_hover.gif) no-repeat;
}

div.quote div.head {
	width: 233px;
	height: 25px;
	background: url(../img/case/quote_head.png);	
}

div.quote div.body {
	width: 163px;
	background: url(../img/case/quote_body.png) repeat-y;
	padding: 0px 50px 0px 30px;	
	color: #b70000;
	font-weight: bold;
}

div.quote div.foot {
	width: 233px;
	height: 43px;
	background: url(../img/case/quote_foot.png);	
}

div.quote div.foot span {
	display: block;
	margin-left: 110px;
	padding-top: 18px;
	width: 100px;
	color: white;
	font-size: 11px;	
}

div.quote div.foot span a {
	color: white;
	text-decoration: none;
}

div.quote div.foot span a.disabled {
	color: #ccc;
	cursor: default;	
}

div.shoutbox {
	height: 53px;
	margin-left: 10px;		
}

div.shoutbox img.shouter {
	margin-left: 11px;
	border: 1px solid white;
	margin-right: 12px;
	cursor: pointer;
}

div.shout {
	width: 218px;
	height: 112px;
	background: url(../img/case/quote.png);	
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

div.shout p {
	display: block;
	border: 1px solid white;
	margin: 50px 15px 20px 12px;
	width: 190px;
	height: 50px;	
	text-align: center;
	color: #b70000;
	font-weight: bold;
}

div.shout textarea {
	border: 1px solid white;
	margin: 25px 15px 20px 12px;
	width: 190px;
	height: 74px;
}

div.loginwrapper {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -250px;
	height: 200px;
	width: 340px;
	padding-left: 200px;
	border: 1px solid #ccc;
	background: url(../img/case/logo_login.png) no-repeat #e8e6e7;
}

div.loginwrapper div.loginbox {
	padding: 10px;	
}


div.loginwrapper div.loginbox h2 {
	display: none;
}

div.loginwrapper fieldset {	
	border: 0;
}

div.loginwrapper fieldset label {
	background:transparent url(../img/field_normal.gif) no-repeat scroll left bottom;
	display:block;
	float:none;
	height:48px;
	margin-bottom:7px;
	width:264px;	
	font-weight: bold;
	color: #666;
}

div.loginwrapper fieldset label.error {
	background: transparent url(../img/field_normal_error.gif) no-repeat scroll left bottom;
}

div.loginwrapper fieldset img {
	margin-right:3px;
	margin-top:6px;
	float: left;
}

div.loginwrapper fieldset input {
	border:0 none;
	color:#666666;
	height:18px;
	margin-left:13px;
	margin-top:12px;
	width:240px;	
}
div.loginwrapper fieldset label.error input {
	background: #FFCFCF;
}

div.loginwrapper fieldset div.label {
	color:#666666;
	float:left;
	font-weight:bold;
	line-height:35px;
	margin-left:3px;
	width:280px;
}

div.loginwrapper fieldset div.label span.small {
	font-size:10px;
	font-weight:normal;
}

div.loginwrapper fieldset input.button {
	background: url(../img/case/login.png);
	font-size: 0px;
	width: 153px;
	height: 34px;
	line-height: -999px;	
	margin: 0;
	float: right;
}

div.images img {
	margin-bottom: 10px;	
}

div.blog div.images div.visual {
	height: auto;
}