/* mac hide\*/
html, body {
	height					: 100%;
}

/* end hide */

/************************  Body style settings  ************************/

.cmsBody {
	padding					: 0;
	margin					: 0;
	font-family				: "Calibri Regular", Arial, Helvetica, sans-serif;
	font-style				: normal;
  	font-weight				: normal;
	font-size				: 12px;
	text-align				: left;
	color					: #616161;
	background-color		: #FFFFFF;
	text-decoration			: none;
	line-height				: 18px;
	height					: 100%;
}

#outer {
	height					: 100%;
	min-height				: 100%;
	width					: 1000px;
	text-align				: left;
	margin					: auto;
	position				: relative;
	background-color		: #FFFFFF;
	margin-bottom			: -51px;
}

html>body #outer {
	height				: auto;/*for mozilla as IE treats height as min-height anyway*/
}

#header{
	position			: absolute;
	top					: 0;
	left				: 206px;
	width				: 794px;
	height				: 50px;
	background-color	: #FFFFFF;
	z-index				: 10;
	background-image	: url(../images/Template/bg-header.png);
	background-repeat	: repeat;
}

#left {
	position			: relative;/*ie needs this to show float */
	width				: 206px;
	float				: left;
	padding				: 0px;
	margin				: 0px;
	background-image	: url(../images/Template/bg_left.png);
	background-position	: left top;
	background-repeat	: no-repeat;
}

#right {
	position			: relative;/*ie needs this to show float */
	width				: 180px;
	float				: right;
	margin				: 0px;
	padding				: 57px 0 0 0;
	vertical-align		: top;
	text-align			: left;
	z-index				: 1;
	padding-top				: 276px;	
}

#footer {
	position			: relative;
	width				: 1000px;
	height				: 50px;
	text-align			: left;
	margin				: 0px;
	padding				: 0px;
	margin				: 0 auto;
	background-color	: #FFFFFF;
}

div,p {
	margin-top			: 0px;/*clear top margin for mozilla*/
}

#centrecontent {
	position			: relative;
	width				: 606px;
	margin				: 0px;
	padding				: 57px 0 0 0;
	vertical-align		: top;
	float				: left;
	z-index				: 1;
	padding-top				: 276px;	
}

#clearfooter {
	clear				: both;
	height				: 50px;/*needed to make room for footer*/
}

* html #centrecontent {
	height				: 1%;
	margin-bottom		: 50px;/* combat IE's 3 pixel jog */
}

IMG {
	border				: 0px solid black;
}

/************************  P tag style settings  ************************/

P {
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
}
/************************  A tag style settings  ************************/

A:LINK, A:VISITED, A:HOVER, A:ACTIVE {	
	font-weight			: normal;
	color				: #eab82a;
	text-decoration		: none;
}

A:HOVER {
	text-decoration		: underline;
}
/************************  Header tag H1 H2 H3 H4 style settings  ************************/

H1 {
	font-family			: "Calibri Bold", Arial, Helvetica, sans-serif;
    font-size			: 23px;
    font-style			: normal;
    font-weight			: bold;
    line-height			: 21px;
    margin				: 0 0 13px;	
	color				: #155694;
}

H2 {
	font-family			: "Calibri Bold", Arial, Helvetica, sans-serif;
  	font-style			: normal;
	font-size			: 16px;
	font-weight			: bold;
	line-height			: 18px;
	padding				: 0;
	margin				: 0 0 5px 0;
}

H3 {
	font-family			: "Calibri Bold", Arial, Helvetica, sans-serif;
  	font-style			: normal;
	font-size			: 14px;
	font-weight			: bold;
	line-height			: 16px;
	padding				: 0;
	margin				: 0 0 5px 0;
}

H4 {
	font-family			: "Calibri Bold", Arial, Helvetica, sans-serif;
  	font-style			: normal;
	font-weight			: bold;
	line-height			: 12px;
	padding				: 0x;
	margin				: 0 0 5px 0;
}

/************************  List style settings  ************************/

UL {
	padding:0 0 0 20px;
	margin:0;
}

OL { 

}

LI {

}

HR {
	border:none;
	background:none;
	border-top: 1px solid #DCDCDC;
	font-size:1px;
	line-height:1px;
	height:1px;
	position:static;
	padding:0;
	margin:10px 0;
}

/****************  Custom tags/classes style settings  ****************/

#logo {
	display					: block;
	position				: relative;
	width					: 199px;
	height					: 50px;
	background-color		: #FFFFFF;
}

