/*<style>*/
@font-face {
  font-family: 'Berlin Sans serif';
  font-style: normal;
  font-weight: 400;
  src: local('Berlin Sans serif'), local('Berlin Sans serif'), url(fonts/BRLNSR.woff) format('woff');
}
#cookieNotice              {position:absolute;top:0px;background-color:#c0c0c0;color:black;font-size:small;border-bottom:solid 1px #a0a0a0;padding:10px;text-align:center;width:90%;z-index:9999;}
#cookieNoticeCloser        {color:transparent;position:absolute;right:10px;bottom:10px;width:15px;height:15px;cursor:pointer}
#cookieNoticeCloser:before {content:'';position:absolute;width:1px;height:9px;background-color:#000000;left:7px;top:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
#cookieNoticeCloser:after  {content:'';position:absolute;width:1px;height:9px;background-color:#000000;left:7px;top:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}

a, a img               { border: 0; text-decoration: none; }
#sticky_navigation{width:100%; height:30px }
.buchung {position:absolute;;right:5px;top:5px;background-color:#FFFF99 ;padding:5px;
		  border:1px black solid;border-radius: 10px; font-family:Arial, Helvetica, sans-serif;font-size:small}
.sidemenue {position:absolute;right:0px;top:0px;margin:0;padding:0px;background-color:#FFFFCC;width:0px;height:100% }
.sidemenue ul{list-style-type:none; font-size:small;margin:0;padding:0px }
.sidemenue h2{border-bottom:1px black solid;text-align:right; font-style:italic;margin:10px 14px 10px 0px ;padding:0px }
.sidemenue ul li{margin-left:15px;}
.sidemenue li a{display:block;color:green;text-decoration:none;margin:0;padding:2px;width:165px }
.sidemenue ul ul{list-style-type: disc; list-style-image:url('images/uploads/atrium/arrow.png')}
.sidemenue ul ul li a:hover{ background-color: #FF9933;}
.menuebackgr {background-color:#FFCC00;}
/* Hyperlinks */
#slider li a{height:333px;}
.content {                      /* This is used for the content that will appear below the menu */
        clear: left;
    }
.navigation {
	position:absolute; top:359px;
	
}
html, body {
	height:101%;
}	
body a {
	color:#0000ff;
	text-decoration: underline;
	height:101%;
}
body a:hover {
	color:#ff3300;;
	text-decoration: none;
}
.nava a {
	color:aqua;	
}
.nava2 a {
	background-image:url('');
	background-repeat:no-repeat;
	color:aqua;	
}

.rahmen3 {
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
}

.dieseite {
  position:relative;
  border-width: 1px;
	border-style: solid;
	border-color:black;
	background-color:  #ffffff;
	width: 1100px;
		background-image:url('images/backgrounds/us_bg.jpg');

  margin: 0 auto; 
	box-shadow: 10px 20px 30px grey;	}
.dieadminseite {
	width: 1100px;
	margin: 0 auto;
	padding: 1px;
	border: thin black solid;}


.header {
    position:relative;
    font-weight: bold;
	background-image: url(images/banner/usflagge.jpg); 
	color: #rgb(255, 194, 0);
	background-color:none;
	background-repeat: repeat;
	height: 400px;
	margin:0px;
	padding:1px;
	border-bottom:1px black solid;
	}
/* Headertitel */
.header h1 {
	font-weight: bold;
	font-style: italic;
	color: #rgb(255, 194, 0);
	margin-bottom: 0;
	margin-left:10px;
}
.header h3 {
	font-weight: bold;
	font-style: italic;
	color: #rgb(255, 194, 0);
	margin-top: 0;
	margin-left:10px;	
}
.seitenzahl a {
 text-decoration:none;
 color:#800000;
}
.navk {
	width:150px;
	list-style-type: none;
	position:absolute;
	margin:0px;
	padding:0px;
}
.katnav li {
	margin:0px;
}
.katnav ul {
	margin:0px;
}
.navk a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	color: #800000;
	display:block;
	padding:2px;
}
.navk a:hover {
	background-color:orange;
}
.navk a:active {
	background-color:red;
}
.nav2 li {
	float: left;
}

.nav2 a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	color: black;
	display: block;
	padding-top: 7px;	
	padding-bottom: 7px;
    border: 1px solid black;
    background-color: white;
	width:120px;
	background-image:none;
}
/* .naviaktiv a {
	font-weight: bold;
	text-decoration: none;
	color:  #e33a41;
	display: block;
    background-color: #e0b44a; 
	background-image: url('');
}
*/
.nav2 a:hover {
	font-weight: bold;
	text-decoration: none;
	width: 120px;
	display: block;
	color:   #5fbf00;
	background-color: #e33a41;
	
}
h1,h2 {   margin-top:0px}
h4 {  color:#000000;}
td {  color:#000000;}

body{
	color:#000000;
	background-image:url('images/backgrounds/rauten.JPG');
	background-color:  #ffffff;
font-family:Arial, Helvetica, sans-serif; 	font-size:medium;
	margin:0px;
}
.config{
	background-color: #808080;
	color:#000000;
	font-size:90%;
	padding:5px;
    position:relative;
    
}
.footer {
	font-size: medium;
	margin:0px;
    color: #000000;
    padding:1px;
	/*	background-image:url('images/backgrounds/us_bg.jpg'); */
	}

.footer a{
    color: yellow;
    text-decoration:underline;
	}
.footer a:hover{
    color: red;
    text-decoration: underline;
	}

	
.admintable {
	font-size: medium;
	text-align:left;
    color: white;
    width:100%;
    padding:0px;
    margin:0px;
	background-color: silver;
	}

.content {
	font-size: medium;
	text-align:left;
	width:150px;
    color: white;
    
    padding:10px;
    margin:0px;
	background-color: gray;
	}
.main2 {width:1080px;position:relative;padding:10px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; text-align: center; }	
.main {
    clear: left;
	font-size:medium;
	color:#000000;
/*	background-color:  #ffffff; */
background-color:none;
	position:relative;
	min-height:740px;
	
	}
.header h2 {
	font-weight: bold;
	font-style: normal;
    margin-bottom:0px;
    color:#rgb(255, 194, 0);
}
.main h3 {
	font-weight: bold;
	font-style: normal;
    margin-bottom:0px;
    color:#rgb(255, 194, 0);
}
.tablerahmen td{color:black; }
.tablerahmen {
    clear: left;
	border-width: 1px;
	border-style: solid;
	background-color:white;
/*	padding-left:10px;
	padding-right:10px; */
}	
.rahmen1 {
    padding-left: 10px;
    padding-right:10px;
	border: 1px solid #000000;
	width:20px;

}
.rahmen {
	border: 1px solid #000000;	
}

.rahmen3 {
    padding-left: 10px;
    padding-right:10px;

	border: 1px solid #000000;	
	background-color:red;

}
.counter {
	font-size: medium;
	font-style:italic;
	font-weight:bold;
	text-align:center;
    padding:0px;
}
.sprachebox {
	position:absolute; left:680px;top:50px;
	background-color:#FFFF99;
	opacity:0.5;
	border-radius: 5px;
	width:195px;
	height:25px;
	padding:5px;	
}
.sprache {
	position:absolute; left:680px;top:50px;
	font-size:small;
	padding:5px;	
}
.sprache a {
	color:yellow;
	background-color:;
}
.cart1 {
	font-size:small;	
	position:absolute; right:100px;top:0px;
}
.rahmenk {
	border: thin #000000 solid;
	background-color:white;
	margin: 20px;
	padding: 10px;
	width:140px;
	height:250px;
	text-align: center;
}
.rahmenk a {
	text-decoration:none;
	color:black;
	}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { height:26px; position:relative; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:896px; w\idth:895px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;display:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;position:relative;text-align:center;}


/* style the links for the top level */
.menu a, .menu a:visited {display:block;
						 font-size:14px;
						 font-weight:lighter;
						 text-decoration:none; 
						 color:#366097; width:100px; height:25px; border:1px solid #585752; border-width:1px 1px 1px 1px; background:#; line-height:24px; font-weight:bold;
						 /* border-radius: 10px 10px 0px 0px; */
						 }
/* a hack so that IE5.5 faulty box model is corrected
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;} */
/* style the first level background */
.menu ul a.drop, .menu ul a.drop:visited {background:# url('images/blue-down.gif') no-repeat 85px center;}
.menu ul a.drop:hover{color:#366097; background:#e33a41 url('images/grey-down.gif') no-repeat 85px center;}

/* style the second level background  */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url('images/grey-arrow.gif') no-repeat 130px center;z-index:999}
/* style the second level hover */
.menu ul ul a {border-radius: 0px 0px 0px 0px;}
.menu ul ul a.drop:hover{color:#366097; background:#c9ba65 url('images/blue-arrow.gif') no-repeat 130px center;}
.menu ul ul :hover > a.drop {color:#366097; background:#e33a41 url('images/blue-arrow.gif') no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {color:#366097; background:#e33a41;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {display:none; position:absolute;height:0;top:25px;left:0; width:149px;border-top:1px solid #000;z-index:9}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:21px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { background:#; color:#366097;  height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;} */

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#366097;  background:#e33a41;}
.menu :hover > a, .menu ul ul :hover > a {color:#366097;  background:#e33a41;}

/* make the second level visible when hover on first level list OR link
.menu ul li:hover ul{visibility:visible;} */
.no_js ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link 
.menu ul :hover ul ul{visibility:hidden;}*/
/* make the third level visible when you hover over second level list OR link */
.no_js .menu ul :hover ul :hover ul{ visibility:visible;}

.adminmenu { height:26px; position:absolute; bottom:5px;}
/* hack to correct IE5.5 faulty box model */
* html .adminmenu {width:896px; w\idth:895px;}
/* remove all the bullets, borders and padding from the default list styling */
.adminmenu ul {padding:0;margin:0;list-style-type:none;}
.adminmenu ul ul {display:none;width:149px; z-index:999}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.adminmenu li {float:left;position:relative;text-align:left;}


/* style the links for the top level */
.adminmenu a, .adminmenu a:visited {display:block;
						 font-size:12px;
						 font-weight:lighter;
						 text-decoration:none; 
						 color:#366097; width:80px; height:25px; border:1px solid #585752; border-width:1px 1px 1px 1px; background:#; line-height:24px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected
* html .adminmenu a, * html .adminmenu a:visited {width:149px; w\idth:138px;} */
/* style the first level background */
.adminmenu ul a.drop, .adminmenu ul a.drop:visited {background:# url('images/blue-down.gif') no-repeat 75px center;}
.adminmenu ul a.drop:hover{background:#e33a41 url('images/grey-down.gif') no-repeat 75px center;}

/* style the second level background  */
.adminmenu ul ul a.drop, .adminmenu ul ul a.drop:visited {background:#d4d8bd url('images/grey-arrow.gif') no-repeat 130px center;}
/* style the second level hover */
.adminmenu ul ul a.drop:hover{background:#c9ba65 url('images/blue-arrow.gif') no-repeat 130px center;}
.adminmenu ul ul :hover > a.drop {background:#e33a41 url('images/blue-arrow.gif') no-repeat 130px center;}
/* style the third level background */
.adminmenu ul ul ul a, .adminmenu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.adminmenu ul ul ul a:hover {background:#e33a41;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.adminmenu ul ul {position:absolute;height:0;top:25px;left:0; width:149px;border-top:1px solid #000;z-index:9}
/* another hack for IE5.5 */
* html .adminmenu ul ul {top:30px;t\op:21px;}

/* position the third level flyout menu */
.adminmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.adminmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.adminmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.adminmenu ul ul a, .adminmenu ul ul a:visited {background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5
* html .adminmenu ul ul a, * html .adminmenu ul ul a:visited {width:150px;w\idth:128px;} */

/* style the top level hover */
.adminmenu a:hover, .adminmenu ul ul a:hover{color:#000; background:#e33a41;}
.adminmenu :hover > a, .adminmenu ul ul :hover > a {color:#000; background:#e33a41;}

/* make the second level visible when hover on first level list OR link */
.adminmenu ul ul li:hover ul ul{ display:block;}


/*
==============================================================================================================================
 Version mit Grafiken  
==============================================================================================================================
*/
.gmenu {height:30px; position:relative; z-index:100;border-right:0px solid #585752; }
/* hack to correct IE5.5 faulty box model */
* html .gmenu {width:846px; w\idth:845px;}
/* remove all the bullets, borders and padding from the default list styling */
.gmenu ul {padding:0;margin:0;list-style-type:none;}
.gmenu ul ul {width:149px;}
.gmenu ul ul li {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.gmenu li {float:left;position:relative;}

/* style the links for the top level */

.gmenu a, .gmenu a:visited {display:block; text-align:center; font-size:12px;text-decoration:none; 
	    color:#366097; 
				height:30px;  
		background-image:url('');
		background-repeat:no-repeat;
		padding-left:0px; line-height:30px; font-weight:bold;}
	
/* a hack so that IE5.5 faulty box model is corrected 
* html .gmenu a, * html .gmenu a:visited {width:149px; w\idth:138px;}*/
/* style the first level background */
.gmenu ul a.top, .gmenu ul a.top:visited {background:#a6a299 url('images/blue-down.gif') no-repeat 130px center;}

/* style the second level background */
.gmenu ul ul a.drop, .gmenu ul ul a.drop:visited {background:#d4d8bd url('images/grey-arrow.gif') no-repeat 130px center;}
/* style the second level hover */
.gmenu ul ul a.drop:hover{background:#c9ba65 url('images/blue-arrow.gif') no-repeat 130px center;}
.gmenu ul ul :hover > a.drop {background:#c9ba65 url('images/blue-arrow.gif') no-repeat 130px center;}
.gmenu ul ul a:hover{background:#c9ba65 none no-repeat 130px center;}
.gmenu ul ul :hover > a {background:#c9ba65 none no-repeat 130px center;}
/* style the third level background */
.gmenu ul ul ul a, .gmenu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.gmenu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.gmenu ul ul {visibility:hidden; position:absolute;height:0;top:30px;left:0; width:149px;z-index:999; }
/* another hack for IE5.5 */
* html .gmenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout.menu */
.gmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.gmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.gmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.gmenu ul ul a, .gmenu ul ul a:visited { text-align:left; background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border: 1px black solid;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .gmenu ul ul a, * html .gmenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.gmenu a:hover, .gmenu ul ul a:hover{background-repeat:no-repeat;color:#5fbf00; background-color:#e33a41;}
.gmenu :hover > a, .gmenu ul ul :hover > a {color:#5fbf00;background-color:#e33a41;}
/* style the second level hover */
.gmenu ul ul a:hover{color:#000; background-color:#e33a41;	background-image:none; }
.gmenu ul ul :hover > a {color:#000; background:#e33a41;	background-image:none;}

/* make the second level visible when hover on first level list OR link */
.gmenu ul li:hover ul,
.gmenu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.gmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.gmenu ul :hover ul :hover ul{ visibility:visible;}
textarea {border:1px maroon  outset;}
.suchen {position:absolute;left:840px;top:10px;margin: 0px;padding: 0px;font-size:small;}
.searchbt {border:0}
.searchbox {display: block;background:url("images/suchfeld.gif") no-repeat scroll 0 0 transparent;
			float:left;height:19px;padding: 2px 0 0 10px;width:119px;border: 0;}
.menuneu {
	position:absolute;
	bottom:0px;
}
.menuneu ul a.drop, .menuneu ul a.drop:visited {background:#d4d8bd url('images/grey-down.gif') no-repeat scroll 85px;}
.menuneu ul ul a.drop, .menuneu ul ul a.drop:visited {background:#d4d8bd url('../../images/grey-arrow.gif') no-repeat scroll 130px;padding:3px 0px 0px 3px}
.menuneu ul a.drop:hover {background:#d4d8bd url('images/blue-down.gif') no-repeat scroll 85px;}
.menuneu ul ul a.drop:hover {background:#d4d8bd url('images/blue-arrow.gif') no-repeat scroll 130px;}
.menuneu ul{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
}

.menuneu a {
	text-decoration:none;
	display:block;
}
.menuneu ul a {
	text-decoration:none;
	display:block;
}
.menuneu a:hover {
	color:#000000;
	display:block;
}


.menuneu ul {
	width:1024px;
	list-style-type:none;
	margin:10px;
}


.menuneu ul ul {
/*	display:none; */
	opacity:0;
	width:150px;
	margin:0;
	position:absolute;
	left:-999999px;
	top:26px;
	z-index:99999;
}
.menuneu .no-js ul ul {
/*	display:none; */
  transition:opacity 1s;
  -webkit-transition:opacity 1s; 
	-moz-transition: opacity 1s;
		z-index:99999;
}

.menuneu ul ul ul {
    width:200px;
	left:150px;
	top:0;
}
.menuneu ul ul ul li, .menuneu ul ul ul li a{
    width:200px;
    	z-index:99999;
}
.menuneu li {
	float:left;
	position:relative;
	width:100px;
	height:25px;
	background-color:#EEEEFF;
	border:1px black solid;
}


.menuneu li li {
	width:150px;
	background-color:#CCCCCC;
	padding:0;
	border-top:0px transparent solid;
		z-index:99999;
}

.menuneu li li {
	height: 0;
		z-index:99999;
}

.no-js li li {
	-webkit-transition: height .2s ease ;
	-moz-transition: height .2s ease ;
	-o-transition: height .2s ease ;
  transition: height .2s ease ;
  	z-index:99999;
}

.no-js li:hover li {
	height:26px;
}

.no-js li:hover li li {
	height:0px;
}

.no-js li li:hover li {
	height:26px;
}
li a {
    color:black;
	margin:0;
	padding:5px 0px 0px 10px;
	height:20px;
}

.menuneu li li a {
	width:147px;
	margin:0 0 0 0;
	padding:3px 0 3px 3px;
	line-height:20px;
}

.no-js ul li:hover ul ul,
.no-js ul li:hover ul ul ul {
/*	display:none;*/
	left:-999999px;
	opacity:0;
}
.no-js ul li:hover ul {
	left:0;
	opacity:1;
}
.no-js ul ul li:hover ul,
.no-js ul ul ul li:hover ul {
/*	display:block;*/
	left:150px;
	opacity:1;
}



#container {
	width:1024px;
	margin:10px 40px 10px 10px;
}
#container * {
	color:#CCCCCC;
}
.mybutton{border-radius: 3px;height:25px;border:1px silver solid;}		
.tabelle td,.tabelle th{border:1px black solid;padding:3px 5px 3px 5px;}
.tabelle thead{background-color:#FFCC66 }
.tabelle {border-collapse:collapse; border:1px black solid;}
.tabelle tbody tr:nth-child(even) {
   background-color:#FFFFCC;
}
#menuico {display:none }
.menu      {display:block;}
	#links, #rechts {width:50%;float:left; }

   /* bis 1030 Pixel Displaybreite */
 	
	@media only screen and (max-width:1030px) {
		.menu      {display:block;}
		.dieseite, .main, .main2, .header {
			width:100%;			
		}
		.main2 {padding:10px; }
	 	#bp2 {
 			display:none;
 		}
 	 	#bp3 {
 			display:block;
 		}		
	}	
   /* bis 900 Pixel Displaybreite */
 	
	@media only screen and (max-width:900px) {
	 body{background:none; }
	.dieadminseite {width: 100%;}
	.menu li   {float: none; width:100%}
	.menu ul a {background:beige; width:120px;border-bottom:1px black solid;border-right:1px black solid;text-align:left;}
	.menu      {display:none;width:130px;height:1px ! important;border-right:1px black solid;background:beige;padding-top:1px ! important;
				box-shadow: 10px 10px  50px darkgoldenrod;}
	#menuico {display:block }
	.adminmenu li   {float: none;}
	.adminmenu li li {left: 90px;}
	.adminmenu li li li {left: 0px;}
	.adminmenu ul a {background:beige;}
	.adminmenu      {display:none;width:0px;height:1px ! important;border-right:1px black solid;background:beige;padding-top:25px ! important;
				box-shadow: 10px 10px  50px darkgoldenrod;}
	#wrapper {width:150px !important;margin: 0 }
	#drop_area {text-align: left; width:100%}
	#links, #rechts {width:100% }

	}	
	
.header{border:none;}
.dieseite{border:5px #41699D solid}
.main{border:none;padding-top:10px;}
.main p, .main h1{padding-left:10px;}
.footer{background-color:none;}
.footer a{color:blue;}
.menu a{border:none;font-size:large;}
.menu {border-top: 1px black solid;border-bottom: 1px black solid;height:30px;}
.menu{position:absolut;left:0px;bottom:0px;background-color:white;}
.sticky-navigation{background-color:white;}
#oeff{border-radius:10px;}