/* ************************************************************************Info Media Queries*/

/*Portrait
0-319
320-359
360-767
768-840*/

/*Landscape
0-479
480-639
640-1023
1024-840*/


/* ************************************************************************Generic Styles*/

body {
  background-color: black;
  font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;  
}

div#wrapper {
  display: block;
  margin-left: auto;
  margin-right: auto; 
  max-width: 840px;
  /*background-color: #f6f7eb;*/ /*light creme*/
  background-color: #48afcb; /*light blue*/
  border-radius: 10px 10px 10px 10px;
  border: 1px solid white;
   
  margin: 0 auto;
  /*The horizontal offset of the shadow, positive means the shadow will be on the right of the box, a negative offset will put the shadow on the left of the box.
   The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box.
   The blur radius (optional), if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be.
   The spread radius (optional), positive values increase the size of the shadow, negative values decrease the size. Default is 0 (the shadow is same size as blur).
   Color*/
  -webkit-box-shadow: 0 0 20px 8px white;
  -moz-box-shadow: 0 0 20px 8px white;
   box-shadow: 0 0 20px 8px white;
   

}

.clear {
  clear: both;
}

.left, .alignleft {
  float: left;
  display: inline;
}

.left {
  margin-left: 15px;
  margin-top: 25px;
  margin-bottom: 20px;
}

.hideMe {
  display: none;
}

.handwriting {
  font-family: 'Comic Sans MS';
  font-size: 18px;
  color: #2d2d2d;
  font-style: italic;
  font-weight: 700;
}

/* .imagedropshadow { padding: 2px; border: solid 1px blue; }  */
a:hover img.flags { border: solid 1px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }

/* styles for modal dialogue (can be used by all pages) */
/* http://www.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ */
#overlay {
    visibility: hidden;
    width:40%;
   /*  height:60%; */
	max-height: 300px;
	max-width: 600px;
    text-align:center;
    z-index: 1000;
	background-color: white;
	border: 1px solid #239CC5;
	border-radius: 10px 10px 10px 10px;
	
	margin: auto;
	/* position: absolute;
	top: 80%; left: 0; bottom: 0; right: 0; */
	position: fixed;
	top: 5%; left: 5%; bottom: 0; right: 0;
 }

 
#overlayContent {
	position: relative;
	margin: 15px;
	
	/* left: 10%; */
	/* margin: 0 auto;  */
	/* width: 50%;
  height: 50%; */
  /* overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0; */
}

#overlayContent span {
	/* margin-top: 35px;
	display: inline;
	float: left; */
	margin: 15px 0px 0px 15px;
}

.overlayImage {
	/* margin-top: 35px; */
	margin: 0px 15px 15px 0px;
	float: left;
	display: inline;
	height:50%;
	width:50%;
	background-color: #fdfdfc;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #239CC5;
	vertical-align: middle;
}

a.myButton {
	cursor:pointer;
    color: white;
    border: 1px solid #239CC5;
    border-radius: 30px;
    background: #239CC5;
    font-size: 20px;
    font-weight: normal;
	text-decoration: none;
    display: inline-block;
    line-height: 0px;
    padding: 20px 20px;       
}

a.boxclose {
    float:right;
    margin-bottom:10px;
    margin-left:10px;
	/* margin: 10px; */
}

	
a.boxenlarge, a.showDiashow {
	float:left;
	margin-bottom:10px;
	margin-left:10px;
}

	
a.showDiashow {
	float:left;
	margin:10px;
}

/* .boxclose:before {
	content: "×";
} */

/* narrow layout */
@media all and ( max-width: 640px) { 
	.overlayImage {
		display: none;
	}
	#overlay {
	    width:70%;
	}
}


/* **************************************************************************Header Container*/

div#header {
  /*background-color: #f6f7eb;*/ /*light creme*/
}


img#topImage {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; 
  border-radius: 10px 10px 0px 0px;
  /*box-shadow: 1px 1px 2px black;*/
}


/* top image is NOT visible for all screens and both orientations (portrait and landscape)
 with 640px maximum width*/
@media all and (max-width: 640px) {
  img#topImage {
     display: none;
   }
}


/* ************************************************************************Navigation Container*/





div#navigation {
  background-color: #48afcb;
  height: 3em;
/*  margin-left: 30px;*/
  border-radius: 10px 10px 0px 0px;
}


div#navigation a.navigation-button {
  display: none;
}





ul#menu {
  width: 100%;
  padding:0;
  margin:0 auto;
  line-height: 3em;
  display: table;
}

