/* GLOBALS */

*
{
  outline: none !important;
}

body
{
  padding: 0;
  margin: 0;
  color: #333333;
  font-size: 10pt;
  font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

div, span
{
  padding: 0;
  margin: 0;
}

a
{
  color: #0095da;
  text-decoration: underline;
}

a:active
{
 outline: none !important;
}

img
{
  border: none;
}

.clear
{
  float: none;
  clear: both;
}

.strong
{
  font-weight: bold;
}

hr

{

color: #fff;

height: 1px;

background-color: silver;

}


/* THINGS ON TOP */

#root
{
  background: transparent url(img/footer_bg.png) left bottom repeat-x;
}

#wrapper
{
  margin: auto;
  width: 770px;
  position: relative;
  top: 10px;
}

#header
{
  height: 140px;
  position: relative;
}

#logo
{
  position: absolute;
  top: 10px;
  left: 11px;
}

/* LANGUAGE */

#lang
{
  position: absolute;
  top: 0;
  right: 10px;
  margin: 0;
  padding: 0;
}

#lang a
{
  float: left;
  display: block;
  margin-left: 5px;
  height: 25px;
  background: transparent url(img/arrow_up_grey.png) center bottom no-repeat;
}

#lang a.active
{
  background: transparent url(img/arrow_up_blue.png) center bottom no-repeat;
}

ul.lang_switch 

{

list-style: none;

}

ul.lang_switch li

{

display: inline;

}

/* MENU */

#menu
{
  position: absolute;
  left: 0;
  bottom: 0;
  list-style: none;
  margin: 0;
  padding: 0 7px;  
  background: transparent url(img/menu_bg.png) left bottom repeat-x;
  width: 100%; 
  font-size: 11pt;
  height: 32px; 
}

#menu li
{
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  background: transparent url(img/menu_pre.png) left top no-repeat;
  height: 32px
}

#menu li a
{
  display: block;
  background: transparent url(img/menu_post.png) right top no-repeat;
  
  margin: 0px;
  height: 32px
}

#menu li a
{
  color: white;
  display: block;  
  text-decoration: none;
  font-weight: bold;
  padding: 7px 20px 0 20px; 
}

#menu li.current_page_item, #menu li.current_page_parent
{
  background: transparent url(img/menu_pre_active.png) left top no-repeat;
}

#menu li.current_page_item a, #menu li.current_page_parent a
{  
  background: transparent url(img/menu_post_active.png) right top no-repeat;
}

#menu li.current_page_item a, #menu li.current_page_parent a
{
  color: #0095da;
}

/* CONTENT */

/* CONTAINERS */


#container 

{

width: 438px;

height:248px;

border: solid 1px #999999;

}

#container_en 

{

width: 438px;

height:248px;

border: solid 1px #999999;

}
/* Profiel */

body.page_5 #container, 
body.page_5 #container_en { background: transparent url(img/content/vlaggen.png) no-repeat; }

/* Service */

body.page_9 #container, 
body.page_9 #container_en { background: transparent url(img/content/service.png) no-repeat; }

/* Contact */body.page_13 #container, body.page_13 #container_en { background: transparent url(img/content/bellen.png) no-repeat; }

/* stalen rolluiken */

body.page_39 #container  { background: transparent url(img/content/producten/sta_rol_groot.png) no-repeat; }

body.page_39 #container_en  { background: transparent url(img/content/producten/sta_rol_groot_en.png) no-repeat; }

/* perfo rolluiken */

body.page_53 #container  { background: transparent url(img/content/producten/per_rol_groot.png) no-repeat; }

body.page_53 #container_en  { background: transparent url(img/content/producten/per_rol_groot_en.png) no-repeat; }

/* aluminium rolluiken */

body.page_73 #container  { background: transparent url(img/content/producten/alu_rol_groot.png) no-repeat; }

body.page_73 #container_en  { background: transparent url(img/content/producten/alu_rol_groot_en.png) no-repeat; }

/* open rolluiken */

body.page_75 #container  { background: transparent url(img/content/producten/ope_rol_groot.png) no-repeat; }

body.page_75 #container_en  { background: transparent url(img/content/producten/ope_rol_groot_en.png) no-repeat; }

/* schaarhekken */body.page_80 #container  { background: transparent url(img/content/producten/sch_hek_groot.png) no-repeat; }
body.page_80 #container_en  { background: transparent url(img/content/producten/sch_hek_groot_en.png) no-repeat; }

/* transparente rolluiken */

body.page_90 #container  { background: transparent url(img/content/producten/tra_rol_groot.png) no-repeat; }

body.page_90 #container_en  { background: transparent url(img/content/producten/tra_rol_groot_en.png) no-repeat; }

/* brandvertragende rolsystemen */body.page_82 #container  { background: transparent url(img/content/producten/bra_rol_groot.png) no-repeat; }
body.page_82 #container_en  { background: transparent url(img/content/producten/bra_rol_groot_en.png) no-repeat; }



/* transparente schuifsystemen */

body.page_92 #container  { background: transparent url(img/content/producten/tra_sch_groot.png) no-repeat; }

body.page_92 #container_en  { background: transparent url(img/content/producten/tra_sch_groot_en.png) no-repeat; }



/* protector 58, 96, 120 */

body.page_199 #container  { background: transparent url(img/content/producten/ope_rol_groot1.png) no-repeat; }

body.page_199 #container_en  { background: transparent url(img/content/producten/ope_rol_groot1_en.png) no-repeat; }



/* protector GTO */

body.page_202 #container  { background: transparent url(img/content/producten/ope_rol_groot2.png) no-repeat; }

body.page_202 #container_en  { background: transparent url(img/content/producten/ope_rol_groot2_en.png) no-repeat; }



/* protector Fireprotector */

body.page_212 #container  { background: transparent url(img/content/producten/bra_rol_groot1.png) no-repeat; }

body.page_212 #container_en  { background: transparent url(img/content/producten/bra_rol_groot1_en.png) no-repeat; }



/* protector Fireshield */

body.page_214 #container  { background: transparent url(img/content/producten/bra_rol_groot2.png) no-repeat; }

body.page_214 #container_en  { background: transparent url(img/content/producten/bra_rol_groot2_en.png) no-repeat; }



/* MORE CONTENT */
#content
{
  margin: 25px 10px;
  
}

#main h1
{
  border-top: 1px solid silver;
  padding-top: 15px;
  margin-top: 15px;
}

#content .more,

#content .less,

#content .close
{
  display: block; 
  width: 100%;
  text-align: right;
  font-size: 9pt;
  
  margin-bottom: 10px;
  
  cursor: pointer;
}

#content .list .item
{
  border-bottom: 1px solid silver;
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding-left: 140px;
  position: relative;
}

#content .list img
{
  position: absolute;
  left: 0;
  top: 0;
}

#content .list h2
{
  font-size: 10pt;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

#content .list .intro
{
  margin-top: 0;
  font-weight: normal;
}

#content .body  
{
  display:none;
  color: #666666;
  clear: both;
}

#content h1
{
  color: #0095da;
  font-weight: bold;
  font-size: 11pt;
}

#main
{
  float: left;
  width: 450px;
 
 
}

#main img
{
  border: 1px solid #999999;  
}

#main .intro
{
  font-weight: bold;
}

#main h3
{
  font-size: 10pt;
  margin-bottom: -12px;
  
}

#footer
{
  text-align: center;
  width: 100%;
  height: 100px;
  float: none;
  clear: both;
  padding-top: 65px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #999999;
}
/* NIEUWS ITEMS */

#main ul.nieuws li

{list-style: none; margin-lefT: -40px; 
margin-bottom: 15px;

border-bottom: solid 1px #999;
}

#main ul.nieuws li a.more
{

margin-top: 15px;

margin-bottom: 15px;

}
#main ul.nieuws li p

{ 

margin: 0;

}

#main ul.nieuws li h4

{ 

margin-left: 20px;

}


#main ul.nieuws li p img

{

display: block;

margin-right: 25px;

float: left;

height: 118px;

width: 118px;

cursor: pointer;

}

#main ul.nieuws li p.smal

{
position: relative;

display: block;

margin-left: 145px;

margin-top: 20px;

margin-bottom: 10px;

color: #666;


}
/* SIDEBAR */

#sidebar

{

  float: right;

  width: 280px;
  
  height: 100%;
  
  margin-top: -14px;
  
}

.widget_block

{

margin-left: -50px;

}
 
 
/* BLOCKS */

.block
{
  width: 240px;
  padding: 0 20px;
}

.block p
{
  padding: 0;
  margin: 0;
}
/* SPOEDGEVALLEN */



a.spoedgeval 

{

display: block;

width: 280px;

height: 90px;

background: transparent url(img/sproetje.png) 0px 0px no-repeat;

text-decoration: none;

}



a.spoedgeval_en 

{

display: block;

width: 280px;

height: 90px;

background: transparent url(img/sproetje_en.png) 0px 0px no-repeat;

text-decoration: none;

}

/* KIEZEN */



.block_kiezen

{

  background: transparent url(img/block/kiezen.png) 1px 40px no-repeat;

  height: 250px;
  
}



.block_kiezen .kop

{

  font-weight: bold;

  font-size: 14px;

}



.block_kiezen .tekst

{

  margin-top: 140px;

}



.block_kiezen 
.link

{

  margin: 20px 0;

  font-weight: bold;

}

.block_top

{

  width: 280px;

  height: 10px;
  
  background: transparent url(img/block_top.png) left top no-repeat;

  overflow: hidden;

}



.block_bg

{

  width: 280px;

  text-align: center;

  background: transparent url(img/block_bg.png) repeat-y;


}



.block_bottom

{

  width: 280px;

  height: 11px;

  background: transparent url(img/block_bottom.png) left top no-repeat;
  
  margin-bottom: 20px;
  
}
/* OFFERTE */




.block_offerte

{

  background: transparent url(img/block/ribbon.png) 50% 50% no-repeat;

  height: 250px;

}






.block_offerte_en

{

  background: transparent url(img/block/ribbon_en.png) 50% 50% no-repeat;

  height: 250px;

}




.block_offerte .kop

{

  font-weight: bold;

  font-size: 14px;

}


.block_offerte .voet

{

  font-weight: bold;

  margin-top: 210px;

}




.block_offerte_en .kop

{

  font-weight: bold;

  font-size: 14px;

}


.block_offerte_en .voet

{

  font-weight: bold;

  margin-top: 210px;

}





#offerte_form

{

  display: none;

}



#offerte_form div.block

{

  width: 260px;

  overflow: hidden;

  padding: 0 0 0 10px;

  text-align: left;  

  position: relative;

}



#offerte_form div.block div

{

  float: none;

  clear: both;

  height: 30px;

}



#offerte_form p

{

  font-size: 90%;

  margin-bottom: 10px;

}



#offerte_form label

{

  width: 65px;

  float: left;  

}



#offerte_form input,

#offerte_form select

{

  float: left;

  width: 185px;

}



#offerte_form .submit

{

  width: auto;

  float: right;

  margin-right: 6px;

}

/* CALLBACK */

.callback
{
  width: 280px;
  height: 90px;
  background: transparent url(img/callback_bg.png) left top no-repeat;
  margin-bottom: 20px;
  
  position: relative;
}

.callback h1
{
  color: #0095da;
  font-size: 14pt !important;
  font-weight: bold;
  position: absolute;
  left: 10px;
  top: 5px;
  margin: 0;
  padding: 0;
}

.callback label
{
  position: absolute;
  left: 10px;
  top: 27px;
  color: #666666;
  font-size: 8pt;
}

.callback .input
{
  position: absolute;
  left: 10px;
  top: 50px;
  border: 1px solid #999999;
  background: white;
  width: 168px;
  height: 20px;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 6px;
}

.callback .submit
{
  position: absolute;
  left: 198px;
  top: 8px;
  
  display: block;
  
  width: 74px;
  
  height: 74px;
  
  background: transparent url(img/callback_button.png) left top no-repeat;
}
/* PRODUCTS */



body.page_7 .entry p

{

margin: 0px;

margin-bottom: 15px;

}

body.page_7 .entry a

{

margin-right: 10px;



}

body.page_7 .entry a img

{

margin: 0;

padding: 0;

}

#product_overview

{

  float: none;

  clear: both;

  display: block;

  border-top: 1px solid #b2b2b2;

  color: #b2b2b2;

  font-size: 9px;

  width: 100%;

  overflow: hidden;

  padding-top: 5px;
  
  margin-top: 50px;

  background: transparent url(../img/product_bg.png) left 15px no-repeat;

}


#product_overview a

{

  color: #b2b2b2;

  text-decoration: none;

}



#product_overview .col

{

  float: left;

  width: 170px;

  padding: 0 10px;
  
  margin-top: 10px;
  
  border-right: solid 1px #b2b2b2;
  
}



#product_overview .col_first

{

  padding-left: 0;

}



#product_overview .col_last

{

  padding-right: 0;
  
  border-right: none;

}



#product_overview dl

{

  padding: 0px 0 0 0 ;

  margin: 0;
  
}



#product_overview dt

{

  font-weight: bold;

}



#product_overview dd

{

  padding: 0;

  margin: 0;

}

/*  CHOOSER */

.blue
{
  border: 1px solid #0071bc !important;
}

.spoedgeval
{
  display: block;
  margin-bottom: 20px;
}
.spoedgeval_en
{
  display: block;
  margin-bottom: 20px;
}

/* PHONE */

.phone
{
  display: block;
  color: white;
  padding: 0 5px;
  margin: 0;
margin-bottom: -20px;
  height: 18px;
  width: 195px;
  background: transparent url(img/phone_bg.png) left 1px no-repeat;
}