/* copyright De Stijlerij ontwerp & redactie - Jeannette Nieuwenhuizen */


body {
background-color: #ede8df; /* bruingrijs */
font-family: "Trebuchet MS", "Lucida Sans Unicode", Helvetica, Tahoma, Sans-Serif;
font-size:62.5%; /* 1em = 10px */
color:#00465c; /* tekstkleur donkerblauw */
padding:0;
margin:0;}

/* alle divs */
* {margin:0; padding:0;}



img.download {vertical-align:middle;}

/* container */
#container { 
width:960px;
min-height:565px;
height:auto !important;
height:565px;
margin-left:auto;
margin-right:auto;
background:#fff;}

/* headers */
#header, #header-allianties, #header-campagnemanagement, #header-contact, #header-content, #header-crisismanagement, 
#header-dashboard, #header-downloads, #header-energie-milieu, #header-evaluatierapport, #header-industry, #header-finance, 
#header-index, #header-issuemanagement, #header-media, #header-mediamanagement, #header-mensen, #header-nieuwsbrieven, 
#header-onderwijs, #header-overheid, #header-over-trendlight, #header-persberichten, #header-persberichtenanalyse, 
#header-producten, #header-publicaties, #header-quickscan, #header-rapporten, #header-redactiemanagement, 
#header-reputatiemanagement, #header-sectoren-branches, #header-speakers-notes, #header-sponsoring, #header-stageplaatsen, 
#header-syllabi, #header-toepassingen, #header-vacatures, #header-verkeer-vervoer, #header-werken-bij-trendlight, 
#header-whitepapers, #header-wonen, #header-zorg
{width:960px; height:160px; text-align:left; border-bottom:1px solid #ede8df;}


/* beelden in headers */
#header-index{background:#fff url(../images/public.jpg) no-repeat;}

/* over TrendLight */
#header-over-trendlight{background:#fff url(../images/paper.jpg) no-repeat;} 
#header-allianties{background:#fff url(../images/paper.jpg) no-repeat;}
#header-mensen{background:#fff url(../images/paper.jpg) no-repeat;}


/* toepassingen */
#header-toepassingen{background:#fff url(../images/magazines.jpg) no-repeat;}
#header-mediamanagement{background:#fff url(../images/magazines.jpg) no-repeat;}
#header-reputatiemanagement{background:#fff url(../images/magazines.jpg) no-repeat;}
#header-campagnemanagement{background:#fff url(../images/magazines.jpg) no-repeat;}
#header-crisismanagement{background:#fff url(../images/magazines.jpg) no-repeat;}
#header-sponsoring{background:#fff url(../images/magazines.jpg) no-repeat;}
#header-redactiemanagement{background:#fff url(../images/magazines.jpg) no-repeat;}
#header-issuemanagement{background:#fff url(../images/magazines.jpg) no-repeat;}
#header-benchmarking{background:#fff url(../images/magazines.jpg) no-repeat;}

/* producten */
#header-producten{background:#fff url(../images/blog.jpg) no-repeat;}
#header-content{background:#fff url(../images/blog.jpg) no-repeat;}
#header-quickscan{background:#fff url(../images/blog.jpg) no-repeat;}
#header-syllabi{background:#fff url(../images/blog.jpg) no-repeat;}
#header-dashboard{background:#fff url(../images/blog.jpg) no-repeat;}
#header-evaluatierapport{background:#fff url(../images/blog.jpg) no-repeat;}
#header-persberichtenanalyse{background:#fff url(../images/blog.jpg) no-repeat;}

/* sectoren en branches */
#header-sectoren-branches{background:#fff url(../images/forum.jpg) no-repeat;}
#header-industry{background:#fff url(../images/forum.jpg) no-repeat;}
#header-finance{background:#fff url(../images/forum.jpg) no-repeat;}
#header-zorg{background:#fff url(../images/forum.jpg) no-repeat;}
#header-media{background:#fff url(../images/forum.jpg) no-repeat;}
#header-overheid{background:#fff url(../images/forum.jpg) no-repeat;}
#header-wonen{background:#fff url(../images/forum.jpg) no-repeat;}
#header-onderwijs{background:#fff url(../images/forum.jpg) no-repeat;}
#header-energie-milieu{background:#fff url(../images/forum.jpg) no-repeat;}
#header-verkeer-vervoer{background:#fff url(../images/forum.jpg) no-repeat;}

/* downloads */
#header-downloads{background:#fff url(../images/remote.jpg) no-repeat;}
#header-whitepapers{background:#fff url(../images/remote.jpg) no-repeat;}
#header-publicaties{background:#fff url(../images/remote.jpg) no-repeat;}
#header-speakers-notes{background:#fff url(../images/remote.jpg) no-repeat;}
#header-rapporten{background:#fff url(../images/remote.jpg) no-repeat;}
#header-persberichten{background:#fff url(../images/remote.jpg) no-repeat;}
#header-nieuwsbrieven{background:#fff url(../images/remote.jpg) no-repeat;}

/* werken bij TrendLight */
#header-werken-bij-trendlight{background:#fff url(../images/shirt.jpg) no-repeat;}
#header-vacatures{background:#fff url(../images/shirt.jpg) no-repeat;}
#header-stageplaatsen{background:#fff url(../images/shirt.jpg) no-repeat;}

/* contact en route */
#header-contact{background:#fff url(../images/radio.jpg) no-repeat;}


/* navigatie */
#navigatie {
float:left;
width:200px;
min-height:400px;
height:auto !important;
height:400px;
background-color:#fff;} /* wit */


#menu{
width:200px;
position:relative;
list-style-type:none;
font: 1.2em "Trebuchet MS", "Lucida Sans Unicode", Helvetica, Tahoma, Sans-Serif;
text-align:right;
margin:17px 0 0 0;
line-height:2.4em;
background-color:#fff;} /* wit */
 
 
#menu a{
text-decoration:none;
color:#00465c;
display:block;
border-bottom:1px solid #ede8df; /* bruingrijs */
padding:0 5px 0 0;
background-color:#fff;} /* wit */

#menu a:hover{border-bottom:1px solid #e59301;} /* oranje */
#menu .actief{font-weight:bold; color:#e59301; background-color:#ede8df;}



#menu .submenu{
background-color:#ede8df;
border-bottom:1px solid #fff;
color:#00465c;
line-height:1.5em;} /* donkerblauw */


