/* ----- BENE ** 2008 ** adjusted Nov 2012 --------------------------- */
/* -----Stylesheet v.1.0//date 01-09-2008 -----*/
/* ---------------------------------------------------------- */

/* ------------------------- */

/* ALGEMEEN BENE			 */

/* ------------------------- */

*, html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

ul,li,ol {
	list-style-type: none;
}

p {
	line-height: 1.5em;

}

body {
	color: #000;
	background: #262626; /*04202e*/
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 80%;
	border-top: 10px solid #010D11;
	line-height:1.5em;
}

hr {
	clear: both;
	visibility: hidden;
}

.clear {
	clear: both;
}

.center, p.center {
	text-align: center;
}

.right {
	text-align: right;
}

img {
	border: 0;
}

/* ------------------------- */

/* HEADINGS					 */

/* ------------------------- */
h2 {
	color: #fff;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0;
	background: url(/images/interface/h2_bg.gif) no-repeat;
	height: 3em;
	padding: 5px 0 0 10px;
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	font-size:small;
}

h3 {
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	font-size:0.9em;
	color:#6a6a6a;
}

h4 {
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	margin: 10px 0 6px 0;
	color: #373737;
}

h5 {
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	color: #0085cf;
}

#footerform h5 {
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: 0.2em;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 15px;
}

/* ------------------------- */

/* General Containers		 */

/* ------------------------- */

#container1 {
	width: 980px;
	margin: 0 auto;
}

#top_section {
	height: 85px;
}

#titlelogo {
	margin-top: 25px;
	float: left;
	position: relative;
	width: 350px;
	height: 60px;
}

#titlelogo h1 {
	display: block;
}
#titlelogo h1 a, 
#titlelogo h1 a:hover{
	display: block;
	text-decoration:none;
	border-bottom: none;
	background: transparent;
}

/* ------------------------- */

/* LINKS					 */

/* ------------------------- */

a:link,
a:visited {
	text-decoration: none;
	color: #f05c41;
	border-bottom: 1px solid #f05c41;
	padding-bottom: 1px;
	
	-webkit-transition:color 0.3s ease-in;
	-moz-transition:color 0.3s ease-in;
	-o-transition:color 0.3s ease-in;
	transition:color 0.3s ease-in;
}

a:hover,a:active {
	text-decoration: none;
	border-bottom: 1px solid #d61820;
	color: #d61820;
}

.entry h2 a,
.entry h2 a:link,
.entry h2 a:visited {
	color: #f05c41;
	border: 0;

	-webkit-transition:color 0.3s ease-in;
	-moz-transition:color 0.3s ease-in;
	-o-transition:color 0.3s ease-in;
	transition:color 0.3s ease-in;

}

.entry h2 a:hover {
	color: #d61820;
	border: 0;
}

/* ------------------------- */

/* SUPERMENU - LOGIN		 */

/* ------------------------- */

#supermenu {
	width: 300px;
	float: right;
}

#supermenu a:link,
			#supermenu a:visited {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 1px;
}

#supermenu a:hover,
			#supermenu a:active {
	text-decoration: none;
	background: #fff;
	color: #000;
}

#innermenu {
	position: relative;
	padding: 10px;
	color: #fff;
	float: right;
}

#innermenu ul {
	float: left;
	list-style: none;
}

#innermenu ul li {
	float: left;
	padding: 0 0 0 10px;
}

.fromTop {
	margin-top: 10px;
}

/* ------------------------- */

/* SUPERMENU - SEARCH		 */

/* ------------------------- */

#search_box {
	float: right;
	width: 200px;
	background-image: url(/images/interface/search_box.png);
	position: absolute;
	top: 20px;
	right: 0;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

#search_box #keywords {
	float: left;
	/*padding: 6px 0 0 10px;*/
	margin-top: 8px;
	margin-left: 11px;
	border: 0;
	width: 140px;
	background: none;
	height: 16px;
	color: #000;
}

#search_box #go {
	float: right;
	margin: 3px 8px 0 0;
}

#main_section {
	background: #fff;
	width: 980px;
	margin: 20px 0;
}

/* ------------------------- */

/* NAVIGATION 		 */

/* ------------------------- */

#nav_boven {
	float: left;
	width: 980px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #262626;
}

#nav_boven li {
	margin: 0 2px 0 0;
	padding: 0;
	float: left;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-style: normal;
	font-weight: 400;
}

#nav_boven a {
	float: left;
	display: block;
	margin: 0;
	padding: 7px 18px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #6a6a6a;
	border-bottom: none;
	background: url(/images/interface/button_off.gif) repeat-x;
}

#nav_boven a:hover {
	background: #fff;
	color: #333;
}

#nav_boven li.activelink a,
#nav_boven li.activelink a:hover {
	background: #FFF url(/images/interface/button_on.gif) repeat-x;
	color: #000;
	padding-bottom: 7px;
	border: 1px solid #fff;
	border-bottom: none;
}
/* ------------------------- */

/* PAGE HOME / BANNER HOME LATEST   */

/* ------------------------- */
#banner-home-latest {
	margin: 20px;
	
/*background: transparent url(/images/uploads/portfolio/Skan/Skan-Banner-940x200px.jpg) no-repeat 0 0;*/
/*background: url(/images/uploads/2013-blog/20130424/20130424-banner-stadvdtoekomst.jpg) no-repeat 0 0;*/
/*background: url(/images/uploads/2013-blog/20130713/banner-summer-2013.png) no-repeat 0 0;*/
/*background: url(/images/uploads/portfolio/Home-Bene-Zorgproeftuinen-banner.jpg) no-repeat 0 0;*/
/*background: url(/images/uploads/portfolio/Home-Bene-Sophia-banner.jpg) no-repeat 0 0;*/
/*background: url(/images/uploads/portfolio/Home-Bene-Designmodo-banner.jpg) no-repeat 0 0;*/
background: url(/images/uploads/2015-blog/20150211/2015-banner-inkBrush.png) no-repeat 0 0;
	width: 940px;
	height: 210px;
	position: relative;
	text-align:center;
}

