/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}

#statcounter-teller {
    height: 1px;
    left: -10000px;
    position: relative;
    top: -10000px;
    width: 1px;
    z-index: -999;
}

body{
	background: url(../images/bgr.jpg) #000000 top center no-repeat;
	color: #362f2d;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	padding: 55px 0
}
a{
	color: #362f2d;
	outline: none;
	text-decoration: underline
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none;
	line-height: 150%;
}
h1, h2, h3, h4{
	font: 2em "Trebuchet MS", Arial, Helvetica, sans-serif
}
h2{
	font-size: 1.6em;
	margin: 0 0 2em
}
h3{
	font-size: 1.2em;
	margin: 0 0 .1em
}
h4{
	font-size: 1em
}
p{
	line-height: 1.5em;
	padding: 0 0 1.5em
}



/*=== Layout ===*/
#page{
	background: url(../images/page-bgr.gif) #ffffff right repeat-y;
	margin: 0 auto 50px;
	width: 817px
}

#page #header .content h2.pagina-subtitel {
	padding: 0.3em 0 1.5em;
	font: 11px Arial,Verdana,Helvetica,Sans-Serif;
	line-height: 1.5em;
}

/*=== Specific Page Styles ===*/
/*- 'Contact' Page -*/ 
#page-contact #header .content{
	background: url(../images/header-contact.jpg) left top no-repeat;
	color: #362f2d
}
#page-contact #header h1{
	color: #ffffff
}
#page-contact h2, #page-contact h3, #page-contact .col1-content a{
	color: #ac0720
}
#page-contact .nav1-active{
	/*background: url(../images/active-contact.png) top no-repeat*/
}
#page-contact .col1-content img {
    margin-right: 10px;
    vertical-align: middle;
}
#page-contact .csc-textpic-text {
    padding-top: 3em;
    }
/*- 'Diensten' Page -*/ 
#page-diensten #header .content{
	background: url(../images/header-diensten.jpg) left top no-repeat;
	color: #362f2d
}

#page-diensten #page #header .content h2.pagina-subtitel {
  color: #362f2d;
}

#page-diensten #header h1{
	color: #ffffff
}

#page-diensten h2, #page-diensten h3, #page-diensten .col1-content a{
	color: #a67c52
}

#page-diensten .nav1-active{
	background: url(../images/active-diensten.png) top no-repeat
}
#page-diensten .csc-textpic-caption{
	margin-top: 5px;
	font-style: italic;
}
/*- 'Portfolio' Page -*/ 
#page-portfolio #header .content{
	background: url(../images/header-portfolio.jpg) left top no-repeat;
	color: #362f2d
}

#page-portfolio #page #header .content h2.pagina-subtitel {
  color: #362f2d;
}

#page-portfolio #header h1{
	color: #ffffff
}
#page-portfolio h2, #page-portfolio h3, #page-portfolio .col1-content a{
	color: #92b518
}
#page-portfolio .nav1-active{
	background: url(../images/active-portfolio.png) top no-repeat
}
#page-portfolio .col1-content h4 {
    font-weight: bold;
}

/*- 'Over ons' - Home Page -*/
#home-page #page{
	background: url(../images/page-bgr-home.gif) repeat-y
}
#home-page #header{
	background: none
}
#home-page #header .content{
	background: url(../images/header-home.jpg) left top no-repeat;
	color: #362f2d
}

#home-page #page #header .content h2.pagina-subtitel {
  color: #362f2d;
}

#home-page #header h1{
	color: #ffffff
}
#home-page h2, #home-page h3, #home-page .col3-content a {
	color: #f7941d
}
#home-page .nav1-active{
	background: url(../images/active-home.png) top no-repeat
}
#home-page #columns{
	background: url(../images/columns-bgr-home.jpg) bottom right no-repeat;
	font-size: 11px;
	padding-bottom: 0
}
#home-page #teaser-list-list p {
    padding-bottom: 0;
}
/*- 'Partners' Page -*/ 
#page-partners #header .content{
	background: url(../images/header-partners.jpg) left top no-repeat;
	color: #f0e3d4
}
#page-partners #page #header .content h2.pagina-subtitel {
  color: #f0e3d4;
}