ul#menu li {
  /*display:inline;*/
  display: table-cell;
  
  
  border: 1px solid #fff;
  border-bottom-color: #2496bc;
  background-color: #c8e6ed;
 
  
 /* padding-top: .8em;
  padding-bottom: .8em;*/
  padding-left: 2.1em;
  padding-right: 2.1em;
  
  font-size: 0.9em;
  text-shadow: 1px  1px 0px white; /* text-shadow x y radius color */
  /*font-family: Helvetica, Arial, sans-serif;*/ /*{global-font-family}*/
  font-weight: bold;
  color: #2496bc; /*light blue*/
  
  /*min-width: .9em;
  max-width: 200px;*/
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
  
}




/* narrow layout */
@media all and ( max-width: 640px) { 
  
   
  #top-navigation {
    background-color: #fdfdfc;
    border-radius: 10px 10px 0px 0px;
    
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    border: 1px solid #239CC5;
  }
  
  div#navigation {
    background: transparent;
  }
  

  div#navigation a.navigation-button,
  span.navigation-button { 
    width: 100%;  
    display: block; 
    padding-left: 20px;
    color: #48afcb; 
    font-size: 14px; 
    font-family: 'Ubuntu',sans-serif; 
    font-weight: 700; 
    line-height: 48px;
    text-decoration: none;
    text-shadow: 1px  1px 0px grey; /* text-shadow x y radius color */
  }  
  


  div#navigation a.navigation-button span { 
    background: url(./images/navigation-arrow-down.png) no-repeat center 20px; 
    width: 40px; 
    height: 50px; 
    display: block; 
    position: absolute; 
    right: 15px; 
    top: 8px; 
    z-index: 2000;
  }
  
  
  div#navigation ul {
    display:none;
  }
  
  div#navigation ul li { 
    position: relative;
    z-index: 2000;
    display: block;
    float: none;  
    background: url(./images/navigation-section-shadow.png) no-repeat center top;
    background-color: #fdfdfc; /* white  */
	padding-left: 0px;
    border-left: 1px solid #239CC5;
    border-right: 1px solid #239CC5; 
    border-bottom: none;
  }
  
   div#navigation ul li.last { 
      border-bottom: 1px solid #239CC5;
      border-radius: 0px 0px 10px 10px;
   }
  
  div#navigation ul li span { 
    width: 40px; 
    z-index: 2000;
    padding-left: 20px;
  }
  
  div#navigation a.navigation-button span.active { 
    background: url(./images/navigation-arrow-up.png) no-repeat center 20px; 
  }
  
  div#teaser {
    border-left: 1px solid #fdfdfc;
    border-right: 1px solid #fdfdfc;
  }
 
  
 
}






@media all and ( min-width: 790px) and ( max-width: 820px) { 
  
  ul#menu li {
    padding-left: 1.9em;
    padding-right: 1.9em;
  }
}


@media all and ( min-width: 740px) and ( max-width: 789px) { 
 
  ul#menu li {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }
}



@media all and ( min-width: 690px) and ( max-width: 739px) { 
  
  ul#menu li {
    padding-left: 1.3em;
    padding-right: 1.3em;
  }
}



@media all and ( min-width: 640px) and ( max-width: 689px) { 
  
  ul#menu li {
    padding-left: 1.0em;
    padding-right: 1.0em;
  }
}


/* *************************************************************************** Main Content Container*/

div.content {
  /*background-color: #f6f7eb;*/ /*light creme*/
  /*background-color: #fffef7;*/
  background-color: #fdfdfc;
 
}






/* Teaser Container*/

