/* 
Yes2web Standaard CSS - V 20070801 
Main.css Bevat de opmaak code voor alles wat door TinyMCE gebruikt kan worden.
*/

/*
Projectnaam/algemene info
@author: naam
@version: yyyymmdd-##
*/

body, #publerBody {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

#contents h1, #contents h2, #contents label {
	text-align: left !important	;
}

h1 { /* You don't HAVE to change size and margin, this is done in the publer std.css */
	font-size: 30px;
	font-weight: normal;
	color: #53a212;
	margin-bottom:5px;
}
	h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; } /* reset the first H{x} of the page */
	* html h1, * html h2 { margin-top: 0; } /* Don't we all love Bill? */
	
h2 {
	font-size: 18px;
	font-weight: normal;
	color: #777777;
}

span.date{
	color:#777;
	font-size:.85em;
}	

h3 {
	
}

h4 {
	color: #000;
}

h5 { /* H5 is the same size and weight as P: make sure color differs from P */
	color: #000;
}

p{

}

a {
	color: #52a212;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
} 
ul {
	list-style: circle;
}

.document{
	background: url(/images/thebridge/icons/page.png) no-repeat 0px 0px;
	padding-left:21px;
	line-height:20px;
	display:inline-block;
	vertical-align:middle;
}

a.more{
	background: url(/images/thebridge/icons/more.png) no-repeat 100% 5px;
	padding-right:8px;
}

/* TinyMCE specific rules */
body.mceContentBody div.red, body.mceContentBody div.blue, body.mceContentBody div.green {
   width:220px;
}

#contents table, #contents table td{
	border: none;
	text-align: left;
}

div.holder{
	float:left;
	margin-right:20px;
}
div.last{
	margin-right:0;
}
	div.red, div.blue, div.green  {
		padding-bottom: 5px;
		background-image: url(/images/thebridge/background/right-borders.png);
		background-repeat: no-repeat; 	
		margin-bottom: 20px;
	}
	
	#right-column div.red,#right-column div.blue,#right-column div.green{
		width:220px;
		_overflow-x:hidden;
	}

	div.red { background-position: -1800px bottom; }
	div.blue  { background-position: -2020px bottom; }
	div.green  { background-position: -2240px bottom; }

	.home div.red { background-position: 0 bottom; width:300px;}
	.home div.blue  { background-position: -300px bottom; width:300px;}
	.home div.green  { background-position: -600px bottom; width:300px;}

		div.red h3, div.blue h3, div.green h3 { 
			background-image: url(/images/thebridge/background/sprite.png);
			background-repeat: no-repeat; 	
			color: white;
			font-size: 14px;
			font-weight: normal;
			line-height: 30px;
			height: 30px;
			padding: 0 22px;
			margin: 0;
		}
		div.red h3 a,div.blue h3 a,div.green h3 a{
			color:white;
			text-decoration:none;
		}
		div.red h3 a:hover,div.blue h3 a:hover,div.green h3 a:hover{
			text-decoration:underline;
		}
		div.red h3 { background-position: -221px -133px; }
		div.blue h3 { background-position: -221px -100px;}
		div.green h3 {background-position: -441px -67px; }

		.home div.red h3 { background-position: -600px -179px; }
		.home div.blue h3 { background-position: -300px -179px;}
		.home div.green h3 {background-position: 0 -179px; }

		div.red p, div.red ul, div.red table, div.blue p, div.blue ul, div.blue table, div.green p, div.green ul, div.green table {  
			background-image: url(/images/thebridge/background/right-borders.png);
			background-repeat: repeat-y; 	
			margin: 0;
			padding: .8em 22px 10px 22px; 
		}
		div.red p, div.red ul, div.red table { background-position: -2460px 0px; }
		div.blue p, div.blue ul, div.blue table { background-position: -2680px 0px; }
		div.green p, div.green ul, div.green table { background-position: -2900px 0px;}
		
		.home div.red p, .home div.red ul, .home div.red table { background-position: -900px 0px; }
		.home div.blue p, .home div.blue ul, .home div.blue table { background-position: -1200px 0px; }
		.home div.green p, .home div.green ul, home div.green table { background-position: -1500px 0px;}
		
			div.red ul li, div.blue ul li , div.green ul li  {
				margin-left: 15px;
			}
			
		.home div.red p,.home div.blue p,.home div.green p{
			padding-bottom:8px;
		}
			
table.person-details td{
	vertical-align:top;
	background-color:#f2f2f2;
	padding:8px;
}

table.person-details{
	background-color:#f2f2f2;
}

/*
 * Innovatie monitor form
 */
form #warning{
	margin-bottom: 30px;
}
form fieldset{
	border: none;
	margin-bottom: 30px;
}
form fieldset input{
	width: 250px;
}
form fieldset label.large, form fieldset .radios label{
	width: 250px;
}
form fieldset .radios{
	display: inline-block;
 }
form fieldset .radios label, form fieldset .radios input{
	clear: none;
	float: left;
 }
form fieldset .radios input{
	width: 15px
}

#call-me-back-form {
	
}
#call-me-back-form label{
	font-size:11px;
}

#call-me-back-form label.error{
	color:red;display:block;float:none;
	padding-top:3px;
}

#call-me-back-form p{
	line-height:1em;
	padding-bottom:0;
}

p.small{font-size:11px;}

.references {margin-bottom:20px;}
.references td {
	padding:0 10px;
	text-align:center;
	vertical-align:middle;
}
.references p {
	background:url(/images/thebridge/background/reference.png) no-repeat left top;
	height:70px;
	line-height:70px;
	margin:0;
	width:100px;
}
td.references-first {
	padding:0 10px 0 0;
}
td.references-last {
	padding:0 0 0 10px;
}
.quote {
	background:url(/images/thebridge/background/quote-top.png) no-repeat left top;
	padding-top:20px;
}
	.quote blockquote {
		font-style:normal;
		line-height:20px;
		margin:0;
		padding:0 45px 38px;
	}
		.quote-left blockquote {
			background:url(/images/thebridge/background/quote-bottom-left.png) no-repeat left bottom;
		}
		.quote-right blockquote {
			background:url(/images/thebridge/background/quote-bottom-right.png) no-repeat left bottom;
		}
	.quote span {
		color:#53a212;
	}