#print_logo {
	display					: none;
}

#menu {
	display					: block;
	position				: relative;
	z-index					: 1000;
	margin-left				: 55px;
	margin-top				: 7px;
	margin-bottom			: 9px;
	width					: 144px;
	height					: auto;
	background-image		: url(../images/Template/bg-menu.png);
	background-repeat		: repeat-y;
}

#header_menu UL {
	padding					: 0;
	margin					: 15px 0 0 13px;
}

#header_menu LI {
	padding					: 0;
	margin					: 0 15px 0 0;
	list-style				: none;
	float					: left;
}

#header_menu A:LINK, #header_menu A:VISITED, #header_menu A:HOVER, #header_menu A:ACTIVE {
	font-family				: "Calibri Bold", Arial, Helvetica, sans-serif;
	color					: #FFF;
	font-size				: 15px;
	font-weight				: bold;
	text-transform			: uppercase;
	padding					: 0px;
	text-decoration			: none;
}

#header_menu A:HOVER {
	text-decoration			: underline;
}

.addthis_toolbox {
	display					: block;
	position				: absolute;
	top						: 294px;
	right					: 15px;
    text-align				: left;
}

#search {
	display					: block;
	position				: absolute;
	right					: 12px;
	top						: 12px;
	width					: 155px;
	height					: 22px;
}

#testimonial {
	display					: block;
	position				: relative;
	margin-left				: 55px;
	margin-top				: 9px;
	
	
	width					: 144px;
	height					: 110px;
	background-image		: url(../images/Template/bg-testimonial.png);
	background-repeat		: repeat-x;
}

.extras,
.vestigingen{
	position				: relative;
	margin-bottom				: 9px;
	border					: 1px solid #dcdcdc;
	border-bottom			: none;
}

.extras {
margin-top:0px;	
}

.extras UL,
.vestigingen UL {
	padding					: 0;
	margin					: 0;
	list-style				: none;
}

.extras LI,
.vestigingen LI {
	background				: none;
	padding					: 0;
}

.vestigingen LI.vestigingen_header {
	font-family				: "Calibri Bold", Arial, Helvetica, sans-serif;
	background-color		: #887767;
	color					: #FFF;
	
	padding					: 5px 10px;
	text-transform			: uppercase;
	font-size:				: 12px;
}

.extras A, .extras A:LINK, .extras A:VISITED, .extras A:HOVER, .extras A:ACTIVE
.vestigingen A, .vestigingen A:LINK, .vestigingen A:VISITED, .vestigingen A:HOVER, .vestigingen A:ACTIVE {
	color					: #4B4B4B;
	font-style				: normal;
	text-decoration			: none;
	display					: block;
	height					: 25px;
	line-height				: 25px;
	border-bottom			: 1px solid #dcdcdc;
	text-transform			: uppercase;
	font-size				: 12px;
}

.vestigingen A, .vestigingen A:LINK, .vestigingen A:VISITED, .vestigingen A:HOVER, .vestigingen A:ACTIVE {
	color					: #000;
	padding					: 0 10px;	
}

.extras A:HOVER,
.vestigingen A:HOVER {
	color					: #eab82a;
}

.extras UL IMG {
	vertical-align			: middle;
	margin-right			: 0px;
	margin-top:-2px;
}

#template_text_left {
	display					: block;
	position				: absolute;
	left					: 59px;
	top						: 107px;
	width					: 131px;
	height					: 160px;
	overflow				: hidden;
	color					: #a8b0a8;
	padding					: 0;
	margin					: 0;
}

#template_text_left p a {
	position				: absolute;
	bottom					: 0px;	
}

#template_text_right {
	display					: block;
	position				: absolute;
	left					: 10px;
	top						: 0px;
	width					: 149px;
	height					: 70px;
	overflow				: hidden;
	padding					: 15px 0 0 0;
	margin					: 0;
	line-height				: 20px;
	border-bottom			: 1px solid black;
}

#template_text_right H3 {
	font-size				: 27px;	
	padding					: 0px 0px 0px 0px;
	margin:		0px 0px 10px 0px;
}

#template_text_right A {
	color					: #005497;
}

#template_text_right P {
	padding-top				: 6px;
	line-height				: 16px;	
}

#banner_left {
	display					: block;
	position				: relative;
	margin-left				: 55px;
	margin-top:9px;
	padding					: 0;
	width:144px;
}

