/*
Theme Name: Flexadvocaten custom theme
Theme URI: http://www.sebwite.nl/
Author: Sebwite
Version: 1.0
*/
	html {
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll; 
	}
	body {
		color: #3b3b3d;
		/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
		font-size: 14px;
		/*line-height: 1.5;*/
	}
	
	.header {
		height: 240px;
		margin-top: 2.4%;
	}
	.header > * {
		height: 240px;
	}
	
	.nav {
		background: #3b3b3d;
		height: 60px;
		margin-top: 2.4%;
		position: relative;
	}
	.nav img {
		margin: 10px 0 10px 45px;
		float: left;
	}
	.nav ul {
		position: absolute;
		right: 0;
	}
	.nav li {
		display: inline;
		float: left;
		color: #f21691;
		margin: 0 22px;
	}
	.nav li a {
		display: block;
		color: #f21691;
		line-height: 60px;
		text-decoration: none;
		outline: none;
		font-weight: normal;
		text-transform: uppercase;
		border: none;
	}
	.nav li a:hover, .nav .current_page_item a {
		color: #ffffff;
	}
	
	.breadcrumbs-container {	
		float: left;
		height: 27px;
		line-height: 27px;
	}
	.breadcrumbs {
		float: left;
		margin: 0 0;
		font-size: 80%;
	}
	
	/* maincontent */
	/* page */
	.maincontent-container {
		background: #ffffff;
	}
	.maincontent {
		background: #ffffff;
	}
	.maincontent.page > * {
		/*padding-left: 50px;*/
	}
	.maincontent.page h1 {
		font-size: 120%;
		font-weight: bold;
		color: #f21691;
		text-transform: uppercase;
	}
	.maincontent.page h2 {
		font-size: 100%;
		font-weight: bold;
		color: #f21691;
	}
	.maincontent.page ul {
		list-style: disc;
		margin-left: 16px;
	}
	.maincontent.page ol {
		list-style: decimal;
		margin-left: 16px;
	}
	.maincontent.page ul li, .maincontent.page ol li {
		list-style-position:outside;
		margin-left: 16px;
		padding-left: 16px;
	}

	
	/* blog */
	.maincontent.blog .post-entry {
		/*width: 100%;*/
		float:left;
		margin: 16px 0 16px 50px;

	}
	.maincontent.blog .post-entry * {	
		font-size: 100%;
		margin-bottom: 0;
	}
	.maincontent.blog .post-entry .post {
		width: 100%;
		float: left;
	}
	.maincontent.blog .post-entry .post ul {
		list-style: disc;
		display: inline;
		margin-bottom: 16px;
		width: 100%;
		
	}
	.maincontent.blog .post-entry .post ol {
		list-style: decimal;
		float: left;
		margin-bottom: 16px;
	}
	.maincontent.blog .post-entry .post li {
		margin-left: 24px;
		float: none;
	
	}

	.maincontent.blog .post-entry .post > * {
		float: left;
	}
	.maincontent.blog .post-entry p {
		margin-bottom: 16px;
		width: 100%;
	}
	.maincontent.blog .post-entry > small {
		display: block;
		float: left;
		width: 50px;
		color: #f21691;
		margin-left: -50px;
	}
	.maincontent.blog h2 {
		display: block;
		width: 120%;
		font-weight: bold;
		float: left;
		color: #f21691;
		text-transform: uppercase;
	}
	.maincontent.blog h3 {
		font-style:italic;
	}	
	.maincontent.blog .info, .maincontent.blog p {
		display: block;
		clear: both;
		float: left;
	}
	#reacties {
		width: 100%;
	}
	.maincontent.blog .post-entry .reactie {
	    background: #F6F6F6;
	    border: 1px solid #E5E5E5;
	    float: left;
	    margin: 8px 16px 8px 0;
	    padding: 12px 12px 0 12px;
	    width: 97%;
	}
	.post-entry .reactie .naam {
		float: left;
		color: #f21691;
	}
	.post-entry .reactie .tijd {
		float: left;
	}
	.post-entry .reactie p {	
		/*margin-top: 16px;*/
	}
	.post-entry #respond {
		
	}
	.post-entry #commentform * {
		float: left;
	}
	.post-entry #commentform label {
		display: block;
		width: 140px;
	}
	.post-entry #commentform input[type="text"] {
		height: 30px;
	}
	.post-entry #commentform input[type="text"], .post-entry #commentform textarea {
		border: 1px solid #3b3b3d;
		width: 300px;
		padding: 6px;
		font-size: 100%;
	}
	.maincontent.blog .navigation .alignleft {
		float: left;
	}
	.maincontent.blog .navigation .alignright {
		float: right;
	}	
	/* team */
	.maincontent.page .team {
		padding: 2.5%;
		margin: 0 4% 2% 0;
		background: #3b3b3d;
		float: left;
		text-align: center;
		width: 17%;
		min-height: 240px;
	}
	.maincontent.page .team.last  {
		margin: 0 0 2% 0;
	}
	.maincontent.page:last-child  {
		margin-right: 0;
	}
	.maincontent.page .team a {
		border: none;
	}
	.maincontent.page .team img {
		display: inline;
	}
	.maincontent.page .team h2 {
		color: #f21691;
		font-size: 100%;
		margin-bottom: 16px;
	}	
	.maincontent.page .team h2:hover, .maincontent.page .team a:hover {
		color: #fff;
		font-size: 100%;
	}	
	/* partner */
	.page.info {
		text-align: right;
	}
	.page.info .partner {
		text-align: center;
		padding: 20px;
		background:  #3b3b3d;
		margin-bottom: 20px;
	}
	.page.info .partner h3 {
		color: #fff;
		font-size: 100%;
		margin-bottom: 0;
	}
	.page.info a, .info span {
		float: right;
		/*clear: both;*/
	}
	.page.info a, .page.info a img {
		border: none;
		display: inline;
		margin-left: 4px;
	}
	.page.info a.social {
		/*clear: none;*/
	}
	
	.subheader {
		background: #f21691;
		color: #ffffff;
		font-size: 100%;
		min-height: 80px;
		padding: 20px 30px 30px 50px;
	}
	.subheader h1 {
		font-size: 120%;
		font-family: inherit;
	}
	.subheader p {
		margin-bottom: 0;
	}
	.subheader a {
		color: #fff;
		font-weight: bold;
		/*border-bottom: 1px dotted #fff;*/
		
	}
	.subheader a:hover {
		color: #fff;
		border-bottom: 1px solid #fff;
		
	}	.aside-container {
		margin-bottom: 2.4%;
		background: #3b3b3d;
	}
	.aside {
		background: #3b3b3d;
		color: #f21691;
		padding: 30px;
		min-height: 430px;
		float: left;

	}
	.aside h3 {
		font-size: 110%;
		text-transform: uppercase;
	}
	.aside #social * {
		display: inline;
		border: none;
	}
	.aside .inlogklant {
		float: left;
		width: 90px;
		height: 24px;
		background: #ffffff;
		color: #f21691;
    	-moz-border-radius: 0; 
  		-webkit-border-radius: 0; 
        border-radius: 0; 
        border: 0;
        padding: 0px;
        margin: 0 0 20px 0;
		font-weight: normal;
		font: 12px/1.2 Arial,sans-serif;
    	outline: 0 none;
    	text-align: center;
    	line-height: 24px;
	}
	.aside .inlogklant:hover {
		color: #f21691;
	}
		/*.aside input[type="text"] {
		width: 80px;		
	}*/
	.aside a.small {
		float: left;
		clear: both;
		font-size: 80%;
		border: none;
		line-height: 140%;
	}
	.aside a:hover {
		color: #ffffff;
	}
	.aside #twitter {
		width: 100%;
	}
	.aside .tweet {
		float: left;
		width: 100%;
		margin-bottom: 16px;
	}
	.tweet a.user {
		display: block;
		width: 100%;
		border: none;
		font-style: italic;
		font-size: 90%;
	}
	.tweet p {
		width: 100%;
		margin: 0;
		color: #fff;
	}
	.tweet p a {
		color: #fff;
	}
	.tweet small{
		width: 100%;
		color: #777;
		font-size: 80%;
	}
	.aside h2, .aside #searchform label {
		font-size: 110%;
		margin: 8px 0;
		font-weight: bold;
		width: 200px;
		clear: both;
		display: block;
		float: left;
	}
	.aside #searchform {
		width: 100%;
		float: left;
		
	}
	.asside #searchform label {
		float:left; 
		width:100%;
	}



.clearfix:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
        }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */