/*KLEUREN--------------------------*/
.zwart {
color:#000;
}

.grijzen {
color:#333;
color:#666;
color:#999;
color:#ccc;
}

.geel {
color:#fa9d00;
}

.rood {
color:#d3071e;
}

a {
outline: none;
}

#tekst_basic ul {
padding: 0px;
margin: 0px;
margin-top: 0px;
line-height:19px;
padding-left: 13px;
padding-bottom: 15px;
list-style-type: circle;
}

/*TYPO VOOR ALLE TPLS--------------------------*/
body {
font-family:"Trebuchet MS";
font-size:11px;
color:#000;
}

/*alle standaard a's ----- */

#testimonial_text a,
.klanten_overzicht_text a,
a.plaats {
color: #000;
}

#testimonial_text a:hover,
.klanten_overzicht_text a:hover,
a:hover.plaats {
color:#d3071e;
}

p {
line-height:16px;
text-align:justify;
margin:0;
padding:0;
margin-bottom:10px;
}

p a,
#content_groot a,
#content_smal a {
color: #000;
}

#content_groot a:hover,
#content_smal a:hover,
h3 a:hover,
p a:hover {
color:#d3071e;
}

em.inleiding_achter {
position:absolute;
font-style:normal;
width:390px;
top:78px;
font-size:14px;
line-height:15px;
padding:1px;
color:#000;
font-weight:700;
}

em.inleiding {
position:absolute;
display:block;
width:390px;
font-style:normal;
top:78px;
font-size:14px;
line-height:15px;
color:#fff;
font-weight:700;
}

#content_smal em.inleiding{
display:none;
}

#content_smal .inleiding_artikel {
display: block;
position:relative;
font-size: 13px;
line-height: 22px;
margin-bottom: 20px;
}

h1.achter_groot,
h1.achter  {
position:absolute;
color:#000;
font-size:20px;
padding:1px;
}

h1.groot,
h1 {
position:absolute;
color:#fff;
font-size:20px;
}

h1,
h1_achter {
margin-top: 30px;
}

h1.groot,
h1.achter_groot {
font-size:35px;
}

h2 {
color:#454341;
font-size:17px;
margin:0;
padding:0;
}

h3 {
color:#000;
font-size:13px;
margin:0;
}

h3 a {
text-decoration:none;
cursor: pointer;
}

#content_groot img,
#content_smal img {
margin-left:-10px;
border:0;
}

.tag,
.tag a {
color:#666;
font-size:10px;
cursor: pointer;
}

.tag a:hover {
/*color: #000;*/
color:#d3071e;
}

a.leesverder {
font-size: 22px;
text-decoration: none;
color: #d3071e;
line-height:0px;
}

a:hover.leesverder {
color: #000;
}

address {
color: #666;
display: block;
margin-bottom: 10px;
}

#content_smal address a,
#content_groot address a {
color: #666;
}

.stippellijn {
position: absolute;
height: 1px;
width: 100%;
border-bottom: 1px dotted #666;
}

em.inleiding_achter .ajaxSearch_highlight1,
h1.achter_groot .ajaxSearch_highlight1 {
color:#000;
}

.ajaxSearch_highlight1 {
color: #c03;
}

a.text {
text-decoration: none;
}

#adres a {
color: #000;
}

#adres a:hover {
color: #d3071e;
}

/*KLANT (OP PLAATS)------------------*/

#content_groot a b {
color:#666;
font-size:23px;
font-weight: normal;
text-decoration:none;
cursor: pointer; }

#content_groot a:hover b {
color:#d3071e;
}

.klant_gerealiseerd {
margin-left: -12px;
margin-top: 20px;
width: 400px;
}

#content_smal .klant_gerealiseerd img {
margin-left: 0px;
border:0;
}

/*KLANTENOVERZICHT--------------------*/

#content_smal h4 a,
#content_smal h4 a:hover {
color: #333;
}

.klanten_overzicht {
width:398px;
float:left;
margin-bottom:15px;
}

