/*
@@@@@@@@@@@@@@@@@@@@@@
ALIGNMENT
@@@@@@@@@@@@@@@@@@@@@@

	about				constants for alignment
	
	syntax

*/
		
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	alignment
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		/*+ float
		..........................................................................*/
	
			.floatLeft{float:left; margin-right:15px;}
			.floatRight{float:right;}
		
		/*+ center a block
		..........................................................................*/
	
			.marginAuto{margin-left:auto; margin-right:auto;}
		
		/*+ alignment
		..........................................................................*/
			
			.alignLeft{text-align:left;}
			.alignRight{text-align:right;}		
			.alignCenter{text-align:center;}		
			.alignJustify{text-align:justify;}		
		
		/*+ vertical alignment
		..........................................................................*/
			
			.alignTop{vertical-align:top;}
			.alignMiddle{vertical-align:middle;}
			.alignBottom{vertical-align:bottom;}
			
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	push
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		/*+ noPush
		..........................................................................*/
			
			.noPush{margin:0px; }
	
		/*+ pushLeft
		..........................................................................*/
			
			.pushLeft{margin-left:10px;}
			
			.pushLeftGrand{margin-left:50px;}
			.pushLeftHeavy{margin-left:40px;}
			.pushLeftGreater{margin-left:30px;}
			.pushLeftBase{margin-left:20px;}
			.pushLeftLesser{margin-left:15px;}
			.pushLeftLight{margin-left:10px;}
			.pushLeftMinimal{margin-left:5px;}
			
		/*+ pushRight
		..........................................................................*/
			
			.pushRight{margin-right:10px;}
			
			.pushRightGrand{margin-right:50px;}
			.pushRightHeavy{margin-right:40px;}
			.pushRightGreater{margin-right:30px;}
			.pushRightBase{margin-right:20px;}
			.pushRightLesser{margin-right:15px;}
			.pushRightLight{margin-right:10px;}
			.pushRightMinimal{margin-right:5px;}
			
		/*+ pushTop
		..........................................................................*/
			
			.pushTop{margin-top:10px;}
			
			.pushTopGrand{margin-top:50px;}
			.pushTopHeavy{margin-top:40px;}
			.pushTopGreater{margin-top:30px;}
			.pushTopBase{margin-top:20px;}
			.pushTopLesser{margin-top:15px;}
			.pushTopLight{margin-top:10px;}
			.pushTopMinimal{margin-top:5px;}
			
		/*+ pushBottom
		..........................................................................*/
			
			.pushBottom{margin-bottom:10px;}
			
			.pushBottomGrand{margin-bottom:50px;}
			.pushBottomHeavy{margin-bottom:40px;}
			.pushBottomGreater{margin-bottom:30px;}
			.pushBottomBase{margin-bottom:20px;}
			.pushBottomLesser{margin-bottom:15px;}
			.pushBottomLight{margin-bottom:10px;}
			.pushBottomMinimal{margin-bottom:5px;}
			
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	pull
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
			
		/*+ noPull
		..........................................................................*/
			
			.noPull{top:0px;}
			
		/*+ pullToRight
		..........................................................................*/
			
			.pullLeft{position:relative; left:-10px; }
			
			.pullLeftGrand{position:relative; left:-50px;}
			.pullLeftHeavy{position:relative; left:-40px;}
			.pullLeftGreater{position:relative; left:-30px;}
			.pullLeftBase{position:relative; left:-20px;}
			.pullLeftLesser{position:relative; left:-15px;}
			.pullLeftLight{position:relative; left:-10px;}
			.pullLeftMinimal{position:relative; left:-5px;}
			
		/*+ pullRight
		..........................................................................*/
			
			.pullRight{position:relative; right:-10px; }
			
			.pullRightGrand{position:relative; right:-50px;}
			.pullRightHeavy{position:relative; right:-40px;}
			.pullRightGreater{position:relative; right:-30px;}
			.pullRightBase{position:relative; right:-20px;}
			.pullRightLesser{position:relative; right:-15px;}
			.pullRightLight{position:relative; right:-10px;}
			.pullRightMinimal{position:relative; right:-5px;}
			
			
		/*+ pullBottom
		..........................................................................*/
			
			.pullBottom{position:relative; bottom:-10px; }
			
			.pullBottomGrand{position:relative; bottom:-50px;}
			.pullBottomHeavy{position:relative; bottom:-40px;}
			.pullBottomGreater{position:relative; bottom:-30px;}
			.pullBottomBase{position:relative; bottom:-20px;}
			.pullBottomLesser{position:relative; bottom:-15px;}
			.pullBottomLight{position:relative; bottom:-10px;}
			.pullBottomMinimal{position:relative; bottom:-5px;}
			
		/*+ pullTop
		..........................................................................*/
			
			.pullTop{position:relative; top:-10px; }
			
			.pullTopGrand{position:relative; top:-50px;}
			.pullTopHeavy{position:relative; top:-40px;}
			.pullTopGreater{position:relative; top:-30px;}
			.pullTopBase{position:relative; top:-20px;}
			.pullTopLesser{position:relative; top:-15px;}
			.pullTopLight{position:relative; top:-10px;}
			.pullTopMinimal{position:relative; top:-5px;}
			
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	position
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		/*+ posBottomRight
		..........................................................................*/
			
			.posBottomRight{position:absolute !important; bottom:0px; right:0px; z-index:100; }
			.posBottomLeft{position:absolute !important; bottom:0px; left:0px; z-index:100; }
			.posTopRight{position:absolute !important; top:0px; right:0px; z-index:100; }
			.posTopLeft{position:absolute !important; top:0px; left:0px; z-index:100; }

/*
@@@@@@@@@@@@@@@@@@@@@@
OPACITY
@@@@@@@@@@@@@@@@@@@@@@

	about				constants for making transpart content or to show/hide content
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	opacity
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		/*+ opacity
		..........................................................................*/
			
			.opGrand{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;}
			.opHeavy{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=15); opacity:0.15;}
			.opGreater{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); opacity:0.35;}
			.opBase{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5;}
			.opLesser{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); opacity:0.65;}
			.opLight{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); opacity:0.85;}
			.opMinimal{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}
			
		/*+ display
		..........................................................................*/
			
			.show{display:block;}
			.hide{display:none;}
			
			.showBlock{display:block !important;}
			.showInline{display:inline;}
			.showInlineBlock{display:inline-block;}

