/* ******************* Resizable iframe ************************/
.flexframe-container {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
}

.flexframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* ********************************************** Textboxes *************************** */
.textbox {
	padding: 0 10px 0 10px;
	outline-color: white;
	border-style:solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.textbox h2,.textbox h2 a,.textbox h2 a:hover {
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
	text-transform: uppercase;
	font: bold 20px/22px Arial, sans-serif;
	clear: none;
	color: #3e5706 !important;
	margin-top: 0;
	letter-spacing: normal;
	background: none;
	/*behavior: url(/SummerSchool2012/Flexslider/PIE.htc);*/
}

.textbox h2 a:hover {
	text-decoration: underline;
}

.textboxleft {
	float: left;
	width: 25%;
	max-width: 250px;
}
   
.textboxright {
	float: right;
}

.textboxmiddle {
	/*margin: 0 0 0 29%;*/
	width: 72%;
	/*max-width: 700px;*/
	padding-left: 10px;
	display: block;
	float:left;
}

@media screen and (max-width: 800px) {
    .textboxleft {
	visibility: hidden;
	float: left;
	width: 25%;
	max-width: 250px;
	display: none;
    }
    .textboxmiddle {
	/*margin: 0 0 0 29%;*/
	width: 93%;
	/*max-width: 700px;*/
	padding-left: 10px;
	display: block;
	float:left;
}
}

/* Verstecke Inhalte des Spans auf kleinen Geraeten. */
@media screen and (max-width: 400px) {
    .desktoponly {
	visibility: hidden;
	display: none;
    }
}

/* ******************************** Announcement box ***************************************/ 

.announce h2 {
	text-align: center;
	text-transform: none;
	font: bold 16px/18px Arial, sans-serif;
	clear: none;
	color: #3e5706 !important;
	margin-top: 0px;
	letter-spacing: normal;
	background: none;
}

/* ************************* Warning box *************************************** */
.warningbox {
	border: 1px solid;
	margin: 10px 0px !important;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url(../../SummerSchool2012/images/attention.png);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .29), inset 3px 3px 3px
		rgba(255, 255, 255, .44);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .29), inset 3px 3px 3px
		rgba(255, 255, 255, .44);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .29), inset 3px 3px 3px
		rgba(255, 255, 255, .44);
	/*PIE*/
	behavior: url(../../SummerSchool2012/Flexslider/PIE.htc);
}

/* ************************* Valid box *************************************** */
.validbox {
	border: 1px solid;
	margin: 10px 0px !important;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #3f721a;
	background-color: #d4eeb5;
	background-image: url(../../SummerSchool2012/images/valid.png);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .29), inset 3px 3px 3px
		rgba(255, 255, 255, .44);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .29), inset 3px 3px 3px
		rgba(255, 255, 255, .44);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .29), inset 3px 3px 3px
		rgba(255, 255, 255, .44);
	/*PIE*/
	behavior: url(../../SummerSchool2012/Flexslider/PIE.htc);
}

/* ************************* Registration button ******************************* */
a#registrationbutton:hover {
	color: #3e5706 !important;
}

.button {
	display: inline-block;
	position: relative;
	margin: 10px;
	/*margin-left: 120px;*/
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .22);
	font: bold 12px/25px Arial, sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px
		rgba(255, 255, 255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px
		rgba(255, 255, 255, .44);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px
		rgba(255, 255, 255, .44);
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	behavior: url(../../SummerSchool2012/Flexslider/PIE.htc);
}

.button:hover {
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px
		rgba(0, 0, 0, .5);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px
		rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px
		rgba(0, 0, 0, .5);
	text-decoration: none;
	color: #3e5706 !important;
	behavior: url(../../SummerSchool2012/Flexslider/PIE.htc);
}

.button:active {
	-webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
	-moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
	behavior: url(../../SummerSchool2012/Flexslider/PIE.htc);
}

/* Big Button Style */
.big {
	padding: 0 40px;
	padding-top: 10px;
	/*padding-top: 20px;*/
	height: 45px;
	text-transform: uppercase;
	font: bold 20px/22px Arial, sans-serif;
}

.big span {
	display: block;
	text-transform: none;
	font: italic normal 12px/18px Georgia, sans-serif;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .12);

	/*behavior: url(/SummerSchool2012/Flexslider/PIE.htc);*/
}

/* Green Color */
.green {
	color: #3e5706 !important;
	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5cd4e),
		color-stop(100%, #6b8f1a) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
	/* IE10+ */
	background: linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* W3C */
	-pie-background: linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
	/*PIE*/
	behavior: url(../../SummerSchool2012/Flexslider/PIE.htc);
}

/* Yellow Color */
.yellow {
	color: #565706 !important;
	background: #e2db56; /* Old browsers */
	background: -moz-linear-gradient(top, #e2db56 0%, #b8ac21 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2db56),
		color-stop(100%, #b8ac21) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e2db56 0%, #b8ac21 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e2db56 0%, #b8ac21 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e2db56 0%, #b8ac21 100%);
	/* IE10+ */
	background: linear-gradient(top, #e2db56 0%, #b8ac21 100%); /* W3C */
	-pie-background: linear-gradient(top, #e2db56 0%, #b8ac21 100%);
	/*PIE*/
	behavior: url(../../SummerSchool2012/Flexslider/PIE.htc);
}

.gray {
	color: #515151 !important;
	background: #d3d3d3; /* Old browsers */
	background: -moz-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3),
		color-stop(100%, #8a8a8a) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
	/* IE10+ */
	background: linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); /* W3C */
	-pie-background: linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
	/*PIE*/
	behavior: url(../../SummerSchool2012/Flexslider/PIE.htc);
}

a#registrationbutton.gray:hover{
	color: #000000 !important;
}