#content_groot .klant_overzicht_logo {
border: 1px solid #000;
position:relative;
float:left;
border: 1px solid #e0e0e0;
margin-right:15px;
margin-left: -12px;
}

#content_groot .klant_overzicht_logo:hover {
border: 1px solid #d3071e;
}

.klanten_overzicht_text {
position:relative;
float:left;
width: 275px;
}

.klanten_overzicht a {
color:#000;
cursor: pointer;
}

.klanten_overzicht a:hover {
color:#d3071e;
}


/*TESTIMONIAL---------------------*/
#testimonial {
position: relative;
width:400px;
margin-left:-10px;
text-align:center;
float:left;
background-color:#e8e3dd;
background-repeat:no-repeat;
background-image:url(/gfx/citaat_boven.gif);
}

#testimonial_onder {
background-repeat:no-repeat;
background-image:url(/gfx/citaat_onder.gif);
height:56px;
margin-top: -50px;
z-index: 1;
}

#testimonial_text {
margin-top: 20px;
z-index: 999;
}

.citaat {
display:block;
color:#666;
font-size:11px;
line-height:16px;
font-style:italic;
text-align:center;
width:350px;
margin-left:25px;
z-index: 999;
}

#testimonial_text em {
color:#999;
font-size:11px;
line-height:14px;
font-style:italic;
text-align:center;
z-index: 999;
}

/*TAGCLOUD--------------------------*/
.tagcloud a {
color:#333;
text-decoration:none;
margin-right:2px;
}

.tagcloud a:hover {
color:#c03;
}

.tagcloud .tg1 {
color:#000;
font-size:14px;
}

.tagcloud .tg2 {
color:#333;
font-size:13px;
}

.tagcloud .tg3 {
color:#666;
font-size:12px;
}

.tagcloud .tg4 {
color:#999;
font-size:11px;
}

.tagcloud .tg5 {
color:#ccc;
font-size:10px;
}

/*KNOPPEN H4=ONDER ELKAAR-----------*/

.portfolio_wit {
background-color: #fff;
}

.portfolio_knoppen {
margin-left:3px;
width:398px;
margin-top: -26px;
}

.portfolio_knoppen a,
#content_smal h5.rood a {
color:#fff;
}

.portfolio_knoppen a:hover,
#content_groot h5.licht_grijs a:hover {
color: #000;
}

h4 {
display:block;
height:17px;
color:#fff;
margin:0;
padding:4px;
padding-left:13px;
font-size:14px;
background-repeat:no-repeat;
background-image:url(/gfx/knoppen/knoppen.jpg);
}

h4 a {
color:#fff;
text-decoration:none;
display: block;
width: 185px;
}

h4.licht_grijs a {
color:#333;
}

h4.licht_grijs {
background-position:0 0;
}

h4.licht_grijs:hover {
background-position:0 -26px;
}

h4.grijs {
background-position:0 -51px;
}

h4.grijs:hover {
background-position:0 -77px;
}

h4.zwart {
background-position:0 -104px;
}

h4.zwart:hover {
background-position:0 -131px;
}

h4.rood {
background-position:0 -157px;
}

h4.rood:hover {
background-position:0 -183px;
}

h4.grijs_plat {
background-image:none;
background-color: #666;
}

/*KNOPPEN H5=NAAST ELKAAR-----------*/
h5 {
display:block;
height:17px;
color:#fff;
padding:4px;
padding-left:13px;
font-size:14px;
background-repeat:no-repeat;
background-image:url(/gfx/knoppen/knoppen.jpg);
float:left;
width:196px;
margin-left:-14px;
z-index: 999;
}

h5 a {
display: block;
width: 185px;
color:#fff;
text-decoration:none;
}

h5.licht_grijs a,
h5.licht_grijs2 a {
color:#000;
}

h5.licht_grijs {
background-position:0 0;
}

h5.licht_grijs:hover {
background-position:0 -26px;
}

h5.grijs {
background-position:0 -51px;
}

h5.grijs:hover {
background-position:0 -77px;
}

h5.zwart {
background-position:0 -104px;
}

h5.zwart:hover {
background-position:0 -131px;
}

