body {
	/*background-color: #e5e5e5;*/
	background-color: #ffffff;
	background-image: url(images/bg_main.gif);
	padding-top:0px;
	background-repeat: repeat-x;	
	font-stretch: condensed;
	
}
 div#page
  {
	/*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
   
    width: 1000px;
	background-color: transparant;
	background-image:url(images/shaduw.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
  }
  
  h2{
  font-size:14px;
  }
  
  
  
  
div#primary  { 
	
	text-align:left;
	width:inherit;
	margin-left:0px;
}

img#logo-image{
	margin-left:-50px;
	margin-top:30px;
	}

div#sidebar-right{

width:200px;

}

/*.two-sidebars #content
{
	width: 550px;
	margin-left: 370px;
	margin-right: -920px;
}*/


  .two-sidebars #content
  {
    width: 500px;
    margin-left: 220px; /* The width of #sidebar-left */
    margin-right: -700px; /* Negative value of #content's width + left margin. */
  }

 /* */
 
 .sidebar-left #content
  {
    width: 500px;
    margin-left: 220px; /* The width of #sidebar-left. */
    margin-right: -700px; /* Negative value of #content's width + left margin. */
  }


#sidebar-right
  {
    float: left;
    width: 200px;
    margin-left: 580px; /* Width of content + sidebar-left. */
    margin-right: -960px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }

#navbar ul{ 
	text-align:left;
	margin-left:0px;
	margin-top:0px;
	height:22px;
	float:left;
}
#navbar ul .active-trail{
	font-weight: bold;
}

div#navbar{
text-align:left;
}
div#navbar-inner{
width:inherit;
}

/*#primary ul.links li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:10px;
	font-size:12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:10px;
}*/



#primary ul.links li a{
	font-stretch:extra-condensed;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:0px;
	font-size:12px;
	padding-right:7px;
	padding-left:7px;
	/*background-image: url(images/divider_top.jpg);
	background-position: right;
	background-repeat: no-repeat;*/
	;
	/*margin-top:0px;*/
	
}

#primary ul.links li{
	height:22px;
	background-image: url(images/divider_top.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-right:0px;
	line-height: 22px;
	

}



#primary ul.links li.menu-253 a, #primary ul.links li.menu-278 a{border-right:none;}
  
li.menu-255, li.menu-1101{
margin-left:222px;
* margin-left:171px;
_margin-left:222px;
}

li.menu-476{margin-left:287px;}


div#page-inner
  {
	margin-top:0;
	background-color: transparent;
	background-image: url(images/schaduw.jpg);
	background-repeat: no-repeat;
	background-position: center; 
 
   }

div#header {
	height: 110px;
	background-image: url(images/header_main_v3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;	

}

div#block-block-21, div#block-block-22{
color:#58585a;
margin-left:540px;
margin-top:-60px;
font-size:20px;
}

div#block-block-60{
color:#58585a;
margin-left:540px;
margin-top:-112px;
font-size:20px;
}



h1.title
{
	font-size: 18px;
	font-stretch:condensed;
	padding-bottom: 10px;
	padding-top: 5px;
	font-weight: normal;	
	
}

h1.title, h2.title, h3.title 

{

color:#454545;

}

h2.title df3{
	font-stretch:condensed;
	font-weight: normal;
}

.region-left #secondary{
margin-left: 0px;
}
#sidebar-left{
margin-left: 95px;
width:220px;
margin-right: 0px;
/*color:#454545;*/
color:#5f6062;
}

div#content-inner{
width:500px;
margin-left: 150px;
}


/*SUBMENU*/



#secondary a
{
	width: 230px;
	display: block;
	padding-left: 15px;
	background-image: url(images/submenu.gif);
	background-position: 0px 0px;
	text-decoration: none;
	color: #454545;
	background-repeat: no-repeat;
}

#secondary a:hover
{
	text-decoration: none;
	
}

#secondary a.active
{
	width: 230px;
	display: block;
	padding-left: 15px;
	text-decoration: none;
	padding-bottom: 0px;
	font-weight: bold;
}

