@charset "utf-8";
@font-face {
	font-family: "victoria";
	font-weight: normal;
	font-style: normal;
	src: local('font/victoria-serif.ttf');
	src: url('font/victoria-serif.ttf') format('truetype');
}
body {
	background-color:#fefefe;
	font-family: euphemia, Tahoma, Verdana, helvetica, sansserif;
	font-size: 1em;
	color: #111;
	margin:0;
}
img {
	max-width:100%;
	height: auto;
	margin: 0;
	padding: 0;
	border-style: none;
	border: none;
	}
img.sidepic{
	width: 40%;
	float: right;
	margin: 0 3% 3% 3%;
	padding: 1.5%;
	border: #111 solid 1px;
}
img.floatleft{
	float: left;
	margin: 3%;
}
img.sheboppyramide{
	float: right;
	width: 450px;
}

img.event{
	width: 100%;
	min-width: 200px;
	float: left;
	padding: 2% 5% 2% 0;
	border: none;
}
img.eventlogo{
	width: 45%;
	min-width: 80px;
	max-width: 150px;
	float: left;
	padding: 0;
	border: none;
}
img.eventlogo2{
	width: 90%;
	min-width: 80px;
	max-width: 150px;
	float: left;
	padding: 0;
	border: none;
	text-align: center;
}
img.eventportrait{
	width: 100%;
	min-width: 150px;
	max-width: 350px;
	float: left;
	padding: 0;
	border: none;
}

div.halfleft {
	position: relative;
	float: left;
	width: 46%;
	padding: 0% 4% 0% 0%;
	border: none;
	min-height: 200px;
}
div.halfright{
	position: relative;
	float: left;
	width: 46%;
	padding: 0% 0% 0% 4%;
	border-left: none;
	min-height: 200px;
}
a {
	color: #ef6a0c;
	text-decoration: none;
	border:0;
}
ul  {
	list-style-position: outside;
	}
hr{
	border: none;
	border-top: 1px dashed #ddc101;
	height: 1px;
}
hr.trenner{
	border: none;
	border-top: 1px dashed #ef6a0c;
	height: 1px;
	margin: 10px 0;
}
h1{
	font-family: victoria, serif;
	text-align: center;
	font-size: 2.3em;
	font-weight: normal;
	color: #c96013;
}
h1.cheryl{
	text-align: left;
}
#header h1{
	font-family: victoria, serif;
	font-size: 8em;
	font-weight: normal;
	text-align: center;
	color: #f6f9fe;
	margin: 2.5em 0 0 0;
	text-shadow: 5px 3px 2px #6984ab;
}
h2{
	font-family: victoria, serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #ef6a0c;
}
h3{
	font-family: victoria, sansserif;
	font-size: 1.2em;
	font-weight: normal;
	color: #da2c06;
	text-decoration: none;
	border:0;
}
h4{
	font-family: victoria, sansserif;
	font-size: 1em;
	font-weight: normal;
	color: #ddc101;
	text-decoration: none;
	border:0;
}
a.button{
	background-color: transparent;
	min-width: 200px;
	border: 2px solid #4d6384;
	border-radius: 3px;
	color: #4d6384;
	font-size: 1.5em;
	padding: 0.5em 1em;
}
a.button:hover{
	min-width: 200px;
	color:  #c44c16;
	background-color: #fbfbfb;
	border: 2px solid #e2e8f4;
	border-radius: 3px;
	font-size: 1.5em;
	padding: 0.5em 1em;
}
#vortrag h1{
	font-size: 1.8em;
	font-weight: bold;
	text-shadow: none;
	text-align: center;
}
#vortrag h2{
	font-size: 2.05em;
	font-weight: 500;
	text-shadow: none;
	text-align: left;
}
#vortrag h2.ev{
	text-align: center;
}
#vortrag h2.vortr{
	text-align: center;
	font-weight: 700;
	font-size: 1.6em;
}
#vortrag h3{
	font-size: 1em;
	font-weight: bold;
	text-shadow: none;
}
table{
	background: transparent;
	padding: 10px 5px;
	width: 100%;
	font-size: 0.9em;
}
table.kursaufbau, .kursaufbau tr, .kursaufbau tr th{
	border: 2px solid #fefefe;
	border-collapse: collapse;
	background: #ef6a0c; /* For browsers that do not support gradients */
	background: -moz-linear-gradient(top, #ef6a0c 0%, #f37611 47%, #f58639 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ef6a0c 0%,#f37611 47%,#f58639 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ef6a0c 0%,#f37611 47%,#f58639 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 background: -o-linear-gradient(#ef6a0c;, #f58639); /* For Opera 11.1 to 12.0 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6a0c', endColorstr='#f58639',GradientType=0 ); /* IE6-9 */
	font-size: 1em;
}
table.kursaufbau tr th{
	text-align: center;
	padding: 1.6%;
}
table.kursaufbau tr td{
	text-align: left;
	padding: 1%;
}
table.kursaufbau tr td a{
	color: #111;
}
table.anmeldung{
	border: none;
	background: transparent;
	font-size: 1em;
	padding: 2px 7px;
	text-align: left;
}
table.anmeldung th{
	text-align: right;
}
#vortragcontent table{
	float: right;
}
a.anmeldebutton{
	padding: 1% 2%;
	width: 400px;
	margin: 1%;
	color: #111;
	font-family: "museo-sans", Helvetica,sans-serif;
	background-color: #ef6a0c;
	border: none;
	border-radius: 3px;
}
br.clear{
	clear:both;
}
p.floatright{
	float: right;
}
p.ev{
	text-align: center;
	margin-top: 0.3%;
}
b.red{
	color: red;
}
p.red{
	color: red;
}
div.audio{
	float: left;
	width: 90%;
	background-color: #c96013;
	font-size: 1em;
	color: #ffe05d;
	padding: 0;
	margin: 2% 0;
}

