/*
<!-- www.kendy.de/... Webpage. 
Urheberrechts- & Quellcode - Hinweis: Lebe Deine eigene individuelle Bewusstwanderung, Deinen Stil! Dieser Quellcode ist Teil des privat und unabhängig initiierten und ganzheitlichen BEWUSSTWANDERN - PROJEKTES des Begründers des BEWUSSTWANDERNS, Dipl. Biologe, Künstler, Autor Kendy John Kretzschmar auf seinen Domains/offizielle Webquellen
www.kendy.de;www.bewusstwandern.org;www.bewusstwandern.de; www.bewusstwandern.com;

- Kendys BEWUSSTWANDERN.ORG PORTAL - betont rational-folgerichtiges Teilprojekt 
(Bewusstwandern, Einführung, Begründung, Handbuch, Referenzvortrag, Projektübersicht)
- Kendys KENDY.DE GARTEN ERDE TON HOMEPAGE - betont emotional-assoziatives Teilprojekt 
(Bewusstwandern, Kunst, Liedermacher Live, Musik, Tour, Liedergarten)  
- BEWUSSTWANDERN.DE - betont ganzheitlich-freies Teilprojekt
(gemeinsames Bewusstwandern, Seminare, Touren, Erlebniswanderungen)
- Kendys BEWUSSTWANDERN.COM - Werkekatalog, Downlaod, Werke-Versand;

Projekt & Inhalte sind urheberrechtlich geschützt. Es gilt das deutsch UrhG. 
© 2002/2017 ℗ Wahre die Urheberrechte und weiteren Schutzrechte nach dem UrhG.
(Inhalte,Code,Texte,Bilder,Musik,Datein) usw. - siehe auch impressum;

Hast Du ein Interesse an meinem Quellcode/Quellcodestil/Inhalten/Medien/Werken usw., möchtest Du kopieren, vervielfältigen, weitergeben, veröffentlichen, aufführen, verkaufen u.s.w Interesse welches über eine nichtkommerzielle, private Nutzung hinausgeht - so setze Dich mit mir als Urheber & Autor in Verbindung. Kendy John Kretzschmar - kontakt@kendy.de . 

Keep on knuddlich & viel Freude nun mit dem Quellcode, 
wünscht Dir Kendy John Kretzschmar (KKJ)

aktuell: 
2014_10_02,2015_03_09,2016_01_08,2016_09_14,2016_09_27,2017_03_03,2017_04_25,2017_05-28;
*/


/*deinition der zeichencodierung*/
@charset "utf-8";

/*definition der schriftarten der webseit aus einer .otf datei

@font-face {
	font-family: pecita;
	src: url(pecita.otf);}

@font-face {
	font-family: fatboy_2brk;
	src: url(fatboy-slim-bltc-brk.2-brk.ttf);}

@font-face {
	font-family: fatboy_brk;
	src: url(fatboy-slim-bltc-brk.brk.ttf);}

@font-face {
	font-family: jurax;
	src: url(Jura-DemiBold.ttf);}	

@font-face {
	font-family: jura;
	src: url(jura_medium.ttf);}

@font-face {
	font-family: fatboy_2brk;
	src: url(fatboy-slim-bltc-brk.2-brk.ttf);}

*/
@font-face {
	font-family: kkj_001;
	src: url(fonts/fatboy-slim-bltc-brk.brk.ttf);}
@font-face {
	font-family: kkj_002;
	src: url(fonts/Luna.ttf);}

@font-face {
	font-family: kkj_003;
	src: url(fonts/intuitive.ttf);}

@font-face {
	font-family: kkj_004;
	src: url(fonts/EBGaramond08-SC.ttf);}


@font-face {
        font-family: pecita;
        src: url(fonts/pecita.otf);}

@font-face {
        font-family: jura1;
        src: url(fonts/Redundant BRK.ttf);}

@font-face {
	font-family: fatboy_2brk;
	src: url(fonts/fatboy-slim-bltc-brk.brk.ttf);}



