/* ==== Google font ==== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Open+Sans+Condensed:300,700);

.headline {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
	font-size: 24px;
	line-height: 30px;
	color:#4d5862; 
	text-decoration:none; 
	margin-top: 30px;
	margin-bottom: 10px;
}

h2 { 
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
	font-size: 24px;
	color:#4d5862; 
	text-decoration:none; 
}

.width250px{
	width:270px;

}
.width250px img{
	width: 250px;
}

b, strong { 
	font-weight: 600;
	text-decoration: none;
}

a {
	color :#75a006; 
	font-weight: 600;
	text-decoration: none;
}
a:hover {
	color: #414c56; 
	font-weight: 600;
	text-decoration: none;
}

p {
	background-color: none !important;
	padding-bottom: 20px;
}

figcaption {
	font-family: 'Open Sans', sans-serif !important;
	font-weight:300;
	font-size: 12px;
	color:#4d5862;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
}

.totop {
	background-color: #fff !important;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 20px;
}


.ce-right img  {
	border-left: 20px solid #fff !important; 
	border-top: 18px solid #fff !important; 
	height: auto;
}


.ce-left img  {
	border-right: 20px solid #fff !important; 
	border-top: 18px solid #fff !important; 
}

.ce-center img {
	border-bottom: 15px solid #fff !important; 
	border-top: 18px solid #fff !important; 
}

.ce-above img  {
	border-bottom: 0px solid #fff !important; 
}
.ce-below img  {
	border-bottom: 50px solid #fff !important; 
}


.ce-border {
	border: 0px solid #747f89 !important; 
}


img {
	border: none !important; 
}

#content-home-wrapper {
	float: left;
	width: 900px;
	left: 0px;
    margin-top: 30px;
	margin-bottom: 50px;
	position: relative;
	height: 100%; 
    min-height: 100%; 
	border: 0px solid #ff0000;
}

}
#content-wrapper {
	float: left;
	width: 610px;
	left: 0px;
    margin-top: 30px;
	margin-bottom: 50px;
	position: relative;
	height: 100%; 
    min-height: 100%; 
	border: 0px solid #ff0000;
	background-color: transparent;
}
.bgimg-green {
	border: 0px solid #ff0000;
	background: url(../Images/bgimg_green.png); 
	background-repeat: no-repeat;
}
.bgimg-cyan {
	border: 0px solid #ff0000;
	background: url(../Images/bgimg_cyan.png); 
	background-repeat: no-repeat;
}
.bgimg-orange {
	border: 0px solid #ff0000;
	background: url(../Images/bgimg_orange.png); 
	background-repeat: no-repeat;
}
.bgimg-magenta {
	border: 0px solid #ff0000;
	background: url(../Images/bgimg_magenta.png); 
	background-repeat: no-repeat;
}

.content{
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	color:#4d5862;
	font-size: 14px;
	text-align: left;
    margin-left: 0px; 
	overflow: auto;
	border: 0px solid #ff0000;
}

#text {
	margin-top: 0px;
	margin-bottom: 50px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	font-size: 14px;
	line-height:22px;
}
.text {
	clear: both;
}

#box_training {
	width:225px;
	float:left;
	display:inline;
}
#box_betreuung {
	width:225px;
	float:left;
	display:inline;
}
#box_wissen {
	width:225px;
	float:left;
	display:inline;
}
#box_freizeit {
	width:225px;
	float:left;
	display:inline;
}
a.subline {
	margin-top:0px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-weight:700;
	font-size: 20px;
	line-height:50px;
	color:#4d5862;
	text-transform:uppercase;	
}
a.hotellink {
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	color:#fff;
	font-size: 14px;
	text-align: left;
    margin-left: 0px; 
	padding: 2px 7px 2px 7px;
	border-radius: 0px;
	background-color:#b73a8e;
}
a.hotellink:hover {
	background-color:#7f8a94;
}

a.home {
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	color:#4d5862;
	font-size: 14px;
	text-align: left;
    margin-left: 0px; 
}
a.greenlink:hover {
	color:#92c11b;
	text-decoration: none;
}
a.cyanlink:hover {
	color:#47b9ae;	
	text-decoration: none;
}
a.orangelink:hover {
	color:#f59a00;	
	text-decoration: none;
}
a.magentalink:hover {
	color:#b73a8e;	
	text-decoration: none;
}



/* Tabellen --------------------------------------- */