div.anmeldung{
	position: relative;
	float: left;
	width: 31%;
	margin: 0;
	padding: 0 2% 0 0;
}
div.anmeldungtable{
	position: relative;
	float: right;
	width: 65%;
	font-size: 1em;
	margin: 0;
	padding: 0 0 0 2%;
}
div.anmeldungtable table, div.anmeldungtable form{
	font-size: 1em;
	width: 100%;
	padding: 0;
	margin: 0;
}
div.anmeldungtable td{
	width: 45%;
	font-size: 1em;
	padding: 0 8% 0 0;
}
div.anmeldungtable input{
	font-size: 1em;
	width: 100%;
	background-color: #e2e8f4;
	border: none;
	padding: 5%;
	margin: 2% 0;
	color:  #4d6384;
}
div.anmeldungtable input[type=checkbox],  div.anmeldungtable tr td input[type=checkbox]{
	float: left;
	text-align: left;
    display: block;
}
div.anmeldungtable input[type=submit]{
	background-color: transparent;
	border: 2px solid #4d6384;
	border-radius: 3px;
	font-size: 1.5em;
	padding: 0.5em 1em;
}
div.anmeldungtable input[type=submit]:hover{
	width: 100%;
	color:  #c44c16;
	background-color: #fbfbfb;
	border: 2px solid #fbfbfb;
	font-size: 1.5em;
	padding: 0.5em 1em;
}
div.anmeldungtable textarea{
	font-family: "Open Sans", Arial, sans-serif;
	width: 100%;
	background-color: #e2e8f4;
	border: none;
	color:  #4d6384;
	padding: 3%;
	margin: 2% 0;
}
div.anmeldungtable td.right{
	text-align: right;
	width: 10px;
}
div.ppaypal{
	float: left;
	text-align: right;
	width: 30%;
	margin: 0 0 2% 0;
	padding: 0 2% 1% 0;
}
div.paypal{
	float: left;
	width: 25%;
	margin: 0 0 2% 0;
	padding: 0 0 1% 0;
}
div.paypalrechts{
	float: left;
	width: 45%;
	margin: 0;
	padding: 2%;
}
div.eventliste{
	position: relative;
	float: left;
	width: 98%;
	padding: 1%;
}
div.eventbild{
	position: relative;
	float: left;
	width: 38%;
	padding: 1%;
}
div.eventtext{
	position: relative;
	float: left;
	width: 38%;
	padding: 1%;
}
div.eventdaten{
	position: relative;
	float: left;
	width: 18%;
	padding: 1%;
}
div.beschrieb{
	position: relative;
	float: left;
	width: 100%;
}
div.beschrieb p{
	text-align: left;
}
#vortrag{
	position:relative;
	float: left;
	width: 100%;
	min-height: 775px;
	background-color:  #fff;
	font-family:"Open Sans", Arial, sans-serif;
	padding: 2% 0 4% 0;
}
div.vortragcontentt{
	position:relative;
	float: left;
	width: 96%;
	min-height: 180px;
	background-color:  transparent;
	padding: 2% 2% 1% 2%;
	border: none;
}
div.vortragcontent{
	position:relative;
	float: left;
	width: 96%;
	min-height: 180px;
	background-color:  transparent;
	padding: 2% 2% 1% 2%;
	border-top: 1px solid #4d6384;
}
div.vortragcontentc{
	position:relative;
	float: left;
	width: 96%;
	min-height: 180px;
	background-color:  transparent;
	padding: 2% 2% 1% 2%;
	text-align: center;
	border-top: 1px solid #4d6384;
}
div.vortragcontentct{
	position:relative;
	float: left;
	width: 96%;
	min-height: 180px;
	background-color:  transparent;
	padding: 2% 2% 1% 2%;
	text-align: center;
}
.half {
	position: relative;
	float: left;
	width: 46%;
	padding: 0% 2% 0% 2%;
}
#vortrag div.vortragtitle h1{
	font-family:"Open Sans", Arial, sans-serif;
	font-weight: 500;
	font-size: 2em;
	vertical-align: middle;
	line-height: 4em;
	color: #4d6384;
	background-color: #e2e8f4;
	text-shadow: none;
}
div.vortragtitle{
	font-family:"Open Sans", Arial, sans-serif;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-weight: 500;
	height: 10em;
	color:  #4d6384;
	background-color: #e2e8f4;
}
div.zahlung{
	font-family:"Open Sans", Arial, sans-serif;
	width: 99%;
	text-align: left;
	vertical-align: middle;
	height: 100%;
	min-height: 250px;
	color:  #4d6384;
	background-color: #e2e8f4;
	padding: 3% 1%;
}div.zahlung p{
	padding: 1% 0;
}
div.zahlung h2{
	text-shadow: none;
	margin-top: 0;
}
div.imageholder{
	position: relative;
	float: left;
	width: 40%;
	max-width: 345px;
	min-height: 250px;
	padding: 2% 5% 2% 0;
}
div.eventmap{
	position: relative;
	float: left;
	width: 60%;
	max-width: 380px;
	min-height: 250px;
	padding: 7% 5% 2% 0;
	margin: 0 0 0 20%;
}
div.nextIm{
	position: relative;
	float: left;
	width: 28%;
	min-width: 240px;
	padding: 1%;
}
div.tnb , .tnb h1{
	float: middle;
	width: 100%;
	max-width: 1060px;
	margin: 1% auto;
	text-align: left;
	text-shadow: none;
}
#wrapper {
	width: 100%;
	min-height: 980px;
	margin: 0 auto 0 auto;
	background-color: #fefefe;
	}
