/*	wunderwuzzi css allgemein - version 2 / 03.10.2018
		grau (html, texte)		= #585858
		orange								= #ef821c
		tuerkis								= #0099a7
		beige (header)				= #e4cbb4
======================================= */

@font-face {
font-family: 'Tw Cen MT Condensed';
font-style: normal;
font-weight: normal;
src: local('Tw Cen MT Condensed'), url('../fonts/TCCM____.woff') format('woff');
}


@font-face {
font-family: 'Helvetica 57 Condensed';
font-style: normal;
font-weight: normal;
src: local('Helvetica 57 Condensed'), url('../fonts/HelveticaNeue-Condensed.woff') format('woff');
}

@font-face {
font-family: 'Helvetica 67 Medium Condensed';
font-style: normal;
font-weight: normal;
src: local('Helvetica 67 Medium Condensed'), url('../fonts/HelveticaNeue-MediumCond.woff') format('woff');
}


@font-face {
	font-family: 'Conv_HelveticaNeueLTPro-BdCn';
	font-weight: normal;
	font-style: normal;
	src: local('HelveticaNeueLTPro-BdCn'), url('../fonts/HelveticaNeueLTPro-BdCn.woff') format('woff');
}



html {
	background: url(../img/hintergrund_1200.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

body {
	padding: 0;
	overflow-y: scroll;
	font-size: 16px;
}

/*		zum ausrichten im browser		*/
#rahmen {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}

#screen {
	position: absolute;
	width: 1000px;
}

#header {
	position: absolute;
	width: 1000px;
	/*height: 117px;*/
}

#banner {
	position: absolute;
	left: 0px;
	top: 0px;
}

#linieH1 {
	position: absolute;
	left: 0px;
	top: 102px;
}

/*  ---------  NAVIGATION  -----------  */

#navi {
	position: absolute;
	left: 0px;
	top: 116px;
	width: 1000px;
	height: 48px;
	background-color: #e4cbb4;
}

#nav_btn {
	position: absolute;
	left: 0px;
	top: 4px;
}

/*  ---------  nav button  ----------  */

#nHome {
	position: absolute;
	left: 43px;
	top: 0px;
}

#nKurse {
	position: absolute;
	left: 112px;
	top: 0px;
}

#nPreise {
	position: absolute;
	left: 193px;
	top: 0px;
}

#nGeburtstage {
	position: absolute;
	left: 369px;
	top: 0px;
}

#nEvents {
	position: absolute;
	left: 500px;
	top: 0px;
}

#nGutscheine {
	position: absolute;
	left: 587px;
	top: 0px;
}

#nUeberuns {
	position: absolute;
	left: 707px;
	top: 0px;
}

#nKontakt {
	position: absolute;
	left: 809px;
	top: 0px;
}

/*  --------  nav punkte  --------  */

#nav_punkte {
	position: absolute;
	left: 0px;
	top: 21px;
}

#pHome {
	position: absolute;
	left: 106px;
	top: 0px;
}

#pKurse {
	position: absolute;
	left: 187px;
	top: 0px;
}

#pPreise {
	position: absolute;
	left: 363px;
	top: 0px;
}

#pGeburtstage {
	position: absolute;
	left: 494px;
	top: 0px;
}

#pEvents {
	position: absolute;
	left: 581px;
	top: 0px;
}

#pGutscheine {
	position: absolute;
	left: 701px;
	top: 0px;
}

#pUeberuns {
	position: absolute;
	left: 803px;
	top: 0px;
}


#linieH2 {
	position: absolute;
	left: 0px;
	top: 152px;
}




/*  -----  CONTENT ALLGEMEIN  -----  */

#content {
	position: absolute;
	left: 0px;
	top: 166px;
	width: 1000px;
	/* -- die unterschiedlichen hoehen werden in html angegeben -- */
	background-color: #FFFFFF;
}



/*  ----------  TEXTE -  medium condensed -------------------  */

.txt48mc {
	font-family: 'Helvetica 67 Medium Condensed';
	font-size: 3rem;
}

.txt46mc {
	font-family: 'Helvetica 67 Medium Condensed';
	font-size: 2.8rem;
	letter-spacing: 0.04rem;
}

.txt36mc {
	font-family: 'Helvetica 67 Medium Condensed';
	font-size: 2.0rem;
	letter-spacing: 0.04rem;
}

.txt30mc {
	font-family: 'Helvetica 67 Medium Condensed';
	font-size: 1.8rem;
	letter-spacing: 0.04rem;
}

.txt28mc {
	font-family: 'Helvetica 67 Medium Condensed';
	font-size: 1.6rem;
	letter-spacing: 0.04rem;
}

.txt22mc {
	font-family: 'Helvetica 67 Medium Condensed';
	font-size: 1.3rem;
	letter-spacing: 0.02rem;
	line-height: 2rem;
}

