/* ::::: 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:	venhuis vijverbouw																	::::: */
/* ::::: laatst gewijzigd:	22-02-2008																::::: */
/* ::::: kleuren:																					::::: */

@import url("resetstyles_v2.css");
@import url("style_fck.css");
@import url("form.css");
@import url("galleria.css");
@import url("toolbox.css");
/*@import url("resetinline.css");*/



/* =LAYOUT  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/* =LEVEL 0 */

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

/* body.Small {background:#2d2d2d url(../images/BodyBkgrnd.gif) repeat-y center;}
 */
#PageContainer { margin: 0pt auto; width: 956px;min-height: 100%; text-align: left;}

/* body.Small #PageContainer { width: 756px;}
 */

#PageContainer {background:#000 url(../images/PageContainerBkgrnd_zwem.jpg) no-repeat;} /* deze gebruiken voor faux colomn in bkgrnd-image!! */

body#Algemeen #PageContainer {background:#000 url(../images/PageContainerBkgrnd_03.jpg) no-repeat;} /* deze gebruiken voor faux colomn in bkgrnd-image!! */
body#Natuur #PageContainer {background:#000 url(../images/PageContainerBkgrnd_natuur.jpg) no-repeat;} /* deze gebruiken voor faux colomn in bkgrnd-image!! */
body#Zwem #PageContainer {background:#000 url(../images/PageContainerBkgrnd_zwem.jpg) no-repeat;} /* deze gebruiken voor faux colomn in bkgrnd-image!! */
body#Koi #PageContainer {background:#000 url(../images/PageContainerBkgrnd_koi.jpg) no-repeat;} /* deze gebruiken voor faux colomn in bkgrnd-image!! */
body#Onderhoud #PageContainer {background:#000 url(../images/PageContainerBkgrnd_04.jpg) no-repeat;} /* deze gebruiken voor faux colomn in bkgrnd-image!! */
body#Contact #PageContainer {background:#000 url(../images/PageContainerBkgrnd_contact.jpg) no-repeat;} /* deze gebruiken voor faux colomn in bkgrnd-image!! */

*html body#Contact #PageContainer {height:170%} 




* html #PageContainer { height: 100%; }
#HeaderContainer { margin: 0; height: 110px;  }
#ContentContainer {margin-top:210px;padding-bottom: 60px; } /* padding minus footer hoogte */
#NonFooterContainer { position: relative; min-height: 100%;}
html>body #NonFooterContainer { overflow:hidden;/* probleem met rad */}
* html #NonFooterContainer { height: 100%;  }

#FooterContainer { padding-top:80px;width: 956px;text-align: center;height:35px; }
/* body.Small #FooterContainer { width: 756px; }
 */
#FooterContainer { margin: -35px 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%;z-index:9999;}
#ContentWrapper {}
#GrM {} 
#FooterWrapper {height:100%;position:relative;}


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

#HeaderWrapperTop {}
#HeaderWrapperBottom {}


#GrS_c1-c2 {width:906px;margin-left:24px;}
body.Small #GrS_c1-c2 {width:706px;}


.Inhoud {padding:16px 16px 16px 16px;}


/* =LEVEL 3 */

#Logo {position:absolute;top:0;left:0;height:129px;width:298px;}
#Menu {height:38px;position:absolute;top:25px;width:790px;border-bottom:1px solid #5e90c4;right:0;z-index:999999;}

body.Small #Menu {width:590px;}
#Lijntje {height:38px;position:absolute;top:25px;width:36px;border-bottom:1px solid #5e90c4;left:0;}
#Content {}
#Slogan {height:12px;position:absolute;top:8px;width:181px;right:16px;}

#PrjShortcut {position:absolute;top:200px;right:48px;z-index:0;}
body#Projecten #PrjShortcut {display:none;}  
#PrjShortcut ul li {list-style-type:none;float:left;display:block;margin-left:8px;}
#PrjShortcut ul li a {border:1px solid #5e90c4;display:block;}

#Gallery {visibility:hidden;}

/* =einde LAYOUT  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */




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

