@font-face {
	font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../css/TheFont.woff) format('woff');
}

.coachtracklink {
	background-color: transparent !important;
	color: black !important;
	text-transform: capitalize !important;
	text-decoration: underline !important;
	padding: 0px !important;
	margin: 0px !important;
}

/*.overzichtsitem .bottom-aligner {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    width:1px;
	margin-bottom: 0px;
}*/

html, body										{ font-family: 'Source Sans Pro', sans-serif; }
body											{ background:#262935 url('../image/chalkboard-bg.jpg') repeat-x top center; }

table											{ border-collapse:collapse; border-spacing:0; }

h1, h2, h3, h4, h5								{ font-weight:normal; }

.bodywrapper									{ /*width:960px;*/ width:1080px; margin:0px auto; background:#f4f4f4; padding:20px 40px; position:relative; }

.logo img										{ position:absolute; right:150px; top:0px; width:260px;}

div > input { height:28px; padding: 1px 1px; margin: 1px 0px; }
div > select { height:28px; padding: 1px 1px; margin: 1px 0px; width: 150px; height: 34px; }

.datatabel tr .thin { padding: 0px 10px; }

.coachoflabel { width:150px; }
.coachoftoelichtinglabel { width:150px; vertical-align: top; padding-top: 8px; }
#coachofcontent p { margin: 5px; }
.tallparagraph { height: 86px; overflow-y: scroll; width: 140%;}
#coachofcontent .tallparagraph { margin-left: -20px; }

.rightaligned { text-align:right; }

.loggedinname { text-indent: 50px; }

.normalformview .clearlink, .normalformview a, .fullformview .submitbtn, .fullformview a {
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

.usernote {
	margin-bottom: 30px;
}

.usernote p {
	margin: 0px;
}

.usernote h3 {
	margin-bottom: 4px;
}

.succesmessage {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.errormessage {
	background-color: #f2dede;
	border-color: #ebccd1;
    color: #a94442;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.blackout {
	background-color:#000;
	opacity:.7;
	filter:alpha(opacity=70);
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	display:none;
	cursor:pointer;
}

// tab
.ui-tabs-nav { padding: 0px; }
.nav											{ width:100%; background-color:#333; }
.nav ul											{ margin:0; padding:0; float:left; width:100%;}
.nav ul li										{ display:inline; }
.nav ul li a									{ float:left; line-height:18px; text-decoration:none; color:white; padding:5px 11px; text-transform:uppercase; font-size:14px; font-weight:normal; }
.nav ul li a:visited							{ color:white; }
.nav ul li a:hover, .nav ul li .current			{ color:#fff; background-color:#0b75b2; }
.nav br											{ clear:both; }

.topnav ul li a									{ padding:7px 16px; font-size:15px; }
.topnav ul li a:hover, .topnav ul li .current	{ background-color:#0b75b2; }
.topnav ul li a.right							{ float:right; }

.view13											{ width:300px; float:left; padding:10px; }

.view14											{ width:220px; float:left; padding:10px; }
.view24											{ width:450px; float:left; padding:10px; }
.view34											{ width:700px; float:left; padding:10px; }
.view44											{ width:100%; padding:10px; }
.line											{ display:block; width:960px; border-top:1px solid #333; margin:10px 0; }
.smallline										{ display:block; width:800px; border-top:1px solid #333; margin:10px auto; }

.login											{ width:350px; margin:100px auto 40px; }

.normalformview	#uur,
.normalformview	#minuten						{ width:25px; }

.trajectenoverzicht								{ clear:both; width:800px; margin:0 auto; }
.trajectenoverzichtheader						{ font-weight:bold; }
.trajectenoverzicht p							{ margin:6px 0; }
.trajectenoverzicht .jongere					{ width:220px; float:left; }
.trajectenoverzicht .coach						{ width:220px; float:left; }
.trajectenoverzicht .coachingsvraag				{ width:150px; float:left; }
.trajectenoverzicht .resultaat					{ width:140px; float:left; }
.trajectenoverzicht .viewbtn					{ width:50px; float:left; }


.rijuuroverzichtheader							{ font-weight:bold; }
.rijuuroverzicht								{ clear:both; width:800px; margin:0 auto; }
.rijuuroverzicht .weeknr						{ width:70px; float:left; }
.rijuuroverzicht .naam							{ width:230px; float:left; }
.rijuuroverzicht .locatie						{ width:230px; float:left; }
.rijuuroverzicht .datum							{ width:130px; float:left; }
.rijuuroverzicht .totaaltijd,
.rijuuroverzicht .tijd							{ width:100px; float:left; }
.rijuuroverzicht .trash							{ float:left; }
.rijuuroverzicht p								{ margin:6px 0; }
.rijuuroverzicht.totaal							{ font-weight:bold; }

.normalformview textarea						{ width:256px; font-size:14px; font-family: 'Source Sans Pro', sans-serif; }
.rijuuroverzicht input							{ padding:3px 5px 3px 5px; margin:2px 2px 2px 0; line-height:20px; height:20px; border:1px solid #999; }
.rijuuroverzicht .naam input					{ width:200px; float:left; }
.rijuuroverzicht .locatie input					{ width:100px; float:left; }
.rijuuroverzicht .weeknr input					{ width:40px; float:left; }
.rijuuroverzicht .datum	input					{ width:100px; float:left; }
.rijuuroverzicht .tijd input					{ float:left; }

.normalformview, 
.fullformview									{ margin:20px 0; font-size:14px; }
.formlabel,
.forminput										{ padding-top:3px; padding-bottom:3px; }
.normalformview .formlabel,
.fullformview .formlabel						{ width:150px; text-align:right; padding-right:10px; height:20px; }
.normalformview .forminput						{ width:270px; }
.fullformview .forminput						{ width:750px; }
.normalformview .forminput input,
.inputfield										{ width:250px; padding:3px 5px; margin:2px; line-height:20px; height:20px; border:1px solid #999; }
.normalformview .forminput select				{ width:262px; line-height:20px; height:30px; padding:3px 5px; margin:2px; border:1px solid #999; }
.normalformview .forminput .checkbox			{ width:30px; line-height:18px; height:18px; }
.normalformview .forminput textarea				{ border:1px solid #999; }

.normalformview .submitbtn,
.normalformview a,
.fullformview .submitbtn,
.fullformview a									{ text-decoration:none; background:#0b75b2; border:none; padding:0px 10px; margin:10px 0; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold; font-family: 'Source Sans Pro', sans-serif; cursor:pointer; }
.normalformview .left							{ float:left; }
.normalformview .right							{ float:left; /*margin-left: 44px;*/}
.normalformview br								{ clear:left; }
.normalformview .imgbtn	img						{ margin-bottom:-3px; width:15px; }
.normalformview .forminput .radiobutton			{ width:20px; height:16px; }
.normalformview .overzichtsitem					{ position:relative; }
.normalformview .overzichtsitem .deletebtn		{ position:absolute; right:10px; bottom:13px; }
// beheer button

.overzicht .normalformview						{ margin:20px 0 0; }
.overzicht .nieuwecoach							{ background:#0b75b2; line-height:90px; }
.overzicht .nieuwecoachee						{ background:#0b75b2; line-height:90px; }
.overzicht .nieuwteamlid						{ background:#0b75b2; line-height:90px; }
.overzichtsitem									{ border:1px solid #999; width:278px; padding:10px; margin:10px; float:left; text-decoration:none; color:#333; }
.overzichtsitem .plus							{ height:100px; float:left; overflow:none; width:91px; margin-right:10px; text-align:center; }
.overzichtsitem .pluscoachee					{ float:left; overflow:none; width:91px; margin-right:10px; height:56px; text-align:center; }
.overzichtsitem .pluscoachee img				{ height:60px; }
.overzichtsitem .plusteamlid					{ float:left; overflow:none; width:91px; margin-right:10px; height:56px; text-align:center; }
.overzichtsitem .plusteamlid img				{ height:80px; }
.overzichtsitem .photo							{ height:100px; float:left; overflow:none; width:91px; margin-right:10px; background:#ccc; text-align:center; }
.overzichtsitem .photo img,
.overzichtsitem .plus img						{ height:100px; max-width:90px; }
.overzichtsitem .loc								{ margin:4px 0; position: relative; top: 42px; bottom: 0px; }
.overzichtsitem h4								{ margin:2px 0; }
.overzichtsitem h5								{ margin:1px 0; }
.overzichtsitem .adresregel						{ font-size:13px; display:block; }
a.overzichtsitem:hover							{ background-color:#CCC; }
.voegteamlidtoeitem .normalformview				{ margin-top:12px; }
.voegteamlidtoeitem								{ background:#ccc; }
.full td.forminputleft							{ width:240px; }
.full td.forminputright textarea				{ width:415px; }
.full td.forminput textarea						{ width:657px; }
.header											{ display:block; height:30px; }

.overzicht br									{ clear:both; }
.overzicht .profilepicture img					{ height:150px; float:right; }
.overzicht .profilepicture br					{ clear:left; }

.datatabel tr td th								{ padding:5px 5px; text-align: left;}
.datatabel tr th								{ padding:5px 5px; text-align: left;}
.datatabel .datatabelheader						{ font-weight:bold; line-height:30px;}
.datatabel tr .datatabelcell					{ padding:5px 5px; text-align: left; width: 150px;}

.datatabel tr .tdgebied							{ width:300px; }
.datatabel tr .tdactief							{ width:100px; }

.datatabel_trajectoverzicht						{ width: 100%; }
.datatabel_trajectoverzicht	tr .datatabelcell	{ width: 50px !important; }

.trajectentabel tr td th						{ padding:6px 5px; }
.trajectentabel .trajectenheader				{ font-weight:bold; line-height:30px; }
.trajectentabel .leftbold						{ font-weight:bold; width:150px;}

.footer											{ display:block; width:960px; border-top:1px solid #333; margin:15px 0; }





.singlecolumn  {
	width: 540px;
	padding: 30px;
	margin: 0 180px;
}

.doublecolumn  {
	width: 980px;
	padding: 30px 0px 30px 30px;
	margin-left: -45px;
}

#updatewindow {
	position: fixed;
    height: auto;
    top: 10%;
    display: none;
    z-index: 2;
	background-color: #f4f4f4;
	border: 1px solid gray;
}

#updatewindow td {
	padding: 4px;
}

#updatewindow #divider {
	width:100%;
}