#naviwrap{
	position: fixed;
	top: 0;
	left: 0;
	background: #111;
	width: 100%;
	height: 50px;
	margin: 0 auto 0 auto;
	z-index: 100;
}
#navi{
	position: relative;
	display: table;
	background: #111;
	width: 100%;
	max-width: 1330px;	
	height: 50px;
	margin: 0 auto 0 auto;
	z-index: 101;
}
#navi a.login{
	float: right;
	color: white;
	z-index: 102;
	padding: 10px 0 0 0;
	color: #ef6a0c;
}
#naviUnter{
	position: relative;
	list-style-type:none;
	display: table;
	background: #111;
	width: 100%;
	height: 5px;
	max-width: 1230px;	
	margin: 0 auto 0 auto;
	color: #ef6a0c;
	padding: 0;
	z-index: 99;
}
#naviUnter ul {
	line-height: 50px;
	margin: 0;
	padding: 0;
}
#naviUnter ul li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}
/***** to fiddle around with: **************************************/
/*Style for menu links*/
#naviUnter ul li a {
	display:block;
	min-width:149px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ef6a0c;
	padding: 0 6%;
	background: #111;
	text-decoration: none;
}
/*Hover state for top level links*/
#naviUnter ul li:hover a, #naviUnter ul li:active a{
	background: #ef6a0c;
	color: #111;
	padding: 0 6%;
}
#naviUnter ul li.naviUnter_active a{
	display:inline-block;
	float: left;
	margin-right: 1px;
	padding: 0 6%;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #111;
	background: #ef6a0c;
	text-decoration: none;
}
#header {
	position: relative;
	
	float: left;
	color: #952700;
	text-align: center;
	width: 100%;	
	height: 100%;	
	margin: 0;
	z-index:2;
	font-size: 1em;
	background:  #111  url(images/herbstbaeume.png) top no-repeat;
}
#header img {
	margin: 0;
}
/*****************************************************/
/*Strip the ul of padding and list styling*/
#menu {
	list-style-type:none;
	width: 88%;
	margin:0;
	padding:0;
	position: absolute;
}
/*Create a horizontal list with spacing*/
#menu li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}
/***** to fiddle around with: **************************************/
/*Style for menu links*/
#menu li a {
	display:block;
	min-width: 140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	padding: 0 6%;
	background: #111;
	text-decoration: none;
}
/*Hover state for top level links*/
#menu li:hover a {
	background: #ef6a0c;
}
/*Style for dropdown links*/
#menu li:hover ul a {
	background: #f3f3f3;
	color: #111;
	height: 40px;
	line-height: 40px;
}
/*Hover state for dropdown links*/
#menu li:hover ul a:hover {
	background: #ef6a0c;
	color: #fff;
}
/***** END - to fiddle around with **************************************/
/*Hide dropdown links until they are needed*/
#menu li ul {

	margin:0;
	padding:0;
	display: none;
	position: absolute;
	overflow:hidden;
}

