/* ADD-ON */


#text #container #triggers {
padding-top: 20px;
height:170px;
}

#text #sidecol .nieuws {
margin-right:10px;	
}

#text #sidecol h2 {
color:#FFF;
margin:0px;
}

#text #sidecol .nieuws_item a{
color:#CCC;
font-size:12px;
}

#text #sidecol .nieuws_item a:hover{
color:#FFF;
}


#addthis-btn {
float:right !important;
}

#at16pf {
height:25px !important;	
}

#player1 {
background:#000;
text-align:center;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}


.toggle-col, .toggle-col2, .toggle-col3 {
float:right;
font-size:25px;
text-decoration:none;
cursor:pointer;	
}


#index #slideshow p {
font-size:15px;
line-height:25px;
}

#index #slideshow div input {
font-weight:bold;
background: #7A1F10 url('http://iprofs.files.wordpress.com/2011/02/bg-button.jpg') repeat-x bottom left;
border: solid 0 white;
color: #FFF;
padding: 5px 10px;
font-size:15px;
position:relative;
width:250px;
border:0px;	
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#index #slideshow div input:hover {
background:#E32219;
color:#FFF;
cursor:pointer;
}


/* IPROFS BLOG SIDEBAR FEED HOME*/

#index .rssincl-content {
margin-top:15px !important;	
}

#index .rssincl-itemdesc, .rssincl-head {
display:none;	
}

#index #rssincl-box-110498 {
border:0px !important;
width:320px !important;	
}

#index .rssincl-entry {
background: transparent !important;
margin-left:20px;
border:0px !important;
margin-bottom:10px !important;
}

#index .rssincl-itemtitle {
background:url("../gfx/add-on/li_home.gif") no-repeat scroll left 3px transparent;
margin-bottom:10px;
margin-right:0;
margin-top:0;
padding-left:16px;
}

#index div#rssincl-box-110498 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a {
color:#CCCCCC;
display:block;
font-size:15px;
font-weight:normal;
margin-top:0;
padding:1px 0;
text-decoration:none;
}

#index div#rssincl-box-110498 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover {
color:#FFF !important;
}

#index div.rssincl-last {
display:none;	
}


/* IPROFS BLOG SIDEBAR FEED DETAIL*/

#text .rssincl-content {
margin-top:15px !important;	
}

#text .rssincl-itemdesc, .rssincl-head {
display:none;	
}

#text #rssincl-box-110498 {
border:0px !important;	
}

#text .rssincl-entry {
background: transparent !important;	
}

#text .rssincl-itemtitle {
margin-bottom:5px !important;
margin-top:5px !important;
line-height:20px !important;
}

#text div#rssincl-box-110498 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a {
color:#CCC !important;
font-size:12px !important;
font-weight:normal !important;
text-decoration:none !important;
}

#text div#rssincl-box-110498 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover {
color:#FFF !important;
}

#text div.rssincl-last {
display:none;	
}






/*DYNAMIC CONTENT*/
.dynamic_content a {
	color:#990000;
	padding:2px;
	text-decoration:underline !important;	
	}
.dynamic_content a:hover {
	color:#F00;
	}
.dynamic_content sup{
  font-size:8px;
  color:black;
	}


/* BOX */
.box {
    width:auto;
	overflow:hidden;
	zoom:1;
	background:#FFFFFF;
    }
	.box p {
		margin:15px 5px;
		color:#333;
		}
    .box p.naam {
        color:#8f8f8f;
    	}

/* TRIGGERAREA */
#main #content .triggerarea h3 {
	text-transform:uppercase;
	margin:25px 20px 0;
	}
	#main #content .triggerarea p {
		margin:5px 20px 10px;
		}
	.triggerarea li {
		list-style:none;
		}
		.triggerarea li a {
			display:block;
			padding-left:16px;
			}
			#main #content .triggerarea ul {
				margin-left:20px;
				margin-right:20px;
				}