#banner-home-latest a{
	background: #fff;
	color:#000;
	border:0;
	padding:1px 8px;
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
#banner-home-latest a:hover{
	background: #000;
	border:0;
	color:#fff;
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
/* ------------------------- */

/* PAGE HOME / BANNER HOME	   */

/* ------------------------- */
#banner_home_benoit {
	margin: 20px;
	background: transparent url(/images/interface/banner_home_benoit.jpg) no-repeat 0 0;
	width: 940px;
	height: 200px;
	position: relative;
	text-align:center;
}

#banner_home_benoit a{
	background: #fff;
	color:#000;
	border:0;
	padding:1px 8px;
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
#banner_home_benoit a:hover{
	background: #000;
	border:0;
	color:#fff;
}

#banner_home_unizo {
	margin: 20px;
	background: transparent url(/images/interface/banner_home_unizo.jpg) no-repeat 0 0;
	width: 940px;
	height: 200px;
	position: relative;
	text-align:center;
}

#banner_home_unizo a{
	background: #000;
color:#fff;
border:0;
padding: 0 8px;
font-family: Georgia, serif;
	text-transform:uppercase;
letter-spacing:0.1em;
}
#banner_home_unizo a:hover{
	background: #fff;
border:0;
color:#000;
}
#banner_home {
	margin: 20px;
	background: transparent url(/images/interface/banner_home_042012.jpg) no-repeat 0 0;
	width: 940px;
	height: 200px;
	position: relative;
}

#banner_home span {
	position: absolute;
	/*width: 450px;*/
	top: 0px;
	left: 0px;
	color: #fff;
	font-family: "bree-1","bree-2",sans-serif;
	font-weight: 500;
	font-size: 160%;
	font-style: normal;
	padding: 20px 20px 15px 25px;
	/*background: url(/images/interface/banner_bg.png) repeat;*/
	letter-spacing: 0.05em;
}

/* ------------------------- */

/* BANNER HOME LINKS		 */

/* ------------------------- */

#banner_home span a:link,#banner_home span a:visited {
	text-decoration: none;
	color: #ADDD4C;
	border-bottom: none;
	padding-bottom: 1px;
	text-decoration: none;
/*background: #fff;*/
}

#banner_home span a:hover,#banner_home span a:active {
	text-decoration: none;
	background: #addd4b;
	color: #fff;
}

/* ------------------------- */

/* CONTENT RIJ - CLASSES	 */

/* ------------------------- */
.content_rij {
	margin-left: 20px;
	background: transparent;
	padding: 0;
	position: relative;
	clear: both;
}

.content_rij h3 {
	padding: 0 0 8px 0;
}

.img_left a img{
	float: left;
	margin: 0 15px 5px 0;
	padding: 10px;
	background: #eee;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.img_left a:hover img{
	background: #ccc;
}
/*left*/
#rij1_1 {
	width: 300px;
	float: left;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0 20px 20px 0;
}

#rij1_1 p,#rij1_3 p {
	padding: 0 0 15px 0;
}

#rij1_2 p {
	padding: 0 0 0 0;
}

/*midden*/

#rij1_2 {
	margin: 0 0 20px 0;
	width: 300px;
	padding: 0;
	position: relative;
	float: left;
}

/* ---------------------------- */

/* SERVICES -- */

/* ---------------------------- */

#services_box {
	margin: 0;
}

#services_box h2 {
	color: #000;
}

#services_box ul {
	width: 100%;
}

#services_box ul li {
	line-height: 1.4em;
/*
			

font-size:1.1em;*/
}

#services_box ul li a {
	display: block;
	padding: 6px 10px 6px 28px;
	background: url(/images/interface/pijlWitNews.png) no-repeat 2px 6px;
}

#services_box ul li a:link,
#services_box ul li a:visited {
	color: #333;
	border-bottom: 1px solid #8ec8ec;
	margin: 0;
}

#services_box ul li a:hover {
	background: #8ec8ec url(/images/interface/pijlZwartNews.png) no-repeat 2px 6px;
	border-bottom: 1px solid #000;
}

#services_box .tekst {
	color: #000;
}

.icoon {
	width: 30px;
	float: left;
	margin: 0px;
	padding: 0 20px 0 0;
}

.floatleft img {
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
}

.floatleft p {
	margin-left: 100px;
}

.h3_services {
	text-align: left;
	color: #fff;
	margin-bottom: 10px;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	padding: 0;
}

.h3_services a:link,.h3_services a:hover,.h3_services a:visited, .h3_services a:active {
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}

.clearboth {
	clear: both;
}

/*right*/

#rij1_3 {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 0;
	margin-top: 0;
	float: left;
	position: relative;
	top: 0;
	right: 0;
	width: 300px;
	padding: 0;
}

#services_tekst {
	margin: 20px 0 20px 0;
}

#rij_services_list ul {
	list-style: none;
}

#rij_services_list ul li {
	float: left;
	width: 300px;
	height: 250px;
	display: block;
	text-align: center;
}

.nameTitle {
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	color: #fff;
	margin-bottom: 10px;
	font: italic bold 120%/100% Georgia, "Times New Roman", serif;
}

.nameTitle a:link,.nameTitle a:visited {
	background: red;
	color: #fff;
}

.nameTitle a:hover,.nameTitle a:active {
	background: #fff;
	color: red;
}

.textservices {
	margin: 0 10px 0 10px;
	text-align: left;
	padding: 15px 8px 15px 8px;
	line-height: 1.5em;
	border-left: 1px solid #f05c41;
}

