@import url(css/menu.css);

@import url(css/forms.css);

@import url(css/news.css);


/*******    style.css
   (C) IIP Duurzame ICT 06-12-2007 last updated: 10-12-2007 style properties *********/


body
{
	font-family: arial, verdana, sans-serif;

	line-height: 20px;
   
	color: #000000;

	font-size: 0.70em;
	margin:0;
	padding:0;
	
background-color: #ffffff;

	background-image: url(images/bg008.jpg);

	background-repeat:no-repeat;

	background-position:top;
}


#wrapper 
{

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	width: 1024px;

	border-left: 0px solid #dddddd;
	border-right: 0px solid #cccccc;
	border-bottom: px solid #3c3c3c;
	background: #  ffffff;
             background-image: url(images/ bg_wrappergr3.gif);
	
             background-repeat:repeat-y;
	
             background-position: top;
	
clear: both;

	float: none;

	z-index: 1;

	position: relative;
}


#left
{
	width: 289px;
 
	float: left;
} 


#left a
{
	color: #ffffff;
                text-decoration:underline;
}


#left a:hover
{

	color: #33489b;
}


#right
{
	width: 199px;
 
	float: right;
}


#right_intermediair
{

	width: 175px;
 
	float: right;
	padding:10px;

	padding-top: 0px;

	color: #ffffff;
}


#right_intermediair p
{

	padding-top: 0px;

	margin-top: 0px;
}


#right_intermediair p a{

	color: #ffffff;
}



#content
{

	width:735px;

	background-color: #ffffff;

	padding-top: 24px;

	padding-bottom: 30px;

	float:right;
}


#text
{
	width:536px;

	float:left;
}




#bottom
{

	float: none;
 
	clear: both;

	margin-left: auto;

	margin-right: auto;

	color: #8c8c8c;

             text-align:right;

	width: 1024px;

	height: 30px;

	background-image: url(images/bg_wrapper_bottom .gif);

	background-repeat:no;

	background-position: top;
	
}



#bottom p
{

	font-size: 0.8em;

	padding-top: 0px;

	padding-right: 10px;
}


#bottom a
{

	color: #8c8c8c;
}


#bottom a:hover
{

	color: rgb( 0, 155, 71);}


#footer
{

	margin-left: auto;

	margin-right: auto;
	color: #8c8c8c;

             text-align:right;

	width: 1025px;
}


#footer p
{

	font-size: 0.8em;

	padding: 0px;
}


#footer a
{

	color: #8c8c8c;
}


#footer a:hover
{

	color: #13a989;
}


/*****                  text                   *****/



a 
{

	color: #8c8c8c;

	text-decoration: underline;
}


a:hover 
{

	color: #33489b;

	text-decoration: underline;
}


h4
{

	font-size: 1.5em;

	color: #8c8c8b;

	padding: 0;

	margin: 0;
}


h3
{

	font-size: 15px;

	color: #8c8c8b;

	padding: 0;

	margin: 0;
}


h6
{

	width: 200px;

	float: left;
	font-size: 1.2em;

	color: #8c8c8b;

	text-align:center;
	padding: 5px;
	font-style:italic;
}

ul.list, 
#text div ul, 
#text div div ul, 
#print ul
{
	margin: 0px;

	margin-left: 15px;

}


ul.no_disc
{

	list-style-type:none;

	margin: 0;

	padding: 0;
}


img
{

	border: 0px;
}


address
{

	font-style:normal;
}


.print 
{

	color: #acacac;

	font-style:italic;}


.announcement
{

	padding-left: 20px;

	padding-right: 20px;

	text-align: center;

	width: 495px;

	height: 10px;
}


.announcement b
{

	color: #8c8c8b;
}


<!-- specific elements for contact -->

td.middlecolumn {
                padding-left: 4px;
                padding-right: 24px; 
}

.submit {
  background: url(images/chromebg3.gif) center center repeat-x;
  color: #8c8c8b;
  font-weight: bold;
  padding: 3px 10px 3px 15px;
  text-align: right;
}

.field {
  background: url(images/chromebg3.gif) center center repeat-x;
  background-color:#ffffff;
    border:1px solid silver;
  width:160px;
  color: #000000;
  font-weight: normal;
  text-align: left;
}

.field2 {
  background: url(images/chromebg3.gif) center center repeat-x;
  width:247px;
  color: #8c8c8c;
  font-weight: normal;
  text-align: left;
}

.1b {
  font-size: 11px;
  color:#000000;
  background-color:#ffffff;
  background: url(images/    .gif) center center repeat-x; 
  spacing-top: 100px;
  border: solid 1px #8c8c8c;
  padding: 3px 10px 3px 15px;
}

.1b a{
  font-size: 11px;
  font-weight: bold;
  color:#8c8c8b;
  text-decoration: none;
}

.1b a:hover{
  font-size: 11px;
  font-weight: bold;
  color:#8c8c8c;
  background-color:#ffffff;
}

/*****                header                   *****/



div.logo
{
	width: 289px;

	height: 601px;

	margin: 0;

	padding-top: 40px;
             color:#8c8c8c;
             background-image: url(images/bgleft .jpg);

	background-repeat: no-repeat;

	background-position: bottom;

	float:left;
}


