/* 
    Document   : stylesheet2
    Created on : Jun 16, 2010, 10:08:32 AM
    Author     : daniel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.bold
{
	font-weight: bold;
}
.boxImage
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.brownishBox
{
	background-color: #6a5b51;
	color: white;
}

.brownishBox a.infolink {
	color: white;
	text-decoration: underline;
	}
	

.grayishBox
{
	background-color: #e9e7e5;
}
.pinkishBox
{
	background-color: #e2dedd;
}
.purpleishBox
{
	background-color: #b5ada8;
	color: white;
}
.darkerPurpelisBox
{
	background-color: #8f847c;
	color: white;
}
.clear
{
	clear: both;
}
.contentHead
{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.contentHead2
{
	font-size: 14px;
	font-weight: bold;
}
.leftContainer, .leftContainerWithoutBorder, .rightContainer
{
	margin-top: 25px;
}
.leftContainer, .leftContainer2
{
	float: left;
	margin-left: 22px;
	width: 389px;
	border-right: 2px dotted #c4beba;
}
.leftContainerWithoutBorder
{
	float: left;
	margin-left: 22px;
	width: 387px;
}
.leftContainerWithoutBorder2
{
	float: left;
	margin-left: 22px;
	width: 387px;
	margin-top: 15px;
}
.rightContainer, .rightContainer2
{
	float: left;
	margin-left: 11px;
}
.insideBox
{
	width: 373px;
	border: transparent 1px solid;
}

.insideBox ul {
	margin: 0;
	padding: 0 0 0 15px;
}

.textBox
{
	width: 368px;
	margin: 4px;
}
.textBox a, .textBox2 a {
	color: #6A5B51;
	text-decoration: underline;
	}

.textBox2  {
	margin: 0px 4px 4px 4px;
	}


.brownBorderBox
{
	border: 1px solid #8f847c;
}
.italic
{
	font-style: italic;
}
.alignRight
{
	text-align: right;
}
.fifteenPixelsOfSpace
{
	height: 15px;
}

.seventeenPixelsOfSpace
{
	height: 17px;
}

.fivePixelsOfSpace
{
	height: 5px;
}
.sixtythreePixelsOfSpace
{
	height: 63px;
}
.horizontalLine
{
	margin-left: 20px;
	width: 780px;
	border-bottom: 2px dotted #c4beba;
}
.lightbrownishText
{
	color: #b8b2ad;
}
.darkbrownishText
{
	color: #6a5b51;
}

#top-box
{
	height:300px;
}
.contactInsideBox
{
	width: 220px;
	height: 235px;
	color: white;
	border: transparent 1px solid;
	background-color: #928780;
}
.contactTextBox
{
	width: 212px;
	margin: 4px;
}
.brownishText
{
	color: #928780;
}
.contactInput
{
	border: 0px;
	height: 25px;
	width: 131px;
	color: #a69d97;
}
.contactButton
{
	border: 0px;
	background-color: #6a5b51;
	height: 25px;
	width: 70px;
	vertical-align: bottom;
	color: #a69d97;
	font-size: 12px;
}
.contactCheckbox
{
	margin-top: 15px;
	margin-right: 20px;
	border: 0;
	display: block;
	float: left;
}
.contactTextarea
{
	width: 331px;
	height: 211px;
}
.contactTextContainer
{
	float: left;
	padding-top: 14px;
}
.contactTextContainer2
{
	margin-top: 14px;
	float: left;
	width: 100px;
}
.contactInput2
{
	float: right;
	width: 254px;
	cursor: auto;
}
.marginleft68px
{
	margin-left: 60px;
}
.floatRight
{
	float: right;
}
.voorbeeldDiv
{
	height: 300px;
	width: 164px;
	color: white;
	float: left;
	background-color: #a69d97;
}
.voorbeeldDiv div
{
	margin-left: 10px;
	margin-top: 10px;
	font-size: 25px;
	font-family: 'goudy old style bold', goudy, times, serif;
	display: block;
}

.voorbeeldDiv2
{
	height: 300px;
	width: 205px;
	color: white;
	float: left;
	background-color: #a69d97;
}

#fadelist
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: auto;
}
.landelijke-tuin, .landelijke-tuin-zweem:hover
{
	background-image: url('../images/tuinontwerp/visual-voorbeelden/landelijke-tuin.jpg');
}
.landelijke-tuin-zweem
{
	background-image: url('../images/tuinontwerp/visual-voorbeelden/landelijke-tuin-zweem.jpg');
}
.moderne-tuin, .moderne-tuin-zweem:hover
{
	background-image: url('../images/tuinontwerp/visual-voorbeelden/moderne-tuin.jpg');
}
.moderne-tuin-zweem
{
	background-image: url('../images/tuinontwerp/visual-voorbeelden/moderne-tuin-zweem.jpg');
}
.mediterrane-tuin, .mediterrane-tuin-zweem:hover
{
	background-image: url('../images/tuinontwerp/visual-voorbeelden/mediterrane-tuin.jpg');
}
.mediterrane-tuin-zweem
{
	background-image: url('../images/tuinontwerp/visual-voorbeelden/mediterrane-tuin-zweem.jpg');
}
.familietuin, .familietuin-zweem:hover
{
	background-image: url('../images/tuinontwerp/visual-voorbeelden/familietuin.jpg');
}
.familietuin-zweem
{
	background-image: url('../images/tuinontwerp/visual-voorbeelden/familietuin-zweem.jpg');
}
.stadstuin, .stadstuin-zweem:hover
{
	background-image: url('../images/tuinontwerp/visual-voorbeelden/stadstuin.jpg');
}
.stadstuin-zweem
{
	background-image: url('../images/tuinontwerp/visual-voorbeelden/stadstuin-zweem.jpg');
}
.winterSlideShow, .zomerSlideShow, .lenteSlideShow, .herfstSlideShow, .amsterdamseSchoolSlideShow, .hartjeAlmererSlideShow, .bedrijfSlideShow, .waterSlideshow, .kleiSlideshow, .doucheSlideshow, .gooiSlideshow
{
	width: 375px;
	height: 240px;
}
.winterSlideShow
{
	background-image: url('../images/tuinontwerp/beplantingsplan/winter/1.jpg');
}
.zomerSlideShow
{
	background-image: url('../images/tuinontwerp/beplantingsplan/zomer/1.jpg');
}
.lenteSlideShow
{
	background-image: url('../images/tuinontwerp/beplantingsplan/lente/1.jpg');
}
.herfstSlideShow
{
	background-image: url('../images/tuinontwerp/beplantingsplan/herfst/1.jpg');
}
.amsterdamseSchoolSlideShow
{
	background-image: url('../images/tuinontwerp/stadstuin/amsterdamse-school/1.jpg');
}
.hartjeAlmererSlideShow
{
	background-image: url('../images/tuinontwerp/stadstuin/hartje-almere/1.jpg');
}

.bedrijfSlideShow
{
	background-image: url('../images/tuinaanleg/bedrijfstuin/bank/1.jpg');
}

.waterSlideShow
{
	background-image: url('../images/tuinaanleg/almere/water/1.jpg');
}

.kleiSlideShow
{
	background-image: url('../images/tuinaanleg/almere/klei/1.jpg');
}

.doucheSlideshow
{
	background-image: url('../images/tuinmeubilair/slideshow/1.jpg');
}

.gooiSlideshow
{
	background-image: url('../images/gooi/slideshow/1.jpg');
}

.nextButton
{
	height: 50px;
	width: 50px;
	float: right;
	margin-right: 20px;
	margin-top: 170px;
}

.vijver, .vijver-zweem:hover
{
	background-image: url('../images/tuinaanleg/visual-voorbeelden/vijver.jpg');
}
.vijver-zweem
{
	background-image: url('../images/tuinaanleg/visual-voorbeelden/vijver-zweem.jpg');
}
.zwemvijver, .zwemvijver-zweem:hover
{
	background-image: url('../images/tuinaanleg/visual-voorbeelden/zwemvijver.jpg');
}
.zwemvijver-zweem
{
	background-image: url('../images/tuinaanleg/visual-voorbeelden/zwemvijver-zweem.jpg');
}

.grachtentuin, .grachtentuin-zweem:hover
{
	background-image: url('../images/tuinaanleg/visual-voorbeelden/grachtentuin.jpg');
}
.grachtentuin-zweem
{
	background-image: url('../images/tuinaanleg/visual-voorbeelden/grachtentuin-zweem.jpg');
}

.bedrijfstuin, .bedrijfstuin-zweem:hover
{
	background-image: url('../images/tuinaanleg/visual-voorbeelden/bedrijfstuin.jpg');
}
.bedrijfstuin-zweem
{
	background-image: url('../images/tuinaanleg/visual-voorbeelden/bedrijfstuin-zweem.jpg');
}

.quoteBox {
	background-color: #e7dfde;
	}

.textBoxQuote {
	padding: 20px 5px;
	font-size: 14pt;
	line-height: 20pt;
	}

.textBoxQuote2 {
	padding: 5px;
	font-size: 14pt;
	line-height: 20pt;
	}

.quoteReference {
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
	}

.hackBox
{
	position: absolute;
	top: 190px;
	background-color: black;
}
.hackBox2
{
	position: absolute;
	top: -131px;
	left: 170px;
}
#jsddm
{	
	margin: 0px;
	padding: 0px;
}

	#jsddm li
	{
		list-style-type: none;
		float: left;
		position: relative;
		width: 126px;
		height: 40px;
		text-align: center;
		margin: 0px;
		border-top: 1px solid #6a5b51;
		border-left: 1px solid #6a5b51;
		border-right: 1px solid #6a5b51;
		border-bottom: 0px;
	}
	#jsddm li:hover
	{
		border: 1px solid #c4beba;
		border-bottom: 0px;
		width: 126px;
	}

	#jsddm li a
	{
		height:28px;
		display: block;
		color: #fff;
		margin: 12px 0 0 0;
		text-transform: uppercase;
	}

	#jsddm li ul
	{
		margin: 0px;
		padding: 0px;
		margin-left: -1px;
		position: absolute;
		visibility: hidden;
		border-top: 1px solid white;
	}

	#jsddm li ul li
	{
		margin: 0px;
		padding: 0px;
		float: none;
		background: transparent url('../images/background/bg-li-menu-main.png') top left;
		border-right: 1px solid #c4beba;
		border-left: 1px solid #c4beba;
		border-bottom: 0px solid #c4beba;
		border-top: 0px solid #c4beba;
	}

	#jsddm li ul li:hover
	{
		border-right: 1px solid #c4beba;
		border-left: 1px solid #c4beba;
		border-top: 0px solid #c4beba;
	}


	#jsddm li ul li a
	{
		display: block;
		padding-left: 5px;
		color: #6a5b51;
		text-transform: none;
		margin: 0 10px;
		padding: 6px 0;	
		line-height: 200%;
	}
	.lastli a{
		line-height: 120% !important;
	}

	.menuLink
	{
		border-bottom: 2px dotted #C4BEBA;
	}

	.lastLi
	{
		/*border-bottom: 1px solid #c4beba;*/
	}