thead {
	background-color: #none;	
	color: #67717a !important;
	text-decoration: none;
}
th {
	padding: 3px 10px 3px 10px;
}

.ce-table td:first-child {	
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600;
	font-size: 14px;
	color:#67717a; 
	background-color: #c6d0d5;
	padding: 5px 10px 5px 10px;
	width: 160px;
}
.ce-table td{	
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	font-size: 14px;
	color:#67717a; 
	background-color: #dee5e9;
	padding: 5px 10px 5px 10px;
}
.ce-table td:last-child {	
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	font-size: 14px;
	color:#67717a; 
	background-color: #dee5e9;
	padding: 5px 10px 5px 10px;
}


td.blank {
	background-color: #fff !important;
	padding: 0 !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	font-size: 14px;
	line-height:22px;
	color:#67717a; 
}


/* Tabelle Termine --------------------------------------- */

#headline-overview {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
	font-size: 22px;
	line-height: 32px;
	color:#4d5862; 
	text-decoration:none; 
	margin-top: 30px;
	margin-bottom: 20px;
}

.tcol-left {	
	font-family: 'Open Sans', sans-serif !important;
	font-weight:600;
	font-size: 14px;
	color:#67717a; 
	vertical-align: top;
	background-color: #c6d0d5;
	padding: 5px 10px 5px 10px;
	width: 110px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;

}
.tcol-right {	
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	font-size: 14px;
	color:#67717a; 
	vertical-align: top;
	background-color: #dee5e9;
	padding: 5px 10px 5px 10px;
	width: 500px;
	border-bottom: 2px solid #fff;

}




/* Formulare --------------------------------------- */

#headline-booking {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
	font-size: 22px;
	line-height: 32px;
	color:#4d5862; 
	text-decoration:none; 
	margin-top: 30px;
	margin-bottom: 20px;
}

.participant-item{
	margin: 0;
	position: relative;
}
.booking-item{
	margin: 0;
	height: 30px;
	position: relative;
}
.booking-input{
	margin: 0;
	left: 120px;
	display: inline;
	position: absolute;
}
.booking-addinput{
	margin: 0;
	left: 357px;
	display: inline;
	position: absolute;
}
.booking-addinput2{
	margin: 0;
	left: 357px;
	display: inline;
	position: relative;
}
.booking-checkbox{
	margin: 0;
	left: -3px;
	display: inline;
	position: relative;
}
.booking-textarea{
	margin: 0;
	left: 0px;
	display: inline;
	position: relative;
}

	
	
input.booking{ 
	padding-left:6px;
	padding-right:6px;
	width:250px;
	height:22px;
	background-color:#dee5e9;
	border-radius: 7px;
	border:none;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	font-size: 13px;
	color:#67717a; 
}
input.booking2{ 
	padding-left:6px;
	padding-right:6px;
	width:220px;
	height:22px;
	background-color:#dee5e9;
	border-radius: 7px;
	border:none;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	font-size: 13px;
	color:#67717a; 
}
select.booking{ 
	padding-left:6px;
	padding-right:6px;
	width:262px;
	height:24px;
	background-color:#dee5e9;
	border-radius: 7px;
	border:none;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	font-size: 13px;
	color:#67717a; 
}
textarea.booking{ 
	padding-left:6px;
	padding-right:6px;
	width:370px;
	height:80px;
	background-color:#dee5e9;
	border-radius: 7px;
	border:none;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:400;
	font-size: 13px;
	color:#67717a; 
}

input.submit-booking {
	width:100px; 
	height:24px;	
	color:#fff;
	background-color:#90969b !important;
	border-radius: 7px;
	border:none;
	text-align: center;
	}

.inputspacer10 {
	height: 10px;	
	}
.inputspacer15 {
	height: 15px;	
	}
.inputspacer20 {
	height: 20px;	
	}
.inputspacer30 {
	height: 30px;	
	}

.bookingerror {
	font-weight: 700;
	font-size: 13px;
	color: #ff0000; 	
	}