/*
@@@@@@@@@@@@@@@@@@@@@@
TEXT
@@@@@@@@@@@@@@@@@@@@@@

	about				constants for type
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	text
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ text
		..........................................................................*/
			
			.bold{font-weight:bold; }
			.italic{font-style:italic; }
			.underline{text-decoration:underline; }
			.linethrough{text-decoration:line-through; }
			.uppercase{text-transform:uppercase; }
			.ellipsis{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
	
/*
@@@@@@@@@@@@@@@@@@@@@@
CONSTRUCT
@@@@@@@@@@@@@@@@@@@@@@

	about				General styles for component construction 
	
	syntax

*/


	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	content
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
			
		/*+ image replacement
		..........................................................................*/
			
			[class^="img"], [class^="ico"]{text-indent:-4000px; overflow:hidden; display:inline-block; background-repeat:no-repeat;}
			[class^="icon-"], [class*=" icon-"]{background-image: url("https://d1o1tw4jx4uh52.cloudfront.net/img/glyphicons-halflings.png");}
			[class^="ico"]{vertical-align:middle;}


			
		/*+ theme
		..........................................................................*/
			
		/*
@@@@@@@@@@@@@@@@@@@@@@
BODY
@@@@@@@@@@@@@@@@@@@@@@

	about				main body setup of the webpage
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	fonts
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		/*+ imported fonts
		..........................................................................*/


	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	body & html settings
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		/*+ html
		..........................................................................*/
			
			/*background*/
	
		/*+ body
		..........................................................................*/
		
			/*background*/
			body{background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/insta_bg.png'); }
		
			/*font family*/
			body{font-family:'proxima-nova','Helvetica Neue',Arial,Helvetica,sans-serif;}
			
			/*color*/
			body{color:#666666; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)}
	
			/*size & line-height*/
			body{font-size:14px; line-height:1.4; }
	
/*
@@@@@@@@@@@@@@@@@@@@@@
TYPOGRAPHY
@@@@@@@@@@@@@@@@@@@@@@

	about				heading font-sizes and some semantic classes
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	size
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 
		/*+ degrees of intensity
		..........................................................................*/
			
			h1{font-size:52px;}
			h2{font-size:20px; color: #06365F}
			h3{font-size:20px;}
			h4{font-size:18px;}
			h5{font-size:14px;}
			h6{font-size:12px;}
			
			h1, h2, h3, h4, h5, h6{margin:0px 0px 5px 0px; font-weight:normal;font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; }	
			
			.heading{font-size:20px; margin:0px 0px 15px 0px; font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;}	
			.heading em{font-style:normal; display:block; font-size:14px;}
                        .heading strong { color:#3f729b}
			
		/*+ anchor
		..........................................................................*/
	
			a{color:#747576;}
			a:hover{ text-decoration:underline; }
			
		/*+ paragraph
		..........................................................................*/

			p{margin:0px 0px 15px 0px; }
			p:last-child{margin-bottom:0px;}
			p a{}
			p a:hover{}
			
			figure{margin:0px 0px 0px 0px;}
			figure img{width:100%;}
			
		/*+ address
		..........................................................................*/
			
			address, i{font-style:normal; line-height:1.4; }
			
		/*+ list
		..........................................................................*/
			
			ul, ol{ list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
ul#errors { color: red}
.well .heading { margin:5px 0px; }
			/*
@@@@@@@@@@@@@@@@@@@@@@
COLOR
@@@@@@@@@@@@@@@@@@@@@@

	about				Colors used in this theme

*/

	/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	✚ 	red
	:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

		/*_ light ____________*/
		
			.layoutHeader .login .name,
			.layoutHeader .menu .active a,
			.layoutHeader .menu a:hover,
			.box .title,
			.box .tip,
			.heading span,
			.boxThumb ul,
			form .inline span,
			.textMoreDetails
			{color:#3F729B;}
                        .heading span {
                            text-transform: capitalize;
                        }
			
		/*_ neutral ____________*/
		

		/*_ dark ____________*/
		
	/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	✚ 	purple
	:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

		/*_ light ____________*/

			
		/*_ neutral ____________*/
		

		/*_ dark ____________*/
		
	/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	✚ 	blue
	:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

		/*_ light ____________*/
		
			
		/*_ neutral ____________*/
		

		/*_ dark ____________*/
		
		
	/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	✚ 	green
	:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

		/*_ light ____________*/

			
		/*_ neutral ____________*/
		

		/*_ dark ____________*/
		
	/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	✚ 	yellow
	:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

		/*_ light ____________*/

			
		/*_ neutral ____________*/
		

		/*_ dark ____________*/
		
	/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	✚ 	orange
	:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

		/*_ light ____________*/

			
		/*_ neutral ____________*/
		
			.heading{color:#333; }

		/*_ dark ____________*/
		
	/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	✚ 	grey
	:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

		/*_ light ____________*/

			
		/*_ neutral ____________*/
		

		/*_ dark ____________*/
		

			
		/*+ structure
		..........................................................................*/
			
		/*
@@@@@@@@@@@@@@@@@@@@@@
LAYOUT
@@@@@@@@@@@@@@@@@@@@@@

	about				Structural settings for this site: width, height, margin, padding & position
	
	syntax
	

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	layout hooks
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ layout
		..........................................................................*/

			
			.container{width:1170px; margin:0px auto 0px auto; position:relative;  }

		/*+ header
		..........................................................................*/
                        /* .layoutHeader,  */
			.layoutHeader > .container {
height:75px;
}
			
		/*+ section
		..........................................................................*/

			.layoutSection{padding:15px 0px 45px 0px;}

		/*+ footer
		..........................................................................*/

			.layoutFooter{}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	header objects
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ name
		..........................................................................*/
			
			.layoutHeader .name{}
			.layoutHeader .name h1{margin:0px 0px 0px 0px; }
			.layoutHeader .name .imgLogo{position:absolute; padding-left: 5px;  display:block; width:200px; color:#F5F7F9; text-indent: 0;text-shadow:  0 1px 1px #063056 }
			.layoutHeader .name h2{display:none; }
		
		/*+ mainNav
		..........................................................................*/

			.mainNav{z-index:1000;  font-size:14px; position:absolute; top:135px; right:15px; }
			
			.mainNav .navbar{margin:0px 0px 0px 0px; }
			.mainNav .navbar .nav{width:auto; margin:0px 0px 0px 0px; }
			.mainNav .navbar-inner{border:0px; padding:0px 0px; background:none;  border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;   -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
			.mainNav .navbar .nav > li{border-right:2px solid #fff; text-align:center; }
			.mainNav .navbar .nav > li:last-child{border:0px; }
			.mainNav .navbar .nav > li:last-child a{padding-right:0px;}
			.mainNav .navbar .nav > li > a, .mainNav .navbar .nav > li > div > a{padding:0px 10px; color:#fff; position:relative; text-shadow:none; display:block; }
			.mainNav .navbar .nav > li a:hover{text-decoration:none; }
			
			.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{color:#fff !important; background:none; font-style:italic; font-weight:bold;   -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}			

			.mainNav .dropdown-menu{text-align:left; background:#0f9394; top:96%; border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
			.mainNav .dropdown.open{background:#0f9394;}
			.mainNav .dropdown-menu li > a, .mainNav .dropdown .dropdown-menu .nav-header{color:white; }
			.mainNav .dropdown-menu li a:hover{background:#e6f6fd; color:inherit; }
			
			.mainNav .dropdown-menu .divider{border:0px; border-bottom:1px solid #54c4c6; background:none; }
	
			.mainNav .nav .dropdown-toggle .caret{border-bottom-color: #fff; border-top-color: #fff;}
	
			.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{background-color:#0f9394; color:white; }

		/*+ topBar
		..........................................................................*/

			.layoutHeader .topBar{position:absolute; top:0px; left:0px; right:0px; background-color:#3b5999;font-size:10px; padding:5px 0px; color:white;  border-bottom:1px solid rgba(4, 40, 71, 0.8); box-shadow: 0 1px 0 rgba(111, 151, 182, 0.5) inset, 0 -1px 0 rgba(111, 151, 182, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.2); height:50px; 
                         
                        z-index: 10;
                        }
			
			.layoutHeader .topBar ul li{display:inline-block; margin:0px 20px 0px 0px; }
			.layoutHeader .topBar ul li a{color:#242424; }
			.layoutHeader .topBar ul li i{margin-right:3px;}
			
			.layoutHeader .topBar p{margin:0px 0px 0px 0px; }
			
		/*+ login
		..........................................................................*/

			.layoutHeader .login{position:absolute; top:25px; right:0px;}
			.layoutHeader .login .btn-primary{margin-left:20px;}
			
			.layoutHeader .login .loginForm{position:relative; }
			.layoutHeader .login .loginForm input{padding:7px 10px; margin:0px 10px 0px 0px; }
			.layoutHeader .login .loginForm button{margin:0px 0px 0px 0px; }
			
			.layoutHeader .login .loginForm .line1{color:#FFFFFF; position:absolute; top:-23px; left:0px;}
			.layoutHeader .login .loginForm .line2{color:#FFFFFF; position:absolute; top:-23px; right:75px;}	
			.layoutHeader .login .loginForm .icoLock{position:absolute; top:7px; left:-20px;}
			
		/*+ menu
		..........................................................................*/
                        .layoutHeader .toggleMenu{display:none; }
                        .layoutHeader .menu .toggleMenu{display:none; }
                        #nietgenoeg, .nietgenoeg {display:none; }
                        
			.layoutHeader .menu{border:1px solid #C3CFD9; overflow:hidden;  position:absolute; bottom:0px; left:0px; right:0px; background-color:#fff; }
                        .layoutHeader .menu .active { background-color: #F1F2F4; }
                        .layoutHeader .menu .active a { color: #06365F  }
                        .layoutHeader .menu a { color: #3F729B; text-transform:none!important; font-size: 14px; font-weight: bold}
/*#3F729B*/              .layoutHeader .menu a:hover {color:#1C5380 }
			.layoutHeader .menu ul{overflow:hidden; margin:0px 0px -4px 0px; display:inline-block;  border-right:1px solid rgba(255,255,255,0.3);}
			.layoutHeader .menu li{float:left; border-right:1px solid #C3CFD9; ;}
			.layoutHeader .menu a{ font-size:14px; text-shadow:1px 1px 0 rgba(255,255,255,0.5); padding:13px 25px; display:block; }

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	footer objects
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ setup
		..........................................................................*/

			.layoutFooter{  }

			.layoutFooter p{ text-align:center;}
                        .layoutFooter a{ font-weight: bold; font-size: 12px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); color: #555; margin: 0 10px; display: inline-block;}
                        .layoutFooter a:hover{ text-decoration: underline; }

			.layoutFooter .bottom{ padding:10px 0px;}

			.layoutFooter .grid .gridSpan6 + .gridSpan6{margin-left:5%; width:46%;}

			.layoutFooter figure:after{visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}
			.layoutFooter figure.gecertificeerd img{width:70%;}
			.layoutFooter figure.gecertificeerd i{float:right; margin-top:-40px;}
			
			

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	components
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ classes
		..........................................................................*/
			
		/*
@@@@@@@@@@@@@@@@@@@@@@
BOX
@@@@@@@@@@@@@@@@@@@@@@

	about				boxes of all kinds

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	box
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		[class^="box"]{position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
		[class^="box"]:after{visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	members
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		/*+ box
		..........................................................................*/
.firstmessage { float: left;}
			.box{border-radius: 0px; padding:5px 10px; margin:0px 0px 10px 0px;  background:none repeat scroll 0 0 #FFF;border: 1px solid #e3e3e3;  }
			
			
		/*+ boxNavigation
		..........................................................................*/

			.boxNavigation{margin-bottom:30px; position:relative;}
			
			.boxNavigation .heading{margin-bottom:10px;  }

			.boxNavigation .btn{ }
			.boxNavigation .btn-success{margin-bottom:3px;}
.boxNavigation .ghostButton{display:none; }
		/*+ boxThumb
		..........................................................................*/

			.boxThumb{
                              background: none repeat scroll 0 0 padding-box #FFF;
                            border: 1px solid #e3e3e3;
                            font-size:14px; padding:3px 3px; display:block; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
			
			
			.boxThumb .content{padding:10px 5px 5px 5px;}
			.boxThumb .content p{margin:0px 0px 0px 0px;}
			.boxThumb .content p:last-child{margin:0px 0px 0px 0px; }
                        .boxThumb .content p { color: #06365F; font-weight: bold;}
			
			.boxThumb ul{margin-bottom:1px;}
			.boxThumb ul li{margin-left:3px;}
			.boxThumb ul i{margin-right:5px;}
			
			.boxThumb.portrait{width:98px; }
			
			.boxThumb.landscape{width:100%; }
			.boxThumb.landscape figure{float:left; width:45%;}
			.boxThumb.landscape .content{padding:3px 10px; float:left; width:55%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
			
		/*+ boxChat
		..........................................................................*/

			.boxChat{padding-bottom:25px;}
			.boxChat:last-child{padding:0px 0px 0px 0px; }
			
			.boxChat .chatItem{float:left; width:15%;}
			.boxChat .chatBox{float:right; width:80%; padding:10px 15px; background-color:#FCFCFC; border:1px solid #C3CFD9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
			
                        .boxChat.from .chatItem{float:right; }
                        .boxChat.from .chatBox{float:left; background-color:#F1F2F4; border:1px solid #C3CFD9; }
			/*
   .boxChat:nth-child(even):before{content:""; width:14px; height:15px; position:absolute; top:10px; left:auto; right:72px; background: url(/img/icoChatRight.png) no-repeat top left; }
			.boxChat:nth-child(even) .chatItem{float:right; }
			.boxChat:nth-child(even) .chatBox{float:left; background-color:#e8e7e7; -moz-box-shadow:inset 0px -25px 35px -25px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0px -25px 35px -25px rgba(0,0,0,0.3); box-shadow:inset 0px -25px 35px -25px rgba(0,0,0,0.3); border:1px solid #bfbebd; }
			
   */
			.boxChatContainer{margin:0px 0px 10px 0px; }
			
		/*+ boxFigureThumb
		..........................................................................*/

			.boxFigureThumb{padding:2px 2px; background-color:#fff;  display:inline-block; border:1px solid #f2f2f2; }
			.boxFigureThumb img{width:auto;  }
			
		/*+ boxBeelden
		..........................................................................*/

			.boxBeelden{}
			
			.boxBeelden .primary{float:left; width:40%;}
			.boxBeelden .images{float:right; width:55%;}
			
			.boxBeelden .images ul{overflow:hidden; margin:0px 0px 10px 0px; }
			.boxBeelden .images ul li{width:48%; float:left; margin-right:2%; margin-bottom:10px;}
			.boxBeelden .images ul li:nth-child(even){margin-left:2%; margin-right:0;}
			
			
			.boxBeelden .boxFigureThumb{border:1px solid #e3e3e3; }
			.boxBeelden .boxFigureThumb img{width:100% !important;}
		/*+ boxInlineButtons
		..........................................................................*/

			.boxInlineButtons{margin:0px 0px 30px 0px;}
			
		/*+ boxMainSearch
		..........................................................................*/

			.boxMainSearch{height:318px; }
			
		/*+ boxBigIntro
		..........................................................................*/

			.boxBigIntro{position:relative; }
			
			.boxBigIntro .btn{position:absolute; bottom:30px; left:30px; font-size:20px; padding:25px 25px;}

                        
		/*+ upload_fotos
		..........................................................................*/
                form#upload_fotos span.delete {
                        background: url( 'https://d1o1tw4jx4uh52.cloudfront.net/img/error.png' );
                         cursor: pointer;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 16px;
                        }
                        form#upload_fotos .upload_container { float:left; position:relative; height:136px; width:105px; margin-bottom: 10px; margin-left: 15px;  margin-right: 15px;}
                        .foto { width: 105px; height: 105px;background-size: 100%!important; }
                        
                        /* Have ideas for improving this CSS for the general community? Submit your changes at: https://github.com/Valums-File-Uploader/file-uploader */
.qq-uploader {
	position: relative;
	width: 100%;
}
.qq-upload-button {
	display: block;
	/*or inline-block*/
	width: 105px;
	padding: 7px 0;
	text-align: center;
	background: #DD2858;
	border-bottom: 1px solid #DDD;
	color: #FFF;
}
.qq-upload-button-hover {
	background: #B5071B;
}
.qq-upload-button-focus {
	outline: 1px dotted #000000;
}
.qq-upload-drop-area, .qq-upload-extra-drop-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 30px;
	z-index: 2;
	background: #FF9797;
	text-align: center;
}
.qq-upload-drop-area span {
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -8px;
	font-size: 16px;
}
.qq-upload-extra-drop-area {
	position: relative;
	margin-top: 50px;
	font-size: 16px;
	padding-top: 30px;
	height: 20px;
	min-height: 40px;
}
.qq-upload-drop-area-active {
	background: #FF7171;
}
.qq-upload-list {
	margin: 0;
	padding: 0;
	list-style: none;
        position: absolute;
   top: -33px;
    width: 105px;
}
.qq-upload-list li {
	margin: 0;
	padding: 9px;
	line-height: 15px;
	font-size: 16px;
	background-color: #FFF0BD;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
	margin-right: 12px;
}
.qq-upload-file {
}
.qq-upload-spinner {
	display: inline-block;
	background: url("https://d1o1tw4jx4uh52.cloudfront.net/img/loading.gif");
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
}
.qq-upload-size, .qq-upload-cancel {
	font-size: 12px;
	font-weight: normal;
}
.qq-upload-failed-text {
	display: none;
}
.qq-upload-fail .qq-upload-failed-text {
	display: inline;
}
.qq-upload-list li.qq-upload-success {
	background-color: #5DA30C;
	color: #FFFFFF;
        
}
.qq-upload-list li.qq-upload-fail {
	background-color: #D60000;
	color: #FFFFFF;
}

.qq-upload-success {
    font-size:14px!important;
}
.qq-upload-file, .qq-upload-size, .qq-upload-cancel {display:none;}


p.send_image {
    font-size: 14px;
background: #e22055;
color: white;
max-width: 355px;
margin: 0;
margin-bottom: 5px;
padding: 5px;
}
p.send_image a {
    color:white;
    text-decoration: underline;
}

input[type="file"] { font-size:14px; }

#pay_now {
    font-size: 16px;
    line-height: 30px;
}


.box.credit .inner { padding:8px;  }
.box.credit .inner h3 { font-size:16px; font-weight:normal;  }
.box.credit .inner #packets { float:left; padding-bottom:13px; margin:0; width:60%  }
.box.credit .inner .item { float:none; clear: left; margin-top:12px;  padding:7px 0 7px 7px; cursor:pointer;
	background: #ececec;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	vertical-align: middle;
	color: #333;
}
.box.credit .inner #packets .item {display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center; }
	.box.credit .inner .item.selected {
		background-color: #FBEED5;
	}
.box.credit .inner .item:hover {
	background: #FBEED5;
}

.box.credit .inner label { float:none; position: relative;  width: 90%; height:40px; padding:3px 5px; }
.box.credit .inner #packets .item span { float:none; flex: 1 1 auto;
	-webkit-flex: 1 1 auto;}
.box.credit .inner #packets .item span.minutes { font-size:16px;  font-family:"trebuchet ms"; width:182px; }
.box.credit .inner #packets .item span.credits,.box.credit .inner #packets .item span.creditspaysafe { font-family:inherit;  line-height:30px; font-weight:bold; flex: 1 1 auto;
	-webkit-flex: 1 1 auto;width: 95px;}

.box.credit .inner #packets .item span.price {   width:139px; }
.box.credit .inner #packets .item span.price em { font-weight:bold; font-style:italic; color: #3b5999; }
.box.credit .inner #packets .item span.order { font-weight:bold; padding-top:4px; }
.box.credit .inner #packets .item span.chosen { display:none; }
.box.credit .inner #packets .item.selected span.price span.from { color:#fcc666; }
.box.credit .inner #packets .item.selected span.price span.for { color:white; }
.box.credit .inner #packets .item.selected span.order { display:none; }
.box.credit .inner #packets .item.selected span.chosen { display:block; font-size:16px; font-weight:bold; font-family:"trebuchet ms"; }
.box.credit .inner #packets .item span.minutes { width: 95px;
font-size: 14px;
line-height: 21px; }
.box.credit .inner #packets .item span.minutes em { font-size: 9px; display: block; } 
.box.credit .inner #packets .item span.price {width:50px; float: right; }
.box.credit .inner #packets .item span.pric span { font-size:16px; color:#630008; padding-right:5px; } 
.box.credit .inner #packets .item span.price span.from { color:#df9518; }
.paysafe { display:none}
span.paysafe { font-size:15px;}

.box.credit .inner form#stop .button { float:left; margin-top:10px; }

.box.credit .inner #step-2 { float:right; width:219px; margin-right:23px; }
.box.credit .inner #step-2 h3 { padding-bottom:9px; text-indent:3px; }

.box.credit .inner #step-2 { float:left; }
.box.credit .inner #step-2 { float:left; }

.box.credit .inner #paymethod { float:right; width:219px; }
.box.credit .inner #paymethod h3 {  text-indent:3px; margn:0px!important;}

.box.credit .inner #paymethod .item span#ideal { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/ideal_new.png') no-repeat 8px 7px; background-size: 50px; background-position: left;}
.box.credit .inner #paymethod .item span#bankwire { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/bankwire.png') no-repeat 8px 7px; background-size: 50px; background-position: left;}
.box.credit .inner #paymethod .item span#mrcash { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/bancontactNew.png') no-repeat 8px 7px;background-size: 50px; background-position: left; }
.box.credit .inner #paymethod .item span#paysafe { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/paysafecard.png') no-repeat 8px 7px; background-position: left; }
.box.credit .inner #paymethod .item span { float:left; width:157px; height:30px; font-size:16px;  padding:12px 0 0 62px; cursor:pointer; }
.box.credit .inner #paymethod .item input { appearance: none; }

.box.credit .inner form { float:right; padding:5px 0 0 0; width: 219px; width: 100%; margin-left: 20px; }
.box.credit .inner form p { float:left; padding-top:5px; padding-left:3px; font-weight:bold; }
.box.credit .inner form .button {  
float: none;
margin-right: 20px;
clear: both;
margin-bottom: 10px;    
}



ul.messages {
     border-bottom: 1px solid #ddd;
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
}
ul.messages li  {
    border-top: 1px solid #ddd;
    color: #666;
    padding: 10px;
    margin-left: 0px;
    background-color: #fff;
    min-height: 60px;
    cursor: pointer;
    background-color: #FAF3D2;
    position: relative;
}
ul.messages li:hover {
    background-color: #F8EFC2 ;
}
ul.messages li.read {
    background-color:#FFF 
}
ul.messages li.read:hover {
    background-color: #F9F9F9;
}
ul.messages li h3 {
    color: rgb(6, 54, 95);
}
ul.messages li h3 span {
    color: #333;
    font-size: 13px;
    margin-left: 5px;
}

ul.messages li .msg_img 
{
   float:left;
   width: 70px;
}
ul.messages li .msg_text 
{
   margin-left: 70px
}
ul.messages li .smallmobile {
    font-size: 11px;
}
ul.messages li .msg_del {
    height:16px;
}
ul.messages li .msg_del a {
    float:right;
}
.pagination {
    margin-top: 10px;
}
.icoAfmelden,
.icoArrowRight,
.icoChatLeft,
.icoChatRight,
.icoFavorieten,
.icoFoto,
.icoGecertificeerd,
.icoHome,
.icoInteresse,
.icoLock,
.icoMessages,
.icoNavigatie,
.icoNewUser,
.icoProfiel,
.icoSearch,
.icoSearchBig,
.icoSendMessage,
.icoSexpartner,
.icoSignGirl,
.icoUser,
.icoLastVisits,
.icoInterest {
  background-image: url('https://d1o1tw4jx4uh52.cloudfront.net/img/sprite.png');
}

.icoUserChange { background: url('https://d1o1tw4jx4uh52.cloudfront.net/img/icoSettings.png');
    width: 19px;
    height: 19px;
display: inline-block;}

.icoAfmelden {
  background-position: -115px -122px;
  display: inline-block;
  width: 16px;
  height: 17px;
}

.icoArrowRight {
  background-position: -157px -45px;
  display: inline-block;
  width: 3px;
  height: 5px;
}

.icoChatLeft {
  background-position: -147px -60px;
  display: inline-block;
  width: 13px;
  height: 14px;
}

.icoChatRight {
  background-position: -147px -30px;
  display: inline-block;
  width: 14px;
  height: 15px;
}

.icoInterest {
  background-position: -147px -74px;
  display: inline-block;
  width: 14px;
  height: 14px;
}

.icoFavorieten {
 background-image:url("https://d1o1tw4jx4uh52.cloudfront.net/img/favo.png");
  display: inline-block;
  width: 15px;
  height: 16px;
}



.icoFoto {
  background-position: -115px -60px;
  display: inline-block;
  width: 19px;
  height: 17px;
}

.icoGecertificeerd {
  background-position: 0px 0px;
  display: inline-block;
  width: 115px;
  height: 144px;
}

.icoHome {
  background-position: -131px -122px;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.icoInteresse {
  background-position: -147px 0px;
  display: inline-block;
  width: 16px;
  height: 15px;
}

.icoLock {
  background-position: -147px -45px;
  display: inline-block;
  width: 10px;
  height: 15px;
}

.icoMessages {
  background-position: -115px -92px;
  display: inline-block;
  width: 18px;
  height: 13px;
}


.icoNavigatie {
  background-position: -115px -16px;
  display: inline-block;
  width: 19px;
  height: 23px;
}

.icoNewUser {
  background-position: -133px -105px;
  display: inline-block;
  width: 14px;
  height: 17px;
}

.icoProfiel {
  background-position: -147px -15px;
  display: inline-block;
  width: 14px;
  height: 15px;
}

.icoSearch {
  background-position: -147px -88px;
  display: inline-block;
  width: 11px;
  height: 13px;
}

.icoSearchBig {
  background-position: -115px -39px;
  display: inline-block;
  width: 21px;
  height: 21px;
}

.icoSendMessage {
  /*background-position: -115px 0px;*/
  background: url('https://d1o1tw4jx4uh52.cloudfront.net/img/icoSendMessage.png');
  display: inline-block;
  width: 32px;
  height: 16px;
}

.icoSexpartner {
  background-position: -115px -105px;
  display: inline-block;
  width: 18px;
  height: 17px;
}

.icoSignGirl {
  background-position: -134px -16px;
  display: inline-block;
  width: 10px;
  height: 16px;
}

.icoUser {
  background-position: -147px -101px;
  display: inline-block;
  width: 10px;
  height: 12px;
}

.icoLastVisits {
  background-position: -115px -77px;
  display: inline-block;
  width: 19px;
  height: 15px;
}

.icoWhiteArrow {
    background: url('https://d1o1tw4jx4uh52.cloudfront.net/img/white-arrow.png');
    display: inline-block;
    width: 25px;
    height: 25px;
}
/*
@@@@@@@@@@@@@@@@@@@@@@
LIST
@@@@@@@@@@@@@@@@@@@@@@

	about				Lists of all sorts
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	list
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		[class^="list"]{}
		[class^="list"]:after{visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	list
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ listButtons
		..........................................................................*/

			.listButtons{}
			.listButtons li{padding:4px 0px;}
			.listButtons li a{display:block; text-align:left; }
			.listButtons li a i{margin-right:5px; dwidth:25px; }
			.listButtons li a span{display:inline-block; width:25px; }

			.listButtons li:last-child{padding-bottom:0px;}

		/*+ listBoxThumb
		..........................................................................*/

			.listBoxThumb{overflow:hidden; }
			.listBoxThumb > li{float:left;}
			
			.listBoxThumb > li{margin:0px 10px 10px 0px; }

			/*.listBoxThumb.column2 > li:nth-child(2n){margin-right:0; float:right;}*/
			
			.listBoxThumb.column{margin:0px 0px 0px 0px; }
			.listBoxThumb.column > li{ /*float:none; */ margin-right:0px; }

			.listBoxThumb.row{margin:0px 0px 0px 0px; }
			.listBoxThumb.row > li{margin-right:25px;}
			.listBoxThumb.row > li:nth-child(4n){margin-right:0px;}
			.listBoxThumb.row .boxThumb.landscape{width:205px;}


		/*
@@@@@@@@@@@@@@@@@@@@@@
GRID
@@@@@@@@@@@@@@@@@@@@@@

	a fluid 12 column grid, used primarily for responsive webdesign

	
*/
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	setup
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		/*+ setup
		..........................................................................*/
		
			.grid{margin-left:auto; margin-right:auto; height:100%;}
			.grid .gridSpan1,.grid .gridSpan2,.grid .gridSpan3,.grid .gridSpan4,.grid .gridSpan5,.grid .gridSpan6,.gridSpan7,.grid .gridSpan8,.grid .gridSpan9,.grid .gridSpan10,.grid .gridSpan11,.grid .gridSpan12{}
	
			.grid{position:relative;}
			.grid:after{visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}
			* html .grid{ zoom: 1; }
			*:first-child+html .grid{ zoom: 1; }
		
		/*+ debug
		..........................................................................*/

			.grid.debug{outline:1px dotted red;}
			.grid.debug > div, .grid.debug > section, .grid.debug > aside, .grid.debug > header, .grid.debug > footer{outline:1px dotted red;}
		
		/*+ gridSearchBox
		..........................................................................*/

			.grid.gridSearchBox{margin:0px 0px 17px 0px; }

		/*+ gridBanners
		..........................................................................*/

			.grid.gridBanners{margin:20px 0px 40px 0px; }

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	12 column grid
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
			
		/*setup*/
		.grid > .gridSpan1,.grid > .gridSpan2,.grid > .gridSpan3,.grid > .gridSpan4,.grid > .gridSpan5,.grid > .gridSpan6, .grid > .gridSpan7,.grid > .gridSpan8,.grid > .gridSpan9,.grid > .gridSpan10,.grid > .gridSpan11,.grid > .gridSpan12{position:relative; float:left; margin-left:2%; margin-right:0%; }
		.grid .gridSpan1:first-child, .grid .gridSpan2:first-child, .grid .gridSpan3:first-child, .grid .gridSpan4:first-child, .grid .gridSpan5:first-child, .grid .gridSpan6:first-child, .grid .gridSpan7:first-child, .grid .gridSpan8:first-child, .grid .gridSpan9:first-child, .grid .gridSpan10:first-child, .grid .gridSpan11:first-child, .grid .gridSpan12:first-child{margin-left:0%;}

		/*column width*/
		.grid .gridSpan1{width:6.5%;}
		.grid .gridSpan2{width:15%;}
		.grid .gridSpan3{width:23.5%;}
		.grid .gridSpan4{width:32%;}
		.grid .gridSpan5{width:40.5%;}
		.grid .gridSpan6{width:49.0%;}
		.grid .gridSpan7{width:57.5%;}
		.grid .gridSpan8{width:66%;}
		.grid .gridSpan9{width:74.5%;}
		.grid .gridSpan10{width:83%;}
		.grid .gridSpan11{width:91%;}
		.grid .gridSpan12{width:100%;}
		
		/*move x columns*/
		.grid .gridMove1{margin-left:10.5%;}			.grid .gridMove1:first-child{margin-left:8.5%;}
		.grid .gridMove2{margin-left:18%;}				.grid .gridMove2:first-child{margin-left:17%;}
		.grid .gridMove3{margin-left:26.5%;}			.grid .gridMove3:first-child{margin-left:25.5%;}
		.grid .gridMove4{margin-left:35%;}				.grid .gridMove4:first-child{margin-left:34%;}
		.grid .gridMove5{margin-left:43.5%;}			.grid .gridMove5:first-child{margin-left:42.5%;}
		.grid .gridMove6{margin-left:52%;}				.grid .gridMove6:first-child{margin-left:51%;}
		.grid .gridMove7{margin-left:60.5%;}			.grid .gridMove7:first-child{margin-left:59.5%;}
		.grid .gridMove8{margin-left:69%;}				.grid .gridMove8:first-child{margin-left:68%;}
		.grid .gridMove9{margin-left:77.5%;}			.grid .gridMove9:first-child{margin-left:76.5%;}
		.grid .gridMove10{margin-left:86%;}				.grid .gridMove10:first-child{margin-left:85%;}
		.grid .gridMove11{margin-left:94.5%;}			.grid .gridMove11:first-child{margin-left:93.5%;}
		
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	24 column grid
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
			
		/*setup*/
		.grid.grid24 > .gridSpan1,.grid.grid24 > .gridSpan2,.grid.grid24 > .gridSpan3,.grid.grid24 > .gridSpan4,.grid.grid24 > .gridSpan5,.grid.grid24 > .gridSpan6, .grid.grid24 > .gridSpan7,.grid.grid24 > .gridSpan8,.grid.grid24 > .gridSpan9,.grid.grid24 > .gridSpan10,.grid.grid24 > .gridSpan11,.grid.grid24 > .gridSpan12,.grid.grid24 > .gridSpan13,.grid.grid24 > .gridSpan14,.grid.grid24 > .gridSpan15,.grid.grid24 > .gridSpan16,.grid.grid24 > .gridSpan17,.grid.grid24 > .gridSpan18,.grid.grid24 > .gridSpan19,.grid.grid24 > .gridSpan20,.grid.grid24 > .gridSpan21,.grid.grid24 > .gridSpan22,.grid.grid24 > .gridSpan23,.grid.grid24 > .gridSpan24{position:relative; float:left; margin-left:2%; margin-right:0%; }
		.grid.grid24 .gridSpan1:first-child, .grid.grid24 .gridSpan2:first-child, .grid.grid24 .gridSpan3:first-child, .grid.grid24 .gridSpan4:first-child, .grid.grid24 .gridSpan5:first-child, .grid.grid24 .gridSpan6:first-child, .grid.grid24 .gridSpan7:first-child, .grid.grid24 .gridSpan8:first-child, .grid.grid24 .gridSpan9:first-child, .grid.grid24 .gridSpan10:first-child, .grid.grid24 .gridSpan11:first-child, .grid.grid24 .gridSpan12:first-child, .grid.grid24 .gridSpan13:first-child, .grid.grid24 .gridSpan14:first-child, .grid.grid24 .gridSpan15:first-child, .grid.grid24 .gridSpan16:first-child, .grid.grid24 .gridSpan17:first-child, .grid.grid24 .gridSpan18:first-child, .grid.grid24 .gridSpan19:first-child, .grid.grid24 .gridSpan20:first-child, .grid.grid24 .gridSpan21:first-child, .grid.grid24 .gridSpan22:first-child, .grid.grid24 .gridSpan23:first-child, .grid.grid24 .gridSpan24:first-child{margin-left:0%;}

		/*column width*/
		.grid.grid24 .gridSpan1{width:2.25%;}
		.grid.grid24 .gridSpan2{width:6.5%;}
		.grid.grid24 .gridSpan3{width:10.75%;}
		.grid.grid24 .gridSpan4{width:15%;}
		.grid.grid24 .gridSpan5{width:19.25%;}
		.grid.grid24 .gridSpan6{width:23.5%;}
		.grid.grid24 .gridSpan7{width:27.75%;}
		.grid.grid24 .gridSpan8{width:32%;}
		.grid.grid24 .gridSpan9{width:36.25%;}
		.grid.grid24 .gridSpan10{width:40.5%;}
		.grid.grid24 .gridSpan11{width:44.75%;}
		.grid.grid24 .gridSpan12{width:49%;}
		
		.grid.grid24 .gridSpan13{width:53.25%;}
		.grid.grid24 .gridSpan14{width:57.5%;}
		.grid.grid24 .gridSpan15{width:61.75%;}
		.grid.grid24 .gridSpan16{width:66%;}
		.grid.grid24 .gridSpan17{width:70.25%;}
		.grid.grid24 .gridSpan18{width:74.5%;}
		.grid.grid24 .gridSpan19{width:78.75%;}
		.grid.grid24 .gridSpan20{width:83%;}
		.grid.grid24 .gridSpan21{width:87.25%;}
		.grid.grid24 .gridSpan22{width:91.5%;}
		.grid.grid24 .gridSpan23{width:95.75%;}
		.grid.grid24 .gridSpan24{width:100%;}
		
		/*move x columns*/
		.grid.grid24 .gridMove1{margin-left:6.25%;}			.grid.grid24 .gridMove1:first-child{margin-left:4.25%;}
		.grid.grid24 .gridMove2{margin-left:10.5%;}			.grid.grid24 .gridMove2:first-child{margin-left:8.5%;}
		.grid.grid24 .gridMove3{margin-left:14.75%;}		.grid.grid24 .gridMove3:first-child{margin-left:12.75%;}
		.grid.grid24 .gridMove4{margin-left:19%;}			.grid.grid24 .gridMove4:first-child{margin-left:17%;}
		.grid.grid24 .gridMove5{margin-left:23.25%;}		.grid.grid24 .gridMove5:first-child{margin-left:21.25%;}
		.grid.grid24 .gridMove6{margin-left:27.5%;}			.grid.grid24 .gridMove6:first-child{margin-left:25.5%;}
		.grid.grid24 .gridMove7{margin-left:31.75%;}		.grid.grid24 .gridMove7:first-child{margin-left:29.75%;}
		.grid.grid24 .gridMove8{margin-left:36%;}			.grid.grid24 .gridMove8:first-child{margin-left:34%;}
		.grid.grid24 .gridMove9{margin-left:40.25%;}		.grid.grid24 .gridMove9:first-child{margin-left:38.25%;}
		.grid.grid24 .gridMove10{margin-left:44.5%;}		.grid.grid24 .gridMove10:first-child{margin-left:42.5;}
		.grid.grid24 .gridMove11{margin-left:48.75%;}		.grid.grid24 .gridMove11:first-child{margin-left:46.75%;}

		.grid.grid24 .gridMove12{margin-left:53%;}			.grid.grid24 .gridMove11:first-child{margin-left:51%;}
		.grid.grid24 .gridMove13{margin-left:57.25%;}		.grid.grid24 .gridMove11:first-child{margin-left:55.25%;}
		.grid.grid24 .gridMove14{margin-left:61.5%;}		.grid.grid24 .gridMove11:first-child{margin-left:59.5%;}
		.grid.grid24 .gridMove15{margin-left:65.75%;}		.grid.grid24 .gridMove11:first-child{margin-left:63.75%;}
		.grid.grid24 .gridMove16{margin-left:70%;}			.grid.grid24 .gridMove11:first-child{margin-left:68%;}
		.grid.grid24 .gridMove17{margin-left:74.25%;}		.grid.grid24 .gridMove11:first-child{margin-left:72.25%;}
		.grid.grid24 .gridMove18{margin-left:78.5%;}		.grid.grid24 .gridMove11:first-child{margin-left:76.5%;}
		.grid.grid24 .gridMove19{margin-left:82.75%;}		.grid.grid24 .gridMove11:first-child{margin-left:80.75%;}
		.grid.grid24 .gridMove20{margin-left:87%;}			.grid.grid24 .gridMove11:first-child{margin-left:85%;}
		.grid.grid24 .gridMove21{margin-left:91.25%;}		.grid.grid24 .gridMove11:first-child{margin-left:89.25%;}
		.grid.grid24 .gridMove22{margin-left:95.5%;}		.grid.grid24 .gridMove11:first-child{margin-left:93.5%;}
		.grid.grid24 .gridMove23{margin-left:99.75%;}		.grid.grid24 .gridMove11:first-child{margin-left:97.75%;}
		
/*
@@@@@@@@@@@@@@@@@@@@@@
BUTTON
@@@@@@@@@@@@@@@@@@@@@@

	about				button objects and related objects
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	btn
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.btn{border: 1px solid #b3b3b3;font-size:16px; background-color:#f4d36e; background-image: rgb(221,40,88); background-image: rgb(231,231,230);background-image: -moz-linear-gradient(top, rgba(231,231,230,1) 0%, rgba(189,189,189,1) 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,231,230,1)), color-stop(100%,rgba(189,189,189,1)));background-image: -webkit-linear-gradient(top, rgba(231,231,230,1) 0%,rgba(189,189,189,1) 100%);background-image: -o-linear-gradient(top, rgba(231,231,230,1) 0%,rgba(189,189,189,1) 100%);background-image: -ms-linear-gradient(top, rgba(231,231,230,1) 0%,rgba(189,189,189,1) 100%);background-image: linear-gradient(to bottom, rgba(231,231,230,1) 0%,rgba(189,189,189,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e6', endColorstr='#bdbdbd',GradientType=0 ); }
		.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled]{ background-color:#bdbdbd; }
	/*-moz-linear-gradient(center top , #6F97B6, #3F729B)*/
        
		.btn-primary{
	color: #fff;
        font-size:16px;
	color: #fff;
	text-shadow: none!important;
    	background: #5ab77f;
    	border-color: #5ab77f;
	background-color: #5ab77f;
	background-image: none;
	filter:none;
}
                            .btn-primary:hover, .btn-primary:focus,  .btn-primary.disabled, .btn-primary[disabled]{
                                background: #64de8f;
                                color: #fff;
                            }
                            
                            .btn-primary:active, .btn-primary.active {
                                  background-color: #64de8f;
                                    border-color: #64de8f;
                            }
                
                  .btn-success{font-size:16px; background-color:#69A74E; background-image: #69A74E;background-image: -moz-linear-gradient(top, #67AE55 0%, #578843 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67AE55), color-stop(100%,#578843));background-image: -webkit-linear-gradient(top, #67AE55 0%,#578843 100%);background-image: -o-linear-gradient(top, #67AE55 0%,#578843 100%);background-image: -ms-linear-gradient(top, #67AE55 0%,#578843 100%);background-image: linear-gradient(to bottom, #67AE55 0%,#578843 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67AE55', endColorstr='#578843',GradientType=0 ); border-color:  #3B6E22 #3B6E22 #2C5115; box-shadow: 0 1px 1px #A4E388 inset}
		.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled]{background-color:#578843; }

                .btn-sendmessage { font-size: 16px; text-transform: none; font-weight: bold; font-style: italic  }

#boxNavigation .btn { font-size: 14px!important;}
/*
@@@@@@@@@@@@@@@@@@@@@@
TABLE
@@@@@@@@@@@@@@@@@@@@@@

	about				table objects
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	standard set
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		/*+ tableStandard
		..........................................................................*/

			.tableStandard{width:100%; }
			
			.tableStandard th{font-weight:bold; text-align:left; padding-right:10px;}

.tableMessage {margin-bottom:5px; cursor:pointer; }
.tableMessage.unread {  background-color:#E8E8E8;}
.tableMessage.unread a { font-weight: bold!important}
.tableMessage.read {  background-color:#FFFFFF;}
.tableMessage.read a { font-weight: normal!important}

.tableMessage {  background-color:#E8E8E8;}
.tableMessage a { font-weight: bold!important}
.tableMessage:hover {  background-color:#F0F0F0;}
.tableMessage:active {  background-color:#F0F0F0;}
.tableMessage h3 { color:#06365F; height: 20px; line-height: 20px; font-size: 12px; }
/*
@@@@@@@@@@@@@@@@@@@@@@
BUTTON
@@@@@@@@@@@@@@@@@@@@@@

	about				Small bits of code used in a webpage
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	tool
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		/*+ hr
		..........................................................................*/

			.hr{border-top:1px solid #e8e8e8; margin:45px 0; }

		/*+ breadcrumb
		..........................................................................*/

			.breadcrumb{background:none; font-size:14px; padding:0px 0px 0px 0px; }
			.breadcrumb a{color:#b6b6b6; }

		/*+ well
		..........................................................................*/

			.well{padding:5px 10px; margin:0px 0px 10px 0px;  background:none repeat scroll 0 0 #fff;  box-shadow:none; border-radius:0px;}
			.well:last-child{margin:0px 0px 0px 0px; }
			
			.well.light{padding:10px 10px; background-color:#ffffff; }
			.well.dark{border:1px solid #ddd; padding:15px 15px; background-color:#f0f4ff; background-image: none;}
			.well.gradient{border:1px solid #e0e0e0; }

                        .welltab { display:inline; padding:5px 10px; margin:0px 1px 10px 0px;  border:1px solid #cccccc; min-height:20px;background-color:#fff; }
                        .welltab.current { border-bottom: 1px solid #F0F4FF;background-color:#F0F4FF; font-weight: bold;  }
                        .light .pagination ul>li>a { background: #EEEEEE ;              
                        }
                        .light .pagination ul>li>a:hover { background: #f5f5f5 ;              
                        }
                        
		/*+ form
		..........................................................................*/
			
			form{margin:0px 0px 0px 0px;}
			
			form label{font-size:14px; margin:0px 0px 0px 0px;   }
			form textarea{display:block; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
			form textarea, input[type="text"], input[type="password"]{ vertical-align:middle; font-size:14px; line-height:1; height:auto; padding:5px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 
			
			form select{width:100%; font-size:14px; height:25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

			form .inline{margin:0px 0px 10px 0px; }
			form .inline input{margin:0px 0px 0px 0px; }
			
			form .block{display:block; width:100%;}


.alert-box {
            position: relative;
            padding: 10px 14px;
            margin-bottom: 20px;
            border-radius: 12px;
            font-size: 15px;
            line-height: 1.5;
            display: flex;
            align-items: center;
            gap: 15px;
            animation: slideIn 0.3s ease-out;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
            transition: all 0.3s ease;
        }
        .alert-box:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
        }

        /* Icon Styles */
        .alert-box::before {
            content: '';
            width: 24px;
            height: 24px;
            flex-shrink: 0;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
.alert-box span {
	font-weight:bold;
	
}
/* Success Style */
        .success {
            background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
            border: 1px solid #86efac;
            color: #14532d;
        }

        .success::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2322c55e' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
        }

        /* Info Style */
        .notice {
            background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
            border: 1px solid #93c5fd;
            color: #1e3a8a;
        }

        .notice::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z'/%3E%3C/svg%3E");
        }

        /* Warning Style */
        .warning {
            background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
            border: 1px solid #fcd34d;
            color: #78350f;
        }

        .warning::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f59e0b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z'/%3E%3C/svg%3E");
        }

        /* Error Style */
        .error {
            background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
            border: 1px solid #fca5a5;
            color: #7f1d1d;
        }

        .error::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ef4444' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.007v.008H12v-.008z'/%3E%3C/svg%3E");
        }
/* Animation */
        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateX(-20px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
.ptb { padding-bottom: 10px; padding-top: 10px; }


ul.dosdonts li {
 font-size:14px;
 padding: 3px 0px 3px 20px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;
}
ul.dosdonts li.do {
    background: url('https://d1o1tw4jx4uh52.cloudfront.net/img/success.png') no-repeat 0px 5px;
    
}

ul.dosdonts li.dont {
    background: url('https://d1o1tw4jx4uh52.cloudfront.net/img/error.png') no-repeat 0px 5px;
}
                        
                        
/*
@@@@@@@@@@@@@@@@@@@@@@
RESPONSIVE
@@@@@@@@@@@@@@@@@@@@@@

	about				styles for responsive objects
	
	syntax

*/
@media all and (min-width: 1200px) 
{
	
	
		/*+ listBoxThumb
		..........................................................................*/
.layoutHeader .login { display:none; }
			.listBoxThumb.row > li:nth-child(4n){margin-right:25px;}


		/*+ well
		..........................................................................

			.well.gradient{border:0px; background:none; }

		+ boxChat
		..........................................................................*/

			.boxChat .chatItem{width:11%;}
			.boxChat .chatBox{width:87.5%;}
			/*.boxChat:nth-child(even) .chatItem{text-align:right;}*/
                        .boxChat.from .chatItem{text-align:right;}
                        


}	

@media all and (max-width: 979px)
{
	.layoutHeader .login { display:none; }
		/*+ listBoxThumb
		..........................................................................*/

			.listBoxThumb.row > li:nth-child(4n){margin-right:25px;}
			
			.listBoxThumb.column2 > li:nth-child(2n){float:none;}
			.listBoxThumb.column2 > li{float:none; margin:0px 0px 15px 0px; }
			.listBoxThumb.column2 > li .boxThumb.portrait{width:auto;}
			.listBoxThumb.column > li{float:left;}

			.boxBigIntro{width:725px;}
			.boxMainSearch{position:relative; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); opacity:0.95;}
	
	
		/*+ boxChat
		..........................................................................*/

			.boxChat .chatItem{width:22%;}
			.boxChat .chatBox{width:78%;}
                        .boxChat.from .chatItem{text-align:right;}
			/*.boxChat:nth-child(even) .chatItem{text-align:right;}*/
	
	
		/*+ boxBeelden
		..........................................................................*/

			.boxBeelden .primary{float:none; width:100%;}
			.boxBeelden .images{float:right; width:55%;}
			
			.boxBeelden .images ul{overflow:hidden; margin:0px 0px 10px 0px; }
			.boxBeelden .images ul li{width:48%; float:left; margin-right:2%; margin-bottom:10px;}
			.boxBeelden .images ul li:nth-child(even){margin-left:2%; margin-right:0;}
			
			.boxBeelden a{color:#747576; }
			
			.boxBeelden .boxFigureThumb{display:block; margin-bottom:10px;}
			.boxBeelden .boxFigureThumb img{width:100%;}
	
		/*+ boxInlineButtons
		..........................................................................*/

			.boxInlineButtons{margin:0px 0px 20px 0px; text-align:left; }
			.boxInlineButtons a{margin:0px 0px 5px 0px;}
}	
		
@media (max-width: 765px)
{
body { padding-left: 0; padding-right: 0; }
		/*+ html
		..........................................................................*/
			
			/*background*/
			

		/*+ layoutFooter
		..........................................................................*/

			.layoutFooter{padding:15px 20px;}
			.layoutFooter .bottom{margin:0px -10px -10px -10px; padding:10px;}

			.layoutFooter .grid .gridSpan6 + .gridSpan6{margin:0px 0px 0px 0px; margin-bottom:15px; width:100%;}

			.layoutFooter figure.gecertificeerd i{display:none; }
			
			
		/*+ layoutSection
		..........................................................................*/

			.layoutSection, .layoutFooter{ padding:  10px;}


		/*+ layoutHeader
		..........................................................................*/

			.layoutHeader, .layoutHeader > .container{height:auto;}
			
			.layoutHeader .topBar{text-align:center; position:static;  padding:10px 0px;}
			
			.layoutHeader .topBar ul li{margin:0px 5px 0px 10px; }
			.layoutHeader .topBar p{display:none; }

		/*+ login
		..........................................................................*/

			.layoutHeader .login{position:static; padding:50px 10px 10px 10px; margin:10px 0px 0px 0px; display:block; }
			.layoutHeader .login .loginForm input{margin:0px 10px 10px 0px; }
			.layoutHeader .login .loginForm button{display:block; width:100%;}
			
			.layoutHeader .login .loginForm .line2{left:auto; right:0px;color:#747576}
			
			.layoutHeader .login .loginForm .icoLock{display:none; }

			.layoutHeader .login.active{padding:20px 0px 0px 0px; }
			.layoutHeader .login.active span{margin-right:5px;}
			.layoutHeader .login.active .btn-primary{margin:0px 0px 0px 0px; }

		/*+ name
		..........................................................................*/
			
			.layoutHeader .name{}
			.layoutHeader .name h1{ }
			.layoutHeader .name .imgLogo{ width:200px; background-size:100%;}

		/*+ menu
		..........................................................................*/
.layoutHeader .menu{border:0px; position:fixed; top:50%; right:50%; bottom:50%; left:50%; z-index:1000;   -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;}
   .layoutHeader .menu.active{border:1px solid #d3d3d3; position:fixed; top:2%; right:2%; bottom:2%; left:2%;  }
			/*.layoutHeader .menu{position:fixed; top:50%; right:50%; bottom:50%; left:50%; z-index:1000;   -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;}
			.layoutHeader .menu.active{position:fixed; top:2%; right:2%; bottom:2%; left:2%;  } */
                         
			.layoutHeader .menu ul{border:0px;  display:block; }
			.layoutHeader .menu ul li{display:block; float:none; border:0px;  border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(255,255,255,0.3);}

			.layoutHeader .menu .toggleMenu{padding:5px 10px; display:block; border:0px; background:none; position:absolute; top:10px; left:auto; right:5px; font-size:24px;}

			.layoutHeader .toggleMenu{display:block; position:absolute; top:15px; right:15px; dz-index:10000; }

		/*+ breadcrumb
		..........................................................................*/

			.breadcrumb{display:none; }


		/*+ grid
		..........................................................................*/

			.grid .gridSpan1,.grid .gridSpan2,.grid .gridSpan3,.grid .gridSpan4,.grid .gridSpan5,.grid .gridSpan6,.gridSpan7,.grid .gridSpan8,.grid .gridSpan9,.grid .gridSpan10,.grid .gridSpan11,.grid .gridSpan12{width:100%; float:none; margin:0px 0px 0px 0px;  margin-bottom:15px;}

		/*+ boxBigIntro
		..........................................................................*/

			.boxBigIntro{width: auto;}
			.boxMainSearch{height:auto; position:static;}


		/*+ listBoxThumb
		..........................................................................*/

			.listBoxThumb.row > li{margin:0px 0px 15px 0px; }
			.listBoxThumb > li{width:50%; padding:0px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
			.listBoxThumb.row .boxThumb.landscape{width:100%;}

			.listBoxThumb.row > li:nth-child(4n){margin-right:0px;}

		/*+ boxChat
		..........................................................................*/

			.boxChat:before{display:none; }
			.boxChat .chatItem{width:15%;}
			.boxChat .chatBox{width:85%;}

		/*+ noPhone
		..........................................................................*/

			.noPhone{display:none; }
/*+ boxNavigation
  ..........................................................................*/

   .boxNavigation{height:28px; overflow:hidden; cursor:pointer;}
   .boxNavigation.active{height:auto;}
   .boxNavigation .ghostButton{display:block; position:absolute; top:0px; left:0px; right:0; height:42px; }
.boxNavigation .ghostButton i{position:absolute; top:12px; right:10px;}
.boxNavigation .ghostButton i + i{display:none; }

   .boxNavigation.active .ghostButton i{display:none; }
   .boxNavigation.active .ghostButton i + i{display:block; }

}	
		
@media (min-width: 480px) and (max-width: 765px)
{
	
}	

@media all and (max-width: 482px) /*+ fadsas dit was eerst 479 */
{
	.firstmessage { float: none;}
            body { padding-left: 0; padding-right: 0; }
            #nietgenoeg, .nietgenoeg { display: block }
            #nietgenoeg_code { display: none }
		/*+ boxBigIntro
		..........................................................................*/

			.boxBigIntro .btn{position:absolute; bottom:15px; left:15px; font-size:15px; padding:10px;}
	
		/*+ boxBigIntro
		..........................................................................*/

			.boxThumb{font-size:13px; line-height:25px;}
	
		/*+ listBoxThumb
		..........................................................................*/

			.listBoxThumb > li{float:none;}
			
			.listBoxThumb > li{width:100%; padding:0px 0px 0px 0px;  margin:0px 0px 10px 0px; }

			.listBoxThumb.column2 > li:nth-child(2n){margin-right:0; float:right;}
			
			.listBoxThumb.column{margin:0px 0px 0px 0px; }
			.listBoxThumb.column > li{float:none; margin-right:0px; }

			.listBoxThumb.row > li{margin-right:0px;}
			.listBoxThumb.row > li:nth-child(4n){margin-right:0px;}
			.listBoxThumb.row .boxThumb.landscape{width:auto;}

		/*+ boxChat
		..........................................................................*/

			.boxChat .chatItem{width:20%;}
			.boxChat .chatBox{width:80%;}


}			






#interests {  }
#interests .item { display: inline-block; padding-bottom:8px; width: 135px }
#interests .item input { height:14px; width:14px; }
#interests .item label { display: inline }

label[for="can_meet"], label[for="can_receive"] {
  display: inline;
}

.box .register select {
  width: 266px;
}

#day, #month, #year {
  width: 100px;
  margin-right: 5px;
}

#day, #month {
  float: left;
}

#results {

}

#results li {
width: auto;
min-width: 49%;
margin: 2px;
}

.profile_right {

}

.profile_right h3 {
  margin: 0;
  color: #3F729B;
  font-size: 14px;
 
  height: 20px;
  line-height: 20px;
}
.profile_right p {
  margin: 0;
  height: 55px;
}

.profile_right .small {
  height: 16px;
  line-height: 18px;
  float: right;
}

.profile_right {
  color: #747576;
}

.profile_right a {
  color: #3F729B;
}

.profile_right .btn.btn-primary.small {
  margin-right: 5px;
  color: #ffffff;
}

.profile_right .btn.btn-delete.small {
  color: #333;
}

#warning_message {
  margin: 35px 0px 0px -10px;
  height: 60px;
  width: 430px;
  background: url("https://d1o1tw4jx4uh52.cloudfront.net/img/warningBackground.png") no-repeat;
  padding: 10px 10px 10px 5px;
}
#warning_message p {
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #ffffff;
}

.bordered_image {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.styled_well {
  padding: 10px 10px 10px 10px;
    background-color: #eb2b5f;
}

.styled_well a {
  color: #ffffff;
}

.pink {
  background-color: #eb2b5f;
}

.grey {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: rgb(252,252,252);
  background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(238,238,238,1) 20%, rgba(232,232,232,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(20%,rgba(238,238,238,1)), color-stop(100%,rgba(232,232,232,1)));
  background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(238,238,238,1) 20%,rgba(232,232,232,1) 100%);
  background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(238,238,238,1) 20%,rgba(232,232,232,1) 100%);
  background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(238,238,238,1) 20%,rgba(232,232,232,1) 100%);
  background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(238,238,238,1) 20%,rgba(232,232,232,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e8e8e8',GradientType=0 );
}


.credit_label {
  display: inline-block;float: left;height: 30px;line-height: 30px;margin-right: 5px;
}

.dark.credit_input {
  width: 100px;
  float: left;
  height: 30px;
}

.clean_cb {
  height: 20px;
  line-height: 20px;
}

.clean_cb input {
  margin: 0;
}


.wink { margin-left: 6.5px; }
.wink p { padding:8px 0 0 8px; }
.wink .item
{
  background-color: #df2859;
  background-image: rgb(221,40,88);
  background-image: -moz-linear-gradient(top, rgba(221,40,88,1) 0%, rgba(181,7,27,1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,40,88,1)), color-stop(100%,rgba(181,7,27,1)));
  background-image: -webkit-linear-gradient(top, rgba(221,40,88,1) 0%,rgba(181,7,27,1) 100%);
  background-image: -o-linear-gradient(top, rgba(221,40,88,1) 0%,rgba(181,7,27,1) 100%);
  background-image: -ms-linear-gradient(top, rgba(221,40,88,1) 0%,rgba(181,7,27,1) 100%);
  background-image: linear-gradient(to bottom, rgba(221,40,88,1) 0%,rgba(181,7,27,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd2858', endColorstr='#b5071b',GradientType=0 );
  float: left;
  height: 112px;
  width: 180px;
  padding: 8px;
  margin: 0 10px 8px 0;
  cursor: pointer;
  text-align: center;
  color: white;
}

#nietgenoeg h3.nl { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/nl.gif') no-repeat left; padding-left:23px; }
#nietgenoeg h3.be { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/be.gif') no-repeat left;padding-left:23px; }
#nietgenoeg h3 span { font-size: 16px; }
#nietgenoeg h4 { float:left; width: 100%; text-align: center; color:#3F729B}
#nietgenoeg h2 { float:left; width: 100%; text-align: center; color:#3F729B; text-decoration: underline; margin-top:10px}
#nietgenoeg h3 { font-size: 25px;   margin: 15px auto;  width: 200px }
#nietgenoeg div.btn {float: left;}
#nietgenoeg p { float:left; font-size:14px; padding:12px 0 8px 5px; text-align: center; width:100%; }
#nietgenoeg form { float:left; width:100%; padding:0; text-align: center }
#nietgenoeg p { float:left; padding:0 0 11px 11px; line-height:18px; }
#nietgenoeg p.first-text { font-size:14px; padding:10px 0 24px 11px; line-height:18px; }

#nietgenoeg ul#flags { float:right; width:120px;  }
#nietgenoeg ul#flags li { float:left; padding:0 0 0 25px; margin-right:20px; }
#nietgenoeg ul#flags li#nl { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/nl.gif') no-repeat left; }
#nietgenoeg ul#flags li#be { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/be.gif') no-repeat left; }
#nietgenoeg ul#flags li#lu { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/lu.gif') no-repeat left; }
#nietgenoeg ul#flags li#de { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/de.gif') no-repeat left; }

#nietgenoeg_code h3.nl { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/nl.gif') no-repeat left; padding-left:23px; }
#nietgenoeg_code h3.be { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/be.gif') no-repeat left;padding-left:23px; }
#nietgenoeg_code h3 span { font-size: 16px; }
#nietgenoeg_code h4 { float:left; width: 100%; text-align: center; color:#3F729B}
#nietgenoeg_code h2 { float:left; width: 100%; text-align: center; color:#3F729B; text-decoration: underline; margin-top:10px}
#nietgenoeg_code h3 { font-size: 25px;   margin: 15px auto;  width: 200px }
#nietgenoeg_code div.btn {float: left;}
#nietgenoeg_code p { float:left; font-size:14px; padding:12px 0 8px 5px; text-align: center; width:100%; }
#nietgenoeg_code form { float:left; width:100%; padding:0; text-align: center }
#nietgenoeg_code p { float:left; padding:0; line-height:18px; }
#nietgenoeg_code p.first-text { font-size:14px; padding:10px 0 24px 11px; line-height:18px; }

#nietgenoeg_code ul#flags { float:right;  }
#nietgenoeg_code ul#flags li { float:left; padding:0 0 0 25px; margin-right:20px; }
#nietgenoeg_code ul#flags li#nl { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/nl.gif') no-repeat left; }
#nietgenoeg_code ul#flags li#be { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/be.gif') no-repeat left; }
#nietgenoeg_code ul#flags li#lu { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/lu.gif') no-repeat left; }
#nietgenoeg_code ul#flags li#de { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/de.gif') no-repeat left; }

ul#creditflags li { padding:0 0 0 25px; margin-right:20px;  }
ul#creditflags li#nl { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/nl.gif') no-repeat left; }
ul#creditflags li#be { background:url('https://d1o1tw4jx4uh52.cloudfront.net/img/flags/be.gif') no-repeat left; }

#creditbutton { font-size: 17px; text-shadow: none }


.profileInfo { position: relative; }
.profileSpacing, .profileSpacingLast { padding: 24px; }
.profileSpacing::before {     position: absolute;
	right: 20px;
	bottom: 0;
	left: 20px;
	content: '';
	border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 765px) {
	#dosdonts, .nofoto { display:none; }
	.profileSpacing, .profileSpacingLast { padding: 14px 0; }
	.profileSpacing::before { left:0; right:0}
}