div.teaser-container {
  height:150px;
  background: blue; /* Old browsers */
  background: -webkit-linear-gradient(#48afcb, blue); /* For Safari */
  background: -o-linear-gradient(#48afcb, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#48afcb, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#48afcb, blue); /* Standard syntax (must be last) */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48afcb', endColorstr='blue',GradientType=0 ); /* IE6-9 */
}

.teaser {
  /*font-family: Helvetica, Arial, sans-serif;*/ /*{global-font-family}*/
  color: white;
  margin-left: 15px;
  text-decoration: none;
}

.teaser-headline {
  text-shadow: 2px  2px 2px grey; /* text-shadow x y radius color */
  font-size: 2em;
  font-weight: bold;
}




/* Map */
#map_canvas {
	height: 100%;
	width: 100%;
}




.myMapBig {
	height: 100vh;
	position: fixed;
	z-index: 5000;
	top: 0;
	width: 100vh;
} /*
#map_close {
	position: fixed;
	z-index: 5500;
	top: 20;
	left: 20;
	
} */


/* Standard Container*/


@media all and ( min-width: 640px) { 
	.standard-image-wrapper {
		/* width: 45%;
		margin: 15px;
		float: left;
		background-color: blue; */
		max-width:97%;
		height:auto;
		/* position:relative; */
		/* display:block; */
		margin:0 auto;
		float: left;
	}

	.standard-text-section {
		
		margin-top: 20px;
		margin-bottom: 20px;
/* 		background-color: yellow; */
	}

	 .welcome_image {
		width: 50% !important;
		height: auto !important;
		/* display:block; */
		float:left; 
		margin:20px;
		padding: 5px;
		border:solid white 2px;
		background: #A5DCEE;
		border-radius: 10px 10px 10px 10px;
		border: 1px solid white;
		-webkit-box-shadow: 0 0 20px 8px grey;
		-moz-box-shadow: 0 0 20px 8px grey;
		box-shadow: 0 0 20px 8px grey;
	}

	
	.standard-map-wrapper {
		max-width:97%;
		height:30%;
		margin:0 auto;
		/* float: left; */
	}
	
	/* .map_image {
		width: 50% !important;
		height: 100% !important;
		float:left;	 
		margin-left:10px;
		margin-right:20px;
		margin-bottom:20px;
		padding: 5px;
		border:solid white 2px;
		background: #A5DCEE;
		border-radius: 10px 10px 10px 10px;
		-webkit-box-shadow: 0 0 20px 8px grey;
		-moz-box-shadow: 0 0 20px 8px grey;
		box-shadow: 0 0 20px 8px grey;
	}  */
	.map_style {
		border-radius: 10px 10px 10px 10px;
		border:solid white 2px;
		-webkit-box-shadow: 0 0 20px 8px grey;
		-moz-box-shadow: 0 0 20px 8px grey;
		box-shadow: 0 0 20px 8px grey;
	}
	
	
}
	

	
/* narrow layout */
@media all and ( max-width: 640px) { 


	.standard-image-wrapper {
		max-width:90%;
		height:auto;
		position:relative;
		display:block;
		margin:0 auto;
		float: left;
	}
	
	.standard-text-section {
		width:100%;
		margin: 20px;
		/* background-color: red; */
	}


	.welcome_image {
		width: 100% !important;
		height: auto !important;
		display:block;
		margin:20px;
		padding: 5px;
		border:solid white 2px;
		background: #A5DCEE;
		border-radius: 10px 10px 10px 10px;
		border: 1px solid white;
		-webkit-box-shadow: 0 0 20px 8px grey;
		-moz-box-shadow: 0 0 20px 8px grey;
		box-shadow: 0 0 20px 8px grey;
	}
	
	.standard-map-wrapper {
		/* max-width:90%; */
		width: 90%;
		height:90%;
		position: relative;
		display: block;
		margin:0 auto;
		float: left;
	}
	
	/* .map_image {
		width: 100% !important;
		height: 40% !important;
		display:block;
		margin:20px;
		padding: 5px;
		border:solid purple 2px;
		background: #A5DCEE;
		border-radius: 10px 10px 10px 10px;
		border: 1px solid white;
		-webkit-box-shadow: 0 0 20px 8px grey;
		-moz-box-shadow: 0 0 20px 8px grey;
		box-shadow: 0 0 20px 8px grey;
	} */
	
	/* TODO: Adjust style for narrow layout if necessary*/
	.map_style {
		border-radius: 10px 10px 10px 10px;
		border:solid white 2px;
		-webkit-box-shadow: 0 0 20px 8px grey;
		-moz-box-shadow: 0 0 20px 8px grey;
		box-shadow: 0 0 20px 8px grey;
	}

}





/* Info Container*/


div.info-container {
  /*background-color: #f6f7eb;*/ /*light creme*/
  /*background-color: #fffef7;*/
  background-color: #fdfdfc;
}

.info-section {
  margin-left="15px";
}

div.col,
div.left-block-content {
  width: 230px;
  float: left;
  padding-right: 10px;
  margin-right: 0px;
  padding-bottom: 5px;
  position: relative;
  margin-left: 20px;
  margin-bottom: 20px;
}

.col  h3, 
.standard-text-section h3, 
.left-block-content h3,
.right-block h3 {
  font-size: 23px;
  color: #2d2d2d;
  /* font-family: 'Ubuntu', sans-serif; */
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
}

.col  p,
.left-block-content p,
.right-block p, 
.standard-text-section p  {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  font-family: arial, sans-serif;
  /*color: #828282;*/
  color: black;
}

.standard-text-section p.larger {
	font-size: 17px;
}

.sidebar {
  width: 282px;
  float: right;
}

.sidebar ul {
  list-style: none;
  list-style-position: outside;
  padding-left: 0px;
  padding-right: 10px;
}

.sidebar ul li {
  position: relative;
  padding-left: 84px;
  /*padding-right: 10px;*/
  background: url(images/sidebar-list-border.png) no-repeat 0 bottom;
  background-size: 95% auto;
  padding-bottom: 20px;
  margin-bottom: -13px;
  min-height: 72px;
}

.sidebar ul li .addInfo {
  display: none;
}


.sidebar ul li .image-holder {
  position: absolute;
  top: 6px;
  left: 0px;
  width: 66px;
  height: 48px;
  padding: 2px;
  border: 1px solid #d7d7d6;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
}

.sidebar ul li img {
  width: 66px;
  height: 48px;
}


.sidebar .right-block ul li.last {
  background: transparent;
}

a.readmore {
  margin-right: 16px;
  text-decoration: none;
  padding-left: 8px;
  font-size: 10px;
  float: right;
}

a.readmore:hover {
  text-decoration: underline;
}








/* Three Column Container*/

.info-section .col img.alignleft img.left {
  margin-right: 7px;
}


.info-section .column-content {
  padding-top: 7px;
  height: 100%;
  width: 65%;
  overflow: hidden;
}

.info-section a.view {
  margin-right: 16px;
  position: absolute;
  bottom: 0;
  right: 5px;
  text-decoration: none;
  padding-left: 8px;
  font-size: 10px;
  float: right;
  color: blue;
}

a.view:hover {
  text-decoration: underline;
  cursor: pointer;
}



/* Slideshow Container*/

.outer_slideshow_container {
	display: block;
	margin: 20px auto 0 auto; 
	padding: 10px 5px 5px 10px; 
	width: 96%; 
	max-width:940px; 
	min-width: 240px; 
	border: 1px solid #ccc; 
	background-color: #fff; 
	box-shadow: 2px 2px 10px 2px #dddddd; 
	-webkit-box-shadow: 0px 0px 5px 0px #dddddd; 
	font-family: ariel, sans-serif;
	font-size: 15px; 
	line-height: 20px;
	font-weight: 400;
}

.inner_slideshow_container {
	position: relative; 
	margin: 0px 5px 5px 0px; 
	float: left; 
	top: 0px; 
	left: 0px; 
	/* width: 600px;
	height: 300px;  */
	overflow: hidden;
}

.slides_container {
	cursor: move;
	position: absolute;
	left: 0px; 
	top: 0px; 
	/* width: 600px; 
	height: 300px; */
	overflow: hidden;
	
	border-radius: 10px 10px 10px 10px;
	border: 2px solid #48afcb; 
 
}

.slideshow_text {
	margin-top: 0px;
}

.slideshow_text_bold {
	margin-top: 0px;
}


@media all and ( max-width: 767px) { 
    
	.right-block {
		margin-left: 20px;
		padding-right: 10px;
	}
  
	.sidebar { width: 100%; float: left; display: inline; padding-right: 0; }
	.sidebar ul li { margin: 0 0 0 0; background: url(images/mobile-section-shadow.png) no-repeat center bottom; display: block; min-height: 70px; }
	.sidebar ul li .addInfo { display: inline;}
	a.readmore {display: none;}
}
    
    

@media all and ( max-width: 359px) { 

  div.left-block-content {
    width: 230px;
  }  
  
  div.col {
    width: 250px;
  }
  
}


@media all and ( min-width: 360px) and ( max-width: 459px) { 

  div.left-block-content {
    width: 300px;
  }  
  
  div.col {
    width: 380px;
  }
  
}



@media all and (min-width: 460px) and ( max-width: 639px) { 
  
  div.left-block-content {
    width: 320px;
  }  
  
  div.col {
    width: 380px;
  }
}




@media all and (min-width: 640px) and ( max-width: 767px) { 
  
  div.left-block-content {
    width: 320px;
  }  
  
  div.col {
    width: 280px;
  }
}




@media all and (min-width: 768px) { 
  
  div.left-block-content {
    width: 230px;
  } 
  
  div.col {
    width: 250px;
  }
}


/*
@media all and (orientation: landscape) and ( max-width: 459px) { 

  div.col,
  div.left-block-content {
    width: 380px;
  }
}
*/



/* One Column Container*/

div.one-column {
  text-align: center;
  font-size: 15px;
  line-height: 22px;
  /*color: #828282;*/
  color: black;
  
    margin-left:15px;
  margin-right:15px;
}


div.one-column h2 {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;

 /* -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;*/
  
  font-weight: 700;
  font-size: 1.8em;
  color: #2d2d2d;
  line-height: 28px;
  /*padding-bottom: 12px;*/
}


div#one-column p {
  display: block;
  margin-left:15px;
  margin-right:15px;
 /* -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  padding-bottom: 10px;
  
  
  line-height: 22px;
  font-family: arial, sans-serif;
  color: #828282;*/
}