/*---- reset browserstyles anfang ----*/
html    {height: auto;
	width: auto;
	background-color: black;
	background-image: url(bilder/image_layout/html_bg_erde.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
        font-family: kkj_003, Helvetica,Arial,sans-serif;
	opacity: 1.0;
                -moz-opacity: 1.0;
                -khtml-opacity: 1.0;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter:alpha(opacity=100);
        cursor:/*url(bilder/cursor_erde.gif),*/  default;
        }


/* THE BIG GUYS, css-für alle elemente*/
* {
margin:0em;
padding:0em;
                border-radius: 1.0em 0.5em;
		border-top-left-radius: 1.0em 0.5em;
		border-bottom-right-radius: 1.0em 0.5em;
		border-top-right-radius: 1.0em 0.5em;
		border-bottom-left-radius: 1.0em 0.5em;
		-moz-border-top-left-radius: 1.0em 0.5em;
		-moz-border-bottom-right-radius: 1.0em 0.5em;
		-moz-border-top-right-radius: 1.0em 0.5em;
		-moz-border-bottom-left-radius: 1.0em 0.5em;
		-webkit-border-top-left-radius: 1.0em 0.5em;
		-webkit-border-bottom-right-radius: 1.0em 0.5em;
		-webkit-border-top-right-radius: 1.0em 0.5em;
                -webkit-border-bottom-left-radius: 1.0em 0.5em;
opacity: 1.0;
                -moz-opacity: 1.0;
                -khtml-opacity: 1.0;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter:alpha(opacity=100);
                }

audio,body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section 

{margin-left: auto;
	margin-right: auto;
        padding: 0.1em;
        background-color: transparent;
        font-weight: inherit;
        font-style: inherit;
        font-size: 1.0em;
        color: white;
        font-family:  kkj_003;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        line-height: normal;
        cursor: url(cursor_erde.gif), default;
        }

/* hilft neueren HTML5 elementen wie DIVs in älteren browsern */ 
article, aside, dialog, figure, footer, header,
hgroup, nav, section 
        {display:block;
        }

/* a nicht unterstrichen */
a       {text-decoration: none;
        font-family: kkj_003;
        cursor: ;
        }

/* img bilder auto größe*/  
img     {height: auto;
	 width: auto;
        }

/* tabellen 'cellspacing="0" */
table   {border-collapse: separate; 
        border-spacing: 0.0em;
        }

/* float:none - kein brechen von tabellenzellen */
caption, th, td 
        {text-align: left; 
	font-weight: normal; 
	float:none !important;
        }

table, th, td {vertical-align: middle;
        }
/*---- reset browserstyles ---- ende*/

<!DOCTYPE html>
<head>
    	<meta name="viewport" content="width=device-auto, initial-scale=1.0, user-scalable=no">
</head>
<body>
</body>

/*body elementformate*/
body            {height: auto;
		width: 88%;
		margin-left: ;
		margin-right:;
                margin-top: 0.0em;
                border:solid 0.1em #9f8452/*#808080*/;
                border-width:0.0em 0.1em 0.1em 0.1em;
                color: #888888; /*#999*/;
                font-family:/*consolamono, intuitive,jura*/  kkj_003,Helvetica,Arial,Sans-serif;
                font-size:1.0em;
                vertical-align: middle;
                text-align: center;
                font-weight: normal;
                line-height: normal;
                }


/*kendystyle linkleiste zwischen html und body*/
/*css - div background-attachment: fixed;
background-repeat: repeat;*/
div             {margin-left: auto;
		margin-right: auto;
                }

div.background  {background-attachment: fixed;
		background-position: top 3em center;
		background-repeat: no-repeat;
		background-size: cover;
                cursor: url(cursor_erde.gif), default;
                }

div.linkleiste  {margin-top: 1.0em;
                margin-bottom: 1.0em;
                text-align: center;
                border:0.0em, none;
                font-variant: small-caps;
                font-size: 1.0em;
                text-decoration: none;
                cursor: pointer;
                }

div.mainlinks   { margin-top: 2.0em;
		margin-bottom: 2.0em;}



div.oben        {padding-top: 5.0em;
                text-align: center;}

div.mitte       {margin-top: -3.0em;
                 text-align: center;}

div.unten       {margin-top: 5.0em;
                padding-bottom: 5.0em;
                text-align: center;}

div.sound       {margin-top: 1.5em;}

form            /*{margin-top: 20.5em; 
                  margin-bottom: 20.5em;
                  margin-right: auto;                  
                  margin-left: auto;
                  font-size: 100%;
                  font-weight: bold;
                  color: #CCCCCC;
                  text-align: left;
                  background-color: #000000;}*/

                {width: 68%;
                height: auto;
                margin-top: ; 
                margin-bottom: 1em;
                margin-left: auto;
                margin-right: auto;
                padding-top: 1em;
                padding-right: 1em;
                padding-bottom: 1em;
                padding-left: 1em;
	        background-color: #000000;
                color: #888888;
                opacity: 0.88;
                -moz-opacity: 0.88;
                -khtml-opacity: 0.88;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
                filter:alpha(opacity=88);
                font-size: 1em;
                font-style: normal;
                text-shadow: /*#666666 0.3em 0.4em 0.8em;*/
                white-space: normal;    
                text-decoration: none;                          
                line-height: normal;
                vertical-align: middle;
                text-align: left;                
                cursor: text;}

/*links - css*/

a	        {display: inline;
		position: relative;
		padding: 0.2em 0.2em;
		margin: 0.2em; 0.2em;
                vertical-align: middle;
		font-size: 1.1em;
		font-variant: normal;
		text-shadow: #003300 0.3em 0.4em 1.3em;
		border: dotted 0.2em #888888;
		color: #FFFFFF;
		opacity: 1;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter:alpha(opacity=100);
                cursor: pointer;
                }

		
a:link          {color: #CCCCCC;
		text-shadow: #006600 0.3em 0.4em 0.8em;
                cursor: pointer;}

a:visited       {color: #C0C0C0;
		text-shadow: none;
                cursor: pointer;}

a:hover         {color: #9F8452;/*#CC6600;*/
		font-size: ;
                font-weight: ;
		text-shadow: #17260F;/*#006600*/ 0.3em 0.4em 0.8em;
                opacity: 1
                opacity: 1.0;
                -moz-opacity: 1.0;
                -khtml-opacity: 1.0;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter:alpha(opacity=100);
                cursor: pointer;}

a:active        {color: #660000;
		text-shadow: #330000 0.3em 0.4em 0.8em;
cursor: pointer;}

a.linkleiste    {border: none;
                font-variant: small-caps;
                font-size: 1.3em;
                padding:0.0em;
                margin:0.0em;                                
                text-decoration:none;
                cursor: pointer;}

a.linkleiste_active    {border: none;
                font-variant: small-caps;
                font-size: 1.1em;
                font-weight: bold;
                text-decoration:none;
                color: #9F8452;
                cursor: pointer;}

a.ohnerahmen    {border: none;
                font-size: 1em;
                text-decoration: underline;
                cursor: pointer;}

a.datenschutz   {border: none;
                font-size: 0.7em;
                text-decoration: none;
                cursor: pointer;}

a.fussnavi_r {margin-left: ;
                color: #9F8452;
                background: none;
                border: ;
                font-weight: bold;
                cursor: pointer;}
a.fussnavi_l {margin-right: ;
                color: #9F8452;
                 background: none;
                 border: ;
                 font-weight: bold;cursor: pointer;}

a.fussnavi_center {}

a.fussnavi_img {}

/*css - h1 -h2 - uberschriften: font-family: fatboy_2brk;*/
h1, h2 	        {padding-top:1em;
                margin-bottom:;                
                font-family:  kkj_003;
		font-size: ;
                font-weight: ;
                font-variant: small-caps;
		text-shadow: #003300 0.2em 0.2em 0.1em, #003300 0.3em 0.4em 10.8em ;
		line-height: ;
                color: #FFFFFF;
cursor: default;}

h1              {text-align: middle;
                font-size: 1.8em;
cursor: default;}
		
h2              {text-align: middle;
                font-size: 1.5em;}

h1.willkommen  {padding-top: 4em;
                padding-bottom: 2em;
cursor: default;}




/*css - p - textabsätze*/
p               {width: 68%;
                margin-left: auto;
                margin-right: auto;
                margin-top: 1em;
                margin-bottom: 1em;
                padding-top: 1em;
                padding-right: 1em;
                padding-bottom: 1em;
                padding-left: 1em;
	        background-color:#150808/*#000000*/;
                color: #888888;
                opacity: 0.88;
                -moz-opacity: 0.88;
                -khtml-opacity: 0.88;
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
                filter:alpha(opacity=88);
                font-size: 1.0em;
                font-style: normal;
                text-shadow: none /*#666666 0.3em 0.4em 0.8em*/;
                white-space: normal;    
                text-decoration: none;                          
                line-height: normal;
                vertical-align: middle;
                text-align: center;
                cursor: default;}

/*css - sonderfälle und klassen*/
p span          {color: #708100;
                font-size:1.1em;
                font-style: normal;
                text-shadow: #666666 0.3em 0.4em 0.8em;
                white-space: normal;    
                text-decoration: none;                          
                line-height: normal;
                vertical-align: middle;
                text-align: center;                
                cursor: default;}
                
/*color: #CC6600;*/

span.rot          {color: #517146;
                font-size:1.0em ;
                vertical-align: middle;
                cursor: default;}
/*color: #CC6600;*/

span.spampasswort  {color: #708100;
                font-size:1.2em;
                vertical-align: middle;
                cursor: default;}
/*color: #CC6600;*/

p img           {height: auto;
	        width: 100%;
cursor: default;}

p.nani		{font-family:  kkj_003;
		font-size: 1.2em;
cursor: default;}

img.nav        {height: auto;
	        width: auto;
cursor: pointer;}

img.nauf        {cursor: pointer;}

img.mini        {height: auto;
	        width: auto;}

img.imglink_34  {border: solid 0.1em #888888;
                width: 3.4em;
                height: 3.4em;}

img.tour     {height: 50em;
	 width: auto;}


p.linksbund     {text-align: left;cursor: default;}

p.wurzel        {text-align: left;
		 width: 5.5em;cursor: default;}

p.counter        {text-align: middle;
		 width: 5.0em;
                margin-left: auto;
                margin-right: auto;
                padding-top: 0.1em;
                padding-right: 0.1em;
                padding-bottom: 0.1em;
                padding-left: 0.1em;cursor: default;}

video	        {width: 100%;
		height: 80em;
		background-color: #150808 /*#000000*/;
		border: solid 1px #FFFFFF;
                cursor: pointer;
                }

iframe          {border: /*solid 1px #FF6600*/;
		width: 100%;
		height: 20em;
                }

iframe.gaestebuch {border: /*solid 1px #FF6600*/;
		width: 100%;
		height: 40em;
                }

iframe.iframe1000 {width: 100%;
		height: auto;
                }

iframe.iframemax {width: 68%;
		height: auto;
                border: none;
                font-family: inherit;
                background-image: /*url(bilder/image_layout/referenz_body_bg2.jpg)*/;
                                }

iframe.iframe100 {width: 100%;
		height: auto;
                border: none;
                }

p.frame         {background: none;
                cursor: default;}

iframe.counter  {border: solid 0.1em #FF6600;
		width: 15.0em;
		height: 5.0em;
                }
audio           {width: 30%;
                 height: auto;
                 text-align: center;
                 margin-left: auto;
                 margin-right: auto;
                 margin-top: ;
                 margin-bottom: ;
                 border: dotted 0.3em #FFFFFF;
                 background-color: #150808 /*#000000*/;
                cursor: pointer;}



/*kendys css schnippsel
background-image: url(bilder/image_layout/p_textblatt_bg.jpg);
                background-attachment: fixed;
                background-repeat: repeat;
border:0.1em dotted  #808080;

iframe          {border: solid 0.1em #FF6600;
		width:"" 
                height:"310.5em";}



kendys css werkzeugkasten*/
		
/*kendys css werkzeugkasten




element, class	display: visible;
		border: solid 0.1em grey;
		position: static / absolute /....;
		display: visible / block / inline...;
		
		width: ;
		height: ;
		
		padding: 0.5em;
		padding-top: ;
		padding-right: ;
		padding-bottom: ;
		padding-left: ;
		
		border: solid 0.1em grey;
		
		border-top-left-radius: 5em 3em;
		border-bottom-right-radius: 5em 3em;
		border-top-right-radius: 5em 3em;
		border-bottom-left-radius: 5em 3em;
		-moz-border-top-left-radius: 5em 3em;
		-moz-border-bottom-right-radius: 5em 3em;
		-moz-border-top-right-radius: 5em 3em;
		-moz-border-bottom-left-radius: 5em 3em;
		-webkit-border-top-left-radius: 5em 3em;
		-webkit-border-bottom-right-radius: 5em 3em;
		-webkit-border-top-right-radius: 5em 3em;
		
		margin: 0.5em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 0.5em;
		margin-right: 0.5em;
		
		background: transparent;
		background-size: auto auto;
		background-color: #FFFFFF;
		background-image: url(bilder/image_layout/htmlbglg.jpg);
		background-attachment: fixed;
		background-size: cover;
		
		list-style-type: none;
		float: left;
		text-align: center;
                alignment-adjust: ;		
                vertical-align: baseline, middle;
		
		font-family: pecita, Arial, sans-serif;
		font-size: 130px;
		font-weight: 500;
		white-space: pre / pre-line / pre-warp...;
		text-align: left / right / center;
		text-shadow: #005500 0.1em 0.2em 10.8em;
		
		line-height: 130%;
		color:  #005500;} 
*/