/*
 
    Stylesheet for CATAPULT
 
    Media:      screen, projection
    Copyright:  Catapult communication designers <http://www.catapult.be>;
   	Author:     Ingrid Stojnic <ingrid@catapult.be>
 
*/


*{
	margin: 0;
	padding: 0;
	}
	
img{
	border: none;
	}
	
body{
	font-family:  Georgia, Verdana, "Lucida Grande",  "Lucida Sans Unicode", Helvetica, Arial,  Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	width: 100%;
	text-align: center;
	background: #f3f3f3;
	}

#container{
	width: 1080px;
	position: relative;
	margin: 0 auto 0 auto;
	text-align: left;
		}

a{
	color: #000;
	text-decoration: none;
	}

a:hover, a.selected{
	color: #C4464B;
	}

h1{
	font-size: 17px;
	font-weight: normal;
	line-height: 21px;
	
	}
	
h1.sansSmall{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 14px;
	margin-bottom: 0.25em;
	}

.cap{
	text-transform: uppercase;
	letter-spacing: 1px;
	}
		
h2{
	font-size: 11px;
	margin: 0 0 0.25em 0;
	font-weight: bold;
	}

h3{
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 0px 0;
	padding-top: 
	0px;
	}
	
	
span.sub{
	font-size: 12px;
	margin: 0 0 0.0em 0;
	display: inline;
	font-weight: normal;
	text-transform: uppercase;	
	}
		
p{
	margin: 0 0 1em 0;
	font-size: 12px;
	line-height: 16px;
	}

#header{
	width: 1080px;
	position: relative;
	margin: 0 auto 0 auto;
	text-align: left;
	height: 100px;
	padding: 20px 0 0 0;
	background: #fff;
	}

#header h1{
	position: absolute;
	top: 20px;
	left: 310px;
	font-size: 30px;
	font-weight: normal;
	line-height: 33px;
	border-bottom: 0px solid #000;
	padding-bottom: 0px;
	}	

h1#mainTitle{
	/*
	position: absolute;
	top: 18px;
	left: 45px;
	*/
	position: absolute;
	top: -100px;
	left: 45px;	
	font-family:  Georgia, "Lucida Grande",  "Lucida Sans Unicode", Georgia, "Gill Sans", Verdana, Helvetica, Arial,  Arial, Helvetica, sans-serif;
	
	}		

h1.projectTitle{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	width: 345px;
	margin-bottom:3px;
	}
	
#logo{
	position: absolute;
	top: 20px;
	left: 45px;
	}	

#logo2{
	position: absolute;
	top: 20px;
	left: 650px;
	}
	
#nav{
	list-style-type: none;
	position: absolute;
	top: 20px;
	left: 825px;
	font-size: 12px;
	line-height: 17px;	
	}	

#functNav{
	position: absolute; 
	top: 20px;
	right: 45px;
	font-size: 10px;
	list-style-type: none;
	text-transform: uppercase;
	font-size: 10px;

	}
		
#content{
	width: 962px;
	float: left;
	}	
	
#navKlanten{
	list-style-type: none;
	margin-bottom:24px;
	font-size: 12px;
	line-height: 17px;
	}	

#navKlanten li{
	}	

p.lijst{
	font-weight: bold;
	font-size: 11px;
	background: none !important;
	}	
	
/************************************ specificaties */	
.specificaties{
	font-size: 11px;
}	

p.specificaties .cap{
	font-size: 10px;
}

p.specificatiesTitel{
	margin-top: 20px;
	font-weight: normal;
	margin-bottom: 3px;	
	font-size: 13px;
	font-style: italic;
}
/*********************************************** news **/
.showcase{
	margin-bottom: 50px;
	}
.showcase .image{
	padding: 0;
	}
h1.news, h1.showcase{
	margin-top: 0px;
	margin-bottom: 22px;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
div.news{
	margin-bottom: 45px;
	}	
	
div.news p{
	margin-bottom: 0px;
	}		

div.news p.date{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	margin-top: 5px;
	}	
	
div.news p.title{
	font-weight: bold;
	}	

div.news a{
	text-decoration: underline;
	}
	
p.archiefNieuws{
	font-weight: bold;
	text-decoration: underline;
	}	
		
p.archiefNieuws a{
	text-decoration: underline;
	}	
			
/********************************************** nav */

#small{
	width: 210px;
	float: left;
	padding: 0 45px 45px 45px;
	background: #fff;
	}	