#page-partners h2, #page-partners h3, #page-partners .col1-content a{
	color: #9c0058
}
#page-partners .nav1-active{
	background: url(../images/active-partners.png) top no-repeat
}
#page-partners .csc-textpic {
    padding-bottom: 2em;
}
/*=== Header ===*/
#header{
	background: #1f1e19;
	height: 143px
}
#header .content{
	float: left;
	font-size: 11px;
	height: 108px;
	padding: 35px 30px 0 30px;
	width: 350px
}
#header .content h1{
    font-size: 3em;
}
/*- Logo -*/
#logo{
	float: right;
	height: 143px;
	width: 385px
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	height: 645px;
	margin: 0 0 1em;
	margin: 0 0 0 -46px;
	position: absolute;
	text-indent: -9999em;
	top: 237px;
	width: 46px
}
.nav1 li a{
	background: url(../images/nav1-bgr.png) top no-repeat;
	color: #ffffff;
	display: block;
	height: 129px;
	text-decoration: none;
	width: 46px
}
.nav1 li a:hover,
.nav1 li.active a{
	text-decoration: none
}
.nav1 li#n16 a{
	background-position: 0 0
}
.nav1 li#n17 a{
	background-position: 0 -129px
}
.nav1 li#n18 a{
	background-position: 0 -258px
}
.nav1 li#n19 a{
	background-position: 0 -387px
}
.nav1 li#n2 a{
	background-position: 0 -516px
}
.nav1-active{
	height: 555px;
	margin: 0 0 0 -1px;
	position: absolute;
	top: 197px;
	width: 25px
}
/*- Nav2 -*/
.nav2{
	background: url(../images/nav2-bgr.gif) top no-repeat;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 47px;
	padding: 0 0 0 25px;
}
.nav2 li{
	background: url(../images/nav2-sep.gif) right no-repeat;
	float: left;
	line-height: 47px
}
.nav2 li.last{
	background: none
}
.nav2 li a {
	color: #1f1e19;
	display: block;
	float: left;
	padding: 0 10px;
	text-decoration: none
}
.nav2 li a:hover,
.nav2 li.active a,
.nav2 li.selected a{
	background: url(../images/nav2-hover.gif) bottom center no-repeat;
	text-decoration: none
}
/*- Paging Nav -*/
.nav-paging{
	padding: 0 0 0 215px
}
.nav-paging li{
	float: left;
	padding: 0 4px
}
.nav-paging li a{
	display: block;
	text-decoration: none
}
.nav-paging li.active a,
.nav-paging li a:hover{
	background: url(../images/ico-paging.gif) top no-repeat;
	color: #92b518;
	font-weight: bold;
	padding: 5px 0 0
}
/*=== All Columns ===*/
#columns{
	background: url(../images/columns-bgr.jpg) right bottom no-repeat;
	height: 1%;
	padding: 0 25px 60px 0
}
.col1{
	float: left;
	width: 653px
}
.col1-content{
	display: table-cell;
	display: block;
	height: auto !important;
	height: 510px;
	min-height: 510px;
	padding: 35px 65px 0 60px
}
.col1-content li{
    margin-left: 2.5em;
    padding-bottom: 3px;
}
.col1-content ul,
.col1-content ol{
    margin-bottom: 1em;
}