/*Make dropdown links vertical*/
#menu li ul li {
	
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
#menu  li a:hover + .hidden,  #menu li ul.hidden:hover {
	display: block;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	float: right;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background:  transparent;
	text-align: center;
	padding: 5px 5px;
	display: none;
}

/*Hide checkbox*/
#navi input[type=checkbox] {
    display: none;
}


/****************************************************/
#wraplogo{
	position: relative;
	background: transparent;
	max-width: 1430px;
	width: 100%;
	min-height: 800px;	
	margin: 0 auto;
	display: table;
	font-size: 1em;
}
#links{
	float: left;
	width: 100px;
	margin: 5% 0 ;
}
#rechts{
	float: left;
	width: 100px;
	margin: 5% 0 ;
}
#content_wrap {
	float: left;
	position: relative;
	background: #fefefe;
	max-width: 1230px;
	width: 100%;
	min-height: 795px;	/*gesamt 380 px*/
	margin: 0 auto;
	font-size: 1em;
}
.box {
	position: relative;
	background: transparent;
	float: left;
	width: 30%;
	min-width: 200px;
	min-height: 300px;
	font-size: 1em;	
	padding: 0;
	margin: 1%;
}
.kursdaten {
	position: relative;
	background: transparent;
	float: left;
	width: 20%;
	text-align: center;
	min-width: 200px;
	min-height: 306px;
	font-size: 1em;	
	padding: 2% 0 ;
	margin: 1%;
	border: #c96013 4px solid;
}
.kursdaten h3{
	font-family: victoria, sansserif;
	font-size: 1.2em;
	font-weight: normal;
	color: #da2c06;
	border: 0;
	padding: 4% 0 1% 0;
	margin: 2% 0 0 0;
}
.kursdaten p{
	margin: 3% 0 ;
}
.kursdaten p.red{
	color: red;
	font-weight: bold;
}
.head2 {
	position: relative;
	background: transparent;
	text-align: center;
	float: left;
	min-height: 90px;
	width:100%;
	padding: 3% 0 0 0;
	margin: 0;
}
.head2 h2 {
	margin: 0;
	padding: 0;
}
.boxImg {
  display: block;
  width: 100%;
  height: auto;
  border:  none;
}
.boxoverlay {
	position: relative;
	background: transparent;
	float: left;
	width: 100%;
	height:100%;
	padding: 0;
	margin: 0;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #c96013;
}
.boxoverlay:hover .overlay {
  opacity: 1;
}
.boxText {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#content {
	position: relative;
	float: left;
	width: 90%;
	min-height: 775px;	
	font-size: 1em;
	background: #fefefe;
	padding: 2% 5%;
	margin: 0 0 5% 0;
	z-index:3;
	}
