/* ::::: template:Ultimate Layout																	::::: */
/* ::::: FooterStickAlt mod met container/wrapper naamsconventie									::::: */
/* ::::: getest in ie 5.0 / ie 5.5 / ie6 / ie7 / ff / opera / saf2-3								::::: */
/* ::::: 27-6-2007																					::::: */
/* ::::: NB: #PageContainer  eindigd voor de FooterContainer!										::::: */
/* ::::: klant:		Faber & VanderEnde																::::: */
/* ::::: laatst gewijzigd:	3-1-2008																::::: */
/* ::::: kleuren:	

#189f96	(groen)
#e7f5f4 (lichtgroen)
#133e44 (donkergroen)
#bae2e0 (balktekst)
#4c4c4c (menutekst)
#b2b2b2 (inputborder)
																									::::: */

@import url("resetstyles_v2.css");

/*@import url("resetinline.css");*/


/* =LEVEL 0 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

html { height: 100%; }
body { height: 100%; }
body { text-align: center; background:#fff url(../images/BodyBkgrnd.gif) repeat-y center}

#PageContainer { margin: 0pt auto; width: 959px; min-height: 100%; text-align: left;
} /* deze gebruiken voor faux colomn in bkgrnd-image!! */


* html #PageContainer { height: 100%; }

#HeaderContainer { margin: 0; height: 100px;  }
#ContentContainer {padding-bottom: 48px; } /* padding minus footer hoogte */
#NonFooterContainer { position: relative; min-height: 100%;}
* html #NonFooterContainer { height: 100%; }
#FooterContainer { width: 959px;  text-align: center;height:45px; }
#FooterContainer { margin: -45px auto 0pt; position:relative } /* margin: minus footer hoogte */





.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/* Hides from IE-mac \*/
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}
/* End hide from IE-mac */


/*.Clearer { clear: both; display: block; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; }*/

/* =LEVEL 1 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#HeaderWrapper {position:relative;height:100%;margin:0 2px 0 3px;border-bottom:1px solid #189f96;}
#ContentWrapper {}
#GrM {} 
#FooterWrapper {height:100%;}


/* =LEVEL 2 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.Divider {clear:both;margin:0 2px 0 3px;border-bottom:1px solid #189f96;height:1px;}

#GrS_c1 {width:160px;float:left;height:100%;}
#GrS_c2 {width:160px;float:left;height:100%;}
#GrS_c3 {width:160px;float:left;height:100%;}
#GrS_c4 {width:160px;float:left;height:100%;}
#GrS_c5 {width:160px;float:left;height:100%;}
#GrS_c6 {width:159px;float:left;height:100%;}/*??*/
#GrS_c1-c2 {width:320px;float:left;}

#GrS_c2-c3 {width:320px;float:left;height:100%;}
#GrS_c3-c4 {width:320px;float:left;height:100%;}
#GrS_c5-c6 {width:318px;float:left;height:100%;}
#GrS_c1-c6 {width:100%;float:left;height:100%;}

.GreenBlock {background:#e7f5f4}
.Inhoud {margin:8px 8px 0 8px;font-size:0.9em;}
#Zen #GrS_c1 .Inhoud {margin:0 0 0 1px;}
#Zen #GrS_c3 .Inhoud {margin:0;}
#Zen #GrS_c5 .Inhoud {margin:0;}
#Products .Inhoud {margin-top:0;}


#Blox #GrS_c1 {margin:0 2px 0 3px;width:155px;}
#Blox #GrS_c2-c3 {margin:0 2px 0 2px;width:316px;}
#Blox #GrS_c4 {margin:0 2px 0 3px;width:155px;}
#Blox #GrS_c5-c6 {margin:0 2px 0 2px;width:315px;}
#Blox #GrS_c1-c4 {width:640px;float:left;}
#Blox #GrS_c1-c6 {width:100%;height:auto;padding-bottom:16px;}

#Blox #GrS_c1 .Inhoud, #Blox #GrS_c1-c6 .Inhoud {margin:8px;}

#Zen {}
#Products {width:100%;height:82px;background:url(../images/products_bkgrnd.jpg) no-repeat right top;}
#Blox {clear:both;width:100%;height:208px;}

.Sub #Blox {height:auto;}
.Sub #Blox #GrS_c1-c2 {width:320px;float:left;} /*nog equal maken */
.Sub #Blox #GrS_c3-c6 {width:639px;float:left;}


/* =LEVEL 3 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#Logo {position:absolute;top:19px;left:8px;height:70px;}

.UC_Login {position:absolute;top:36px;right:16px;}
#Menu {height:46px;position:absolute;top:84px;right:8px;}
#Content {}

/* =TYPO ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body {font-family:Verdana, Arial, Sans-Serif;font-size:0.63em;/*10px*/;color:black;}
/* p {margin:0.5em 0 1em 0;} */
h1 {margin-top:1em;color:#133e44;font-size:1.8em;display:block;width:100%;line-height:2em;font-style:italic;} /*Voor SIFR*/

			.flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
			}
			
	