.services_list {
	padding: 0 0 0 10px;
	list-style-type: disc;
	list-style-position: outside;
}

#illustratie_services {
	float: left;
	width: 900px;
	display: block;
	text-align: center;
}

#rij_services_list ul li img {
	padding: 10px;
	background: #eeeeee;
	border: 1px solid #DFDEDE;
	margin-bottom: 8px;
}

#illustratie_services img {
	padding: 10px;
	background: #eeeeee;
	border: 1px solid #DFDEDE;
	margin-bottom: 20px;
}

/* ------------------------- */

/* NEWSLETTER				 */

/* ------------------------- */

/*left*/

#rij2_1 {
	padding: 0;
	margin: 0px 20px 20px 0;
	width: 300px;
	float: left;
	background: white;
}

#rij2_1 h2 {
	color: #fff;
	margin: 0;
	background: url(/images/interface/h2_bg.gif) no-repeat;
	height: 40px;
	padding: 6px 0 0 8px;
}

#rij2_1 .newsletterSub {
	text-align: center;
	line-height: 2em;
}

/* ------------------------- */

/* LIJST					 */

/* ------------------------- */

.lijst li {
	padding: 6px 3px 6px 28px;
	background: transparent  url(/images/interface/pijlWitRoze.png) no-repeat left center;
}

/* ------------------------- */

/* NIEUWS					 */

/* ------------------------- */

/*right*/

#rij2_2 {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	/*background: #e8f4fc;*/
	float: left;
	width: 620px;
}

#rij2_2 h2 {
	margin: 0;
	background: url(/images/interface/h2_bg.gif) no-repeat;
	height: 40px;
	padding: 5px 0 0 8px;
}

#rij2_twitter {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	background: white;
	float: left;
	width:300px ;
}

h2 span.rssfeed {
	float: right;
	margin: 0;
	padding: 0 5px 0 0;
}

h2 span.rssfeed a,
h2 span.rssfeed a:hover,
h2 span.rssfeed a:visited {
	border: none;
	text-decoration: none;
	background: transparent;
}

.groenPijl li {
	background: url(/images/interface/pijlGroen.png) no-repeat 0 0;
	border-bottom: 1px solid #5092C2;
	text-indent: 30px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

/* ------------------------- */

/* SITEMAP					 */

/* ------------------------- */

#content_rijSitemap {
	clear: both;
	padding: 0;
	margin: 20px;
	background: #ADDD4C;
	font-size: 85%;
	position: relative;
	height: 250px;
}

#content_rijSitemap div {
	float: left;
	width: 20%;
	padding-right: 2%;
	background: #ADDD4C;
}

#rij3 {
	margin: 20px 0 20px 0;
	background: #ADDD4C;
	width: 940px
}

#content_rijSitemap h2 {
	color: #000;
	text-indent: 10px;
	padding-top: 10px;
	background: #ADDD4C;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0;
}

#content_rijSitemap h3 {
	color: #fff;
	text-indent: 10px;
	padding-top: 10px;
	background: #ADDD4C;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0;
}

#content_rijSitemap ul {
	padding: 0 0px 0 10px;
	background: #ADDD4C;
}

#content_rijSitemap li {
	
}

/* ------------------------- */

/* SITEMAP LINKS			 */

/* ------------------------- */

#content_rijSitemap a:link,
#content_rijSitemap a:visited {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 1px;
}

#content_rijSitemap a:hover,
#content_rijSitemap a:active {
	text-decoration: none;
	background: #fff;
	color: #ADDD4C;
}

/* ---------------------------- */

/* BENEMAILER - SOCIAL */

/* ---------------------------- */

#rij4_1 {
	padding: 0;
	margin: 0 20px 20px 0;
	width: 300px;
	float: left;
	background: #fff;
}

#rij4_2 {
	padding: 0;
	margin: 0 20px 20px 0;
	background: #fff;
	float: left;
	width: 300px;
}

#rij4_3 {
	padding: 0;
	margin: 0 0 20px 0;
	background: #fff;
	float: left;
	width: 300px;
}

#rij4_1 h2, #rij4_2 h2,#rij4_3 h2 {
	color: #fff;
}

rij4_1#nieuwsbrief {
	padding: 5px;
	border: 0px;
	color: #36424A;
	text-align: center;
	line-height: 1.5em;
}

/* ---------------------------- */

/* LINKS -- */

/* ---------------------------- */

#linksbox {
	margin: 0;
}

#linksbox h2 {
	color: #000;
}

#linksbox ul {
	width: 100%;
}

#linksbox ul li {
	line-height: 1.4em; margin-left: 5px;
}

#linksbox ul li a {
	display: block;
	padding: 6px 10px 6px 28px;
	background: url(/images/interface/pijlWitNews.png) no-repeat 2px 6px;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#linksbox ul li a:link,
#linksbox ul li a:visited {
	color: #333;
	border-bottom: 1px solid #fff;
	margin: 0;
}

#linksbox ul li a:hover {
	background: #eee url(/images/interface/pijlZwartNews.png) no-repeat 2px 6px;
	border-bottom: 1px solid #666;
}

#linksbox .tekst {
	color: #000;
}

.readmore {
	color: #fff;
	background: #2a699f;
	font-size: 90%;
	padding: 2px;
}

/* ---------------------------- */

/* LATEST NEWS / BLOG ENTRIES-- */

/* ---------------------------- */

#news {
	margin: 0;
}

#news h2 {
	color: #000;
}

#news ul {
	width: 100%;
}

#news ul li {
	line-height: 1.4em;
}

#news ul li a {
	display: block;
	padding: 6px 10px 20px 35px;
	background: url(/images/interface/pijlWitNews.png) no-repeat 5px 6px;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#news ul li a:link,
#news ul li a:visited {
	color: #333;
	border-bottom: 1px solid #fff;
	margin: 0;
}