/* CASE */
.case {
    float:right;
    width:188px;
	overflow:hidden;
	zoom:1;
	padding-bottom:25px;
    margin:0 0 15px 15px;
    background:#1c1c1c;
	color:#fff;
    }
	#text .case p {color:#fff;}
	.case li a {background:transparent url('../gfx/add-on/icon_arrow_case.gif') left 1px no-repeat;}

    
/* VISIE */
.visie {
	float:left;
	margin:25px 0px;
	display:block;
	padding-bottom:25px;
	background:#efefef;
	}
	#text .visie p {color:#333;}
    .visie li a {background:transparent url('../gfx/add-on/meer_visie.gif') left 2px no-repeat;}
    .visie a:hover {color:#222;}

/* NAVIGATIE */

span.cat-title {
	display:none;
letter-spacing:-0.05em;
margin-left:0px;
margin-right:20px;
margin-bottom:5px;
font-size:1.5em !important;
}

.cat-title a {
font-weight:normal !important;
text-decoration:none !important;
padding:0px;
margin:0px;
}


#homepage {
margin:0;
margin-right:auto;
margin-left:auto;
width:950px;	
}


ul.navigation {
display:block;
list-style:none outside none;
margin:0;
margin-right:auto;
margin-left:auto;
width:950px;
padding:15px 0;
    }
    .navigation li {
        display:inline;
        }
        .navigation a {
display:inline;
font-size:16px;
font-weight: normal;
padding:11px;
padding-left:0px;
padding-right:25px;
text-decoration:none;
            }
            .navigation a:hover {

            }
            .navigation .active a {
                color: #000;
                }
                
/* SUB NAVIGATION */


.sub_navigation {
    margin-top:0px;
    width:250px;
    margin-left:0px;
    margin-bottom:20px;
    padding:2px;
    background:#FFF;
    float:left;
    padding-top:0px;
    padding-bottom:10px;   
    }
    .sub_navigation ul {
padding-top: 5px;
        }
        
        .sub_navigation li ul {margin-left:10px;}        
        .sub_navigation li.title ul a {color:#000;}
        
        .sub_navigation li {
			color:#7A1F10;
			padding:0px;
            }
        .sub_navigation .title a,
				.sub_navigation .title a:link,
				.sub_navigation .title a:visited {
					text-decoration:none;
					font-weight:normal;
					background:#FFF;
					color:#000 !important;								
					}

       	li.title ul li a {background:transparent !important; margin:0px !important; padding:0px !important;}
        li.title ul li.title a  {
        			margin:0px;
					padding:0px;
					text-decoration:none;
					font-weight:normal;
					color:#F00;
					background:#FFF !important;
					}					
					
            .sub_navigation a,
			.sub_navigation a:link,
			.sub_navigation a:visited {
				margin-bottom:0px !important;
				padding-bottom:0px !important;
                text-decoration:none;        			
				padding:2px!important;
				display:block;
            }
            .sub_navigation a:hover {
                text-decoration:none;
            }

.blerk a, .blerk a:link {
	background:none !important;
	padding-left:0px !important;
	padding-bottom: 0px !important;
	font-family: georgia;
	font-size: 25px !important;
	color:#000;
	border-bottom:solid 1px #000 !important;
	display:block;
	margin-bottom:0px !important;
}




/* BUTTONS */
#index .buttons1 {width:292px;}
#index .buttons2 {width:292px;}
#index .buttons3 {width:292px;}
#index .buttons4 {width:292px;}
#index .buttons5 {width:292px;}

#text .buttons1 {width:190px;}
#text .buttons2 {width:190px;}
#text .buttons3 {width:190px;}
#text .buttons4 {width:190px;}
#text .buttons5 {width:190px;}

#text #pushbuttons {
	margin-left:0px;
	width:190px;
	height:40px;
	}
	
	#pushbuttons ul {
		margin-left:0;
		overflow:hidden;
		zoom:1;
		background:#000 url('../gfx/add-on/sub_navigation_close.gif') center top no-repeat;
		}
	#pushbuttons ul.buttons1 {
