@charset "utf-8";
/* CSS Document */


/* C O L O R S 

#9e200f - dunkelrot (h1)
#e8eb90 - hellgold (navi)
#716634 - dunkelgold (navischrift)
#f19545 - orange (licht in worte weben - 10.2013) - dunkler: #c46a1c;
#dad9ba - button-beige

*/

  /*-----------------------------*/
 /*  - - -  G L O B A L  - - -  */
/*-----------------------------*/

html {
	-webkit-text-size-adjust: 100%;
}

* {
	padding: 0px;
	margin: 0px;
}


body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #3f342f;
	background: #eeb240 url(aa2018.jpg);
	z-index: 1;
}


  /*------------------------------ ----*/
 /*  - - -  S T R U C T U R E  - - -  */
/*-----------------------------------*/


#page {
	width: 1000px;
	/*background: url(site-shadow.png) repeat-y center;*/
	background: url(site-shadow2017.png) repeat-y center;
	margin: 0px auto;
		margin-bottom: -22px;
}


/* h e a d e r */

a.logo {
	display: block;
	width: 300px;
	height: 40px;
	position: absolute;
	top: 10px;
	right: 30px;
	text-align: right;
	background: url(Startseite.png) top right no-repeat;
	background-size: 150px 30px;	
}
a.logo:hover {
	background: url(Startseite2.png) top right no-repeat;
	background-size: 150px 30px;
}
a.kontakt {
	display: block;
	width: 300px;
	height: 40px;
	position: absolute;
	top: 35px;
	right: 30px;
	background: url(kontakt.png) top right no-repeat;	
	background-size: 100px 30px;
}
a.kontakt:hover {
	background: url(kontakt2.png) top right no-repeat;	
	background-size: 100px 30px;
}
#navi {
	width: 900px;
	padding: 0px 30px;
	margin: auto;
	height: 50px; /* vorher 34 */
	background: #e8eb90;
	position: absolute;
	bottom: 1px; /* vorher 20 */
	background: #ebe196 url(navi.jpg);
	border-bottom: 2px solid #b22a1c;
	background: rgb(242,241,161);
	background: #ffdfad;
	/*background: #ffe1bc;*/
}

#header {
	width: 960px;
	margin: auto;
	height: 200px;
	position: relative;
	/*border-bottom: 1px solid rgb(220,220,220);*/
	background: #b22a1c url(header2x.jpg) no-repeat center;
	background-size: 960px;
}



.jump-navi-outer {
	position: fixed;
}
.jump-navi {
	/*opacity: .8;
	-moz-opacity: .8;
	filter:alpha(opacity=8.8);*/
	background: white;
	padding: 17px 0px;
	width: 170px;
	position: absolute; 
	left: -195px;
	border: 1px solid #e8eb90;
	border-bottom: 1px solid #a8ab5f;
	transition: all 0.3s ease;
}
.jump-navi h1 {
	margin: 0px;
	padding: 0px;
	line-height: 22px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8eb90;
	color: #716634;
}

.jump-navi ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color: black;
}
.jump-navi li a:link, .jump-navi li a:visited {
	padding: 10px 5px 10px 10px;
	border-bottom: 1px dotted #e8eb90;
	display: block;
	margin: 0px;
}
.jump-navi li a:hover {
	color: white;
	background: #9e200f;
}

/* c o n t e n t */


#outer {					/* Enthält Background für Sidebar    - ?? alt */
	width: 960px;
	margin: 0px auto;
	background: #fcf5e8;
	position: relative;
}
.content {
	width: 900px;
	margin-top: 0px;
	padding: 30px;
	padding-bottom: 40px;
	background: white;
	background: #fff1d7;
	background: #fcf5e8;
}

.text {
	width: 510px;
	float: left;
}
.text img {
	width: 510px;
}

.linkeSeite, .rechteSeite {
	width: 415px;
	padding: 0px 30px 0px 0px;
	float: left;
}
.rechteSeite {
	float: right;
	padding: 0px 0px 0px 30px;
	border-left: 1px solid #d4c88e;
}

#sidebar {
	width: 289px;
	border-left: 1px solid rgb(245,245,245);
	padding-bottom: 30px;
	padding: 20px;
	padding-top: 10px;
	float: right;
	background: rgb(250,250,250);
}