#news ul li a:hover {
	background: #eee url(/images/interface/pijlZwartNews.png) no-repeat 5px 6px; /*#d0e9fb*/
	border-bottom: 1px solid #666;
}

#news .tekst {
	color: #000;
}

.title_articles_home {
	font-family: Georgia, serif;
	font-style: italic;
	color: #2a699f;
	letter-spacing: 0.1em;
	line-height: 2em;
	font-size: 0.9em;
}

.readmore {
	color: #fff;
	background: #2a699f;
	font-size: 90%;
	padding: 2px;
}

.rssfeed img a,.rssfeed img a:hover,.rssfeed img a:visited {
	border: none;
}
.blog-title-home{
	text-transform:uppercase;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:1.2em;
	letter-spacing:0.1em;
	}
/* ---------------------------- */

/* FOOTER---------------------- */

/* ---------------------------- */

#footer_wrapper {
	background: #262626;
}

#footer_section {
	clear: both;
	width: 960px;
	margin: 0;
	padding: 0 0 50px 20px;
	background: #262626;
}

#footer_section h5 {
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	padding: 20px 0 10px 0;
	color: #fff;
	font-size: 0.8em;
	background: #262626;
}

#footer_section p {
	color: #fff;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	background: #262626;
}

#footerform {
	margin: 0;
	padding: 0;
	clear: left;
	background: #010D11;
	text-align: left;
}

/* self-clear floats */

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

#kolform {
	float: left;
	width: 40%;
	margin: 0 0 20px 0;
	padding: 20px;
}

/* ---------------------------- */

/* SOCIAL ICONS					*/

/* ---------------------------- */
#badge{
	display: block;
	background:#000;
	float: right;
	position: relative;
	}
	
	
#social {
	padding: 20px;
	margin: 50px 0 0 0;
	background: #373737;
}

#social ul li {
	float: left;
	line-height: 1.8em;
	list-style-type: none;
	font-weight: normal;
}

#social ul li a:link,#social ul li  a:visited {
	text-decoration: none;
	color: #f05c41;
	border-bottom: none;
	padding-bottom: 1px;
	text-decoration: none;
	margin-right: 15px;
}

#social ul li a:hover {
	border-bottom: 1px solid #f05c41;
	padding-bottom: 3px;
	background: none;
}
/* ---------------------------- */

/* FORM NEWSLETTER				*/

/* ---------------------------- */

form#nieuwsbrief {
	padding: 0;
	border: 0px;
	color: #fff;
	text-align: left;
	line-height: 1.5em;
}

fieldset {
	border: 0;
	padding:20px;
}

/*label { width: 10em; float: left; }*/

label.error {
	float: none;
	color: #fff;
	padding-left: 40px;
	font-style: italic;
	vertical-align: top;
}

#contactformulier input, .veldarea {
	margin-bottom: 10px;
}

.texta {
	background: #f3f3f3;
	border: 1px solid #f1f1f1;
	padding: 5px;
	margin: 8px 0 8px 0px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.textform {
	color: #ffffff;
}

.buttons,
.verstuurknop  {
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1em;
	padding: 8px 24px;
	color: #fff;
	background: #535353 url(../images/interface/png-bg.png) repeat-x 0 50%;
	border: 1px solid #35436d;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.buttons:hover {
	background-color: #f05c41;
	border: 1px solid #fff;
}

input.texta {
	width: 200px;
	padding: 5px;
	font-size: 1.4em;
	border: none;
	background: #f3f3f3;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

fieldset input:focus,
fieldset .texta:focus {
	background: #fff;
}

.buttons a:hover {
	background-color: #384875;
}

.underline {
	background: url(/images/interface/pijlRozeWit.png) no-repeat left center;
	/*
			

border-bottom: 1px solid #36424A;*/
			text-indent: 30px;
	margin: 5px 0;
	padding: 4px;
	color: #000;
}

/* ---------------------------- */

/* FORM BENEMAILER				*/

/* ---------------------------- */

#form_benemailer {
	text-align: center;
}

/* ---------------------------- */

/* PORTFOLIO LINKS------------- */

/* ---------------------------- */

.client {
	line-height: 1em;
}

.block {
	position: relative;
	margin: 20px 0 30px 0;
	padding: 20px 20px 20px 20px;
	width: 900px;
	float: left;
	background: #fff;
	/*border: 1px solid #d5d5d5;*/
}

#rij_port_list .block {
	padding-right: 0px;
}

#rij_port_list ul {
	width: 100%;
	list-style: none;
}

#rij_port_list ul li {
	position: relative;
	margin: 20px 30px 20px 0;
	float: left;
}

#rij_port_list ul li:nth-child(3n+3) {
	position: relative;
	margin: 20px 0 20px 0;
	float: left;
	/*line-height: 7px;*/
}

#rij_port_list ul li a {
	height: 280px;
	padding: 20px 16px 0 16px;
	background: #f3f3f3;	/*eeeeee*/
	border: 1px solid #dedede;
	text-decoration: none;
	display: block;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#rij_port_list ul li a:hover {
	background: #dedede;
}

#rij_port_list ul li a:visited {
	color: #f05c41;
}

#rij_port_list .tekst {
	color: #000;
}

#rij_port_list ul li img {
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #DFDEDE;
}

#rij_port_list ul li .thumb1x {
	width: 245px;
}

#rij_port_list ul li .thumb2x {
	width: 538px;
}

#rij_port_list ul li a .client {
	display: block;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #535353;
}

#rij_port_list ul li a .name {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	color: #969494;
}

#rij_port_list ul li a .text {
	margin-top: 10px;
	line-height: 14px;
	height: 28px;
	color: #A4A2A2;
	display: block;
	overflow: hidden;
}

#rij_port_list ul li .thumb1x img {
	width: 225px;
	height: 150px;
}