#menu .submenu-actief{
background-color:#ede8df;
border-bottom:1px solid #e59301;
color:#00465c;
line-height:1.5em;} /* donkerblauw */




/* content */
#content1 {
float:left;
width:380px;
min-height:400px;
height:auto !important;
height:400px;
position:relative; 
background-color:#fff;}

#content2
{float:right;
width:380px;
min-height:400px;
height:auto !important;
height:400px;
background-color:#fff;}


#content12
{float:left;
width:760px;
min-height:400px;
height:auto !important;
height:400px;
background-color:#fff;}

.border{border: 1px solid #6b83b3;}


/* titels */
h1, h2 {padding:11px 0 0 0; margin-bottom:15px; font: 1em Verdana, "Lucida Sans Unicode", Sans-Serif; color:#00465c;
letter-spacing:0.1em;} 
	
/* tekst */
#tekst1, #tekst2{padding:13px 20px;/* t/r: tegenoverliggende idem */	font-size:1.2em; line-height:1.5em;}
#tekst12{padding:13px 20px;/* t/r: tegenoverliggende idem */	font-size:1.2em; line-height:1.5em;}

a{color:#e99a01; text-decoration:none;} /* oranje */
a:visited{color:#e99a01;} 
a:hover{color:#e99a01; text-decoration:none;}
a:active{color:#e99a01;}


#tekst1 ul, #tekst2 ul{
list-style-type:square;
list-style-position:outside;
margin:0 0 15px 15px;}

#tekst1 ul li, #tekst2 ul li{margin-bottom:0px;}


#tekst1 ol, #tekst2 ol{
list-style-type:decimal;
list-style-position:outside;
margin:0px 0px 15px 22px;} 


p{margin-bottom:15px; text-align:left;}
p i{font-style:italic;}
p b{font-weight:bold;}
.kop{font-weight:bold;}
.comment{color: red;}	
.center{text-align:center;}
.functie{font-size:1.3em; font-weight:bold; letter-spacing:0.1em;}
a img{border:0 none transparent;}


#right{float:right;}

/* footer */
#footer{
clear:both;
width:960px;
height:20px;
text-align:left;
border-top:1px solid #ede8df;
background-color:#fff;}



#footer-content{
color:#e59301;
font-size:1.1em;
padding:0 0 0 30px;
margin-right:5px;}


#footer-content a{color:#bbb;}
.adres{font-size:1em; color:#bbb;}


/* routebeschrijving */ 
#a1, #a4, #a8, #a9, #ov{display:none; width:330px; text-align: left;}
#a1 ul, #a4 ul, #a8 ul, #a9 ul, #ov ul{list-style-type:square; list-style-position:outside;}


#stijlerij{padding-top:100px; text-align:right; padding-right:30px;}
#stijlerij a, stijlerij a:hover{color:#ccc;}

.page404{font-size:1.8em;}