/*----------------------------------------------------------------------------------------------------------------------------------------------------------------
HEADER OBJECTS
Objecten die enkel voorkomen in de header
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	/*----------------------------------------------------------------------------
	logo
	----------------------------------------------------------------------------*/
		
		header.structure .logo{position:absolute; top:15px; left:0px; width:291px; height:53px; background: url(../images/logoJebede.png) no-repeat top left; text-indent:-4000px; overflow:hidden; }
		
	/*----------------------------------------------------------------------------
	menu
	----------------------------------------------------------------------------*/
		
		header.structure .menu{position:absolute; top:26px; right:0px; z-index:100; }
		header.structure .menu li{float:left; margin:0px 0px 0px 20px; position:relative; font-size: 15px; }
		header.structure .menu li a{color:white; display:inline-block; padding:5px 10px; position:relative;  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
		header.structure .menu li:hover > a{ background:#010101; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
		header.structure .menu li a.active{-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.3); box-shadow:inset 0px 0px 5px rgba(0,0,0,0.6);}

		header.structure .menu ul{ position:absolute; left:-155px; display:none; width:403px; height:113px;  z-index:100;  padding: 14px 15px 14px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(../images/menuPopup.png) no-repeat 0px 5px; }
		header.structure .menu ul li{margin:5px 0px 0px 0px; width:45%; height:auto; white-space:nowrap;}

	/*----------------------------------------------------------------------------
	social
	----------------------------------------------------------------------------*/

		header.structure .social{position:absolute; bottom:0px; overflow:hidden;  right:0px; background-color:#363636; padding:5px 7px; -moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px;  border-top-left-radius:7px; -moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px; border-top-right-radius:7px; }
		header.structure .social a{display:block; float:left; padding:0px 3px;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------
LISTS
Opsommigen en lijsten in diverse maten en vormen
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	/*----------------------------------------------------------------------------
	standardList
	----------------------------------------------------------------------------*/
		
		.standardList{}
		.standardList li{line-height:22px; line-height:2.2rem; }

	/*----------------------------------------------------------------------------
	productList
	----------------------------------------------------------------------------*/
		
		.productList{overflow:hidden; margin:0px -20px 30px 0px; position:relative;  }
		.productList li{float:left; width:212px; margin:0px 20px 20px 0px; }
		.productList li a label{display:block; cursor:pointer; position:relative; z-index:100;  text-align:center; border:1px solid #b7b7b7; -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2); box-shadow:0px 0px 3px rgba(0,0,0,0.2); background:#ffffff url(../images/productList.png) repeat-x bottom left; padding:10px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.productList li a label input{position:absolute; top:0px; left:-5000px;}
		
		.productList li a.active .selected{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;  -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
		
		.productList .selected{height:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; overflow:hidden;  position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-color:#d7f1d5;  background-color:rgba(215,241,213,0.7); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
		.productList .selected strong{background-color:#ffffff; position:relative; top:40px;  color:#4a8f45; font-weight:normal; border:3px solid #bfe5bc; display:inline-block; padding:10px 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------
BUTTONS
Declaratie van buttons en speciaal gestijlde links
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	/*----------------------------------------------------------------------------
	button
	----------------------------------------------------------------------------*/

		.button{height:44px; line-height:36px; display:inline-block; font-size:24px;  font-size:2.4rem; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  color:white; text-align:center; padding:0px 15px; border:3px solid #82124b; background:#ea1582 url(../images/button.png) repeat-x bottom left;}
		.button:hover { background:#ea1582 url(../images/buttonHover.png) repeat-x bottom left; }
		.button:active { background:#ea1582 url(../images/buttonActive.png) repeat-x bottom left; }
		.blackButton{height:35px; text-shadow: 0px 0px 5px #383936; background:#666666 url(../images/blackButton.png) repeat-x top left; line-height:36px; display:inline-block; font-size:16px;  font-size:1.6rem; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  color:white; text-align:center; padding:0px 15px; border:1px solid #fff; -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5); box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
		.blackButton:hover{background:#666666 url(../images/blackButtonHover.png) repeat-x top left; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.6); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.6); box-shadow:0px 0px 5px rgba(0,0,0,0.6);}
		.blackButton:active{background:#666666 url(../images/blackButtonActive.png) repeat-x top left; }
		
		.greenButton{height:35px; background:#666666 url(../images/greenButton.png) repeat-x top left; line-height:36px; display:inline-block; font-size:16px;  font-size:1.6rem; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  color:#383936; text-shadow:0px 0px 5px #FFFFFF; text-align:center; padding:0px 15px; border:1px solid #fff; -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5); box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
		.greenButton:hover{background:#73bd07 url(../images/greenButtonHover.png) repeat-x top left; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.6); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.6); box-shadow:0px 0px 5px rgba(0,0,0,0.6);}
		.greenButton:active{background:#73bd07 url(../images/greenButtonActive.png) repeat-x top left; }

	/*----------------------------------------------------------------------------
	link
	----------------------------------------------------------------------------*/
		
		.link{color:#009bc3; text-decoration:underline; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------
FORM ELEMENTS
Vormgeving van form elementen zoals <input> en <textarea>
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	/*----------------------------------------------------------------------------
	standard elements
	----------------------------------------------------------------------------*/

		.inputText, textarea{padding:5px 10px; width:655px; margin:0px 0px 10px 0px; font-size:20px;  font-size:2.0rem; color:#a3a3a3; background-color:#efefef; border:1px solid #dedede; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
		
	/*----------------------------------------------------------------------------
	forms
	----------------------------------------------------------------------------*/

		#requestform label.error { margin-left: 10px; color: #EC1583; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------
BOXES
Gestijlde boxen die veelal hergebruikt worden en waarin zich andere objecten bevinden
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	/*----------------------------------------------------------------------------
	box
	----------------------------------------------------------------------------*/
	
		.box{background-color:#ffffff; padding:15px 15px; margin:0px 0px 25px 0px;  border:3px solid #ededed; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
		.box.dark{background-color:#2b2b2b; color:white; border:3px solid #2b2b2b;   }
		.box.dark a.color {color:#ec1583; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
		.box.dark a.color:hover{ color: #ccc; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
		.box.morePadding{padding:25px 15px;}
		.box.moreInfo { font-size: 22px; padding-left: 20px; overflow: auto; }
		.box.moreInfo span { float: left; width: 485px; }
		.box.moreInfo .buttons { float: right; width: 390px; }
		.box .text li { list-style-image: url(../images/list_arrow.png); margin-left: 30px; padding-left: 5px; width: 500px; }
		
		.box .ico.arrow{position:absolute; bottom:5px; right:5px;}
		.box .text p { padding: 0.7em 0; }
		.box .text a { color:#ec1583; }
		
		.box .subboxes { overflow: auto; }
		.box .subboxes p { padding: 0.7em 0; }
		.box .subboxes a { color:#ec1583; }
		.box .subbox { width: 450px; float: left; }
		.box .subbox.purple { color: #98406d; font-size: 16px; margin-right: 20px; }
		.box .subbox.purple p { line-height: 32px; }
		.box .subbox.right { margin-top: 10px; }
		.box .subbox.right p { line-height: 28px; }
		.box .subpic { float: left; padding: 5px; border: 1px solid #ddd; margin: 5px 10px 5px 0; }
		.box .subpic2 { float: right; padding: 5px; margin: 5px 0px 10px 0; }
	/*----------------------------------------------------------------------------
	topInfo
	----------------------------------------------------------------------------*/

		.topInfo{height:133px; margin:0px 0px 20px 0px;  background:url(../images/topInfo.png) repeat-x top left; color:white; }
		.topInfo h1{padding:10px 0px 6px 0px; text-shadow:0px 0px 20px #000;}
		.topInfo h2{color:white; text-shadow:0px 0px 5px #000;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------
OBJECTS
Objecten die meestal uit een verzameling van diverse tags bestaan en 1 object vormen (vb. tagcloud)
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	/*----------------------------------------------------------------------------
	slider
	----------------------------------------------------------------------------*/
		
		.slider{height:356px; margin:0px 0px 20px 0px; color:white;   background:url(../images/slider.png) repeat-x top left; position:relative;}
		.slider > .centerContent{height:356px; }

		.slider .galleryBox{position:absolute; top:43px; left:-30px; width:549px; height:306px; background: url(../images/portfolioImg.png) no-repeat top left;   }

		.slider .gallery{margin:52px 0px 0px 52px; overflow:hidden;  }
		.slider .gallery li{overflow:hidden; }

		.nav{position:absolute; bottom:20px; left:50px; z-index:100; text-align:center; width:447px;  }
		.nav a{background-color:#2b2b2b; margin:0px 15px 0px 0px; text-indent:-4000px; overflow:hidden;   display:inline-block; width:15px; height:15px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
		.nav a.activeSlide{background-color:#ed1384; }

		.slider h1{color:white; padding:15px 0px 0px 0px; text-shadow:0px 0px 20px #000; text-align:center; }
		.slider .text{position:absolute; top:90px; left:520px;}
		.slider p{font-size:18px;  font-size:1.8rem; line-height:36px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity:0.8;}

	/*----------------------------------------------------------------------------
	ico
	----------------------------------------------------------------------------*/
		
		.ico{text-indent:-4000px; overflow:hidden; width:16px; height:16px; display:inline-block; }
		.icoIndent{padding:0px 15px 0px 90px; position:relative; }
		.icoIndent .indent{position:absolute; top:10px; left:0px;}
		
		.ico.twitter{background: url(../images/icoTwitter.png) no-repeat center center; }
		.ico.facebook{background: url(../images/icoFacebook.png) no-repeat center center; }
		.ico.twitter:hover{background: url(../images/icoTwitterHover.png) no-repeat center center; }
		.ico.facebook:hover{background: url(../images/icoFacebookHover.png) no-repeat center center; }

		.ico.arrow{width:10px; height:9px; background: url(../images/icoArrow.png) no-repeat center center; }
		.ico.bigCheck{width:150px; height:130px; background: url(../images/icoBigCheck.png) no-repeat center center; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------
TABLES
De tabellen gebruikt in deze site
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	/*----------------------------------------------------------------------------
	table1
	----------------------------------------------------------------------------*/

/* Overig */
.green { color: green; font-size: 18px; font-weight: bold; }
.red { color: red; font-size: 18px; font-weight: bold; }
.sitemap { width: 434px; float: left; margin-right: 20px; }
.sitemap.end { margin-right: 0; }