#rij_port_list ul li .thumb2x img {
	width: 518px;
	height: 150px;
}

#rij_port_list .shadow {
	position: absolute;
	top: 54px;
	left: 28px;
	height: 150px;
	display: block;
}

#rij_port_list ul li .more {
	position: absolute;
	top: 50px;
	left: 235px;
	width: 50px;
	height: 50px;
	background: url(/images/interface/more.png) no-repeat;
	display: none;
}

#rij_port_list ul li:hover .more {
	display: block;
}

#rij_port_list .thumb1x .shadow {
	width: 225px;
/*background:url(/images/interface/bg-thumb1x.png) no-repeat left top;*/
}

#rij_port_list .thumb2x .shadow {
	width: 518px;
/*background:url(/images/interface/bg-thumb2x.png) no-repeat left top;*/
}

#rij_port_list .btnTop {
	clear: both;
	margin-right: 20px;
}

/* ---------------------------- */

/* PORTFOLIO DETAIL	----------- */

/* ---------------------------- */

.portfolio_lijst {
	position: relative;
	float: right;
	margin: 20px 0px 20px 0;
	width: 350px;
}

.portfolio_lijst li {
	text-align: left;
	line-height: 1.7em;
}

.portfolio_lijst ul {
	list-style: none;
	width: 300px;
	text-align: left;
	margin-bottom: 10px;
}

.portfolio_lijst ul li {
	border-bottom: 1px solid #a6a6a6;
	padding: 6px 3px 6px 10px;
	display: block;
	width: 300px;
	text-align: left;
	line-height: 1.7em;
}

/*naast image*/

#afbeeldingen_portfolio {
	margin: 20px 0 0 0;
	padding: 0;
}

.portfolio_img img {
	padding: 10px;
	background: #eeeeee;
	border: 1px solid #DFDEDE;
	margin: 0 0 20px 0;
}

.portfolio_lijst ul li a:hover {
	background: #dedede;
}

.portfolio_lijst ul li a:visited {
	color: #f05c41;
}

/* ---------------------------- */

/* BLOG				----------- */

/* ---------------------------- */

#blog_rij_1 {
	padding: 10px;
	margin: 20px 20px 20px 0px;
	background: #fff;
	float: left;
	width: 600px;
}

#blog_rij_2 {
	padding: 10px;
	margin: 20px 0 20px 0;
	width: 280px;
	float: left;
}

/* ---------------------------------------- */

/* SERVICES - OVERZICHT			 ---------- */

/* ---------------------------------------- */

#services_col_left {
	margin: 20px 20px 20px 0px;
	background: #fff;
	float: left;
	width: 580px;
}

#services_col_right {
	padding: 0;
	margin: 20px 0 20px 20px;
	width: 280px;
	float: left;
}

#services_col_right ul {
	list-style: none;
	line-height: 2em;
}

#services_col_right ul li {
	margin-left: 10px;
	border-bottom: 1px solid #a6a6a6;
}

/* ---------------------------------------- */

/* CONTACT - ABOUT				 ---------- */

/* ---------------------------------------- */
.imgAbout {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #56442d;
	background: #abc900;
	width: 150px;
	height: 150px;
}

#col_left {
	width: 450px;
	float: left;
	position: relative;
	margin: 20px 20px 20px 0px;
	line-height: 1.5em;
}

#col_right {
	margin: 20px 0 20px 0;
	float: left;
	background: #f05c41;
	width:430px
}

#col_right ul {
	list-style: none;
	line-height: 2em;
}

#col_right ul li {
	margin-left: 120px;
	border-bottom: 1px solid #a6a6a6;
}

#col_left_about {
	margin: 0 0 20px 0;
	float: left;
	/*background:#b6e2d9*/
}
#bene-block{
	position:relative;
	float:left;
	margin-right:40px;
	width:450px;
	}
	
#tim-block{
	position:relative;
	float:left;
	margin-right:0;
	width:410px;
	}
#col_left_about h4 {
	padding-bottom:20px;
	font-size:140%;
}


ul.about  {
	list-style: none;
	line-height: 2.8em;
}

ul.about li {
	color:#212121;
	margin-left: 180px;
	border-bottom: 1px solid #eeeeee;
}

#adresgegevens {
	clear: both;
}

#adresgegevens ul li {
	padding-left:25px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom: 1px solid #eeeeee;
	line-height: 1.8em;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-style: normal;
	font-size:1.1em;
	font-weight: 400;
	color: #262626;
}

/* ---------------------------- */

/* BLOG - ENTRY		----------- */

/* ---------------------------- */

.entry h4 {
	padding-top: 10px;
	color: #212121;
	font-size: 140%;
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
}

entry-body h3 a {
	font: normal 1em/1.5em Georgia,"Times New Roman", serif;
}

.entry h5 {
	color: #535353;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 120%;
}

.entry {
	margin: 20px 0 25px 0;
}

.entry p {
	line-height: 120%;
	margin-bottom: 1.1em;
}

.entry h2 {
	color: #333;
	letter-spacing: 1px;
	font-size: 1.5em;
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2em;
	background: #fff;
	padding: 0 0 10px 0;
}

.date {
	float: left;
	width: 50px;
	margin-right: 8px;
}

.date p {
	text-align: center;
	color: silver;
	margin: -3px 0 0 0px;
	padding-right: 5px;
	border-right: 1px solid gray;
	text-transform: uppercase;
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
}

.date span.day {
	font-size: 20px;
	display: block;
	color: gray;
}

.date span.month {
	font-size: 18px;
	height: 20px;
	display: block;
	margin-top: -1px;
	color: silver;
}

.separator {
	width: 600px;
	height: 60px;
	padding-bottom: 27px;
	margin-bottom: 27px;
	background: url(/images/interface/separator.gif) no-repeat center center;
}

