.clearfix:before,
.clearfix:after {
	content : " ";
}

.clearfix:after {
	clear : both;
}

.center-block {
	display      : block;
	margin-right : auto;
	margin-left  : auto;
}

.pull-right {
	float : right !important;
}

.pull-left {
	float : left !important;
}

.hide {
	display : none !important;
}

.show {
	display : block !important;
}

.tx-bbgcourses h1,
.tx-bbgcourses h2,
.tx-bbgcourses h4,
.tx-bbgcourses h5,
.tx-bbgcourses h6 {
	text-transform: uppercase;
}

.tx-bbgcourses .accordion h2 {
	text-transform: none;
	outline:none;
}

.tx-bbgcourses #contentlinks h2 {
	margin: 30px 0px 0px;
	padding-top: 0;
	padding-bottom: 0;
}

.tx-bbgcourses #contentlinks h2:first-child {
	margin: 0;
}


.tx-bbgcourses ul.course-upcoming,  #contentrechts .tx-bbgcourses ul.course-upcoming {
	margin-top: 5px;
}

.marginBottom10px {
	margin-bottom: 10px;
}
.tx-bbgcourses ul,
.tx-bbgcourses ol {
	margin: 0;
}

.bodytext {
	margin:0px 0px 10px 0px;
}
/**
* Css file for bbgcourses
*/

.bgvlak.box {
	padding-top: 10px;
}

.curcusSection,
.searchCourses,
.course,
.box {
	float : left;
}



.box {
	margin-bottom : 20px;
	padding       : 10px 0px;
}
.searchCourses {
	padding : 10px;
	float: none;
}
.searchCourses .btn{
	margin-top: -3px;
}


.searchCourses hr {
	margin: 10px 0;
	color:white;
	background-color: white;
	background-color: white;
	border-style: solid;
	border-bottom: none;
}

.searchCourses.bgvlak .select {
	width        : 20%;
	margin-right : 4%;
}

.searchCourses.bgvlak .select.search {
	width         : 266px;
	color         : #000;
	border-radius : 4px;
	margin-right:5px;
}

.curcusSection {
	margin-top : 20px;
}


.course {
	padding             : 15px 5px 15px;

	border-bottom-color : #F0C6CC;	
	border-bottom-style : solid;
	border-bottom-width : 1px;
	width: 100%;
}

.infoBlock { 
	
	padding             : 10px 5px 10px;

	border-bottom-color : #F0C6CC;	
	border-bottom-style : solid;
	border-bottom-width : 1px;
}

.infoBlock .bodytext {
	margin-left: 15%;
}

.infoBlock.topBorder {
	margin-top:25px; 
	border-top : 1px solid #F0C6CC;
}

.infoBlock .title {
	width       : 30%;
	font-weight : bold;
	color       : #333;
}

.infoBlock .content {
	width       : 70%;
	float:right;
}

#content .infoBlock .content a.register {
	color:#D30E6C;
	font-weight: normal;
}

.infoBlock .title,
.infoBlock .prices {
	float : left;
}

.infoBlock .prices {	
	margin       : 0px;
	padding-left : 0px;
	list-style: none;
}

.infoBlock.additional_info .bodytext {
    margin-left: 0px;
}



.course a  {
	float       : left;
	width       : 100%;
	font-weight : bold;
}
.course a .courseTitle  {
	float     : left;
	width: 75%;
}
.course a .courseDate  {
	float     : right;
	font-size : 13px;
	color     : #333333;
	font-weight: normal;

}

.course .courseInfo  {
	float     : left;
	width     : 100%;
	font-size : 13px;
	color     : #333333;
}

.course .courseInfo .topic,
.course .courseInfo .topicName,
.course .courseInfo .topicLocation,
.course a span:hover.courseDate{
	font-weight: normal!important;
}

#content .courseDetail,
.courseDetail .courseName  {
	float : left;
	width : 100%;
}
.courseDetail .courseLoc{
	float: left;

	width: 100%;
	padding: 0 0 5px;
}


#content .courseDetail > a {
	float       : left;
	font-weight: normal;
	
}

#content .courseDetail > a:hover {
	background-color : #F2EFE4;

}
#content .courseDetail > a:hover .courseName {
	font-weight: bold;
}
#content .courseDetail > a:hover .courseDate {
	color : #D30E6C;
}

#content .courseDetail .courseName {
	padding     : 0 0 5px;
	font-weight : bold;
}

#content .tx-bbgcourses .accordion {
	margin : 5px 5px 5px 0;
}

.tx-bbgcourses #contentlinks ul {
	padding-bottom: 5px;
}

.courseDetail {	
	margin-bottom: 5px;

	border-bottom-color : #F0C6CC;	
	border-bottom-style : solid;
	border-bottom-width : 1px;
}