#banner_right {
	display					: block;
	position				: relative;
	padding					: 0;
	margin					: 0;
	margin-bottom:9px;
}

#payoff {
	display					: block;
	position				: absolute;
	right					: 0;
	bottom					: 10px;
	text-align				: right;
	line-height				: 13px;
	vertical-align			: bottom;
	color					: #000;
	font-size:10px;
}

#payoff a {
	color					: #666666;
	text-decoration			: none;
	white-space				: nowrap;
}

#payoff a:hover {
	text-decoration			: underline;
}

#footer_text {
	display					: block;
	position				: absolute;
	left					: 220px;
	bottom					: 10px;
	text-align				: left;
	line-height				: 30px;
	height					: 30px;
	color					: #666666;
}

#footer_text p {
	float					: left;
}

#footer_text a {
	color					: #FFFFFF;
	text-decoration			: none;
}

#footer_text a:hover {
	text-decoration			: underline;
}

#footer_text IMG {
	margin					: 0px 10px 0px 10px;
	padding					: 0px 0px 0px 0px;
}

.drie_kolommen {
	padding-bottom			: 30px;	
}

.drie_kolommen ul{
	list-style-type: none;
padding: 0;
margin: 0;
	
}

.drie_kolommen li{
	/*list-style-image		: */
	background-image: url(/site-c/serverspecific/giebels/images/Template/square-bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .7em;
	padding-left: .9em;
}

.openingstijden {
	font-size: 11px;		
}

.openingstijden td{
	padding-left: 3px;		
}

.openingstijden img{
	padding:	0px;
	margin:		0px;
}

.box {
	width					: 181px;
	height					: 228px;
	border					: 1px solid #cbcbcb;
	background-color		: #cccccc;
	background-image		: url(../images/Template/bg-box.png);
	background-repeat		: repeat-x;
	overflow				: hidden;
	text-align				: left;
	cursor					: pointer;
}

.box:hover {
	border-color			: #155694;
	text-decoration			: none;	
}

.box_image {
	margin					: 7px;
	width					: 167px;
	height					: 122px;
	overflow				: hidden;
	text-align				: center;
}

.box_image IMG {
	
}

.box_text {
	margin-left				: 7px;
	width					: 167px;
	height					: 85px;
	overflow				: hidden;
	text-align				: left;
	color					: #616161;
	text-decoration			: none;
}

.box_text H3 {
	font-family				: "Calibri Bold", Arial, Helvetica, sans-serif;
	font-size				: 20px;
	font-weight				: bold;
	line-height				: 26px;
	margin					: 0;
	padding					: 0;
	color					: #155694;
	text-decoration			: none;
}

.box_text:LINK, .box_text:VISITED, .box_text:HOVER, .box_text:ACTIVE {	
text-decoration:none;
}

#section_image {
	display					: block;
	position				: absolute;
	height					: 210px;
	width					: 794px;
	top						: 57px;
	left					: 0px;
	overflow				: hidden;
}

#SubMenu {
	border					: 1px solid #DCDCDC;
	margin-bottom			: 8px;
	height					: 29px;
}

#SubMenuFirst {
	margin-left				: 11px;
	height					: 29px;
	width					: 100px;
}

#SubMenu UL, #SubMenu LI, #SubMenuFirst UL, #SubMenuFirst LI {
	list-style			: none;
	margin				: 0;
	padding				: 0;
}

#SubMenu LI, #SubMenuFirst LI {
	float				: left;
	position			: relative;
	height				: 29px;
}

#SubMenu A, #SubMenu A:LINK, #SubMenu A:VISITED, #SubMenu A:HOVER, #SubMenu A:ACTIVE,
#SubMenuFirst A, #SubMenuFirst A:LINK, #SubMenuFirst A:VISITED, #SubMenuFirst A:HOVER, #SubMenuFirst A:ACTIVE {
	display				: block;
	white-space			: nowrap;
	font-style			: normal;
	text-decoration		: none;
	padding				: 0px 10px;
	height				: 29px;
	line-height			: 29px;
	text-transform		: uppercase;
	font-size			: 12px;
	font-weight			: bold;
	color				: #887767;
}

#SubMenu A:HOVER, #SubMenu A.SubmenuActive {
	color				: #FFFFFF;
	background-color	: #887767;
}

#SubMenuFirst A:HOVER, #SubMenuFirst A.SubmenuActive {
	color				: #FFFFFF;
	background-color	: #887767;
}

#PrintThisPage {
	text-align			: right;	
	height				: 33px;
}