.posted {
	width: 100%;
	color: #333;
	font-size: .94em;
	padding: 0px 0 10px 0;
	margin-bottom: 1em;
	border-bottom: 1px solid #474646;
}

.posted .comments {
	padding-left: 15px;
	background: url(/images/interface/comment.png) no-repeat;
}

.entry-body {
	padding-right: 5px;
}

.entry-body p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

.entry-body p em {
	color: #00AEEF;
}

.entry-body a {
	border-bottom: 1px solid #f05c41;
}

.entry-body a:visited {
	border-bottom: #ADDD4C;
	border-bottom: solid;
	background: white;
	color: #f05c41;
	border-bottom: 1px;
}

.entry-body a:hover {
	color: #d61820;
	border-bottom: 1px solid #d61820;
}

.entry-body blockquote,.entry-body .quote {
	color: #5092C2;
	font-size: .94em;
	line-height: 160%;
	font-style: italic;
	margin: 15px 10px 0 0;
	padding: 10px 10px 5px 15px;
	background: url(/images/interface/quote.gif) no-repeat;
}

.correction {
	text-decoration: line-through;
}

.entry-body ul {
	margin: 1.5em 0;
	clear: both;
	line-height: 1.5em;
}

.entry-body ul li {
	background: url(/images/interface/pijlRozeWit.png) no-repeat left 5px;
	padding: 5px 0 5px 28px;
	color: #000;
}

.entry-body ol {
	margin: 1.5em 0;
	clear: both;
}

.indent {
	text-indent: 25px;
}

.indent2 {
	text-indent: 50px;
}

.indent3 {
	text-indent: 75px;
}

.indent4 {
	text-indent: 100px;
}

.precode {
	padding: 8px 8px 8px 16px;
	border-left: 8px solid #b0d9f7;
	background: #E5F3FF;
}

.entry-body ol li {
	/*background: url(/images/interface/pijlRozeWit.png) no-repeat left 5px;*/
	padding: 5px 0 5px 28px;
	color: #000;
}

.entry-body span.source, .entry-body .source {
	color: #6a7d7d;
	font-size: .94em;
	font-style: italic;
	text-align: left;
}

.entry-body span.update, .entry-body .update {
	color: #5092C2;
	padding-left: 18px;
	text-align: left;
	letter-spacing: 2px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 640px;
	text-transform: uppercase;
	border-bottom: 1px dashed #546355;
	font: normal .94em "Trebuchet MS",Arial,Helvetica,sans-serif;
/*background:url(/images/interface/icon-a
lert.gif) no-repeat;*/
}

/* ------------------------------------- */

/* PAGE BLOG COMMENTS ENTRIES ---------- */

/* ------------------------------------- */

.entry-body pre {
padding: 8px 8px 8px 16px;
border-left: 8px solid #b0d9f7;
	background: #E5F3FF;

white-space: -moz-pre-wrap;  /* Firefox */
	white-space: -pre-wrap;      /* Older Opera 4 - 6 */
	white-space: -o-pre-wrap;    /* Opera 7+ */
	word-wrap: break-word;       /* IE 5.5+ and Safari */
	white-space: pre-wrap;       /* css-3 problematic browser support */
}

.entry-body img {
	padding: 7px;
	background: #3e4f4f;
	margin: 7px 12px 12px 0;
	float: left;
	vertical-align: sub;
}

.entry-body img.clear {
	clear: both;
	float: none;
	vertical-align: sub;
	margin: 0 0 -1px 0;
}

.entry-body img.right {
	float: right;
	margin: 7px 0 10px 12px;
}

.entry-body .centered img {
	clear: both;
	float: none;
	margin: 7px auto 10px auto;
}

.entry-body .centered a {
	border: 0;
	background: none;
}

.entry-body img.noborder {
	padding: 0;
	border: 0;
	background: none;
	margin: 7px 12px 10px 0;
}

.entry-body span {
	width: 661px;
	text-align: center;
	display: block;
	clear: both;
}

.entry-body span.icoonLink {
	width: 565px;
	padding: 5px 5px 5px 30px;
	margin: 5px 0;
	text-align: left;
	display: block;
	background: #f1f1f1 url(/images/interface/link.gif) no-repeat 5px;
}

.entry-body span.icoonLink a, .entry-body span.icoonLink a:link, .entry-body span.icoonLink a:visited {
	border: 0;
	background: none;
}

.entry-body span.icoonLink a:hover {
	color: #fff;
	background: #f05c41;
	border-bottom: 1px solid #fff;
}

.entry-body span img {
	float: none;
	margin: 7px auto;
}

.entry-body span a, .entry-body span a:link, .entry-body span a:visited {
	border: 0;
}

.entry-footer {
	padding-top: 5px;
	clear: both;
}

.posted-in {
	color: #333;
	font-size: .94em;
}

.posted-in span {
	margin-left: 20px;
	float: right;
}

.perm {
	background: url(/images/interface/icon-permalink-big.gif) no-repeat center left;
	padding: 5px 5px 5px 0px;
	margin-top: 5px;
}

.read-entry {
	float: right;
	background: url(/images/interface/pijlWitNews.png) no-repeat center right;
	padding-right: 30px;
	padding-bottom: 5px;
}

/* --------------------------------------- */

/* PAGE BLOG COMMENTS			---------- */

/* --------------------------------------- */

#commentaar_container {
	position: relative;
	top: auto;
}

#commentaar_container h2 {
	font-family: "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:1em;
	}

div.clear hr {
	display: none;
}

#comment_entries {
	margin: 0 0 35px 0;
}

.commentaar-veld {
	margin: auto;
	background: #EFF9F9;
	margin-bottom: 20px;
	height: auto;
	background: url(/images/interface/bg200.jpg) repeat-y;
}

.commentaar-veld-b {
	margin: auto;
	background: #E2FC75;
	margin-bottom: 20px;
	height: auto;
	background: url(/images/interface/bg200_b.jpg) repeat-y;
}