/*		padding-top:13px;*/
		}
		#pushbuttons ul li {
			list-style:none;
			margin:0;
			padding:0;
			height:41px;
			background:transparent url('../gfx/add-on/pushitem_button_1.gif') top center no-repeat;
			}
			#pushbuttons ul li a {
				display:block;
        padding:12px 20px 10px;
        font-size:15px;
        text-decoration:none;
				}

    .buttons1 a {
        display:block;
        padding:12px 20px 10px;
        font-size:15px;
        text-decoration:none;
        background:transparent url('../gfx/add-on/meer.gif') 10px center no-repeat;
    }
    .buttons2 a {
        display:block;
        padding:12px 20px 10px;
        font-size:15px;
        text-decoration:none;
        background:transparent url('../gfx/add-on/meer.gif') 10px center no-repeat;
    }
    .buttons3 a {
        display:block;
        padding:12px 20px 10px;
        font-size:15px;
        text-decoration:none;
        background:transparent url('../gfx/add-on/meer.gif') 10px center no-repeat;
    }
    .buttons4 a {
        display:block;
        padding:12px 20px 10px;
        font-size:15px;
        text-decoration:none;
        background:transparent url('../gfx/add-on/meer.gif') 10px center no-repeat;
    }
    .buttons5 a {
        display:block;
        padding:12px 20px 10px;
        font-size:15px;
        text-decoration:none;
        background:transparent url('../gfx/add-on/meer.gif') 10px center no-repeat;
    }

               
/* VISUAL */


#slideshow {
    position:relative;
    height:350px;
    margin:0px;
    padding:0px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    border:0px;
    text-align:left;
}

#slideshow div.active {
    z-index:10;
}

#slideshow div.last-active {
    z-index:9;
}


#slideshow div h1 {
float:left;
margin:0px;
padding:0px;
width:630px;	
padding-bottom:5px;
margin-top:20px;
margin-bottom:0px;
border-bottom:solid 0px #000;
color:#000;
font-weight: bold;
}

#slideshow div p {
margin:0px;
padding:0px;
float:left;
width:70%;	
color:#E32219;
font-weight:bold;
}


#home-img1 {
background: #FFF url("/gfx/background/visual_blank.jpg") no-repeat top right;
width:950px;
height:280px;
float:left;
}

#home-img2 {
background: #FFF url("/gfx/background/visual_blank2.jpg") no-repeat top right;
width:950px;
height:280px;
float:left;
}

#home-img3 {
background: #FFF url("/gfx/background/visual_blank3.jpg") no-repeat top right;
width:950px;
height:280px;
float:left;
}

#home-img4 {
background: #FFF url("/gfx/background/visual_blank4.jpg") no-repeat top right;
width:950px;
height:280px;
float:left;
}







#text #visual {
    height:0px;
    
}
#index #visual {
    
    }
    #visual #visual_top {
    	height:280px;
    	margin-top:0px;
   		margin-bottom:0px;
        display:block;
        position:relative;
        overflow:hidden;
        }
        #visual .col1 {
            text-align:left;
            float:left;
            width:190px;
            margin:55px 0px 0px 80px;
            display:inline;
            }
            .col1 p {
                color:#000;
            }
            .col1 h2,
            .col1 .meer,
            .col2 {
                color:#fff;
                text-decoration:none;
            }
            .col1 .meer {
                background-image:url('../gfx/add-on/meer_alt.gif');
            }
            .col1 a:hover,
            .col2 a:hover,
            .col1 .meer:hover {
                color:#222;
            }
        #visual .col2 {
            text-align:left;
            float:right;
            margin-top:160px;
            margin-right:30px;
            width:170px;
            display:inline;
        }
            