/* f o o t e r */

#footer {			/* Used on Homepage - should not be called footer */
	width: 900px;
	margin: 0 auto;
	padding: 30px 30px 48px 30px;
	/*background: #362f24; */
	background: rgb(150,150,150);
	min-height: 50px;
	clear: both;
	background: rgb(245,245,245);
	border-top: 1px solid rgb(235,235,235);
}

	#footer-left {			/* Div um linke und mittlere Spalte */
		float: left;
		width: 593px;
	}
	#footer-left-left {		/* Linke Spalte */
		float: left;
		width: 285px;
	}
	#footer-left-right {	/* Mittlere Spalte */
		float: right;
		width: 285px;
	}
	#footer-right {			/* Rechte Spalte */
		float: right;
		width: 285px;
	}
	#footer-right img {
		width: 285px;
		margin-bottom: 11px;
	}
	#footer-right h3 {
		padding: 0px;
	}

  /*-------------------------------------*/
 /*  - - -  F O R M A T T I N G  - - -  */
/*-------------------------------------*/

.red {
	color: #9e200f;
}

p {
	margin: 11px 0px 11px 0px;
	/*margin: 22px 0;*/
}

p.right {
	float: right;
	width: 420px;
}
p.right-big {
	float: right;
	width: 620px;
}

h1 {
	font-family: times new roman;
	font-size: 30px;
	padding: 10px 0px 0px 0px;
	margin-bottom: 22px;
	line-height: 40px;
	color: #9e200f;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0px;
	word-spacing: +4px;
}
h1 span, h3 {
	text-transform: none;
	font-family: times new roman;
	font-family: arial, helvetica neue, arial;
	font-size: 20px;
	line-height: 30px;
	padding-top: 10px;
	margin: 0;
	font-weight: normal;
}
h2 { 
	font-family: times new roman;
	font-size: 25px;
	font-weight: normal;
	font-variant: small-caps;
	color: #716634;
	text-align: center;
	background: url(h2.png) repeat-x center 3px;
	margin: 11px 0px 10px 0px;
	margin: 11px 0px 18px 0px;

}
h2 span {
	background: #fcf5e8;
	display: inline;
	padding: 0px 5px;
	color: #716634;
	line-height: 25px;
}
	

/* h3 {
	font-family:  trebuchet ms, arial;
	text-transform:uppercase;
	font-size: 20px;
	line-height: 22px;
	padding: 11px 0px;
	margin-top: 22px;
	color: rgb(150,150,150);
	font-style: italic;
} */
h3 {
	color: rgb(20,30,60);
	padding: 11px 0px 11px 0px;
}

h4 {
	color: #9e200f;
	font-family: times new roman;
	line-height: 30px;			/* vorher22px (Edit 29.3.2013) */
	font-size: 18px;
	font-weight: 600;
	padding-top: 4px;
	padding-top: 12px;
	margin: 0px;
	margin-bottom: 8px;
	font-size: 22px;
		/*font-weight: normal;*/

}
h4 span {
	color: #3f342f;
	font-size: 18px;
	font-weight: bold;
	font-family: arial;
	padding-top: 11px;
	line-height: 25px;
}
h4 a:link, h4 a:visited {
	color: #9e200f;
	text-decoration: underline;
}
h4 a:hover {
	color: black;
	text-decoration: underline;
}
/*h4 { 
	font-size: 22px;
	font-weight: normal;
	color: #224164;
	clear: both;
	font-family: times new roman;
	letter-spacing: 1px;
	padding: 11px 0px 11px 0px;
}*/
h3.termine {
	color: #9e200f;
	padding: 11px 0px 11px 0px;
}
	h3 a, h3 a:visited {
		color: #9e200f;
	}
	h3 a:hover {
		color: #520e04;
		text-decoration: underline;
	}

.overview h3 a, .overview h3 a:visited {
	padding: 2px 9px 4px 30px;
	background: url(pfeil.png) 7px 5px no-repeat;
	background-size: 15px 15px;
}

h5, h6 {		/* z.B.: form1 -  "Titel: " */
	font-size: 16px;
	font-weight: semibold;
	color: #9e200f;
	margin: 0px;
	padding: 11px 0px;
	line-height: 22px;
}

h6 {
	display: inline;
	padding: 0px;
}