body {font-family:'Lucida Sans', Arial, Sans-Serif;font-size:10px;color:white;}
.Inhoud p {letter-spacing: 0.02em;text-align:justify;}
h1 {font-style:italic;font-size:2em;color:#fff;line-height:2.4em;letter-spacing: 0.3em;}
h1 *, h2 * {font-style:inherit;}
h2 {font-style:italic;color:#5e90c4;font-size:1.4em;/*14px*/}
p.Intro {color:#5e90c4;/* font-style:italic */;font-size:1.2em;}

h3 {font-size:1.4em;/*14px*/}
h4 {color:#fff;font-size:1.3em;/*14px*/}
h5 {}
h6 {}

ul {}
ul li {}
.Inhoud li {max-width:100%;float:none;margin-left:16px;list-style-type:square;}

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

#GrM {font-size:1.1em;line-height:2.4em;}
#GrM table  {table-layout:fixed;width:868px;}
#GrM table table  {table-layout:fixed;width:auto;}
#GrM table table tbody td  {padding:8px;}
/* body.Small #GrM table  {width:668px;} */


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


a {color:#5e90c4;}
a:link, a:visited {}
a:hover, a:active {}

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


#Logo h1 {text-indent:-9999px;border:none;display:block;width:298px;height:129px;}
#Logo h1 a {text-decoration:none;display:block;width:298px;height:129px;}

#Slogan h2 {text-indent:-9999px;border:none;display:block;width:181px;height:12px;background:url(../images/Slogan.gif) no-repeat}
#Slogan h2 a {text-decoration:none;display:block;width:181px;height:12px;}

a.Pdf {padding-left:40px;padding-top:0.5em;display:block;background:url(../images/icon_pdf.jpg) no-repeat top left;height:32px;vertical-align:middle;}

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



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



/* =Header */

/* =Menu */

#Menu ul {float:right;margin-right:40px;margin-top:10px;}
#Menu ul li {list-style-type:none;float:left;display:block;}
#Menu ul li a {font-size:1.2em;color:#fff;line-height:2.3em;margin-left:16px;display:block;text-decoration:none;}  
#Menu ul li a:link, #Menu ul li a:visited {} 

body#One #Menu ul li a.One,
body#Two #Menu ul li a.Two

  {color:#5e90c4; border-bottom:2px solid #5e90c4;}


  

  
  
  
/* =Footer */

/* =Footer Menu */
#Footer {float:right;padding-top:10px;margin-right:16px;}
#Footer ul li {list-style-type:none;float:left;display:block;}
#Footer ul li.Seperator {padding:0 8px 0 8px;color:#fff;}
#Footer a {color:white;font-weight:bold;}
#Footer a:link, #Footer a:visited {text-decoration:none;}
#Footer a:hover, #Footer a:active {text-decoration:underline;}





/* =Table definitions */
table {border:none}
table.HasBorder {border:1px solid #00a4de!important;}

table td, table th {vertical-align:top!important}
table.HasBorder td, table.HasBorder th {border:1px solid #00a4de;}


.Beplanting img {border:4px solid white!important;} 
.Beplanting, .Product {border:1px solid #00a4de!important;padding:16px;background:url(../images/blend.jpg) no-repeat bottom left;}
.Beplanting p {text-align:center!important;}
.Product img {margin:0 0 8px 8px!important;}

.VijverPlanten {background:url(../images/blend.jpg) repeat-x bottom left;}
.VijverPlanten td, .VijverPlanten tr {border:none!important;padding:16px}
.VijverPlanten img {float:right;border:4px solid white!important;} 



/* =Projects */

.PrjBlock {width:100%;border:1px solid #749fcc;height:120px;background:#000 url(../images/PrBlockjBkgrnd.jpg) no-repeat;color:#fff;}
.PrjBlock:hover {border:1px solid #fff;background:#353535 url(../images/PrBlockjBkgrndHover.jpg) no-repeat;cursor:pointer;}
.PrjBlock:hover h2 {color:#fff;cursor:pointer;}
.PrjBlock:hover img {border:1px solid #749fcc;cursor:pointer;}
.PrjBlock:hover p {cursor:pointer;}
.PrjBlock div {margin:8px;width:100%;height:100%;}
.PrjBlock a {display:block;width:100%;height:100%;color:#fff;cursor:pointer;}
.PrjBlock a:link, .PrjBlock a:visited {text-decoration:none;}
.PrjBlock a:link, .PrjBlock a:visited {text-decoration:none;}

.PrjBlock ul li {list-style-type:none;margin:0;float:left;}
.PrjBlock ul li.One {width:300px;}
.PrjBlock ul li.Two {width:350px;}
.PrjBlock ul li.Three {width:180px;text-align:right;}

.PrjBlock img {border:1px solid #fff;}
.PrjBlock img:hover {border:1px solid #749fcc;}

.Tuinaanleg, .Ontwerp, .Datum, .Ontwerp, .Realisatie  {color:#5e90c4;font-weight:bold;}




#TerugPrj {position:absolute;bottom:0;right:0;margin-bottom:32px;}

#TerugPrj a:link, #TerugPrj a:visited {text-decoration:none;}
#TerugPrj a:hover, #TerugPrj a:active {text-decoration:underline;}