/* TRIGGERS */
#triggers {
    overflow:hidden;
	zoom:1;
    text-align:left;
    list-style:none;
    margin:0px;
    padding:0px;
    margin-bottom:0px;
    }
    #triggers li {
        margin:0px;
        padding:0px;
		float:left;
    }

    #foo #triggers .image {    
        margin:35px 0px !important;
    }
    #triggers .image {    
        float:left;
        border:0px;
        margin: 30px 0px 0 0;
    }
    
    #foo  #triggers .title {
    margin-left: -95px !important;
    margin-top:-5px;	
    }
    
    #triggers .title {
		font-size: 20px;
		letter-spacing: -1px;
		font-weight: bold;
		font-family: Georgia;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-left: -95px;
		display: inline-block;
		color: #444;
    }
    #triggers .text {
		padding-right: 5px;
		color: #666;
		display: block;
		padding-top: 10px;
		font-size: 12px;
		line-height: 18px;
    }
		#triggers a:hover {
			background: #DDD url('http://iprofs.files.wordpress.com/2011/02/bg-widget.jpg') repeat-x 10px 0px !important;
			}
		#triggers a:hover .title,
		#triggers a:hover .text {
			color:#000 !important;
			}	

    #triggers a {
        display:block;
        height:140px;
        text-decoration:none;
        width:235px;   
        background: #F0F0F0 url('http://iprofs.files.wordpress.com/2011/02/bg-widget.jpg') repeat-x bottom left !important;
        border:solid 1px #CCC;
        }
        
    #triggers .bttn_1 a {
        background:transparent url('../gfx/add-on/visual_bttn_1.jpg') top left no-repeat;
        -webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
    }
    #triggers .bttn_2 a {	
        background:transparent url('../gfx/add-on/visual_bttn_2.jpg') top left no-repeat;
    }
    #triggers .bttn_3 a {
        background:transparent url('../gfx/add-on/visual_bttn_2.jpg') top left no-repeat;
    }
    #triggers .bttn_4 a {
        background:transparent url('../gfx/add-on/visual_bttn_4.jpg') top right no-repeat;
        -webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
    }

/* JOB INTERVIEW */
#job_interview {
    margin-top:20px;
    margin-left:25px;
    width:292px;
    display:block;
    }
    #flash_movie {
        display:block;
        height:216px;
        background:transparent url('../gfx/add-on/job_film_non_flash.jpg') center center no-repeat;
    }
    #job_interview .buttons a {
        float:left;
        width:146px;
        padding:15px 0px;
        display:inline;
        font-size:13px;
        text-decoration:none;
        background:transparent url('../gfx/add-on/job_button_non_flash.gif') left top no-repeat;
        color:#fff;
        }
        #job_interview .buttons a:hover {
            color:#f00;
        }
        #job_interview .buttons a .meer {
            color:inherit;
            margin-left:10px;
            font-size:13px;
        }
        
/* ADDRESS */

#footer p {
margin:0px;
margin-left:auto;
margin-right:auto;
padding-top:0px;
width:950px;
text-align:left;
font-size:11px;	
}

#text #footer {
	border-top:solid 0px #CCC !important;
	background: none !important;	
}

#text #footer #foo { 
	margin: 0 auto;
	width:950px;
}

#text #footer #footaddress {
	text-align:center;
	color:#666;
	border-top:solid 1px #CCC;
	display:block;
	height: 200px;
	background: #E1E1E1 url('http://iprofs.files.wordpress.com/2011/03/bg-footer.jpg') repeat-x top center !important;
	margin-bottom:0px;
	margin:0 auto;
	left:0;
	width:100%;
	padding:0px;
	font-style:normal;
	font-size:12px;	
}