/*h {
	font-family: palatino, times new roman;
}
*/
quote {
	font-family: Segoe Print, times new roman;
	color: rgb(50,50,50);
	font-size: 16px;
	display: block;
	padding: 15px 20px;
	/*background: rgb(240,240,240);
	background: #f5eed9;
	background: #ffc342;
	background: #ffd584;*/
	background: rgb(252,250,250);
	margin-bottom: 22px;
	color: #481f1a;
	color: #e60000;
	color: #9e200f;
border-top: 1px solid rgb(200,200,200);
border: none;
	/*width: 577px;
	height: 101px;
	background: url(quote.png) no-repeat;
	padding: 30px;*/
}

quote span {
	font-family: arial;
	font-size: 14px;
	text-align: right;
	color: rgb(100,100,100);
	margin-top: 5px;
	padding: 5px 20px 0px 0px;
	color: #463830;
}
quote.fb {
	color: #e60000;
	color: #d00000;
	color: #9e200f;
	font-family: arial;
	padding: 0;
	padding-top: 5px;
	font-style: italic;
	border: none;
	background: none;
}

li {
	margin-left: 20px;
	padding: 5px 0px;
	list-style-image: url(pfeil1.png) no-repeat center left;     /* ??? */
}
.sidebar-left li {
	padding: 0px;
}

hr {
	background-color: #e8eb90;
	background-color: #cfc180;
	background-color: #d4c88e;
	margin: 30px 0px;
	clear: both;
	height: 1px;
	border: none;
}
hr.termine {
	background-color: #cfc180;
	margin: 17px 0px 5px 0px;
	height: 1px;
	border: none;
}
hr.no {
	margin: 0px;
	height: 0px;
	clear: both;
}
hr.space {
	margin: 0px;
	margin-top: 22px;
	height: 1px;
	background: none;
}


a {
	color: #9d1f00;
}

a:visited {
	color: #9e200f;
}



/* f o r m s */


form button {
	padding: 3px 7px;
}

input, textarea {
	padding: 3px 7px;
	line-height: 22px;
	font-size: 16px;
}
input.form1-titel {
	width: 530px;
	margin-bottom: 5px;
	padding: 5px;
	font-family: trebuchet ms, georgia;
	font-size: 20px;
}

textarea.form1-inhalt {
	width: 530px;
	height: 300px;
	padding: 5px;
	font-family: arial;
}



/* - - - - buttons --- - - - */

/*
input.button, input.button2, button, button2, a.button, a.button2 {
	line-height: 18px;
	border: none;
	padding: 4px 9px 4px 27px;
	background: #f5eed9 url(pfeil.png) 7px 6px no-repeat;
	border: 1px solid #dcd1b1;
	border: 1px solid #dad9ba;
	text-decoration: none;
	background: #dad9ba url(pfeil.png) 7px 5px no-repeat;
}
a.button, a.button2 {
	margin-right: 5px;
}

	input.button:hover, .button:hover, a.button:hover, a.button:active {
		background: #e8eb90 url(pfeil.png) 6px center no-repeat;
		background: #f5eed9 url(pfeil.png) 7px 6px no-repeat;
		background: #dcd1b1 url(pfeil.png) 7px 6px no-repeat;
		background: #f5eed9 url(pfeil.png) 7px 5px no-repeat;
	border: 1px solid #dcd1b1;
	}
	input.button2:hover, .button2:hover, a.button2:hover, a.button2:active {
		background: #e8eb90 url(pfeil.png) 6px center no-repeat;
		
	}
*/
input.button, input.button2, button, button2, a.button, a.button2 {
	line-height: 18px;
	border: none;
	padding: 4px 9px 4px 27px;
	background: #f5eed9 url(pfeil.png) 7px 5px no-repeat;
	background-size: 15px 15px;
	border: 1px solid #dcd1b1;
	text-decoration: none;
	border: 1px solid #f5eed9;

}
a.button, a.button2 {
	margin-right: 5px;
	cursor: pointer;
}

	input.button:hover, .button:hover, a.button:hover, a.button:active {
		background: #dad9ba url(pfeil.png) 7px 5px no-repeat;
		border: 1px solid #dad9ba;
		background-size: 15px 15px;
	}
	input.button2:hover, .button2:hover, a.button2:hover, a.button2:active {
		background: #e8eb90 url(pfeil.png) 6px center no-repeat;
		background-size: 15px 15px;
	}

