/* csolutions Stylesheet*/
/* colors */
/*
yellow: #ece33c;
dark grey: #666666;
 */

rss									{font-family: verdana; font-size: x-small; display: block; margin: 1em;}
rss item							{display: block; margin: 1em;}
rss title								{display: block; font-size: small; color: gray;}
rss link								{display: block; color: #666; text-indent: 2em; text-decoration: underline;}
 
body									{height: 100%; padding:0; margin:0; text-align: center; font-family: verdana; font-size: 11px; background: white;}

h1									{font-size: x-large; color: #000; margin: 0px; font-weight: normal; line-height: 100%;}
h2									{font-size: large; color: gray; margin: 0px; font-weight: normal;} 
h3									{font-size: large; color: gray; margin: 0px; font-weight: normal;} 
h4									{font-size: small; color: red; margin: 0px; font-weight: normal;}

a										{color: black; text-decoration: underline;}
a:hover							{color: gray; text-decoration: none;}
img									{border: 0;}

p										{line-height: 190%;}

input									{font-size: x-small; border: 1px solid gray;}
textarea							{font-size: 11px; font-family: verdana;}

/*div	{border: 1px solid red; margin: 2px;}*/

.container    				{height: 100%; width: 100%; margin: auto; text-align: center;}

.container#home				{background: white url('../images/background_home.jpg') no-repeat top center;}
.container#csolutions	{background: white url('../images/background_csolutions.jpg') no-repeat top center;}
.container#diensten		{background: white url('../images/background_diensten.jpg') no-repeat top center;}
.container#portfolio	{background: white url('../images/background_portfolio.jpg') no-repeat top center;}
.container#partners		{background: white url('../images/background_partners.jpg') no-repeat top center;}
.container#contact		{background: white url('../images/background_contact.jpg') no-repeat top center;}

.top								{width: 925px; height: 125px; background: white url('../images/gradient_top.jpg') no-repeat bottom center; margin: auto;}
.logo								{background: #fff; float: left;}
.fontsize						{float: right; color: gray; font-size: xx-small;}
.fontsize a					{color: gray; text-decoration: none;}
.fontsize a:hover		{color: black; text-decoration: none;}

.menu								{height: auto; color: #000; font-size: 12px; float: left; clear: left; padding: 30px 0 0 10px;}
.menu a							{color: #888888; padding: 30px 10px 0 5px; text-decoration: none; background: url('../images/menu_stripe.jpg') no-repeat top right; }
.menu a:hover				{color: #000;}
.submenu						{color: #666666; margin: 55px -30px 0 0; float: right; font-size: xx-small; }
.submenu a						{color: #666666; text-decoration: none;}
.submenu a:hover 		{text-decoration: underline;}

.header							{width: 950px; height: 325px; background: url('../images/gradient_center.jpg') no-repeat top center;  margin: auto;}

.total							{border: 0px solid red; width: 925px; height: auto; padding-bottom: 50px;  text-align: left; margin: auto; background: #ccc url('../images/gradient_bottom.jpg') no-repeat bottom center;}
.content p						{line-height: 190%;}

.left								{width: 550px; float: left; margin-left: 15px; padding-right: 15px; border-right: 1px dotted #bbb;}
.left p							{margin-top: 5px;}
.left a							{color: #ff5a00; text-decoration: none;}
.left a:hover				{color: gray; text-decoration: underline;}
.left ul, ol					{line-height: 180%;}
.right							{width: 315px; float: right; border: 0px solid red; margin-right: 15px;}
.right .events a			{color: #ff5a00; text-decoration: none;}
.right ul						{margin-top: 0px;}
.twitter						{}

.special									{height: 200px; width: 550px; margin: 5px 0 30px 0;}
.special#sharepoint				{background: url(../images/special_sharepoint.gif) no-repeat top center;}
.special#sharepoint .inhoud {padding: 60px 0 0 0; width: 400px; width: 360px; margin-left: 175px; line-height: 180%;}
.special#sharepoint2010		{background: url(../images/special_sharepoint_2010.gif) no-repeat top center;}
.special#sharepoint2010 .inhoud {padding: 60px 0 0 0; width: 400px; width: 360px; margin-left: 175px; line-height: 180%;}
.special#mobile						{background: url(../images/special_mobile.gif) no-repeat top center;}
.special#mobile .inhoud 		{padding: 60px 0 0 0; width: 400px; width: 360px; margin-left: 10px; line-height: 180%;}
.special#blender					{background: url(../images/special_blender.gif) no-repeat top center;}
.special#blender .inhoud 	{padding: 60px 0 0 0; width: 400px; width: 360px; margin-left: 175px; line-height: 180%;}
.special .inhoud	p					{width: 360px; line-height: 160%;}
.special h1, h4						{color: #000; font-weight: bold;}
.special .inhoud p a				{color: #ff5a00;}
.special .inhoud p a:hover	{color: #000;}

.buttons								{border: 0px solid orange; text-align: center; min-height: 150px; display: block; clear: both; padding: 4px 15px 5px 15px; background: url(../images/button_main.gif) no-repeat center top;}
.button									{border: 0px solid orange; float: left; margin: 4px; padding: 2px; width: 286px; height: 141px; text-align: left; background: url(../images/button_back.gif) no-repeat center center;}
.button h1								{margin: 5px;}
.button h4								{margin: 5px; color: red;}
.button p								{margin: 5px;}
.button img							{margin: 0 5px; text-align: center; font-size: xx-small;}
.button img.left					{float: left;}
.button img.right				{float: right;}

.uitgelicht							{overflow: hidden;}
.uitgelicht h1						{}
.item										{background: url(../images/uitgelicht.jpg) no-repeat top center; display: none; text-align: left; height: 315px; width: 330px; }
.item img								{border: 0;}
.item p									{padding: 75px 30px 0 50px; line-height: 185%;}

.contactformulier				{background: url(../images/contactformulier.png) no-repeat top center; text-align: left; }

.claresco								{border: 0px solid purple; float: right;}
.footer									{border: 0px solid red; clear: both; height: auto; padding: 10px 0 0 0; font-size: xx-small; color: white; border-top: 1px solid #666; text-align: center; background: #888; line-height: 175%;}
.footer a								{color: white; text-decoration: none;}
.footer a:hover					{color: black; text-decoration: underline;}
.footer h1		 						{color: white; font-size: large;}
.footer hr								{clear: both;}
.footer .inhoud					{border: 0px dotted #ccc; width: 925px; height: auto; margin: auto;}
.footer .collumn					{border: 0px dotted #ccc; width: 200px; height: auto; margin: 10px; padding: 5px; text-align: left; float: left; }
.footerbottom						{border-top: 1px dotted #ccc; clear: both; padding: 10px; margin-top: 10px;}

.floatblock							{float: left; padding: 5px; min-width: 200px; min-height: 150px; margin: 5px; border: 1px dotted #ececec; line-height: 2em;}

.left fieldset 							{width: 500px; border: 0px dotted #ccc;}
.left fieldset div 						{border: 0px solid lime; clear: right;}
.left label 								{width: 200px; border: 0px solid white; display: block; float: left;}
.left input 								{border: 1px solid #666; margin: 3px 0 3px 0;}
.left textarea 						{float: left; clear: right; border: 1px solid #666;}

.portfolio_items img			{margin: 1px;}
.opdrachtgevers td				{margin: 5px 0 0 0;}
.klant									{font-weight: bold;line-height: 150%;}
.opdracht								{line-height: 150%;}

#accordion 							{margin:20px 0px; height: 525px;}
h3.toggler 							{background-color: #888; color:#fff; font-size: 12px; padding: 0.4em 8px; margin: 0 0 1px; cursor: pointer;}
.toggler:hover					{background: #999;}
.element p, .element h4 	{margin:0px; padding:0 0 10px 0;}




/* Steekwoorden van de Sales Manager Vacature Pagina*/
.steekwoorden						{font-size: 12px; color: gray; margin-top: 25px;  text-align:center; line-height: 23px;}