#footaddress {
	text-align:center;
	color:#666;
	border-top:solid 1px #CCC;
	display:block;
	margin-bottom:0px;
	margin:0 auto;
	left:0;
	width:100%;
	padding:0px;
	font-style:normal;
	font-size:11px;	
    }
    
    #footaddress span {
        float:left;
        width:165px;
        margin-top:21px;
        display:inline;
        text-align:left;
        }
        
        #footaddress span.marger {
            width:45%;
            padding:10px;
            margin-right:0px;
            margin-top:10px;
        }
        
	#footaddress span.noHeader {
            width:180px;
            padding:10px;
            margin-right:20px;
            margin-top:10px;
		}  
        
        
        #footaddress .footer_logi {
            float:left;
        	margin-top:15px;
        	margin-right:30px;
            width:100px;
            height:80px;
            display:inline;
            text-indent:-999em;
        }
    #footaddress strong {
	margin-right:5px;
	font-size:12px;
    }

#social-links {
background: #EEE;
margin-bottom: 20px;
margin-top: 1px;
float: right;
padding: 5px 0;
width: 460px;
border:solid 1px #CCC;
border-top:solid 0px #CCC;
}

#social-links a {
background-image:url('../gfx/background/social-icons.gif');
background-repeat:no-repeat;
text-decoration:none;
float:left;
padding-left:38px;
padding-right:20px;	
padding-top:10px;
height:30px;
font-size:13px !important;
}

#social-links .iprofsblog {        
background-position: 0 -197px !important;
}
#social-links .facebook {        
background-position: 0px -63px !important;
}
#social-links .twitter {        
background-position: 0 5px !important;
}
#social-links .linkedin {        
background-position: 0 -27px !important;
}

#social-links .iprofsblog:hover {        
background-position: 0 -231px !important;
}
#social-links .facebook:hover {        
background-position: 0px -165px !important;
}
#social-links .twitter:hover {        
background-position: 0 -97px !important;
}
#social-links .linkedin:hover {        
background-position: 0 -130px !important;
}

  


/* CLASSES */


.project-screens {
    margin-top:0;
    margin-bottom:0;    
    }
    
.project-screens img {
	border:1px solid #CCCCCC;
	float:left;
	margin:5px;
	width:325px !important;
	height:230px !important;
    }

.meer {
    color:#f00;
    padding-left:10px;
    background:transparent url('../gfx/add-on/meer.gif') left center no-repeat;
    }
    .meer:hover {
        color:#fff;
    }
.nieuws_item a {
	padding:0px;
	font-weight:normal !important;
	display:block;
	font-size:15px;
	text-decoration:none;
	margin-top:0px;
	}
#text .nieuws {
	margin-top:10px;
	}
#text .nieuws_item {
	display:block;
	margin-bottom:10px;
	}
#text .nieuws_item a {
color:#000;
font-family:Arial;
font-size:20px;
font-weight:bold !important;
text-decoration:none !important;
border-bottom:solid 1px #000;
}

#index	.nieuws_item a:hover { color:#E32219; }
#text	.nieuws_item a:hover { color:#E32219; }
.title {
    padding:0px;
    color:#f00;
    font-weight:bold;
    display:block;
}

.author {
	padding:1px 0px;
	font-size:10px;
	}
#text .author {
  color:#333;
	}
#index .author {
	color:#fff;
	}
.datum { 
font-size:15px;
  padding:5px 0px;
  padding-bottom:10px;
  color:#E32219 !important;
  display:block;
}
.type {
	text-transform:uppercase;
	}

/* Vacatures, module
-------------------------------------------- */
.vacature {
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
	}
	.vacature h2 {
		margin-top:5px;
		margin-bottom:0;
		}
		.vacature p {
			margin-top:0;
			margin-bottom:10px;
			}

/* Agenda
-------------------------------------------- */
#agendatable {
  background-color:#dee;
	}
  #agendatable table {
    width:100%;
  	}
  #agendatable thead th {
    padding:10px;
    border-bottom: 1px solid #616161;
		background:#eee;
		color:#f00;
		}
  #agendatable tbody th {
    padding:10px;
    border-bottom: 1px solid #616161;
  	}
  #agendatable td {
    padding:2px 10px;
  } 