a.button {
	}
p a.button {

}

/* - - -  C L A S S E S  - - - */



.clear {
	clear: both;
}

.error {
	/*border: 1px solid rgb(200,100,100);*/
	background: rgb(230, 200,200);
	padding: 6px 15px 4px 15px;
	color: rgb(150,50,40);
	font-weight: bold;
	text-align: center;
	margin: 5px 0px;
	font-size: 16px;
}
.info
{
	border: 1px solid #a5a110;
	background: url(haken.png)  10px center no-repeat;
	padding: 5px 15px 5px 35px;
	color: #a5a110;
	font-weight: bold;
	text-align: center;
	margin: 5px 0px;
	font-size: 16px;
}


/* c o n t e n t */

.credit {
	font-size: 12px;
	text-align: right;
	color: #888;
	margin-top: 0px;
	margin-right: 20px;
}
.angebot {
	margin: 22px 0px;
	padding: 0px 0px 11px 0px;
	border-top: 1px dashed rgb(100,100,100);
	border-top: 1px solid #d4c88e;
	width: 500px;
}
.angebot h3 {
	text-transform: none;
}
.angebot quote.fb {
	margin-bottom: 11px;
}
.artikel {
	margin-bottom: 44px;
}

.Termine {
	width: 285px;
	float: left;
}
.termin {

}

.Datum {
	float: left; 
	border-right: 1px solid #3f342f; 
	margin-right: 20px; 
	padding-right: 20px;
	font-weight: bold;
}
.Ort {
	float: left;
}
.float {
	float: left;
}

.news {
	width: 400px; 
	float: right; 
	background: rgb(255,245,245); 
	border: 1px solid rgb(235,235,235); 
	padding: 20px;
	padding-top: 10px;
}

p.intro {						/* einleitungstext in Artikel	*/	

}
.letter {
	background: rgb(253,253,253);
	padding: 15px 25px;
	color: #9e200f;
	color: #8f2e07;
	color: #3f342f;
	/*border: 3px solid #ed9083;
	border: 3px solid #e5c4a1;
	border: 3px solid #ecdccc;*/
	border: 3px solid #dad9ba;
	border: 3px solid #edecdc;
	border-right: 0px solid #dad9ba;
	border-left: 0px solid #dad9ba;
	margin: 20px 0px;
	/*font-weight: 300;*/
	/*opacity: .85; */
}
#footer .letter h3 {
	color: #9e200f;
}
.letter span {
	display: block;
	float: right;
	color: #9e200f;
	font-size: 18px;
}
.gedicht {
	font-style: italic;
	font-family: times new roman;
	text-align: center;
	color: #9e200f;
}

span {
	color: rgb(150,150,150);
	color: #463830;
	font-family: georgia, arial;
	display: block;
	line-height: 22px;
	margin-top: 12px;
}
.gedicht span, .letter .gedicht span {
	display: inline;
	color:#463830;
	padding-top: 12px;
	float: none;
	font-size: 14px;
}
.orange h4 {
	color: #f19545;
	color: #c46a1c;
	font-size: 23px;
}
.orange hr {
	margin: 15px 0px;
}

.kastal {
	background: #e8eb90;
	padding: 10px;
	border-top: 2px solid #9e200f;
	text-align: center;
	background: rgb(244,237,218);

}

.formular {
	padding: 10px;
	background: rgb(240,240,240);
	border: 1px solid rgb(230,230,230);
	border-bottom: 2px solid rgb(100,100,100);
}
.auswahlfield {
	padding: 10px;
	background: rgb(20,20,20);
	border: 1px solid rgb(0,0,0);
	color: white;
}


img.left-small {
	width: 200px;
	float: left;
	padding: 2px 20px 20px 0px;
}
img.left {
	width: 400px;
	float: left;
	padding: 0px 40px 30px 0px;		/* vorher 0 25 25 0 */
	/*padding-bottom: 44px;*/
}
img.right {
	width: 400px;
	padding: 0px 0px 30px 40px;    /* vorher 0 0 25 25 */
	float: right;
	/*padding-bottom: 44px;*/
}