div.flash
{
	width: 735px;

	height: 108px;
             background-image: url(images/logo.jpg);

	background-repeat: no-repeat;

	background-color: #ffffff;

	background-position: right;

	margin: 0;

	padding: 0;

	float: right;
}


div.white
{

	width: 535px;

	height: 2px;

	background-color: #ffffff;

	float: left;

	margin-bottom: 20px;
}



/*****                    left                 *****/



div.left_payoff
{

	width: 264px;

	height: 20px;

	padding-top: 540px;

	
padding-left: 14px;

	padding-right: 10px;

	float: left;
}


div.left_news
{

	width: 229px; /* zonder padding 195 ok 205 px */
	height: 120px;

	
padding-left: 20px;

	padding-right: 20px;

	padding-top: 0px;

	padding-bottom: 3px;

                background-image: url(images/bg_wrapper_left.gif);

	background-color: #  8c8c8b;

	background-repeat: no-repeat;

	background-position: top;

	float: left;

                color:#ffffff;
	font-size: 11px;
}

div.left_news_home
{

	width: 229px; /* zonder padding 195 ok 205 px */
	height: 0px;

	
padding-left: 20px;

	padding-right: 20px;

	padding-top: 12px;

	padding-bottom: 10px;

                background-image: url(images/bg_wrapper_left.gif);

	background-color: # 8c8c8b;

	background-repeat: no-repeat;

	background-position: top;

	float: left;

                color:#ffffff;
	font-size: 11px;
}

div.left_news_project
{

	width: 229px; /* zonder padding 195 ok 205 px */
	height: 460px;

	margin-top: 2px;

	
padding-left: 20px;

	padding-right: 20px;

	padding-top: 12px;

	padding-bottom: 10px;

             background-image: url(images/bg_wrapper_left.gif);

	background-color: #8c8c8b;

	background-repeat: no-repeat;

	background-position: top;

	float: left;

                color:#ffffff;
	font-size: 11px;
}

div.left_news_bbd
{

	width: 229px; /* zonder padding 195 ok 205 px */
	height: 28px;

	
padding-left: 20px;

	padding-right: 20px;

	padding-top: 24px;

                background-image: url(images/bg_wrapper_left.gif);

	background-color: #      8c8c8b;

	background-repeat: no-repeat;

	background-position: top;

	float: left;

                color:#      ffffff;
	font-size: 11px;
}


div.left_intermediair
{

	width: 239px; /* zonder padding 205 px */
	
padding-left: 20px;

	padding-top: 30px;

	float: left;
	
                font-size: 11px;
}


div.left_promo
{

	width: 257px; /* zonder padding 245 px */

	height: 84px;

	text-align: left;

	padding-left: 12px;

	padding-top: 0px;

	background-color: #  XXXXXX;

	background-image: url(images/bg_leftbl.gif);

	background-repeat: repeat-y;

	background-position: bottom left;

	float:left;
}


div.left_promo_tekst
{

	width: 177px;

	padding-top: 4px;

	font-size: 11px;

	text-align: left;

	padding-right: 20px;
	
}


div.intranet_home
{

	float: left;

	clear: both;

	width: 269px;

	height: 254px;

	text-align: left;

	background-color: #  8c8c8b;

	padding-top: 0px;

	padding-left: 20px;

	padding-bottom:0px;
}



div.intranet_home_short
{

	float: left;

	clear: both;

	width: 269px;

	height: 20px;

	text-align: left;

	background-color: #  8c8c8b;

	padding-top: 0px;

	padding-bottom:0px;
}


img.gi_logo{

                border: 0px;
}
div.intranet_home h3 a, 
div.intranet_home a
{

	text-decoration: none;
}






/*****               center                    *****/





div.text_block
{

	width: 535px;
	height: 105px;

	background-image: url(images/line_center.gif);

	background-repeat:repeat-y;

	background-position: right;
}


div.tblock_large_head
{

	width: 495px; /* zonder padding 435 */

                auto; height:100px;
	padding-left:20px;

	padding-right:0px;

	padding-bottom:0px;}


div.tblock_large_head_participants
{

	width: 495px; /* zonder padding 435 */

              height:80px;
	padding-left:20px;

	padding-right:0px;

	padding-bottom:0px;}

div.tblock_large_head_partners
{

	width: 495px; /* zonder padding 435 */

                height:40px;
	padding-left:20px;

	padding-right:0px;

	padding-bottom:0px;}

div.tblock_large_head_contact
{

	width: 495px; /* zonder padding 435 */

                height:40px;
	padding-left:20px;

	padding-right:0px;

	padding-bottom:0px;}