.Inhoud ul li {list-style-type:square;margin-left:16px;}
	
h2 {display:block;padding:6px;height:31px;background:#189f96;font-size:1.1em;color:#bae2e0;text-transform:uppercase;line-height:2.7em;}
h3 {text-transform:uppercase;color:#707070;font-size:1.1em;font-weight:bold;}
h4 {font-size:1.2em;font-weight:bold;color:#707070;}
h5 {}


ul {}
ul li {}

em, i, em *, i * {font-style:italic;}


strong, b, strong *, b * {font-weight:bold;}

.Highlight {color:#189f96;}


.Dull, 
.Highlight a, 
.ProdList a {color:#4c4c4c;font-weight:bold;}

a.Dull:link, 
a.Dull:visited,
.Highlight a:link, 
.Highlight a:visited,
a.GroupLink:link,
a.GroupLink:visited,
.ProdList a:link, 
.ProdList a:visited
 {color:#4c4c4c;text-decoration:none;}

a.Dull:hover, 
a.Dull:active,
.Highlight a:hover, 
.Highlight a:active,
a.GroupLink:hover,
a.GroupLink:active,
.ProdList a:hover, 
.ProdList a:active
 {color:#189f96;text-decoration:underline;}

a {color:#189f96;}
a:link, a:visited {}
a:hover, a:active {}



.Caps {text-transform:uppercase;}
.Rechts, .Right {float:right;}
.Links, .Left {float:left;}
.Center, .Centreer {margin:0 auto;text-align:center;}
.HasBorder {}


#Logo h6 {margin:0;text-indent:-9999px;border:none;display:block;width:304px;height:70px;background:#fff url(../images/faberlogo.gif) no-repeat;}
#Logo h6 a {text-decoration:none;display:block;width:304px;height:70px;}


hr {font-size:1px;height:1px;color: #189f96;
background-color: #189f96;border:0;}
hr.HasMargin {margin:8px 0 8px 0;}


/* =ProductList */
.ProdList {}
.ProdList li {list-style:none!important;}

/* =Header */

/* =Menu */
.Menu li {display:block;float:left;list-style-type:none;}
.Menu li a.Last {margin-right:0;}
.Menu li a {text-transform:uppercase;margin-right:48px;}


/* =Footer */


#Footer {text-align:center;font-size:0.9em;}






/* =Table definitions */
table {border:none!important;}
table.HasBorder {border:1px solid #00a4de!important;}
table td, table th {padding:2px!important;}
table.HasBorder td, table.HasBorder th {border:1px solid #00a4de!important;}
table thead th {background:#e7ffff;font-weight:bold;}



/* =FORM */
.Button {font-weight:bold;text-align:center;display:block;height:1.5em;text-decoration:none;line-height:1.5em;}
.UC_Login .Button {margin-right:-8px}
.Button:link, .Button:visited {text-decoration:none; }
.Button:hover, .Button:active {text-decoration:underline;}

input, .TextArea {vertical-align:middle;font-family:Verdana, Arial, Geneva, Sans-Serif;font-size:1em;color:#189f96;line-height:1.45em/*16px*/}
input.Radio {}
input.CheckBox {}
input.Select {}
.TextArea {border:1px solid #b2b2b2;width:203px;} /*textarea is *GEEN* input*/
.TextArea.MultiLine {height:50px;} /*textarea is *GEEN* input*/
input.FormField, .TextArea {border:1px solid #b2b2b2;height:1.5em;width:200px;padding:0 0 0 3px!important;}
.UC_Login input.FormField {margin-right:8px!important;}
input.FormField.Small, .TextArea.Small {width:108px;}
input.FormField.Wide, .TextArea.Wide {width:397px;}
input.FormField.FileUpload {height:2em;}

input.FormField:focus, .TextArea:focus {border:1px solid #189f9b;}

.TextArea, .TextArea.MultiLine, input.FormField, input.Radio, input.CheckBox, input.Select 
{margin:0;vertical-align:top;}

.ErrorMsg {background:red;color:#fff;display:block;width:100%;padding:8px;}
.Message {background:#fffd7a;color:#000;display:block;padding:8px;margin-top:4px;}
.Required {color:red;font-weight:bold;}

.Col1 {clear:both;float:left;width:150px;text-align:right;margin-right:16px;}
.Col2 {float:left;margin-bottom:0.5em;width:400px;}

.Col1, .Col2 {display:block;}

.Formulier {}
fieldset {margin:1em 0;padding:1em;border:1px solid #ccc;}
label {font-weight:bold;}
legend {font-style:italic;}


/* =TOOLTIP JQUERY */
a.GroupLink {text-transform:uppercase;background:url(../images/small_logo.gif) no-repeat 0 2px ;padding-left:12px;font-weight:bold;}
#tooltip {
	position: absolute;
	z-index: 3000;

	}

#tooltip h3, #tooltip div { margin: 0; padding:0;}


#tooltip.pretty {
	
	background: url(../images/tooltip_bkgrnd.png) no-repeat;
	width: 251px;
	padding:5px 0 5px 0;
	height:56px;
}

#tooltip.pretty h3 {
display:block;
background:none;
	width:94%;
	font-size: 1em;
	text-transform:none;
padding:8px;
color:#4c4c4c;
		font-weight:normal;
}
#tooltip.pretty div { width: 100%; text-align: center;color:#000;padding-top:30px; font-size: 1em;}


/* =CMS */
/* Rewrite FCKeditor veld */

#ContentFCK {font-size:0.6em;}
#ContentFCK td {font-size:1em;}

table tr td {vertical-align:top!important;}

#ContentFCK ul li {list-style-type:square;padding-left:16px;}

#ContentFCK a {color:#189f96!important;text-decoration:none!important;}
#ContentFCK a:link, #ContentFCK a:visited {}
#ContentFCK a:hover, #ContentFCK a:active {}

#ContentFCK .TblProducts a {color:#4c4c4c!important;}


#ContentFCK {border-right:330px solid #f2f2f2;background:#ffffff;text-align:left;overflow:auto;} 

strong, strong *, b,b * {font-weight:bold;text-align:inherit;}
i, i *, em, em* {font-style:italic;text-align:inherit;}


strong a {font-weight:bold;}

table tr td {vertical-align:top;}

#ContentFCK ul li {list-style-type:disc;margin-left:2em;}


.ImgCenterBorder {display: block;margin:8px auto 8px auto;border:1px solid #3A267E;}
.ImgCenter {display: block;margin:8px auto 8px auto;}
.ImgLeftBorder {margin:0 8px 8px 0;float:left;border:1px solid #3A267E;}
.ImgLeft {margin:0 8px 8px 0;float:left;}
.ImgRightBorder {margin:0 0 8px 8px;float:right;border:1px solid #3A267E;}
.ImgRight {margin:0 0 8px 8px;float:right;}




#ContentFCK li a {color:#0079B7;text-decoration:none;}
#ContentFCK li a:link, #ContentFCK li a:visited {color:#0079B7}
#ContentFCK li a:hover, #ContentFCK li a:active {color:#3A267E;text-decoration:underline;}

.Caption {
text-align:left;
color:#189f96;


}