#secondary a:hover .active
{
	text-decoration: none;
}



/*TEKST */
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h3
{
	color:#454545;
	font-family: Arial, "Trebuchet MS", verdana, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	padding-bottom: 2px;
	padding-top: 5px;
}
#secondary a
{
	color: #454545;
	font-size: 12px;
	text-decoration: none;
	text-transform: capitalize;
}

div#content p
{
	color: #454545;
	/*line-height: 1.3em;*/
	
	margin: 0 0 .8em 0;
}

div#content 
{line-height:120%;}



/* LANGUAGE */


div#block-locale-0{
	position:relative;
	/*float: right;*/
	/*width:165px;*/
	width:200px;
	text-align: left;
	margin-left:900px;
	top:-60px;
	}
div#block-locale-0 ul a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 75px;
	text-align: left;
	margin-left: 0px;

}

div#block-locale-0 ul{
	width: 300px;
	margin-right: 10px;
	padding-right: 10px;
	text-align: left;
	display: inline;	
	}
	
div#block-locale-0 li{
	display: inline;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #454545;
	}
div#block-locale-0 li a{
	text-decoration: none;
	display: inline;
	color: #454545;
	margin-right: 10px;
	
	}
div#block-locale-0 li.fr{
	margin-left: 10px;
	border:none;
	}
	
div#block-locale-0 li.en{
	margin-left: 10px;
		}
body.fr div#block-locale-0 li.en{
	border:none;
		}
		
div#block-locale-0 li.active{
	display:none;
		}			

		
		
		
	
/* FOOTER */	
	div#footer a{
	color:#858585;
	text-decoration: none;
	
}
div#footer{
	font-size: 10px;
	width: 830px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	color:#858585;
	background-color:#FFFFFF;
	text-align: left;
	padding-left:3px;
	margin-left:80px;
	padding-top:10px;
	margin-top:10px;
}


div.page div.skip-to-nav{
display:none;
border:#FF0000;
}

/* NIEUWS */
.page-nieuws div.views-field-title a, .page-content-actualit-s div.views-field-title a, .page-news div.views-field-title a{
	font-weight: bold;
	/*color: #454545;*/
	color:#073163;
	font-size: 12px;
	padding-top: 0px;
	text-decoration:none;
	/*float:left;*/
	width:410px;
	padding-right:90px;
	margin-bottom:15px;		
}

.page-nieuws .views-field-teaser img, .page-content-actualit-s .views-field-teaser img, .page-news .views-field-teaser img{
	display:block;
	position:static;	
	float:none;
	position:relative;
	padding:5px 0px;
	margin:0px;
	_display:none;
	*display:none;
}



.page-nieuws div.views-row, .page-content-actualit-s div.views-row, .page-news div.views-row{
	position:static;
}
	
	
#sidebar-right div.views-field-title a{
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #454545;
	width:180px;
		margin-bottom: 5px;
	padding-bottom:5px;
		
}

.page-nieuws div.views-field-created, .page-content-actualit-s div.views-field-created, .page-news div.views-field-created {

	color: #858586;
	font-size: 12px;
	padding-top: 0px;
	margin-top: -12px;
	padding-left: 0px;
	width:70px;

	
	
}


div.views-row{
margin-bottom:5px;
}


.node-type-news-page h2.title a{
	
	font-weight: bold;
	color: #323232;
	font-size: 13px;	
	padding-top: 0px;
	text-decoration:none;	
}
.node-type-news-page div.content {

	color: #454545;
	font-size: 12px;
	padding-top: 0px;
	padding-left: 0px;
	line-height:120%;
}


.node-type-news-page div.submitted{

	color: #858586;
	font-size: 12px;
}
node-type-news-page{
margin-bottom:5px;
}

	








/* END HOME*/


div #content
{
	/*position:relative;
	float: left;*/
	width: 500px;
	margin-left: 0px;
	color:#454545;
}
div #main-inner
{
	margin-bottem:0px;
	padding-bottem:0px;
	margin-top:0px;
	padding-top:0px;
	

}
div #main
{
margin-bottem:0px;
padding-bottem:0px;
margin-top:0px;
padding-top:0px;
}