div.tblock_large
{

	width: 495px; /* zonder padding 435 */

                overflow-y: auto; height:330px;
	padding-left:20px;

	padding-right:20px;

	padding-bottom:20px;

	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-arrow-color:#dddddd;
	scrollbar-track-color: #eeeeee;
	scrollbar-darkshadow-color:#dddddd;}


div.tblock_large_partners
{

	width: 495px; /* zonder padding 435 */

                overflow-y: auto; height:293px;
	padding-left:20px;

	padding-right:20px;

	padding-bottom:20px;

	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-arrow-color:#dddddd;
	scrollbar-track-color: #eeeeee;
	scrollbar-darkshadow-color:#dddddd;}


div.tblock_large b,strong
{

	font-size: 1.2em;

	color: #35459c;
}

div.tblock_large_dona
{

	width: 334px; /* zonder padding 335 */

                overflow-y: auto; height:380px;
	padding-left:20px;

	padding-right:20px;

	padding-bottom:20px;

	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #00ff00;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-arrow-color: rgb( 0, 155, 71);
	scrollbar-track-color: #eeeeee;
	scrollbar-darkshadow-color:#888888;}

div.tblock_large_dona b,strong
{

	font-size: 1.2em;

	color: #35459c;
}

div.tblock_large_intro
{

	width: 334px; /* zonder padding 335 */

                height:380px;
	padding-left:20px;

	padding-right:20px;

	padding-bottom:20px;

	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #00ff00;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-arrow-color: rgb( 0, 155, 71);
	scrollbar-track-color: #eeeeee;
	scrollbar-darkshadow-color:#888888;}


.teaser
{
	font-size: 1.2em;

	color: #000000;

	font-weight: bold;
}


div.tblock_line
{

	width: 534px;

	height: 41px;

	float: none;

	padding: 1px;

	background-image: url(images/line.gif);

	background-repeat: no-repeat;

	background-position: top;
}


div.tblock_line_large
{

	width: 534px;

	height: 1px;

	float: left;
	padding-left: 2px;

	background-image: url(images/line2.gif);

	background-repeat: no-repeat;

	background-position: top;
}


div.tblock_left
{
	width: 227px;

	padding-left:20px;

	padding-right:20px;

	float:left;

	font-size: 11px;
}


div.tblock_left b,
div.tblock_left strong, 
div.tblock_right b, 
div.tblock_right strong
{

	font-size: 13px;

	color: #33489b;
}


div.tblock_right
{

	width: 227px;

	padding-left:20px;

	padding-right:20px;

	float:right;

	font-size: 11px;
}


div.block_bottom
{

	width: 530px;

	height: 20px;

	float: none;
 
	clear: both;

	background-color: #00ffff;
	margin-left: 1px;}


hr
{
	height: 0;
 
	border: 0;
 
	border-top: 1px solid #c9c9c9;
}


div.box
{
	border: 1px solid #8c8c8b;

	padding: 5px;

	border-top: 20px solid #8c8c8b;

	width:60%;
}





/*****                 right                   *****/




div.right_iip{

	width: 182px;
             height: 260px;

	background-image: url(images/no_picture.jpg);

             background-repeat:no-repeat;

	background-position: bottom;
	
background-color: #ffffff;

	border: 1px solid #ffffff;

	margin-left: 8px;

	margin-top: px;
	
padding-top: 0px;
}


div.right_iip_short{

	width: 182px;
             height: 160px;

	background-image: url(images/no_picture.jpg);

             background-repeat:no-repeat;

	background-position: bottom;
	
background-color: #ffffff;

	border: 1px solid #ffffff;

	margin-left: 8px;

	margin-top: px;
	
padding-top: 0px;
}


div.right_youtube
{

	width: 160px;

             height: 60px;
	background-image: url(images/ youtube.jpg);

             background-repeat:no-repeat;

	background-position: bottom;
	
background-color: #ffffff;

	border: 1px solid #ffffff;

	margin-left: 8px;

	margin-top: 0px;
	
padding-top: 0px;
	
padding-left: 22px;


             text-decoration:none;}


div.right_youtube
 a{

	
background-color: #ffffff;

             text-decoration:none;}



div.right_news{

	width: 182px;

	background-image: url(images/IIPictregie .jpg);

	background-repeat: no-repeat;

	background-position: bottom;
	
background-color: #ffffff;

	border: 1px solid #ffffff;

	margin-left: 8px;

	margin-top: px;
	
padding-top: 30px;
}


div.right_emf /* Zie calendar.css en is idem als div.right_tft*/
{

                width: 173px; /*182 zonder padding */

	background-image: url(images/emf.gif);

	background-repeat: no-repeat;

	background-position: top;

	background-color: #ffffff;
	border: 1px solid #ffffff;

	margin-left: 8px;

	padding-left: 7px;
	
padding-right: 2px;
	
padding-top: px;
	font-size: 10px;
}
div.right_tft /*Font tags vastgezet op grootte */
{

	width: 173px;

	background-image: url(images/login_tft.gif);

	background-repeat: no-repeat;

	background-position: top;
	
background-color: #ffffff;

	border: 1px solid #ffffff;

	margin-left: 8px;

	margin-top: 14px;

	padding-left: 7px;
	
padding-right: 2px;
	
padding-top: 10px;

	padding-bottom: 10px;

	font-size: 10px;
}

/*****                 viewer                   *****/


#viewer {
             width: 98%; 
             text-align: right; }

div.viewertext {
             width: 98%; 
             text-align: right; }