h2 + .courseDetail {	

	border-top-color : #F0C6CC;	
	border-top-style : solid;
	border-top-width : 1px;
	padding-top: 0;
	margin-top: 15px;
}
.courseDetail .courseName {
	font-size : 13px;	
}
.courseDetail .courseDate
 {
 	float     : left;

 	
 	
 	font-size : 12px;	
 	font-weight: bold;
 	color     : #666;
 	box-sizing:border-box;
 }


.courseDetail .coursePeriode,
.courseDetail .courseLang,
.courseDetail .coursePrice {
	float: left;
	min-height: 30px;
	margin-left: 1%;
	padding-left: 25px;
	font-size: 11px;
	color: #666;
	padding-right: 5px;
	width: 27%;
	box-sizing:border-box;

}

.courseDetail a:hover {
	font-weight: normal;
}

.courseDetail .coursePeriode {
	margin-left: 0px;
}

.courseDetail .coursePrice {
	width: 40%;
}



.courseDetail .coursePrice {
	padding-left : 33px;
}

.sponsor {
	
	margin-bottom    : 5px;
	/*padding          : 5px 10px;*/

	background-color : #E6E2D7;
	font-size        : 13px;
	font-weight      : bold;
	color            : #000;

	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0, #E6E2D7),
	color-stop(1, #FFFCF2)
	);
	background-image: -o-linear-gradient(left, #E6E2D7 0%, #FFFCF2 100%);
	background-image: -moz-linear-gradient(left, #E6E2D7 0%, #FFFCF2 100%);
	background-image: -webkit-linear-gradient(left, #E6E2D7 0%, #FFFCF2 100%);
	background-image: -ms-linear-gradient(left, #E6E2D7 0%, #FFFCF2 100%);
	background-image: linear-gradient(to left, #E6E2D7 0%, #FFFCF2 100%);
}
.courseDetail .sponsor {
	margin-top: 10px;
	width: 100%;
	color: #8C8576;
	float: left;
	box-sizing: border-box;
	margin-bottom: 0px;
}


.courseDetail .coursePeriode {
	background-image    : url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/hourglass.png') !important;
	background-position : 0px 0px !important;
	background-repeat   : no-repeat;
}
.courseDetail .courseLang {
	background-image    : url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/globe.png') !important;
	background-position : 0px 0px !important;
	background-repeat   : no-repeat;
}
.courseDetail .coursePrice  {
	background-image    : url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/coins.png') !important;
	background-position : 0px 0px !important;
	background-repeat   : no-repeat;
}


.registration {
	float: left;
	margin-bottom: 20px;
    width: 100%;
}

.use-company-data .title {
	width: 150px;
	font-weight: normal;
}

.use-company-data .content {
	width: 170px;
}

.registration .infoBlock {
	float: left;
	width: 100%;
}
.registration .infoBlock .title {
	width: 50%;
	font-weight : normal;
}

.registration .infoBlock .content {
	width: 50%;
	word-wrap: break-word;
}

.registration h3 {
	float: left;

}

.costs {
	margin-bottom: 20px;
}



#content .linkBox {
	min-height    : 30px;
	margin        : 0px 5px;
	padding       : 10px 0;

	line-height   : 18px;
	border-bottom : 1px solid #FFF;
}

#content .linkBox .btn {
	min-width: 45%;
}



#content .linkBox img {
	float        : left;
	margin-right : 20px;
}
#content .linkBox h4,
#content .linkBox .prices {
	margin  : 0;
	padding : 0;
}

#content .linkBox .prices {
	margin-left : 10px;
}
#content .linkBox.sponsorAlert {
    color: #D41975;
    font-weight: bold;
}


#content #contentlinks .linkBox {
	line-height : 18px;
}

#content .noBorder {
	border : none;
}

.tx-bbgcourses blockquote {
	margin     : 0;
	margin-top : 20px;
	padding    : 0;
	font-size:14px;
	font-style : italic;
}

#contentrechts blockquote:before,
#contentrechts blockquote:after {
	background: url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/quote_before.png') no-repeat;
	width: 21px;
	height: 21px;
	content: " ";
	display: block; 
	margin-bottom: -13px;
	width: 100%;
}

#contentrechts blockquote:after {
	background: url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/quote_after.png') no-repeat;
	background-position: 100% 0;
	margin-top: -13px;
}

.tx-bbgcourses blockquote p {
	margin: 0 auto;
	width: 75%;
}