div.info-section {
  padding-top: 10px;
  padding-bottom: 13px;
  background: url(./images/section-shadow.png) no-repeat 0 bottom;
  background-size: 97% auto;
}



/* ***************************************************************************** Table Styles */
/* 
Generic Table Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(even) { 
  background: #eee; 
}
th { 
  /* background: #333;  */
  background-color: #2496bc;
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
td.tick {
  text-align: center; 
}
th.mySortable {
  cursor: pointer;
}

td.invisible {
  display: none;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
	}
	
	
	td.invisible {
		display: block;
	}
	
	td.tick {
		text-align: left;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	#attractions_table.english td:nth-of-type(1):before { content: "Attraction"; }
	#attractions_table.english td:nth-of-type(2):before { content: "Picture"; }
	#attractions_table.english td:nth-of-type(3):before { content: "Description"; }
	#attractions_table.english td:nth-of-type(4):before { content: "Indoors"; }
	#attractions_table.english td:nth-of-type(5):before { content: "Family"; }
	#attractions_table.english td:nth-of-type(6):before { content: "Low Budget"; }
	#attractions_table.english td:nth-of-type(7):before { content: "Walking"; }
	
	#attractions_table.german td:nth-of-type(1):before { content: "Aktivität"; }
	#attractions_table.german td:nth-of-type(2):before { content: "Abbildung"; }
	#attractions_table.german td:nth-of-type(3):before { content: "Beschreibung"; }
	#attractions_table.german td:nth-of-type(4):before { content: "Drinnen"; }
	#attractions_table.german td:nth-of-type(5):before { content: "Familie"; }
	#attractions_table.german td:nth-of-type(6):before { content: "Kostenlos"; }
	#attractions_table.german td:nth-of-type(7):before { content: "Laufen"; }
	
	/*
	Label the data
	*/
	#rates_table.english td:nth-of-type(1):before { content: "Number of Nights"; }
	#rates_table.english td:nth-of-type(2):before { content: "One Person"; }
	#rates_table.english td:nth-of-type(3):before { content: "Two Persons"; }
	#rates_table.english td:nth-of-type(4):before { content: "One Station (opt)"; }
	#rates_table.english td:nth-of-type(5):before { content: "Two Stations (opt)"; }

	#rates_table.german td:nth-of-type(1):before { content: "Anzahl der Nächte"; }
	#rates_table.german td:nth-of-type(2):before { content: "Eine Person"; }
	#rates_table.german td:nth-of-type(3):before { content: "Zwei Personen"; }
	#rates_table.german td:nth-of-type(4):before { content: "Eine Station (opt)"; }
	#rates_table.german td:nth-of-type(5):before { content: "Zwei Stationen (opt)"; }
	
		/*
	Label the data
	*/
	#packages_table.english td:nth-of-type(1):before { content: "Contest"; }
	#packages_table.english td:nth-of-type(2):before { content: "Time"; }
	#packages_table.english td:nth-of-type(3):before { content: "One Room (2 people)"; }
	#packages_table.english td:nth-of-type(4):before { content: "Two Rooms (4 people)"; }

	#packages_table.german td:nth-of-type(1):before { content: "Funkwettbewerb"; }
	#packages_table.german td:nth-of-type(2):before { content: "Zeitraum"; }
	#packages_table.german td:nth-of-type(3):before { content: "Ein Zimmer (2 Personen)"; }
	#packages_table.german td:nth-of-type(4):before { content: "Zwei Zimmer (4 Personen)"; }

	
}







/* ***************************************************************************** Footer Container*/

div#footer {
  background: url("./images/maori.jpg") repeat-x scroll 0 0 transparent;
  height: 30px;
  border: 1px solid #496077;
  border-radius: 0px 0px 10px 10px;
}

div#footer div {
	color: white;
	font-weight: bold;
	font-size: 18px;
	text-align: bottom;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.footer_link {
	text-decoration: none;
	color: white;
	cursor: pointer;
}

/* ***************************************************************************** Little Helper */
.hideMe {
	display: none;
}

.unselectable {
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	/* To target IE9 downwards and Opera the html attribute unselectable must be used instead:
	<p unselectable="on">Test Text</p> */
}