h5.rood,
h5.rood a {
background-position:0 -157px;
color:#fff;
}

h5.rood:hover,
h5.rood a:hover {
background-position:0 -183px;
}

/*MEDEWERKERS-----------------------*/
.content_plaat {
margin-top:-10px;
}

.medewerker {
width:398px;
float:left;
margin-bottom:15px;
}

.medewerker img {
position:relative;
float:left;
}

.medewerker_text {
position:relative;
margin-top:-90px;
float:left;
margin-left:95px;
width:270px;
}

.medewerker em {
color:#666;
font-style:normal;
font-size:11px;
}

.medewerker h3 {
padding:0;
margin:0;
}

.medewerker a {
color:#000;
text-decoration:none;
cursor: pointer;
}

.medewerker a:hover em,
.medewerker a:hover {
color:#d3071e;
}

.anderemedewerker {
background-color:#fff;
padding-bottom:0px;
}

.anderemedewerker {
line-height:20px;
}

.anderemedewerker img {
border:2px solid #000;
margin-right:4px;
}

.anderemedewerker img:hover {
border:2px solid #d3071e;
}

.medewerker_info {
background-color: #fff;
line-height: 20px;
}

/*TYPO VOOR HOME--------------------------*/
/*HOOFDKEUZES----------*/

.home_keuzeblokje {
display: block;
width: 211px;
height: 138px;
background-image:url(/gfx/knoppen/home_blok.gif);
}

.home_keuzeblokje:hover {
background-position: 0px 138px;
}

.home_keuzeblokje em.inleiding_achter,
.home_keuzeblokje em.inleiding_achter a,
.home_keuzeblokje em.inleiding_achter a:hover,
.home_keuzeblokje em.inleiding_achter a:visited {
display: block;
width: 190px;
top:78px;
padding:1px;
font-size:11px;
color:#000;
text-decoration:none;
}

.home_keuzeblokje h1.achter_groot,
.home_keuzeblokje h1.achter_groot a,
.home_keuzeblokje h1.achter_groot a:hover,
.home_keuzeblokje h1.achter_groot a:visited {
display: block;
top:35px;
color:#000;
margin:0;
text-decoration:none;
}

.home_keuzeblokje h1,
.home_keuzeblokje h1 a,
.home_keuzeblokje h1 a:hover,
.home_keuzeblokje h1 a:visited {
display: block;
width: 190px;
top:35px;
color:#fff;
margin:0;
text-decoration:none;
}


/*DIENSTEN NAVIGATIE/DITTO */

.toggler {
cursor:pointer;
display:block;
height:17px;
color:#fff;
margin:0;
padding:4px;
padding-left:13px;
font-size:14px;
background-repeat:no-repeat;
background-image:url(/gfx/knoppen/knoppen.jpg);
background-position:0 -104px;
}

.toggler:hover {
background-position:0 -131px;
}
.element {
background-color:#333;
width:173px;
padding-left:27px;
padding-top:13px;
}

.element em {
display:block;
font-size:10px;
line-height:13px;
margin-top:9px;
margin-top:12px;
color:#ccc;
font-style:normal;
}

.element em a {
color:#ccc;
cursor: pointer;
}

.element em a:hover {
/*color: #fff;*/
color:#d3071e;
}

.element_plaatje {
display:block;
width:55px;
height:55px;
overflow:hidden;
float:left;
margin-right:5px;
margin-top:10px;
margin-top:13px;
margin-left:-27px;
}

/*HOME HIGHLIGHT TPL--------------*/

.home_highlight {
margin-left: 12px;
margin-bottom: 20px;
}

.home_highlight_plaatje {
float: left;
}

#content_groot .home_highlight img {
border: 1px solid #e0e0e0;
width: 90px;
}

#content_groot .home_highlight img:hover {
border:1px solid #d3071e;
}

.home_highlight_text,
.home_highlight_text_groot {
float: left;
width: 265px;
height: 100%;
margin-left: 10px;
}

.home_highlight_text_groot {
margin-left: -10px;
width: 370px;
}