.with-navbar #content, .with-navbar #sidebar-left, .with-navbar #sidebar-right (line 183)

{

margin-top: 0px;

}
.content a{
color: #454545;
/*color: #cbd301;*/
	text-decoration: none;
	}
	
div.content table{
border:none;
}
div#block-menu-primary-links{
display:none;
}

/*FACEBOOK SHARE */
div#block-addtoany-0 h2
{display:none;}
/*div#block-addtoany-0 img
{
width:80%;
height:80%;}*/




/* VRAAG DEMO ACOUNT AAN */
div#block-block-10, div#block-block-39{
	position:relative;
	margin-left:922px;
	top:-65px;	
}
div#block-block-23{
	position:relative;
	margin-left:922px;
	top:-65px;	
}
div#block-block-10 .knop, div#block-block-23 .knop,
div.inschrijven .knop
{
	position:absolute;
	z-index:1;		
}
div#block-block-10 .tekst, div#block-block-23 .tekst, div#block-block-39 .tekst,
div.inschrijven .tekst{
	position:absolute;
	z-index:2;
	width:110px;
	margin-top:10px;
	vertical-align: middle;
	text-align: center;
}
div.inschrijven a{
	color:#333;
}



/*TAGS*/
div#block-tagadelic-1{
width:625px;
float:right;
}

a.tagadelic{margin-top:15px;}

div.meta{
display:none;
}

div.content table td{
	border:none;
	vertical-align: top;
}



div.node-teaser .node-inner{
margin-bottom:10px;
border-bottom:#cccccc solid 1px;
padding-bottom:10px;
}
.node-inner a{
	color:#919701;
	
	text-decoration: none;
	margin-left:0px;
}
li.node_read_more{padding-left:0px;
margin-bottom:10px;

}
li.node_read_more a{margin-left:0px;
padding-top:10px;
}
div.content{
margin-bottom:10px;

}
/*li.fr{
visibility:hidden;
display:none;
}*/


/* FOOTER */
div#footer_sitemap{
	float:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	color:#454545;
	background-color:#FFFFFF;
	text-align: left;
	margin-left:0px;
	width:100%;
	padding-top:15px;
}
div.voorwaarden{
float:left;
width:220px;
}

div#sitemap_1{
	float:left;
	width:170px;
	
}
div#sitemap_2{
float:left;
width:170px;

}
#sitemap_1 ul, #sitemap_1 ul li, #sitemap_2 ul, #sitemap_2 ul li{
width:170px;
list-style-type: none;
margin-top:0px;
}

.page-nieuws .views-row, .page-content-actualit-s .views-row, .page-news .views-row{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
padding-bottom:5px;
margin-bottom:5px;
}

.page-nieuws .views-field-created, .page-content-actualit-s .views-field-created, .page-news .views-field-created{
	margin-bottom:10px;
	/*margin-left:15px;*/
	display:inline;
	float: right;
	/*margin-top:-28px;	*/
	top:0;
}

a .xml-icon, .xml-icon img{display:none;}



/* EVENTS */

#block-block-41 .title, #block-block-44 .title, #block-block-45 .title, #block-views-recent_stories-block_1 h2,
div#integratie  {
	color:#83cbea;
	background-image:url(images/kader.gif);
	height:28px;
	text-align: center;
	vertical-align: middle;
	padding-top:2px;
	background-repeat: no-repeat;
	width: 180px;
}

div#integratie {
	padding-top:5px;
}

div#integratie a{
	height:28px;
	color:#83cbea;
}

#block-block-41 p, #block-block-44 p, #block-block-45 p{
	margin:0;
}

#block-block-41 div.event, #block-block-44 div.event, #block-block-45 div.event{
border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #cccccc;

width: 180px;

margin-bottom: 5px;

padding-bottom: 5px;
}
.title_event{
	font-weight: bold;
}

table, td {font-size:12px;}

table.resellers td{
	padding-bottom:50px;
	border-bottom:#666 solid 1px;
	padding-right:10px;
	
}

