body *  {font-family: 'Raleway', sans-serif;} 

  body    {font-family: 'Raleway', sans-serif;
	  text-align:justify;
	  color:#ffffff;
	  margin:0; padding:0;
	  font-size:16px;
	  font-weight:300;}
	  
  .btn { font-weight:400; text-shadow:1px 1px 0 #fff; }	
  .navbar .btn-navbar { background: none !important; border: none !important; box-shadow: none !important; }
	
  a       { text-decoration:none; color:#fff; outline: 0;}
  a:hover, a:focus, a:active { text-decoration:none; color:#fff; outline: 0;}
 
  p a       { border-bottom: 0px solid #fff;}
  p a:hover, a:focus, a:active { border-bottom: 1px solid #fff;}
  
  #page { opacity:0; margin:0; }
  
  .navbar {
	background:url(../img/black2.png) 0 0 repeat transparent !important;
	border-bottom:1px solid #fff;
	margin:0;
	   box-shadow:0px 5px 30px #000 !important; -webkit-box-shadow:0px 5px 30px #000 !important; -moz-box-shadow:0px 5px 30px #000 !important;
	   position:fixed !important;
	    }
		
	
  
  .navbar-inner {  
		  background:url(../img/bgnav.png) 0 0 repeat-x scroll transparent !important;
		  border-bottom:0px solid #666 !important;
		  padding:0 !important; }
		  
  .navbar .nav li a, .navbar .nav li a:focus
   { color:#ddd !important; text-shadow:0 1px 0 #000 !important; border:0 solid !important;}
  
  .navbar .nav li a:hover, .navbar .nav li a:active
   { color:#fff !important; text-shadow:0 1px 0 #333 !important; }
  
  .navbar .nav .active > a, .navbar .nav .active > a:hover, .navbar .nav .active > a:focus
   { background:url(../img/bgnav2.png) 0 0 repeat scroll #111 !important; color:#ddd !important; text-shadow:0 1px 0 #000 !important; }
 
   h1 {	font-size:56px;
	font-weight:100;
	line-height:56px;
	letter-spacing:-2px;
	text-align:left;
	margin:0; padding:0;
	text-shadow:1px 1px 0px #222; }
   h2 {	font-size:20px;
	font-weight:400;
	line-height:30px;
	text-align:left;
	margin:0; padding:0; }
   h3 {	font-size:18px;
	text-align:left;
	line-height:25px;
	margin:5px 0 0 0; padding:0; }
   h4 {	font-size:20px;
	font-weight:100;
	text-align:left;
	line-height:25px;
	margin:0 0 50px 0; padding:0; }
  
  .white { font-weight:400;
	   color:#fff;
	   text-shadow:1px 1px 0 #333; }
  
  .thumbnail, .thumbnail a, .thumbnail a:hover {
	border:0px solid !important; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; }
  .thumbnail img {box-shadow:0 0 15px #333; -webkit-box-shadow:0 0 15px #333; -moz-box-shadow:0 0 15px #333;}
  

.section {
 	background-position:0 0;
	background-attachment:fixed;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0;
	padding: 100px 5px 300px 5px;
	overflow:hidden;
	border-top:1px solid #000;
	-webkit-box-shadow:0 -1px 10px #333;
	-moz-box-shadow:0 -1px 10px #333;
	box-shadow:0 -1px 10px #333; }

#home {
	background-image:url(../img/bg1.jpg);
	background-color:#666;
	height:1200px; }
	
#benefits {
	background-image:url(../img/bg2.jpg);
	background-color:#555; }

#venue {
	background-image:url(../img/bg3.jpg);
	background-color:#444; }

#accommodation {
	background-image:url(../img/bg4.jpg);
	background-color:#333; }
	
#apply {
	background-image:url(../img/bg5.jpg);
	background-color:#222; }

#contact {
	background-image:url(../img/footer.jpg);
	background-color:#111;
	padding-bottom:10px; }
#contact a:active, #contact a:focus {border-bottom:0 solid;}

.imprint { font-size:12px; color:#ccc; line-height:1em; }
.imprint a {color:#ccc; border-bottom:0px solid #ccc !important;}
.imprint a:hover, .imprint a:focus, .imprint a:active {border-bottom:1px solid #ccc !important;}

/* elements */
.rnd {
	background:url(../img/black.png) repeat transparent;
	
	border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;
	width: 44px;
	height: 44px;
	line-height:44px;
	margin:0;
	padding:0;
	font-weight: 400;
	-webkit-box-shadow:1px 1px 0px #ddd;-moz-box-shadow:1px 1px 0px #ddd; box-shadow:1px 1px 0px #ddd; }

	
.day {	position:relative; top:-25px; margin:0 0 0 30px; text-indent:4px; }

.rotate {
	-moz-transform: rotate(355deg);
-webkit-transform: rotate(355deg);
-o-transform: rotate(355deg);
-ms-transform: rotate(355deg);
transform: rotate(355deg); }
	
.program {
	background:url(../img/black.png) repeat transparent;
		padding:5px 15px; 
	margin-bottom:40px;
	
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
	


.story {margin:0;padding:0; }

.formee fieldset {
	padding:0;
	margin:0;
	background:url(../img/black.png) repeat transparent;
	
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.formee a {color:#fff; border-bottom:0px solid #ccc;}
.formee a:hover, .imprint a:focus, .imprint a:active {border-bottom:1px solid #fff;}


.btn-custom { background-color: hsl(203, 77%, 17%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cc2ed", endColorstr="#09334c"); background-image: -khtml-gradient(linear, left top, left bottom, from(#7cc2ed), to(#09334c)); background-image: -moz-linear-gradient(top, #7cc2ed, #09334c); background-image: -ms-linear-gradient(top, #7cc2ed, #09334c); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cc2ed), color-stop(100%, #09334c)); background-image: -webkit-linear-gradient(top, #7cc2ed, #09334c); background-image: -o-linear-gradient(top, #7cc2ed, #09334c); background-image: linear-gradient(#7cc2ed, #09334c); border-color: #09334c #09334c hsl(203, 77%, 3.5%); color: #fff !important; text-shadow: 0 -1px 0 #000; -webkit-font-smoothing: antialiased; }

.btn-custom:hover { background-color: hsl(203, 42%, 62%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f5f9", endColorstr="#75a7c6"); background-image: -khtml-gradient(linear, left top, left bottom, from(#f0f5f9), to(#75a7c6)); background-image: -moz-linear-gradient(top, #f0f5f9, #75a7c6); background-image: -ms-linear-gradient(top, #f0f5f9, #75a7c6); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f5f9), color-stop(100%, #75a7c6)); background-image: -webkit-linear-gradient(top, #f0f5f9, #75a7c6); background-image: -o-linear-gradient(top, #f0f5f9, #75a7c6); background-image: linear-gradient(#f0f5f9, #75a7c6); border-color: #75a7c6 #75a7c6 hsl(203, 42%, 53.5%); color: #333 !important; text-shadow: 0 1px 1px #eee; -webkit-font-smoothing: antialiased; }


#map_canvas img { max-width: none; }

#yoxview_infoPanel { height:50px !important; background:url(../img/black.png) repeat transparent !important; }
#yoxview #yoxview_helpPanel p {margin-top:-30px !important; }

.cite { border: 1px solid #eeeeee;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding:20px;
}