#content_groot .home_highlight_woordenboek,
#content_groot .home_highlight_woordenboek a,
#content_groot a.woord,
#content_smal a.woord,
.home_highlight_woordenboek,
.home_highlight_woordenboek a,
a.woord {
font-size:10px;
color:#666;
font-style:normal;
text-transform:lowercase;
}

#content_groot .home_highlight_woordenboek a:hover,
#content_groot a.woord:hover,
#content_smal a.woord:hover,
.home_highlight_woordenboek a:hover,
a.woord:hover {
color:#d3071e;
}

/*TWITTER--------------*/

.tweet {
height: 60px;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #666;
}

#content_groot .twitter_foto img {
margin-left: 0px;
}

.twitter_foto {
float: left;
width: 50px;
display:block;
overflow:hidden;
margin-right: 5px;
border:2px solid #000;
}

.twitter_foto:hover {
border:2px solid #d3071e;
}

.twitter_info {
float: left;
width: 310px;
}

.twitter_info h3 {
float: left;
margin-right: 10px;
}

.twitter_page a {
color: #666;
font-size: 10px;
}

.twitter_page:before {
content: '( '; 
}

.twitter_page:after {
content: ' )'; 
}

.tweetdate {
color: #666;
font-size: 10px;
margin-left: 5px;
}

.tweetdate:before {
content: '( '; 
}

.tweetdate:after {
content: ' )'; 
}

#twitter_persoon .twitter_foto,
#twitter_persoon .twitter_info h3,
#twitter_persoon .twitter_info a,
#twitter_persoon .twitter_page:before,
#twitter_persoon .twitter_page:after {
display: none;
}

#twitter_persoon .tweet {
height: 100%;
margin-top: 10px;
padding-top: 10px;
border-top: 1px dotted #666;
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px;
}

/*TWITTER @ HOME -------*/

.home_twitter {
position:relative;
height: 110px;
left:0px;
width:200px;
*margin-top: 15px;
overflow: hidden;
}

.home_twitter img {
display:block;
width:55px;
height:55px;
overflow:hidden;
border: 0px;
}

.home_twitter h4 a {
color:#fff;
display: inline;
width: 90px;
}

.home_twitter img.twitter_logo {
display:inline;
width:56px;
height:13px;
}

.home_twitter img:hover {
border: 0px;
}

.home_twitter .twitter_foto {
float: left;
width: 50px;
display:block;
overflow:hidden;
margin-left: -10px;
margin-bottom: 20px;
margin-right: 5px;
margin-top: -4px;
border:2px solid #000;
}

.home_twitter .twitter_foto:hover {
border:2px solid #d3071e;
}

.home_twitter .tweet {
float:left;
display: block;
height: 90px;
width: 185px;
font-size:10px;
line-height:12px;
color:#666;
font-style:normal;
text-align:left;
margin-bottom: 10px;
margin-top: 4px;
margin-left: 10px;
}

.home_twitter .tweet a {
color:#666;
font-style:normal;
cursor: pointer;
}

.home_twitter .tweet a:hover {
color:#d3071e;
}


/*RECHTS--------------*/
.home_ditto_blog,
.home_ditto_nieuws {
position:relative;
}

.home_ditto_nieuws {
top:-1px;
}

.home_ditto_nieuws .leesverder {
text-decoration: none;
font-size: 15px;
}

.home_ditto_blog img,
.home_ditto_nieuws img {
display:block;
width:55px;
height:55px;
overflow:hidden;
margin-right:5px;
border:2px solid #000;
}

.home_ditto_blog em {
position:absolute;
display:block;
float:left;
top:30px;
left:65px;
font-size:10px;
line-height:13px;
color:#666;
font-style:normal;
text-align:left;
}

.home_ditto_nieuws em {
display:block;
float:left;
top:30px;
left:65px;
font-size:10px;
line-height:13px;
color:#666;
font-style:normal;
text-align:left;
margin-left:13px;
}

.home_ditto_blog em a,
.home_ditto_nieuws em a,
#gerealiseerd a {
color:#666;
font-style:normal;
cursor: pointer;
text-decoration: underline;
}