#login form.login{
	width: 50%;
}	
#footer{
	position:relative;
	float: left;
	margin: 5% auto 0 auto;
	width: 96%;	/*gesamt 480 px*/
	height: auto;	/*gesamt 30 px*/
	padding: 2%;
	font-size: 0.625em; /*10px */
	letter-spacing: 1px;
	text-align: center;
	color: #c96013;
	background: #d0d8e5 ;
}
#navifooter {
	position: relative;
	float: left;
	width: 45%;
	text-transform: uppercase;
	text-align: left;
	font-size: 1.5em; /*10px */
	padding:  0;
	margin: 0;
	color: #fe9400;
}
/**@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@**/
@media only screen and (max-width: 900px){
#wrapper {
	width: 100%;
}
#links{
	float: left;
	width: 100px;
	margin: 5% ;
}
#rechts{
	float: left;
	width: 100px;
	margin: 5% ;
}
#navi{ 
	position: relative;
	min-width: 360px;
	max-width: 400px;
	float: right;
	padding: 0 0.4em 0 0;
}
#header h1{
	font-family: victoria, serif;
	font-size: 3em;
	font-weight: normal;
	text-align: center;
	color: #f6f9fe;
	margin: 2.5em 0 0 0;
	text-shadow: 5px 3px 2px #6984ab;
}
.box{
	width: 30%;
	min-width: 360px;
	float: none;
	margin: auto;
}
.boxText {
	font-size: 0.9em;
	width: 100%;
}
#menu {
	float: right;	
	max-width: 400px;
	display: none;
	margin: 30px 0 0 0;
}
/*Make dropdown links appear inline*/
#menu li ul{
	position: relative;
}
/*Create vertical spacing*/
#menu li {
	margin-bottom: 1px;
}
/*Make all menu links full width*/
#menu li, #menu li a, #menu li ul, #menu li ul li, #menu li ul li a {
	width: 100%;
}
/*Display 'show menu' link*/
.show-menu {
	display:block;
}
/*Show menu when invisible checkbox is checked*/
#navi input[type=checkbox]:checked ~ #menu{
    display: block;
}	
#header h1{
	font-size: 5em;
}
h1{
	font-size: 1.6em;
}
h2{
	font-size: 1.3em;	
}
h3{
	font-size: 1.1em;
}
.head2 {
	min-height: 60px;
}
#vortrag div.vortragtitle h1{
	font-weight: 400;
	font-size: 1.8em;
	line-height: 3.4em;
}
div.vortragtitle{
	font-weight: 400;
	height: 12em;
}
div.imageholder{
	width: 70%;
	max-width: 345px;
}
div.eventmap{
	width: 40%;
	margin: 0 0 0 5%;
}
div.nextIm{
	min-width: 220px;
}
div.halfleft {
	min-width: 200px;
}
div.halfright{
	min-width: 200px;
}
div.anmeldung{
	min-width: 220px;
	font-size: 0.9em;
}
div.anmeldungtable{
	float: left;
	min-width: 400px;
}
div.anmeldungtable input[type=submit]{
	font-size: 1.4em;
}
div.ppaypal{
	width: 40%;
}
div.paypal{
	width: 35%;
}
footer a img{
	width: 50%;
}
}
/**@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@**/
@media only screen and (max-width: 360px){
#wrapper {
	width: 100%;
}
#links{
	float: none;
	width: 120px;
	margin: 5% auto ;
}
#rechts{
	float: none;
	width: 100px;
	margin: 5% auto ;
}
#navi{ 
position: relative;
min-width: 100%;
float: left;
padding: 0 0 0 0;
}
#menu {
	display: none;
	width: 100%;
}
.boxText {
	font-size: 0.8em;
	width: 100%;
}
.box{
	width: 98%;
	min-width: 200px;
	float: none;
	margin: auto;
}
#header h1{
	font-size: 3em;
}
h1{
	font-size: 1.4em;
	
}
h2{
	font-size: 1.2em;
	
}
h3{
	font-size: 1em;
}
.head2 {
	min-height: 50px;
}
#vortrag div.vortragtitle h1{
	font-weight: 300;
	font-size: 1.5em;
	line-height: 2.8em;
}
#navifooter {
	width: 100%;
}
div.vortragtitle{
	font-weight: 300;
	height: 8em;
}
div.imageholder{
	width: 100%;
	min-width: 250px;
	height: 100%;	
}
div.eventmap{
	width: 90%;
	padding: 2% 5% 2% 0;
	margin: 0;
}
div.nextIm{
	width: 96%;
	padding: 2%;
	margin: 0;
	min-width: 220px;
}
div.halfleft {
	width: 96%;
	padding: 2%;
	margin: 0;
	min-height: 200px;
}
div.halfright{
	width: 96%;
	padding: 2%;
	margin: 0;
	min-height: 200px;
}
#vortrag{
	min-height: 1000px;
}
#vortragcontent{
	min-height: 600px;
	margin-bottom: 5%;
}

div.anmeldung{
	width: 96%;
	padding: 2%;
}
div.anmeldungtable{
	width: 96%;
	padding: 2%;
	min-width: 250px;
	min-height: 500px;
}
div.anmeldungtable input[type=submit]{
	font-size: 1.3em;
}
footer a img{
	width: 30%;
}
}