﻿.p01
{
	float: left;
	display: inline; /*ie6 doubel margin*/	
	width: 902px;
	height: 264px;
	margin: 10px 16px;
	background: url("../images/p01_bg.jpg") no-repeat;	
}

.p01_text
{
	float: left;
	width: 230px;
	height: 70px;
	margin-top: 170px;
	padding: 10px 40px;
	font-family: Verdana ,Arial, sans-serif, Helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
}

.p02
{
	float: right;
	width: 456px;
	height: auto;
	margin: 13px 16px;	
}

.p02_head
{
	float: left;
	font-size: 1px; /*ie6 minimal block size*/
	width: 456px;
	height: 7px;
	background: url("../images/p02_head.jpg") no-repeat;		
}

.p02_foot
{
	float: left;
	width: 456px;
	height: 14px;
	background: url("../images/p02_foot.jpg") no-repeat;		
}

.p02_body
{
	float: left;
	width: 426px;
	height: 218px;
	padding: 0px 20px 0px 10px;
	background: url("../images/p02_body.jpg") no-repeat;
}

.productthumb
{
	float: left;
	margin-top: 10px;
}

.p02_text
{
	float: left;
	width: 150px;
	margin-top: 172px;
	padding: 10px 0px 0px 10px;
	vertical-align: bottom;	
	color: #FFFFFF;
}

.cb02 p
{
	display: block;
	padding-left: 20px;	
	color: #717073;
	line-height: 16px;
}

h1, h2, h3 { font-family : Arial; font-weight : normal; font-style : normal; color :black; }

h1 {font-size : 20px !important; margin : 20px 0 10px 0 !important;}
h2 {font-size : 16px; font-weight : normal; margin : 0px 0 7px 0 !important; }
h3 {font-size : 14px; font-weight : normal; color : #626262; margin-bottom : 5px; }
h4 {font-size : 12px; font-weight: bold; color : black; margin-bottom : 5px; }
h3.check {color : #626262; background: url("../images/i_check.gif") no-repeat; padding-left: 15px; }
h3.sidebar {background: url("../images/i_info.gif") no-repeat; font-style: italic; color: #8C328D; margin : 5px 0; padding-left: 20px; }

.white {color: white; }
.purple {color:#8C328D; }
.yellow { color: #FFCB00;}
.black { color: #000000;}

.image {margin: 10px;}

p {	margin: 0px 0px 1em 0px; line-height: 18px; }
ol, ul { margin-bottom : 1em; }
ol li {margin-left : 2em;}
li { line-height: 1.5em; margin-left : 15px; }

a.nice { color: #626262; text-decoration: none; border-bottom: solid 1px #cccccc;}
a.nice:hover { color: #000000; border-bottom: solid 1px #626262;}

.p03
{
	float: left;
	display: inline; /*ie6 doubel margin*/
	height: 170px;
	width: 902px;
	margin: 10px 16px;
}

.p03_body
{
	float: left;
	display: inline;
	width: 212px;
	height: 170px;
	padding: 0px 2px 0 6px;
	border-right: 1px solid #DDDDDD;
}

.p03_text, .p03_clientref
{
	float: left;
	display: inline;	
	width: 193px;
	height: 100px;
	text-align: left;
	line-height: 150%;
}

.p03_text
{
	padding: 8px 0px 0px 15px;	
}

.p03_clientref
{
	
}

.logoclient
{
	margin-top: 20px;
}

.infobutton
{
	float: left;
	display: inline;
	width: 128px;
	height: 14px;
	padding: 4px;
	margin: 10px 10px 10px 15px;	 
	background: url("../images/i_info.gif") no-repeat;			
	font-family: Arial, sans-serif, Helvetica;
	font-size:11px;
	font-weight: bold;
	color: #626262;	
	text-decoration: none;	
}
.logoBackground { background : url(/App_Themes/itensis/images/i_logo_no_itensis.jpg) no-repeat; width : 930px; height : 144px; float : left; margin-left : 24px;}
.logoBackground h1 {margin-top : 50px; margin-left : 10px; margin-right : 20px; font-weight : normal;}

.downloadLeft {background: url(/App_Themes/itensis/images/screenshots/TeamViewer%20download/buttonLeft.png) no-repeat; width:7px; height: 33px;}
.downloadCenter {background: url(/App_Themes/itensis/images/screenshots/TeamViewer%20download/buttonCenter.png) repeat-x; width: 300px; height: 33px; padding-top: 8px;}
.downloadRight {background: url(/App_Themes/itensis/images/screenshots/TeamViewer%20download/buttonRight.png) no-repeat; width:7px; height: 33px;}

.downloadButton {width: 314px; text-align: center; font-size: 14px; margin-bottom: 60px;}
.downloadButton a {text-decoration: none; color: #000000; cursor: pointer;}

/*
 * Klanten logo lijst 
 */

.sponsorListHolder{
	margin-bottom:30px;
}

.sponsor{
	width:132px;
	height:132px;
	float:left;
	margin:4px;

	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;
	background:url("/App_Themes/itensis/images/flipbackground.jpg") no-repeat center center #f9f9f9;
}

.sponsorFlip:hover{
	border:1px solid #999;

	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}
.sponsorFlip img{
	/* Centering the logo image in the middle of the .sponsorFlip div */

	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -55px;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:30px 5px 10px 10px;
	font-style:italic;
}

.sponsorURL{
	font-size:9px;
	padding-left:10px;
}

.clear{
	/* This class clears the floats */
	clear:both;
}