#content .btn,
.btn {
	position: relative;
	display             : inline-block;
	vertical-align      : middle;

	margin-bottom       : 0;
	padding             : 4px 12px;

	cursor              : pointer;
	background-color    : #D30E6C;
	background-image    : none;
	font-size           : 13px;
	font-weight         : bold;
	color               : #FFF;
	line-height         : 1.428571429;
	text-align          : center;
	border              : 1px solid transparent;
	border-color        : #D30E6C;
	border-radius       : 18px;
	white-space         : nowrap;

	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	-o-user-select      : none;
	user-select         : none;
	position: relative;
	padding-right: 20px;
}

#content .btn {
	color:#FFF;
}


#content input.btn {
	
	background-image: url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/btn_icon.png');
	background-repeat: no-repeat;
	background-position:  98% 6px;
}
#content input.btn:after,
 .btn:after {
	width: 15px;
	height: 16px;
	background-image: url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/btn_icon.png');
	position: absolute;
	content: "";
	top:5px;
	background-repeat: no-repeat;
}
.btn:focus {
	outline-offset : -2px;
	outline        : thin dotted;
	outline        : 5px auto -webkit-focus-ring-color;
}

#content  .btn-small,
#content  input.btn-small {
	padding: 1px 5px;
	padding-left: 20px;
	line-height: 17px !important;
	background-image: url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/btn_icon_back.png');

	background-repeat: no-repeat;
	background-position:  2px 2px;

}

#content  .btn:hover,
#content  .btn:focus,
#content  .btn:active,
#content .btn.active{
	background-color : #D30E6C;
	color            : #FFF;
	border-color     : #ac2925;
}

#content .btn_left_margin20 {
    margin-left: 20px;
}


.courseEvent {
	float : left;
	width : 100%;
}

.courseEvent  span {
	padding : 5px 5px;
}

.tx-bbgcourses .error,
.tx-bbgcourses .errors{
	width      : 100%;
	padding    : 15px;
	list-style : none;
}
.tx-bbgcourses .error,
.tx-bbgcourses .errors p {
	float            : left;

	width: 60%;
	margin           : 3px;
	margin-left: -1px;
	padding          : 5px;

	background-color : #f2dede;
	color            : #b94a48;
	border           : 1px solid transparent;
	border-color     : #ebccd1;
	border-radius    : 4px;
	
}

.tx-bbgcourses form .error {
	box-sizing: border-box;
	margin-left: 31%;
}

.tx-bbgcourses form .fullwidth .error {
	width: 100%;
	margin-left: 0;
}

.tx-bbgcourses fieldset {
	margin        : 0;
	margin-bottom : 10px;
	padding       : 10px 0;

	border        : none;
	border-bottom : 1px solid #FFF;
}
.tx-bbgcourses legend {
	margin       : 0;
	padding      : 0;
	padding-left : 5px;

	font-size    : 13px;
	font-weight  : bold;
	color        : #000;
}

.registerForm {
	float : left;
	width : 100%;
}

.contactForm {
	width: auto;
}

.registerForm .hidden {
	display : none;
}
#content .registerForm h3{
	color:#666666;
}
.registerForm  textarea,
.registerForm  input {
	padding : 3px;
	background-color: #F7F4EC;
}
.registerForm .formRow {
	float   : left;
	width   : 100%;
	padding : 5px;
}
.registerForm label {
	float   : left;
	width   : 30%;
	padding : 3px;
}
.registerForm  input,
.registerForm  textarea,
.registerForm  select,
.registerForm.bgvlak .select {
	float        : left;
	width        : 60%;
	margin-right : 10px;
	box-sizing:border-box;
}

.registerForm  input + label {
	width       : 60%;
	margin-top  : -6px;
	line-height : 24px;
}

.registerForm  input + label {
	width       : 90%;
	margin-top  : -6px;
	line-height : 24px;
}


.registerForm input[type='radio'],
.registerForm input[type='checkbox'] {
	float : left;
	width : 13px;
}

.registerForm input.datepicker {
	width : 30%;
}

.registerForm fieldset.additional-info textarea {
	width: 100%;
}

.inlineMessage {
	float            : left;
	margin-left      : 0px;
	padding          : 10px 0px;

	border           : 0px solid transparent;
	border-color     : #8C8576;
	border-radius    : 5px;
}

.registerForm .optionLabel {
	width: 90%;
}

.registerForm input {
	border : 1px solid #ccc;
}
.registerForm input.f3-form-error {
	background-color : #f2dede;
	color            : #b94a48;
	border           : 1px solid transparent;
	border-color     : #ebccd1;
}

.registerForm .formRow.fullwidth input + label {
    width       : 90%;
}


input.btn {
	width: auto;
}
.tx-bbgcourses .col1,
.tx-bbgcourses .col2,
.tx-bbgcourses .col3 {
	float     : left;
	min-width : 100px;
}


#map-canvas { 
	height: 200px;
	margin: 10px 0; 
}



.row-paging{
	font-size : 11px;
	color     : #999;
}