/* Buttons
-------------------------------------------- */
ul.tool-buttons {
	margin-left:0;
	margin-top:25px;
	border-top:1px dotted #ccc;
	padding-top:10px;
	overflow:hidden;
	zoom:1;
	}
	ul.tool-buttons li {
		display:inline;
		float:left;
		margin-right:5px;
		}
	
.cbtn { /* copy button */
	overflow:hidden;
	zoom:1;
	height:20px;
	}
	.bt_verder {
		width:85px;
		background-image:url('/gfx/buttons/cbtn_bt_verder.gif');
		}
	.bt_terug {
		width:55px;
		background-image:url('/gfx/buttons/cbtn_bt_terug.gif');
		}
	.bt_overzicht {
		width:131px;
/*		background-image:url('/gfx/buttons/cbtn_bt_overzicht.gif');*/
		background-image:url('/gfx/buttons/cbtn_bt_naarOverzicht.gif');
		}
		
	a.bt_overzicht:hover {
/*		background:#FFF url('/gfx/buttons/cbtn_bt_overzicht.gif') no-repeat;*/
		background:#FFF url('/gfx/buttons/cbtn_bt_naarOverzicht.gif') no-repeat;
		}
		
	.bt_nieuwsoverzicht {
		width:131px;
		background-image:url('/gfx/buttons/cbtn_bt_nieuwsoverzicht.gif');
		}
	.cbtn a {
		text-indent:-999em;
		display:block;
		height:20px;
		background-position:left top;
		background-repeat:no-repeat;
		}
		.cbtn a:hover {
			-moz-opacity:0.50;
			opacity:0.50;
			filter:alpha(opacity=50);
			}


/* Contactpagina
-------------------------------------------- */
#contact_pagina {}
.adres_item {
	overflow:hidden;
	zoom:1;
	padding-bottom:10px;
/*	width:45%;
	float:left;*/
	}
	.adres_image {
		float:left;
		width:220px;
		padding:10px;
		background:#eee;
		text-align:center;
		margin-right:20px;
		}
        }
        #visual .col1 {
            text-align:left;
            float:left;
            width:190px;
            margin:55px 0px 0px 80px;
            display:inline;
            }
            .col1 p {
                color:#000;
            }
            .col1 h2,
            .col1 .meer,
            .col2 {
                color:#fff;
                text-decoration:none;
            }
            .col1 .meer {
                background-image:url('../gfx/add-on/meer_alt.gif');
            }
            .col1 a:hover,
            .col2 a:hover,
            .col1 .meer:hover {
                color:#222;
            }
        #visual .col2 {
            text-align:left;
            float:right;
            margin-top:160px;
            margin-right:30px;
            width:170px;
            display:inline;
        }
        
        
        .proj-button {
        	-moz-border-radius:10px 10px 10px 10px;
			-webkit-border-radius:10px 10px 10px 10px;
			background:#DDD;   	
   			margin:10px;
   			padding:5px !important; 	
    		float:left;    	         	
			color:#999;
			position:relative;
        }
        
        .proj-button a {
   			text-decoration:none !important;
        }	

		ul.logos-proj {
		float:left;
		margin-bottom:10px;
		margin-left:0;
		width:100%;
		padding-bottom:20px;
		border-bottom:1px solid #CCC;
		}	

		ul.logos-proj li {
		float:left;
		list-style:none outside none;
		width:24%;
		}			

        ul.logos-proj a img {
		border:0 !important;
        vertical-align: middle;
        }
        
        ul.logos-proj a {
		border:1px solid #FFFFFF;
		float:left;
		height:100px;
		padding:5px;
        }
        ul.logos-proj a:hover {
        border:1px solid #CCC;  
        }       
     
        .bovenkant {
   			margin:10px;
   			padding:5px !important; 	
    		float:right;    	      
        }
        .bovenkant a {
   		text-decoration:none !important;  
        }