.txt22mc0 {
	font-family: 'Helvetica 67 Medium Condensed';
	font-size: 1.3rem;
	letter-spacing: 0.02rem;
}

.txt18mc {
	font-family: 'Helvetica 67 Medium Condensed';
	font-size: 18px;   /*1.3rem;*/
	letter-spacing: 0.02rem;
}


/*  ----------  condensed  ----------  */
.txt24c {
	font-family: 'Helvetica 57 Condensed';
	font-size: 1.4rem;
	letter-spacing: 0.04rem;
}

.txt22c {
	font-family: 'Helvetica 57 Condensed';
	font-size: 1.3rem;
	line-height: 2rem;
}

.txt20c {
	font-family: 'Helvetica 57 Condensed';
	font-size: 1.2rem;
	letter-spacing: 0.02rem;
	line-height: 1.7rem;
}

.txt20c_n {
	font-family: 'Helvetica 57 Condensed';
	font-size: 1.2rem;
	letter-spacing: 0.02rem;
}

.txt18c {
	font-family: 'Helvetica 57 Condensed';
	font-size: 1.1rem;
	letter-spacing: 0.02rem;
}

.txt18x {
	font-family: 'Helvetica 57 Condensed';
	font-size: 1.1rem;
	letter-spacing: 0.02rem;
	line-height: 1.7rem;
}

.txt16c {
	font-family: 'Helvetica 57 Condensed';
	font-size: 1.0rem;
	letter-spacing: 0.02rem;
	/*line-height: 0.5rem;*/
}

.txt14c {
	font-family: 'Helvetica 57 Condensed';
	font-size: 0.8rem;
	letter-spacing: 0.02rem;
}

.photo {
	font-family: 'Helvetica 57 Condensed';
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
}

.rechts {
	text-align: right;
}

.links {
	text-align: left;
}

.mitte {
	text-align: center;
}


/*  -------  bold condensed  -----------  */

.txt36bc {
	font-family: 'Conv_HelveticaNeueLTPro-BdCn';
	font-size: 2.8rem;
	letter-spacing: 0.04rem;
}

.txt30bc {
	font-family: 'Conv_HelveticaNeueLTPro-BdCn';
	font-size: 1.9rem;
	letter-spacing: 0.04rem;
}

.txt28bc {
	font-family: 'Conv_HelveticaNeueLTPro-BdCn';
	font-size: 1.7rem;
	letter-spacing: 0.04rem;
}


.txt24bc {
	font-family: 'Conv_HelveticaNeueLTPro-BdCn';
	font-size: 1.4rem;
	letter-spacing: 0.04rem;
}

.fett {
	font-family: 'Conv_HelveticaNeueLTPro-BdCn';
}


/*  ----------  font navigation  ---------  */

.txt20tcm {
	font-family:'Tw Cen MT Condensed';
	font-size: 1.2rem;
}

.txt24tcm {
	font-family:'Tw Cen MT Condensed';
	font-size: 1.4rem;
}

a:link { color: #5d5b5b; text-decoration: underline; }
a:visited { color: #5d5b5b; text-decoration: underline; }
a:focus { color: #ef821c; text-decoration: underline; }
a:hover { color: #ef821c; text-decoration: underline; }
a:active { color: #ef821c; text-decoration: underline; }



/*  ---------  TEXT-FARBEN  ---------  */

.txtRot {
	color: #FF0000;
}

.cOrange {
	color: #ef821c;
}

.cDklGrau {
	color: #585858;
}

.cTuerkis {
	color: #0099a7;
}

.cWeiss {
	color: #ffffff;
}

.cRot {
	color: #ff0000;
}

.cGruen {
	color: #69a826;
}

.cGelb {
	color: #e7a91f;
}

.cBlau {
	color: #188eca;
}

.cDklGruen {
	color: #11a043;
}

.cBraun {
	color: #cc581e;
}

.cSw {
	color: #000000;
}

.txtSchatten {
	text-shadow: 0px 0px 1px black;
}



/*  ---------  HINTERGRUND FARBEN  ----------  */

.bgWeiss {
	background-color: #ffffff;
}

.bgTuerkis {
	background-color: #0099a7;
}




/*  -----  FOOTER  -------  */

#footer {
	position: absolute;
	left: 0px;
	width: 1000px;
}

#impressum {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 1000px;
	text-align: center;
}


#box {
	position: absolute;
	left: 0px;
	top: 160px;
	width: 1000px;
	height: 60px;
	background-color: #FFFFFF;
}

#rverschluss {
	position: absolute;
	left: 0px;
	top: 0px;
}



/*  ------  feedback auf formular  --------  */

#mailDanke {
	position: absolute;
	left: 50px;
	top: 150px;
	width: 900px;
	text-align: center;
}

#mailText {
	position: absolute;
	left: 50px;
	top: 250px;
	width: 900px;
	text-align: center;
}