#content .paging{
	float       : left;

	font-weight : bold;
	line-height : 27px;
	text-align  : center;
	margin-top:10px;
}
.paging ul{
	float      : right;

	margin     : 0;
	padding    : 0;

	list-style : none;
}
.paging li{
	float  : left;
	margin : 0 6px 0 0;
}

.paging ul li:after{
	padding    : 0;
	background : none;
}


.paging a,
#content .paging a {
	display    : block;

	height     : 27px;
	width      : 27px;
	color      : #666;
	text-align : center;
	border     : 1px solid #E6E2D7;	
	line-height: 27px;
}

.paging a:hover,
#content .paging a:hover {
	background      : #E6E2D7;
	text-decoration : none;
	border-color    : #E6E2D7;
}
.paging strong{
	display       : block;

	height        : 27px;
	width         : 27px;
	padding-right : 1px;

	background    : #E6E2D7;
	font-weight   : 700;
	text-align    : center;
	border        : 1px solid #E6E2D7;
	line-height: 27px;
}
.paging span {
	display : block;
	margin  : 3px 0 0;
}
.paging .next{margin:0 0 0 13px;}
.paging .prev{margin-right:19px;}
.paging .disabled{display:none;}

ul.course-upcoming {
	margin-bottom: 10px;
        display: inline-block;
}

ul.course-upcoming li.course {
	border: none;
	padding: 1px 5px 0px 5px;
}

#content a.backlink{
	display: block;
	margin-right: 10px;
        color: #D30E6C;
        text-transform:uppercase;
	background-image    : url('../img/pijl_1_back.gif');
	background-position : 0px 6px;
	background-repeat   : no-repeat;
        padding-left: 11px;
}

#content a.backlink.continue {
	background-image: none;
}

.organisation,
#blinkEarlybird{
	font-weight: bold;
}

#blinkEarlybird {	
	color:#D30E6C;
	display:  block;
}

#blinkEarlybird .muted {
	color:#666;
	font-weight: normal;
}

#content a.backlink:hover{
	text-decoration: underline;
	color:#D30E6C!important;
}

.linkBox a.youtube,
.linkBox a.twitter,
.linkBox a.pdf,
.linkBox a.share{
	display: block;
	height: 30px;
	width: 170px;
	margin-left: 0px;
	padding-left: 35px;
	background-position: 0 0;
}

.linkBox a.pdf {
	height: auto;
}

.linkBox a:hover.pdf,
.linkBox a:hover.twitter,
.linkBox a:hover.youtube{
	background-position: 0 0px;
}

.linkBox a.youtube{
	background: url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/icon_youtube.png') no-repeat;
}

.linkBox a.twitter{
	background:url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/ico_mdf_twitter.png') no-repeat;
}

.linkBox a.pdf{
	background:url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/icon_pdf.png')no-repeat;
}

.linkBox a.share{
	background:url('../../../../typo3conf/ext/bbgcourses/Resources/Public/images/icon_share.png')no-repeat;
}

#contentrechts .metaBox {
	padding: 5px 5px 15px;
	margin-top: 10px;
}

#contentrechts .metaBox .linkBox {
	box-sizing:border-box;
	line-height: 30px;

}

#contentrechts .infoBlock span.title{
	width: 100%;
}

#contentmidden .clearfix:before,
#contentmidden .clearfix:after {
	content : " ";
	display : table;
}

.addthis{
	margin-top: 5px;
	
}

#contentmidden .box{
	width: 100%;
}

span.organisation,
span.phone,
span.mail{
	display: block;
	width: 100%;
}

#content .mail a.organisationMail {
	color:#D30E6C;
}

#content .tx-bbgcourses.control-registration #contentmidden h1 {
	color:#0054A6;
	margin-bottom: 10px;
}

#content .tx-bbgcourses.control-registration form {
	margin-bottom: 10px;
}
#content .tx-bbgcourses.control-registration h3 {
	font-size: 13px !important;
}

.control-registration #contentmidden {
	width: 680px;
	margin-left: 2.5%;
	margin-right: 0;
}

.control-registration #contentmidden-footer {
	width: 680px;
	margin-left: 32.5%;
	float: left;
}

.control-registration #contentlinks {
	width: 25%;
	margin-right: 2.5%;
}
.control-registration #contentmidden-links {
	float:left;
	width: 45%;
	box-sizing:border-box;
	padding-right: 15px;
	margin-top: 15px;
}
.control-registration #contentmidden-rechts {
	float:right;
	width: 55%;
	box-sizing:border-box;
	padding-left:15px;
	margin-top: 15px;
}

#content .totals.linkBox {
	border-bottom: none;
	border-top:3px solid #000;
	margin-top: -1px;
}