img.thumbnail1 {
	width: 200px;
	width: 400px;
	float: left;
	/*margin: 3px 20px 10px 0px; change for highlights page */
	margin: 10px 22px 0px 0px;
}

img.w200 {
	width: 200px;
}
img.w300 {
	width: 300px;
}
img.w350 {
	width: 350px;
}
img.w500 {
	width: 500px;
}


.img350 img {
	width: 350px;
}
.img300 img {
	width: 300px;
}

.home-text {
	float: left; 
	width: 400px; 
	height: 300px; 
	color: #002c5d;
	font-family: times new roman;
	font-size: 18px;
}
#home {
	padding: 0px;
	width: 960px;
	height: auto;
	position: relative;
	height: 440px;
}
#homeBanner {
	background: url(Homec.png) center top no-repeat;
	height: 390px;
	padding: 35px 0;
	position: relative;
}
.homeBannerText {
	width: 280px;
	padding: 20px;
	margin: 20px 30px;

}

#home h1 {
	font-size: 24px;
	line-height: 33px;
	padding: 0px;
	margin:0px;
}
#home quote {
	background: none;
	padding: 0px;
	border: none;
	color: rgb(80,40,40);
	margin: 0px;
}
#home .homeBannerText quote, quote.home {
	font-family: Helvetica Neue, Helvetica, Arial;
	font-size: 18px;
	font-style: italic;
	text-align: center;
	color: #9e200f;
	margin: 18px 0;
}
#home quote span {
	display: block;
	text-align: center;
	padding: 0px;
}
#home h3 {
	font-size: 20px;
	line-height: 26px;
}

#highlights h3 {
	padding-top: 16px;
	padding-bottom: 4px;
	font-size: 22px;
	color: #9e200f;
}
#highlights h3 a {
	text-decoration: none;
	color: #9e200f;
	/* borrowed from overview */
	padding-left: 23px;
	background: url(pfeil.png) 0px 5px no-repeat;
	background-size: 15px 15px;
}
#highlights h3 a:hover {
	text-decoration: underline;
}
#highlights p.nach2zeiler {
	margin: 20px 0px 0px 0px;
}

.schatzkiste {
	margin-bottom: 22px;
	clear: both;
	/*color: #fcf5e8;
	border: 3px solid #783F38;*/
	color: #fcf5e8;
	background: #9B3F3D;
	border: 3px solid #783F38;
	color: #9B3F3D;
	background: #fcf5e8;
	background: #f5eed9 url(Homec.png) center bottom no-repeat;
	background: #BA2D1E url(Homec.png) left bottom no-repeat;

	/*background: white url(Homec.png) left bottom no-repeat;*/
	border: 3px solid #d4c88e;
	border: 3px solid #dad9ba;
	border: 3px solid #EAE3CF;
	border: 3px solid #DEBA46;
}
.letter img.thumbnail1 {
	width: 200px;
	float: left;
	/*margin: 3px 20px 10px 0px; change for highlights page */
	margin: -3px 22px -3px -3px;
}

.Bilderwand
{
	clear: both;
	width: 100%;
}
.Bilderwand img
{
	width: 285px;
	float: left;
	margin: 0px 20px 20px 0px;
}
.photoReel
{
	width: 600px;
	margin-right: 20px;
	float: left;
}
.photoReel img 
{
	width: 600px;
	margin: 0px 0px 20px 0px;
}

/* s i d e b a r */


.sidebar {
	float: right;
	width: 300px;
	margin: 0px 0px 0px 40px;
}
.sidebar img {
	width: 300px;
}
.sidebar350, .sidebar-left { 
	float: right;
	width: 350px;
	margin: 0 0 0 40px;
}
.sidebar350 img, .sidebar-left img {
	width: 350px;
}
.sidebar-left {
	float: left;
	margin: 0px 40px 0px 0px;
}

.sidebar quote {
	margin: 10px;
}

p.willkommen {
display: none;
}



/* f o o t e r */


#footer {
	position: relative;
}
#footer h3 {
	color: rgb(50,50,50);
}

#footer span.h2 {
	background: rgb(245,245,245);
}