#medium{
	width: 170px;
	float: left;
	background: #fff;
	}	
	
#large{
	width: 430px;
	float: left;
	position: relative;	
	padding: 0 45px 35px 45px;
	background: #fff;	
	}	

#large p{
	width: 345px;
	}	

#large p a{
	text-decoration: underline;
	}
	
	
#large.cat{
	width: 735px;
	float: left;
	padding: 0 0 0 45px;	
	}

#medium.padding{
	padding: 0 45px 0px 45px;
	}	

#large.padding{
	padding: 0 30px;
	}		

#small.rel{
	padding: 0 45px 45px 45px;
	}
	

			
.image{
	padding: 0 0 15px 0;
	position: relative;
	margin: 0 auto;
	width: 100%;
	display: block;
	}	
	
div.divider{
	border-top: 1px solid #000;
	margin-top: 15px;
	width: 100%;
	float: left;
	}		
	
.related{
	list-style-type: none;
	margin-bottom: 24px;
	font-size: 12px;
	line-height: 17px;
	}	

#tags li{
	cursor: pointer;
}

#tags ul{
	list-style-type: none;
	margin-bottom: 12px;
	margin-left: 1em;
	}	

.catapult img{
	padding: 20px 0;
	}	
	
.catapult a{
	text-decoration: underline;
	}				
/********************************** thumbbrowser */

.thumbBrowser{
	float: left;
	font-size: 11px;
	width: 170px;
	height: 193px;
	padding-right: 90px;
	}			
	
.thumbBrowser.last{
	padding-right: 0px !important;
	}	
		
.thumbBrowserImg{
	padding: 0 !important;
	margin: 0;
	}
	
.thumbBrowserTxt{
	font-size: 11px;
	line-height: 14px;
	margin: 5px 0 0 0;
	width: 170px !important;
}

.thumbBrowserTxt.selected{
	color: #C4464B;
}

p.zieook{
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin: 0 0 16px 0;
	text-transform: uppercase;
	}	

p.zieook span{
	padding-bottom: 10px;
	font-weight: normal;
	letter-spacing: 0px;
	display: block;
}

.klant p{
	font-size: 11px;
	line-height: 15px;
	width: 375px;
	}	
	
#share{
	font-size: 11px;
	}	


#share a{
	}	
	
#share a span{
	}	

/***************************************************** imgPages ***/

.imgPages{
	padding: 11px 0;
	}

/***************************************************** unpublished ** */

#unpublishedWarning{
	background: #C4464B;
	color: #fff;
	text-align: center;
	padding: 5px 0 5px 0;
	width: 200px;
	margin: 0 auto;
	position: relative;
	}
	
	
/************************************************** animatie */

#animation{
	left:	190px;
	position:absolute;
	top:21px;	
	}
	
#navPages{
	list-style-type: none;
	}		
/***************************************************footer */

#footer{
	margin-top: 45px;
	}	

#footer p{
	font-size: 11px;
	padding-top: 10px;
	line-height: 15px;
	margin: 0;
	color: #777;
	}	
	
#footer p a{
	color: #777;
	}	
			
#footer p a:hover{
	text-decoration: underline;
	}	
	
iframe{
	background: white !important;
}		

iframe body{
	background: white !important;
}	



/********************************************* new stuff december 2009 */

#large img, #large p img{
	margin: 0;
	padding: 20px 0;
	}

#large .image img{
	margin: 0;
	padding: 0;
	}
	
.caption{
	margin: -35px 0 1em 0;
	}	
	
span.spaceCaps{
	letter-spacing: 1px;	
	}	
	
.noTopSpace{
	margin: 0;
	padding: 0 0 20px 0;	
	}		
	
#large .noTopSpace img{
	margin: 0;
	padding: 0 0 20px 0;	
	}		
/****************************************************/
.clearfix{
	clear: both;
	}	

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}