.commentaar-veld2 {
	margin: auto;
	background: #fff;
	margin-bottom: 20px;
	height: auto;
}

.avatar {
	padding: 10px 3px 0 3px;
	float: left;
	width: 200px;
	height: auto;
}

.avatar p {
	text-align: center;
	padding: 0 0 10px 0;
	width: 200px;
	color: #333;
	letter-spacing: 1px;
}

.avatar p img {
	border: 1px solid #EFF9F9;
	padding: 5px;
	background: #ADDD4C;
}

.avatar h3 {
	text-align: left;
	text-transform:capitalize;
	color: #000;
	padding: 0 5px 5px 8px;
	margin: 0 4px 10px 0;
	border-bottom: 1px solid #467775;
}

.avatar h3 a,
.avatar h3 a:link,
.avatar h3 a:visited {
	background: none;
	color: #f05c41;
	border: 0;
}

.avatar h3 a:hover {
	color: #fff;
	background: #f05c41;
	border: 0;
}

.avatar h3 em {
	font-style: normal;
}

.nummer {
	color: #000;
}

.comment_body {
	padding: 10px;
	float: left;
	width: 330px;
	height: auto;
}

.comment_body p {
	margin: 0 0 10px 0;
}

.comment_body p em {
	color: #333;
}

.comment_body blockquote {
	margin: 1em 2em;
	border-left: 1px solid #999;
	padding-left: 1em;
	color: #999;
	font-weight: bold;
	font-style: italic;
}

.comment_body blockquote p:first-letter {
	float: left;
	margin: .2em .3em .1em 0;
	font-family: "Monotype Corsiva", "Apple Chancery", fantasy;
	font-size: 220%;
	font-weight: bold;
}

.comment_body blockquote p:first-line {
	font-variant: small-caps;
}

.comment_body h3 span {
	float: right;
}

/* ---------------------------- */

/* COMMENT FORM		----------- */

/* ---------------------------- */

#comment_form {
	background-color:#f05c41;
	margin: 0;
	width: 590px;
	color: #fff;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 100%;
}

.comment_textbox {
	padding: 5px;
	margin-top: 5px;
}

#comment_form h2 {
	display: block;
	height: 45px;
}

#comment_form {
	padding: 10px 0 12px 12px;
}

#comment_form p {
	margin-bottom: 15px;
}

#comment_form strong {
	font-size: 1em;
	font-weight: bold;
}

#comment_form em {
	font-style: italic;
	font-size: .90em;
}

.agent_ul {
	list-style: none;
	line-height: 1.8em;
	margin-bottom: 10px;
}

.agent_ul li {
	font-family: inherit;
	border-bottom: 1px solid #fff;
}

.potlood li {
	padding: 0 0 0 25px;
	background: url(/images/interface/lijst_agent.gif) no-repeat 0 center;
}

.lijntop {
	border-top: 1px solid #fff;
}

.geenlijn {
	border-bottom: 0;
	border-bottom: none;
}

.submit_button{
	padding: 20px;
	clear: both;
}

/* ---------------------------- */

/* RELATED			----------- */

/* ---------------------------- */
.active_cat {
	color: #fff;
	background: #f05c41;
}

.related {
	margin-bottom: 25px;
}

.related h2 {
	color: #fff;
	font-size: 0.9em;
}

.related ul li {
	font-size: 0.9em;
}

.related ul li a {
	display: block;
	padding: 6px 3px 6px 28px;
	background: transparent  url(/images/interface/article.png) no-repeat left 5px;
}

.related ul li a:link,.related ul li a:visited {
	color: #000;
	border-bottom: 1px solid #fff;
}

.related ul li a:hover {
	color: #a6a6a6;
	background: #f1f1f1 url(/images/interface/article_over.png) no-repeat left 5px;
}

.categories {
	margin-bottom: 25px;
}

.categories h2 {
	color: #fff;
	font-size: 0.9em;
}
.categories ul li {
	font-size: 0.9em;
}

.categories ul li a {
	display: block;
	padding: 6px 3px 6px 28px;
	background: transparent  url(/images/interface/icon_cat.gif) no-repeat left center;
}

.categories ul li a:link,
.categories ul li a:visited {
	color: #000;
	border-bottom: 1px solid #fff;
}

.categories ul li a:hover {
	color: #a6a6a6;
	background: #f1f1f1 url(/images/interface/icon_cat_over.gif) no-repeat left center;
}

/* ---------------------------- */

/* ARCHIVES			----------- */

/* ---------------------------- */

#archives {
	margin-bottom: 25px;
}

#archives h2 {
	color: #fff;
	font-size: 0.9em;
}

#archives ul {
	width: 100%;
}

#archives ul li {
	font-size: 0.9em;
}

#archives ul li a {
	display: block;
	padding: 6px 3px 6px 28px;
	background: url(/images/interface/icon_month.png) no-repeat center left;
}

#archives ul li a:link,
#archives ul li a:visited {
	color: #000;
	border-bottom: 1px solid #fff;
}

#archives ul li a:hover {
	color: #a6a6a6;
	background: #f1f1f1 url(/images/interface/icon_month.png) no-repeat center left;
}

/* ---------------------------- */

/* SYNDICATE         ---------- */

/* ---------------------------- */

#syndicate {
	margin-bottom: 25px;
}

#syndicate h2 {
	color: #fff;
}

#syndicate ul {
	width: 100%;
}

#syndicate ul li {
	font-size: 0.9em;
}

#syndicate ul li a {
	display: block;
	padding: 6px 3px 6px 28px;
	background: url(/images/interface/rss.png) no-repeat center left;
}

#syndicate ul li a:link,
			#syndicate ul li a:visited {
	color: #000;
	border-bottom: 1px solid #fff;
}