#footer .jump-navi a:hover {
	color: white;
}
/*#footer-kontakt {
	background: rgb(40,40,40);
	background: #dad9ba;
	border-top: 1px solid rgb(20,20,20);
	border-top: 1px solid #d4c88e;
	padding: 10px 30px;
	width: 900px;
	text-align: center;
	line-height: 18px;
	color: rgb(120,120,120);
	font-family: times new roman;
	size: 12px;
} */
#footer-kontakt {
	width: 960px;
	position: relative;
	text-align: center;
	background: #ebe196;
	padding: 11px 0px 20px 0px;
	background: rgb(244,237,218);
}
#footer-kontakt a, #footer-kontakt a:visited {
	color: #9d1f00;
}

/*#kontakt {
	width: 300px;
	position: absolute;
	right: -5px;
	top: 0px;
	padding: 10px 20px;
	text-align: center;
	background: #e8eb90;
	border: 1px solid #d8db78;
}*/
#footer-kontakt a {
	color: rgb(120,120,120);
}

#footer-copyrightbar {
	width: 900px;
	margin: 0 auto;
	text-align: center;
	padding: 2px 30px;
	background: #111;
	border-top: 1px solid #000;
	color: #666;
	font-size: 12px;
	background: black;
	background: #090908;
}
	#footer-copyrightbar a {
		color: #666;
	}
	#footer-copyrightbar a:hover {
		color: #999;
	}

#kontakt
{
	font-size: 16px;
}
#kontakt h5
{
	font-size: 20px;
}
#kontakt h5 span
{
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 20px;
	display: inline;
	/*color: rgb(120,120,120);*/
}

  /*-------------------------------------*/
 /*  - - -  N A V I G A T I O N  - - -  */
/*-------------------------------------*/





#navi ul {
	padding: 0px;
}
	#navi ul li {
		list-style-type: none;
	}

	#navi ul li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		float: left;
		display: block;
	}

#navi a {
	color: #716634;
	font-family: times new roman;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	font-size: 14px;
	vertical-align: center;
	text-align: center;
	border-right: 1px solid #716634;
	display: block;
	float: left;
	/*min-width: 105px; */
	/*min-width: 110px; *//* edit feb 2017 */
	min-width: 109px; /* edit 2021 */
	max-width: 123px;
	height: 43px;
	padding: 4px 15px 3px 15px;
	color: #635220;
	/*width: 118px;*/
}
	#navi a:hover, #navi a:active, #navi a.active {
		background: #2b251c url(navi-active.png) no-repeat;
		color: #ada18e;
		background: #ced17a;
		background: #dcd789;
		background: #ddd393;/*
		background: #e6d878;
		/*background: #cbbb73;*/
		background: #f2cf8b;
		color: #716634;
		color: #635220;
	}
	#navi a.active {
		color: #534a1f;
		background: white;
		border-bottom: 1px solid #8a1f11;
		border-bottom: 1px solid #6c180e;
		background: #f7f3eb;
	}
	
/*#navi-trennstrich {
	background: url(navi-trennstrich.png) left no-repeat;
	height: 80px;
	width: 1px;
	float: left;
}*/




.form1 h3 {
	color: #999;
	padding: 0px;
	margin: 0px;
	line-height: 25px;
	color: #a53600;
}
input.big, textarea.big {
	width: 588px;
	margin: 2px 0px;
}
input.small {
	width: 170px;
}

.form1-left {
	float:left;
	width: 200px;
}
.form1-right {
	float: right;
	margin-right: 200px;
	width: 200px;
}

input.send {
	background: #dad9ba url(send1.png) 4px center no-repeat;
	padding: 5px 10px;
	padding-left: 37px;
	color: #444;
	border: 0px;
	border: 1px solid #dcd1b1;
	font-size: 16px;

}
input.send:hover {
	background: #dad9ba url(send2.png) 4px center no-repeat;
	color: #000;
	border: 1px solid rgb(100,100,100);
}

.hidden {
	visibility:hidden;
	height: 0px;
	width: 0px;
}


/* ---------------------- MEDIA ---------------------- */


@media only screen and (max-width: 1277px) {
	.jump-navi {
		width: 0px;
		font-size: 0px;
	}
	.jump-navi h1 {
		width: 0px;
		font-size: 0px;
		padding: 0;
	}
	.jump-navi li a:link, .jump-navi li a:visited {
		border: none;
		width: 0px;
		padding: 0px;
	}
}