.home_ditto_blog em a:hover,
.home_ditto_nieuws em a:hover,
#gerealiseerd a:hover {
color:#d3071e;
}

.home_ditto_blog img:hover,
.home_ditto_nieuws img:hover {
border:2px solid #d3071e;
}

#rechts_smal .random_klein_portfolio img {
filter:alpha(opacity=30);
opacity: 0.3;
-moz-opacity:0.3; 
}

#rechts_smal .random_klein_portfolio a:hover img { 
filter: none;
opacity: 1.0;
-moz-opacity:1;
}

.nieuwstweet {
padding: 13px;
padding-top: 5px;
color:#666;
border-bottom: 1px dotted #666;
}


.nieuwstweet a {
margin:0 5px 0 5px;
color:#777
}

/*WOORDENBOEK COMMENTAAR--------------*/

b.terug_pijl {
font-size: 20px;
}

.woordenboek_comment {
margin-left: -11px;
padding: 20px;
padding-right: 15px;
width: 365px;
margin-bottom: 20px;
background-color: #eaeaea;
text-align: justify;
}

.comment_plaatje {
float: left;
margin-right: 10px;
}

#content_smal .woordenboek_comment img {
border: 2px solid #000;
}

#content_smal .woordenboek_comment img:hover {
border: 2px solid #d3071e;
}


/*CASES --------------*/
.case_plaatje {
width: 198px;
height: 150px;
overflow: hidden;
float: left;
cursor: pointer;
}


/*TYPO VOOR PORTFOLIO OVERZICHT TPL--------------*/

.portfolio_opsomming a {
cursor: pointer;
}

.portfolio_opsomming h4 {
color: #333;
}

.portfolio_opsomming img {
background-color: #fff;
border: 0px;
}

.portfolio_opsomming {
height: 160px;
width: 200px;
float: left;
}

#portfolio_plaatje { 
z-index: 1;
}

.portfolio_plaatje { 
margin-top: 10px;
width: 198px;
overflow: hidden;
border: 1px solid #fff;
z-index: 1;
}

#home,
.portfolio_knoppen,
#home.portfolio_knoppen {
z-index: 999;
}

.portfolio_opsomming img.portfolio_icon { 
border: 0px;
margin-top: -0px;
}

.portfolio_plaatje:hover {
background-color: #333;
border: 1px solid #333;
}

.portfolio_plaatje img:hover {
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9; 
}

/*TYPO VOOR PORTFOLIO TPL--------------------------*/
/*PREV/NEX KNOPPEN--------------*/
#portfolio_plaatje {
margin-top: -11px;
}

a.portfolio_overzicht b,
a.portfolio_volgende b,
a.portfolio_vorige b {
display:none;
}

a.portfolio_overzicht {
display:block;
width:35px;
height:35px;
float:left;
margin-right:5px;
background-image:url(/gfx/knoppen/portfolioknoppen.gif);
background-position:-1px 0;
outline: none;
}

a.portfolio_overzicht:hover {
background-position:-36px 0;
}

a.portfolio_vorige {
display:block;
width:35px;
height:35px;
float:left;
outline: none;
margin-right:5px;
background-image:url(/gfx/knoppen/portfolioknoppen.gif);
background-position:-71px 0;
}

a.portfolio_vorige:hover {
background-position:-107px 0;
}

a.portfolio_volgende {
display:block;
width:35px;
height:35px;
float:left;
outline: none;
margin-right:5px;
background-image:url(/gfx/knoppen/portfolioknoppen.gif);
background-position:-356px 0;
}

a.portfolio_volgende:hover {
background-position:-391px 0;
}

#gerealiseerd {
line-height:20px;
}

/*ANDERE BEKIJKEN--------------*/
#andere select {
font-size:11px;
border:1px solid #ccc;
background-color:#fff;
color:#666;
width:165px;
height:18px;
cursor:pointer;
overflow:auto;
outline:none;
}