div#block-block-47{
	padding:10px;
	padding-right:60px;
	background:url(http://www.2imagine.eu/drupal/sites/all/themes/www_2imagine_be_drupal/images/groen_vlak.gif);
	background-repeat:no-repeat;
	width:210px;
	}
	
div#block-block-47 div.content
	{width:190px;
	}
	
	
div#block-block-48 li, div#block-block-49 li, div#block-block-58 li{
	width: 230px;
	display: block;
	padding-left: 15px;
	background-image: url(images/submenu.gif);
	background-position: 0px 0px;
	text-decoration: none;
	color: #454545;
	background-repeat: no-repeat;
	height:20px;
}
	
	div#block-block-50 .knop, div#block-block-51 .knop, div#block-block-52 .knop
{
	position:absolute;
	z-index:1;		
}
div#block-block-50 .tekst, div#block-block-51 .tekst, div#block-block-52 .tekst{
	position:absolute;
	z-index:2;
	width:137px;
	margin-top:10px;
	vertical-align: middle;
	text-align: left;
	margin-left:15px;
	
}

div#block-block-50 .tekst a, div#block-block-51 .tekst a, div#block-block-52 .tekst a{
	color:#83cbea;
	
}



/* Blokken in de linker en rechterkolom met een blokje met pijltje schuin naar beneden. Dit zijn links*/
div#sidebar-left li{
	list-style-image: url(images/link.jpg);
	list-style-type: none;
	font-weight: bold;
	margin-bottom: 5px;
	color:#5f6062;
}

div#sidebar-right li{
	list-style-image: url(images/link.jpg);
	list-style-type: none;
	/*font-weight: bold;*/
	margin-bottom: 5px;
	color:#5f6062;
}
/* END  Blokken in de linker en rechterkolom met een blokje met pijltje schuin naar beneden. Dit zijn links*/




div#sidebar-left h2, div#sidebar-right h2, .features h2{
	font-size:11px;
	text-transform: uppercase;
}

div#sidebar-left div .block-inner{
	margin-bottom:60px;
}


/* Download block in de linkerkolom op de pagina's marketing publishing en catalog publishing  */
div#sidebar-left #block-block-63 li, div#sidebar-left #block-block-73 li{
	list-style-image: url(images/download.jpg);	
}



/*

@font-face {
	font-family: 'DIN';
	src: url('http://www.2imagine.eu/drupal/sites/all/themes/www_2imagine_be_drupal/fonts/dinengschriftstd-webfont.eot');
	src: url('http://www.2imagine.eu/drupal/sites/all/themes/www_2imagine_be_drupal/fonts/DINEngschriftStd.otf');
	font-weight: normal;
	font-style: normal;
}
*/


@font-face {
	font-family: 'DIN';
	src: url('http://www.2imagine.eu/drupal/sites/all/themes/www_2imagine_be_drupal/fonts/dinengschriftstd-webfont.eot');
	src: local('‚ò∫'), url('http://www.2imagine.eu/drupal/sites/all/themes/www_2imagine_be_drupal/fonts/dinengschriftstd-webfont.woff') format('woff'), url('http://www.2imagine.eu/drupal/sites/all/themes/www_2imagine_be_drupal/fonts/dinengschriftstd-webfont.ttf') format('truetype'), url('http://www.2imagine.eu/drupal/sites/all/themes/www_2imagine_be_drupal/fonts/dinengschriftstd-webfont.svg#webfontAagYaiNp') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* Other Product in de rechterkolom op de pagina's marketing publishing en catalog publishing
Hebben groene pijl net zoals h1 bij content */

div#sidebar-right #block-block-65 li, div#sidebar-right #block-block-70 li, div#sidebar-right #block-block-76 li {
	font-family: DIN, sans-serif;
	font-color:#5f6062;
	font-size:20px;
	list-style-image: url(images/h1_bullet.gif);
	margin-bottom:15px;
	height:15px;
	text-transform: uppercase;
}