.col1-content ul li{
    list-style: square;
}
.col1-content ol li{
    list-style: decimal;
}
.col2{
	color: #9e9c97;
	float: right;
	margin: 47px 0 0;
	width: 115px
}
.col2 a{
	/*color: #f7941d;*/
	color: white;
	text-decoration: none
}
.col2 a:hover {
  text-decoration: underline;
}
.col2 h2{
	margin: 0 0 1em;
}
.col2 h4{
	color: #ffffff;
	font-weight: bold;
}
.col3{
	float: left;
	width: 400px
}
.col3-content{
	/*background: url(../images/pic-home.jpg) bottom no-repeat;*/
	display: table-cell;
	display: block;
	height: auto !important;
	height: 530px;
	min-height: 530px;
	padding: 35px 50px 50px 60px
}
.col4{
	color: #9e9c97;
	float: right;
	width: 345px
}
.col4 a{
	color: white;
	text-decoration: none
}
.col4 a:hover{
	text-decoration: underline
}
.col4 h4{
	color: #ffffff
}
/*- Testimonial -*/
.testimonial{
	font-size: 16px;
	margin: 0 0 25px
}
.testimonial blockquote{
	background: url(../images/ico-q.gif) top left no-repeat;
	color: #f7941d;
	padding: 5px 0 0 25px
}
.testimonial p{
	background: url(../images/ico-q-.gif) bottom right no-repeat;
	display: block;
	line-height: 1.3em;
	margin: 0 0 15px;
	padding: 0 25px 0 0
}
.testimonial cite{
	color: #9e9c97;
	display: block;
	font-size: 11px;
	font-style: normal;
	text-align: right
}
/*=== Sub Columns ===*/
.subcol1{
	border-right: 1px solid #cb934f;
	float: left;
	margin: 0 50px 0 0;
	padding: 0 15px 0 0;
	width: 135px
}
.subcol1 p b {
  font-weight: normal;
}
.subcol2{
	float: left;
	padding: 0 35px 0 0
}
.subcol3{
	border-right: 1px solid #3d3b33;
	float: left;
	padding: 0px 30px 20px 0;
	width: 155px
}
.subcol4{
	float: left;
	margin: 0 0 0 30px;
	width: 110px
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1{
	margin: 0 0 1em
}
.list1 li{
	padding: 0 0 1.1em
}
.list1 li a{
	text-decoration: none;
	color: white;
}
.list1 li a:hover{
	text-decoration: underline
}
/*=== Link Buttons ===*/
.btn-link{
	margin: 0 0 26px
}
.btn-link a{
	background: url(../images/btn-link.png) top repeat-x;
	border: 1px solid #7c7568;
	color: #ffffff;
	display: block;
	font-size: 11px;
	height: 19px;
	line-height: 19px;
	text-align: center
}
.btn-link a:hover{
	color: #f7941d;
	text-decoration: none
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{
	display: block;
	margin: 0 0 2em
}
* html .pic img{
	margin-right: -70px;
	position: relative
}
/*- Portfolio Pic -*/
.portfolio-photo{
	background: url(../images/portfolio-photo-bgr.gif) top no-repeat;
	height: 460px;
	margin: -30px 0 0 -20px;
	padding: 19px 0 0 19px;
	position: relative;
	width: 518px
}
/*=== Footer ===*/
#page-bot{
	background: url(../images/page-bot.png) top repeat-x;
	height: 214px
}
#footer{
	color: #ffffff;
	font-size: 11px;
	height: 155px;
	margin: 0 auto;
	padding: 50px 0 0;
	width: 817px
}
#footer h4{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 1em
}
#footer a{
	color: #ffffff;
	text-decoration: none
}
#footer a:hover{
	text-decoration: underline
}
#footer ul{
	padding: 0 0 1.5em
}
#footer li{
	margin: 0 0 .4em
}
#footer .tx-sbportfolio-pi1 {
	width: 140px;
}
/*- Copyright Info -*/
#copyright{
	color: #f7941d;
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: right;
	text-decoration: none;
	width: 800px
}
#copyright a{
	color: #f7941d;
	text-decoration: none
}
#copyright a:hover{
	text-decoration: underline
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
hr, .hl{
	border-top: 1px solid #3d3b33;
	clear: both;
	height: 1px;
	margin: 0 0 25px;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
h3 a{
    text-decoration: none;
}

/* SB Portfolio */
#portfolioCarousel .singleImageGrid {
	margin-top: 44px;
}
.carouselImage {
	margin: 0 35px;
}
img.portImgGridImage {
	/*border: 1px solid #346F97; */
	border: 1px solid #CCC;
}
.singleSummary {
    font-weight: bold;
}


/* Lightbox */
#lbCloseLink {
	background: transparent url(../images/label_close.gif) no-repeat center !important;
}

#lbPrevLink:hover {
	background: transparent url(../images/label_prev.gif) no-repeat 0% 15% !important;
}

#lbNextLink:hover {
	background: transparent url(../images/label_next.gif) no-repeat 100% 15% !important;
}