#andere .andere_button {
font-size:11px;
border:1px solid #fff;
background-color:#fff;
color:#666;
width:30px;
text-align:left;
height:20px;
font-size:17px;
overflow:hidden;
cursor:pointer;
outline:none;
}

#andere .andere_button:hover {
color:#d3071e;
}


/*CALLMENOW-----------------------*/

.CMN_infoPopup {
color: #fff;
}
#CMN_Input input {
position: absolute;
*position: relative;
left: -10px;
*left: -12px;
width:113px;
color: #666;
font-size: 11px;
padding-left: 18px;
border: 1px inset #ffe;
}

#CMN_Button {
display:block;
position: absolute;
left: -10px;
text-transform:lowercase;
height:23px;
color:#fff;
margin:0;
width: 200px;
padding-left:79px;
padding-right:79px;
*padding-left:10px;
*padding-right:10px;
border: 0px;
font-size:14px;
background-repeat:no-repeat;
background-image:url(/gfx/knoppen/knoppen.jpg);
background-position:0 -157px;
cursor: pointer;
}

#CMN_Button:hover {
background-position:0 -183px;
}

#CMN_Info {
position: absolute;
margin-left: 124px;
margin-top: 10px;
*margin-top: 12px;
*padding-left: 127px;
color: #fff;
cursor: pointer;
}

.CMN_infotext {
display: block;
padding: 10px;
margin-left: -5px;
margin-top: 40px;
background-color: #fa9d00;
color:#000;
width: 118px;
}

#CMN_infoPopup {
*margin-top: -2px;
*margin-left: -10px;
}

#CMN_infoheader {
display: none;
}

#CMN_messageArea {
position: absolute;
margin-top: 20px;
*top: 65px;
width: 130px;
font-weight: bold;
}

#CMN_placeholder table{
width:95px;
}

#CMN_placeholder{
position:relative;
width:148px;
}

#CMN_Images{
display:none
}	

#CMN_infoImage img{
display:none
}

#CMN_Info, 
#phonenumber,
#CMN_infoPopup, 
.CMN_infoPopup,
.CMN_info,
#CMN_infoheader, 
.CMN_infoheaderInformatie,
#CMN_infotext, 
.CMN_infotext,
#CMN_ButLeft,	
#CMN_Button,
#CMN_ButRight,	
#CMN_ButtonClear, 
#CMN_Button,
#CMN_messageArea {
}

/* FORMULIEREN ----------------------- */

#formulier {
position: relative;
margin-bottom: 190px;
}

#formulier input {
font-family:"Trebuchet MS";
border: 1px solid #999;
width: 236px;
color: #000;
font-size: 11px;
height: 12px;
margin-bottom: 3px;
text-indent: 2px;
}

#formulier select {
font-family:"Trebuchet MS";
border: 1px solid #ccc;
width: 236px;
color: #000;
font-size: 11px;
height: 17px;
margin-bottom: 3px;
text-indent: 2px;
}

.formbutton,
#formulier .formbutton {
display:block;
background-image:url(/gfx/knoppen/verzend_knop.jpg);
background-position:0 0px;
background-repeat:no-repeat;
border: 0px;
color: #fff;
font-weight: normal;
height:25px;
width: 238px;
font-size:14px;
cursor: pointer;
}

.formbutton:hover,
#formulier .formbutton:hover {
background-position:0 -26px;
}

#formulier textarea {
font-family:"Trebuchet MS";
border: 1px solid #999;
color: #000;
font-size: 11px;
width: 236px;
height: 100px;
margin-bottom: 3px;
text-indent: 2px;
}


/*Tooltips*/
.tooltip {
cursor:help;
}

.Tips1 {
    float: left;
    margin: 10px;
}

.tip {
    z-index: 13000;
}
 
.tip-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #fff;
    padding: 5px;
    border: 1px solid #B0B0B0;
    background: #189;
    text-align: center;
}
 
.tip-text {
    font-size: 11px;
    padding: 8px;
    color: #333;
    background: #fff;
    border: 1px solid #222;
    border-top: none;
    margin: 0 5px;
}

#sn{
position:absolute;
left:-15px;
margin-top:10px
}