#syndicate ul li a:hover {
	color: #fff;
	background: #8ec8ec url(/images/interface/rss.png) no-repeat center left;
}

.img_left_flickr a img {
	float: left;
	margin: 0 7px 7px 0;
	padding: 8px;
	background: #eeeeee;
	border: 1px solid #DFDEDE;
}


.img_left_dribbble a img {
	float: left;
	margin: 0 7px 7px 0;
	padding: 8px;
	background: #eeeeee;
	-webkit-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.img_left_dribbble a:hover img {
	background: #ccc;
}

.ClearBoth {
	clear: both;
}

.eenpuntvijf {
	line-height: 1.5em;
}

#mytable table {
	border-collapse: collapse;
	width: 50%;
	margin: 24px;
	font-size: 1.1em;
}

#mytable th {
	background: #3e83c9;
	color: #fff;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
}

#mytable td {
	padding: 6px 11px;
	border-bottom: 1px solid #95bce2;
	vertical-align: top;
}

#mytable td * {
	padding: 6px 11px;
}

#mytable tr.alt td {
	background: #ecf6fc;
}

#mytable tr.over td, #mytable tr:hover td {
	background: #bcd4ec;
}

/* @group Twitter */

.tweet {
	clear: both;
	display: block;
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #e6e6e6;
	line-height: 1.5em;
}

.icon {
	padding: 5px;
	background: white;
}

.author {
	float: left;
}

.tweetdate {
	font-size: 80%;
	font-style: italic;
}

.status,.tweetdate{
	margin-left: 50px;
	}
.twitter-icon{
background: url(images/interface/twitter-icon.png) 0 3px no-repeat;
padding-left:25px;
}

.facebook-icon{
background: url(images/interface/facebook-icon.png) 0 3px no-repeat;
padding-left:25px;
}
.flickr-icon{
background: url(images/interface/flickr-icon.png) 0 3px no-repeat;
padding-left:25px;
}

.dribbble-icon{
background: url(images/interface/dribbble-icon.png) 0 3px no-repeat;
padding-left:25px;
}
.instagram-icon{
background: url(images/interface/instagram-icon.png) 0 3px no-repeat;
padding-left:25px;
}
.tumblr-icon{
background: url(images/interface/tumblr-icon.png) 0 3px no-repeat;
padding-left:25px;
}
.pinterest-icon{
background: url(images/interface/pinterest-icon.png) 0 3px no-repeat;
padding-left:25px;
}

a.button{
	color:#fff;
}
a.button:hover{
	color:#fff;
}
.button {
	width: auto;
	background: #f05c41;
	color: #fff;
	font-weight:normal;
	font-size: 1em;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	cursor: pointer;
	display: inline-block;
	text-shadow: none;
	text-decoration:none;
	margin: 0;
	outline: none;
	padding: 8px 10px 20px 11px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out
}

.button:hover {
	color: #fff;
	background-color: #747474;
	text-shadow: none;
}

.button:active {
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset
}

.button:focus {
	-webkit-box-shadow: 0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow: 0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;
	color: #fff
}

.button.large {
	font-size: 17px;
	padding: 15px 30px 16px
}

.button.medium {
	font-size: 14px
}

.button.small {
	font-size: 11px;
	padding: 7px 14px 8px
}

.button.tiny {
	font-size: 10px;
	padding: 5px 10px 6px
}

.button.expand {
	width: 100%;
	text-align: center
}

.button.primary {
	background-color: #2ba6cb;
	border: 1px solid #1e728c
}

.button.primary:hover {
	background-color: #2284a1
}

.button.primary:focus {
	-webkit-box-shadow: 0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow: 0 0 4px #2ba6cb,0 1px 0 rgba(255,255,255,0.5) inset
}

.button.success {
	background-color: #5da423;
	border: 1px solid #396516
}

.button.success:hover {
	background-color: #457a1a
}

.button.success:focus {
	-webkit-box-shadow: 0 0 5px #5da423,0 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 0 5px #5da423,0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow: 0 0 5px #5da423,0 1px 0 rgba(255,255,255,0.5) inset
}

.button.alert {
	background-color: #c60f13;
	border: 1px solid #7f0a0c
}

.button.alert:hover {
	background-color: #970b0e
}

.button.alert:focus {
	-webkit-box-shadow: 0 0 4px #c60f13,0 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 0 4px #c60f13,0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow: 0 0 4px #c60f13,0 1px 0 rgba(255,255,255,0.5) inset
}

.button.secondary {
	background-color: #e9e9e9;
	color: #1d1d1d;
	border: 1px solid #c3c3c3
}

.button.secondary:hover {
	background-color: #d0d0d0
}

.button.secondary:focus {
	-webkit-box-shadow: 0 0 5px #e9e9e9,0 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 0 5px #e9e9e9,0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow: 0 0 5px #e9e9e9,0 1px 0 rgba(255,255,255,0.5) inset
}

.button.radius {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}

.button.round {
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	-ms-border-radius: 1000px;
	-o-border-radius: 1000px;
	border-radius: 1000px
}

.button.full-width {
	width: 100%;
	text-align: center;
	padding-left: 0 !important;
	padding-right: !important
}

.button.left-align {
	text-align: left;
	text-indent: 12px
}

.button.disabled,.button[disabled] {
	opacity: 0.6;
	cursor: default;
	background: #2ba6cb;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

input[type=submit].button,button.button {
	-webkit-appearance: none
}

@media only screen and (max-width: 767px) {

.button {
	display: block
}

button.button,input[type="submit"].button {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* toplink
--------------------------------------------------- */	
a.toplink,
a.toplink:visited{
	padding:5px 10px 4px 8px;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: #000000;
}
a.toplink:hover,
a.toplink:focus{
	color:#fff;
	background: #f05c41;
	text-shadow: none
}
/* @end */