.page-marketing-publishing h1 {
	font-family: DIN, sans-serif;
	font-color:#F00;
	font-size:20px;
	height:15px;
	text-transform: uppercase;
	background-image: url(images/h1_bullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 9px;
	margin-bottom:15px;
}
#block-block-66{
	margin-left:-35px;
}




/* Tabel met features op de pagina's marketing publishing en catalog publishing
Header is donkerder
td's van de rijen hebben class even of uneven waarbij uneven een andere kleur krijgt  */
td.header {
	background-color: #d9d9d9;
	font-weight: bold;
}
td.uneven {
	
	background-color: #ededed;
}
/*END TABEL*/




/* ROTOR block op de homepagine om de screens te laten roteren */
div#block-views-rotor-block_1{
	position:absolute;
	top:50px;
	float:left;
	margin-left:390px;
	background-image: url(images/beeld.png);
	padding-left:34px;
	padding-top:16px;
	background-repeat: no-repeat;
}

div.rotor-content img{
	width:303px;
	height:187;
}

/*END ROTOR*/


/* Opsomming bij de block how does it work. Met icoontjes voor de  1, 2, 3 en 4 
Op de pagina catalog-publishing (77)
op de pagina marketing-publishing (69)*/
#block-block-69 ol li, #block-block-77 ol li{
	list-style-type: none;
	padding-left:15px;
	margin-bottom: 5px;
	font-weight: bold;
	list-style-image:none;
	}
#block-block-69 li.bullet1, #block-block-77 li.bullet1{
	background-image: url(images/1.gif);
	background-repeat: no-repeat;
}
#block-block-69 li.bullet2, #block-block-77 li.bullet2{
	background-image: url(images/2.gif);
	background-repeat: no-repeat;
}
#block-block-69 li.bullet3, #block-block-77 li.bullet3{
	background-image: url(images/3.gif);
	background-repeat: no-repeat;
}
#block-block-69 li.bullet4, #block-block-77 li.bullet4{
	background-image: url(images/4.gif);
	background-repeat: no-repeat;
}
/* END Opsomming bij de block how does it work. Met icoontjes voor de  1, 2, 3 en 4 */



#sidebar-right{
	color:#5f6062;
}


/* Block other products bij marketing-publishing en catalog publishing
Om de block how does it work naar beneden te brengen*/
#block-block-65, #block-block-76{
	margin-top:112px;
	margin-bottom:300px;
}

/*Block OUR PRODUCTS op de pagina modules-tools-2imagine-1publish */
#block-block-70{	
	margin-bottom:55px;
	font-weight:normal;
}

/* Block OUR MODULES op de pagina modules-tools-2imagine-1publish*/ 
#block-block-71 li{
font-family: DIN, sans-serif;
font-size:15px;
color:#717171;
}






.page-modules-tools-2imagine-1publish #content

{

width: 920px;

margin-left: 0px;

margin-right: -700px;

}

.page-modules-tools-2imagine-1publish #content-inner{
width:800px;
margin-left: 115px;
}


.page-modules-tools-2imagine-1publish #sidebar-right{
margin-left:560px;
margin-right: -760px;

}

.page-modules-tools-2imagine-1publish #sidebar-left{
	margin-left:-96px;
}

.page-modules-tools-2imagine-1publish #headertekst,.page-modules-tools-2imagine-1publish h1{
margin-left:220px;
}

.page-modules-tools-2imagine-1publish .features {
	width: 220px;
	float:left;
}
.page-modules-tools-2imagine-1publish .module {
	
	float:left;
	width: 550px;
	
}
.page-modules-tools-2imagine-1publish .modules {
	
	clear:both;
	width: 780px;
}
.page-modules-tools-2imagine-1publish .beeld{
	float:left;
	width: 150px;

}
.page-modules-tools-2imagine-1publish .tekst{
	float:left;
	width: 350px;
}

div.modules{
border-bottom:#cecece solid 1px;
margin-bottom:30px;	
	}
	
div.features li{
	list-style-type: none;
}
div.module h2 a{
	text-transform: uppercase;
	color:#000;
	
	}
