/* leonardo_wdw.css */

@font-face {
	font-family: 'typewriter';
	
	src: url('/fonts/TravelingTypewriter.woff2') format('woff2'),
		url('/fonts/TravelingTypewriter.woff') format('woff');
	
	
	font-weight: normal;
	font-style: normal;
}



html, body, div, p, h1, h2, h3, h4, ul, ol, table, td, form, img, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "typewriter", "Courier New", courier, serif;
	font-weight:bold;
}

body {
	
	color: #444;
	background: #ddd;
	text-align: center;
	background-image: url(/images/ruler_links.gif);
	background-repeat: repeat-y;
	line-height:1.5;
}

hr {display:none;}

p {
	margin: .5em 0 .7em 0;
	font-size: 1em;
}

h1 {
/*	font-size: 1.6em;*/
	margin: 0 .3em 1em 0;
}

h1:first-of-type {
  max-width: 85%;
}


h2 {
/*	font-size: 1.2em;*/
	margin: 1em 0 .5em 0;
}

#menuwrapper {position:static !important;}
#menuwrapper h2 {margin-left:1em}

#styles h2 {
/*	font-family: "Courier New", courier, serif;*/
	font-size: 1.6em; 
	margin:  40px 0 0 0; 
	padding: 0;
}

h2#news {max-width: 89%;}


em {
	font-weight: bold;
	font-style: normal;
}

ul, ol {
	margin: .5em 0 .5em 1em;
}


/*a[href^='http']:not([href*='weisshart']):not([href^='https://creativecommons']):not([href^='https://360']):not([href^='http://w7t']):not([href^='http://deine-erste-homepage']){
background:url('/images/ex3.svg') no-repeat ;display:inline-block;padding-left:18px;background-position: 2px 6px;background-size:.65em;
}
*/

/*a[href*='//']:not([href*='weisshart']):not([href^='https://creativecommons']):not([href^='https://360']):not([href^='http://w7t']):not([href^='http://deine-erste-homepage']){
background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjAvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgogPGcgZmlsbD0iY3VycmVudENvbG9yIj4KICA8cGF0aCBkPSJNMCAxMiBsMCAtMTIgNCAwIDQgMCAwIDIgMCAyIC0yIDAgLTIgMCAwIDggMCA4IDggMCA4IDAgMCAtMiAwIC0yIDIgMCAyIDAgMCA0IDAgNCAtMTIgMCAtMTIgMCAwIC0xMnoiLz4KICA8cGF0aCBkPSJNMTAgMTMuNSBsLTEuMyAtMS42IDMuOCAtMy45IDMuOSAtMy45IC0xLjkgLTIuMSAtMS44IC0yIDUuNiAwIDUuNyAwIDAgNS43IDAgNS42IC0yIC0xLjggLTIuMSAtMS45IC0zLjcgMy43IGMtNC4zIDQuMiAtNC41IDQuMyAtNi4yIDIuMnoiLz4KIDwvZz4KPC9zdmc+') no-repeat;display:inline-block;padding-left:1em;background-position: 2px .45em;background-size:.65em;}
*/
.inhalt .wiki {
/* white-space:nowrap; */
background: transparent url(/images/w.gif) 0 46% no-repeat !important;
padding-left: 17px;
}


.desc {margin:0 0 0 2.4em !important;}


#wrap,
.wrap {
	background-color: #efebe8;
	position: relative;

/*	border: 1px solid #ccc;*/
	width: 97%;			/* nicht zusammen mit body padding */
	max-width: 64em;
	margin: 10px auto;
	padding: 30px 0 20px 0;
	/*/*/
	text-align: left;
	/**/
}

#wrap {
    background-image: url(/images/vinci-4.png), url(natural_paper.jpg);
    background-repeat: no-repeat, repeat;
    background-position: 98% 1em;
    background-size: 400px 400px;
	box-shadow: inset 0 0 .5em .5em #ddd;
	margin-top:0;margin-bottom:0;	
}



#wrap::after, .wrap::after, .beispiel::after, .storycontent::after {
	content: ".";			/* die box um den ganzen Inhalt floaten lassen - positioniseverything.net */
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html #wrap {height: 1%;}
* html .wrap {height: 1%;}
* html .beispiel {height: 1%;}
* html .storycontent {height: 1%;}

* html .rahmen {height:1%;}
*+html .rahmen {height:1%;}



.edih, #headimg, #uhr, #google, #googlelink, #adsense {display: none;}


input, textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	border: 1px solid #888 !important;
}


input[type=submit] {
    padding:5px 7px; 
    background:#fff; 
    cursor:pointer;
    -webkit-border-radius: 2em;
    border-radius: 2em; 
}

.inhalt {
	clear:right;
	width:75%;
	margin: 45px 30px -12em 50px;
	position:relative;top:-14em
}


/*.inhalt p {line-height: 1.2em;}*/

.inhalt li {
	margin: .5em 0 0 1em;
/*	padding: 0.2em 1em 0 1em;*/
}

.titel {margin: 0 10px 0 50px;}

.beispiel .bild {
	float: left;
	margin:3px 3.5em 1em 0;
	border: 1px solid #888;
	width: 300px;
	max-width: 50%;
}
.beispiel .bild200 {
	float: left;
	margin:3px 3.5em 1em 0;
	border: 1px solid #888;
	width: 200px;
	max-width: 33%;
}

.mms {float: left; border: 1px solid #888; margin: 5px 10px 5px 0;}

.rahmen::after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
* html .rahmen {height: 1%;}

legend {padding: 0 1em;}


.wei {white-space: nowrap;}

.hinweis {font-size:.8em;}

a {cursor:pointer;}
a {
	color: #9e3d3d;
	text-decoration: none;
	padding-bottom:2px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;

}

a:hover, a:active, a:focus {
	color: #444;
	text-decoration:none;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	border-radius: 0 !important;
	text-decoration: none;
}

h2 a:focus, h2 a:hover, h2 a:active {
/*    padding-bottom: 2px;*/
	border-bottom: 1px solid #888 !important;
	
}	

.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
}
.breadcrumb span {font-family: Arial, Helvetica, sans-serif;}

/*klappen*/
/*[class^="img_desc"] [id^="klapp"] {margin: 3px 0 2px 2px !important; min-width:0;outline:none !important;}*/

[id^="klapp"] {border: 0 !important;}
[id^="klapp"] span:nth-of-type(2) {/*text-decoration:none;*/font-size:1rem;line-height:1em;}


/************ footer ********************/
#footer {margin-bottom: 0; padding-bottom:1em;}

#footer li, .partner p {
	font-size: 0.8em;
	display: inline;
}

#footer a img {
	border: 0;
	margin-top: 7px;
}
/************* ENDE footer *************/

/************* Menu *********************/

#menu {margin: 20px 0 15px 35px !important;}

#menu::after {
	content: ".";			/* die box um den ganzen Inhalt floaten lassen, damit margin-bottom funkioniert - positioniseverything.net */
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #menu {height: 1%;}

#menu ul {list-style: none;}

#menu li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	float: left;			/* SELFHTML: hier fehlt width! - dem Valdator ist's egal*/
	border: 1px solid #888;
/*	border-right: 0;*/
	margin: 1px;
	background: url(../images/vinci-1_bw.jpg);
	background-size:cover;
	font-weight: bold;
	line-height:3.2em;
	padding: 0 .4em;
}




#menu .facebook {
background: 0 !important;
border:1px solid #F6F1DC !important;
}

#menu li span {				/* span wg. Sprachwechselspans */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	font-size: 1em !important;*/
}


#menu li.last {border-right: 1px solid #888;}

#menu li:hover {background: url(../images/vinci-1_sepia.jpg);background-size:cover;} /* natürlich nicht im IE */

#menu li li {font-size: 1em;margin-left:.6em;line-height:1.7em;background:transparent !important;}

#menu .current, #menu.current span  {
	xfont-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #888;
	margin: 0.7em 0 1em 0;
}


[id^="submenu"] li	{
	float: none !important;
	list-style: square;
	color: #333;
	border: 0 !important;
	padding:0;
	margin: 0 0 0 2em;
	background: transparent;
	font-size:.8rem !important;
}


#menu a {
	color: #333;
/*	margin: 0 0.5em;*/
	display:inline-block;
	line-height:2.8em;
}

#menu li li a {
	line-height:1.5em !important;
}

#menu a:hover, #menu a:active, #menu a:focus {
	color: white;
	border-color: transparent !important;
}

/********** styles **************/

#styles {
	float: right;
	width: 13em;     /* vermutlich mag das der IE5 nicht*/
	margin-top: -35px;
	padding: 0 40px 2em 10px;
	text-align: right;
       	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}

/*html:first-child>b\ody #styles {font-size: 0.8em;}	 Opera */


#styles li {list-style: none;}

#styles a {
	font-family: Arial, Helvetica, sans-serif;
	/*line-height: 1.4em;*/
	color: #333;
	text-decoration: none;
	padding-bottom:1px;
}

#styles li span, #styles li a span, a.styleinfo span {	/* wg. Spachwechsel */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}


/****** blogger ********/

#commentlist li{
	margin: 1em 0 0 2em;
}

.feedback {
	text-align: right;
}

.credit {
	text-align: right;	
	padding-right: 2em;
}

.rahmen .post .storycontent img {
	float: left;
	margin: 0 1em 0.3em 0;
	border: 1px solid #888;
}

.rahmen .post .storycontent img.smilie {
	display: inline;
	float: none;
	margin: 0;
	border: 0 none;
}

#blogmenu li {
	text-align: left;
	margin: 0;
	padding:0;
	list-style-type: none;
}

.blogdate {margin: 0 0 0 -.7em;}
* html .blogdate {margin: 0}

/****** blogger END ******/

textarea#comments {width: 90%;}

/****** ticker *******/
.tickerdate, .tickerdata {
	vertical-align:top;
	color: #111;
/*	line-height: 1.4em;*/
	font-family:monospace;
	font-size:1.2em;
}
.tickerdate {
	padding: 0 1em 0 0;
	white-space:nowrap;
	font-weight: bold;	
	color: #555;
/*	line-height: 1.6em;*/
}

#suchform {
	margin: 5px 40px 0 50px;
	padding: 0;
}
* html #suchform {height: 1%;}
.searchfield {font-size:1em;border:1px solid #888; padding:.2em;width:10em;}



.verzeichnis a:hover, .verzeichnis a:focus {
border-bottom:1px solid #888!important;
text-decoration:none;
}
.verzeichnis ul li {margin:0;}
.pfeil li {
  list-style-type: none;
  line-height:1.465em !important;
}

.intlist {list-style-image:url(/images/down.gif)}
.int::before {content:url(/images/down.gif)" "}
/*.exlist {list-style-image:url(/images/ex.gif)}*/

.searchword  {color: #222; background-color: #ff6; border: 1px dotted #ff6;}
.searchword0  {color: #222; background-color: #ff6; border: 1px dotted #ff6;}
.searchword1 {color: #222; background-color: #a0ffff; border: 1px dotted #0affff;}
.searchword2 {color: #222; background-color: #9f9; border: 1px dotted #9f9;}
.searchword3 {color: #222; background-color: #f99; border: 1px dotted #f99;}
.searchword4 {color: #222; background-color: #f6f; border: 1px dotted #f6f;}
.searchword5 {color: #fff; background-color: #800; border: 1px dotted #800;}
.searchword6 {color: #fff; background-color: #0a0; border: 1px dotted #0a0;}
.searchword7 {color: #fff; background-color: #886800; border: 1px dotted #886800;}
.searchword8 {color: #fff; background-color: #004699; border: 1px dotted #004699;}
.searchword9 {color: #fff; background-color: #909; border: 1px dotted #909;}

.mod {display: block; font-size: .8em;}

#counter {
font-size: 1em;
font-family:monospace;
}
#countdown {
font-family:monospace;
font-size:1.2em;
text-align:center;
padding: .3em; 
margin: 0 0 .5em 0;
color: #222;
}
#neuladen {
	color:#fff;
}

#wall {
/*width: 96%;  Op brauchts? */
height: 13.5em;
background:#f9f9f5;
overflow: auto;
border: 1px solid #888;
margin: 0;
padding: .3em 0;
}

#wall p {
margin: 0 0 0 1.6em;
text-indent:-0.9em;
}


#wall span {
font-weight:900;
}

.post-categories {
margin: 0 0 0 0;
}
.post-categories li {
display:inline;
/*font-size:.85em;*/
}

#sitemap, #sitemap ul {
list-style-type: none;
}

#skipcontainer { /* wg. IE hasLayout */
width: 1px;
}

#skip {
clear:left;
display:block;
padding-top: 1em;
border: 0;
text-decoration:none;
}
* html #skip {padding-top: 0;}
*+html #skip {padding-top: 0;}

.groesser {font-size: 120% !important}
.kleiner {font-size: 80% !important}

acronym {
	cursor: help;
	border-bottom: 2px dotted #000;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 0;
  padding: 0.5em 10px;
  font-size:1.1em;
}


code {
	/* jetzt die abwechselnde Einfärbung der Zeilen */
	background: linear-gradient(
		to bottom,
		#fff,
		#fff 50%,
		#eed 50%,
		#eed
	);
	background-size: 100% 48px;
}

/* Das Codesnippet beim Fokussieren mit der Maus (oder Tastatur) hervorheben */
code:focus, code:hover {
	background: linear-gradient(
		to bottom,
		#fff,
		#fff 50%,
		#edd 50%,
		#edd
	);
	background-size: 100% 48px;
	overflow-x:scroll;
}


.codebeispiel {
background-color: #fff;
color:#454;
}

.linkopener {
font-size: .9em !important;
/*text-indent: 0 !important ;*/
margin-left:3.4em;
padding:0 !important;
}

.teasertitle {font-size:1em;}

#Steuercodes a:hover span { left:6em !important;}
#text {height: 17em;}

.storytitle a {font-weight:bold;}

h3#post {margin-top: 3em;}

.rss a img {
padding: 0 4px 0 0;
background-color: #F6F1DC;
position:relative; top: 4px;
}

.podcast a img{
position:relative; top: -5px; 
border:none !important;
}

.podcast a{
margin-left:-10px;
}

/* Twitter */
#twitter_div,
.twitter {
text-align:left;
margin: 15em 2.5em 0 3em;
background: #F6F1DC;
padding: 1em;
border: 1px dotted !important; 
font-size: 1em !important;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}

/* Video wien.at */
.extplayercontrolshead h2 {display:none;}

/* Bildunterschriften */
dl[class^="img_desc"] {margin:1rem 1rem 1rem 0;padding-left:0;/*float:none;*/}


dl.img_desc_240 dd,
dl.img_desc_320 dd,
dl.img_desc_360 dd,
dl.img_desc_400 dd,
dl.img_desc_480 dd,
dl.img_desc_500 dd { 
margin: 0;
clear:left;
font-size: .9em;
border:1px solid #888;
padding:5px;
}
dl.img_desc_240 {
max-width:242px
}

dl.img_desc_320 {
max-width:322px
}

dl.img_desc_360 {
max-width:362px
}

dl.img_desc_400 {
max-width:402px
}

dl.img_desc_480 {
max-width:482px
}

dl.img_desc_500 {
max-width:502px
}

dl.img_desc_240 img {
width:240px
}

dl.img_desc_320 img {
width:320px
}

dl.img_desc_360 img {
width:360px
}

dl.img_desc_400 img {
width:400px
}

dl.img_desc_480 img {
width:480px
}

dl.img_desc_500 img {
width:500px
}
dl.img_desc_669 img {
width:669px
}

dl.img_desc_240 dd {max-width: 230px;}
dl.img_desc_320 dd {max-width: 310px;}
dl.img_desc_360 dd {max-width: 350px;}
dl.img_desc_400 dd {max-width: 390px;} 
dl.img_desc_480 dd {max-width: 470px;} 
dl.img_desc_500 dd {max-width: 490px;} 
dl.img_desc_669 dd {max-width: 689px;} 

dd, dd span {font-family:Arial, sans-serif;}

dl.textliste, dl.textliste dd {font-family: "typewriter", "Courier New", courier, serif;}
dl.textliste dd {margin: 0 0 .5rem 5.5rem;}

.playlist_container {margin:1em 0 !important;background:#fff;}

.my-gallery {margin-left: 0 !important}

.lilqr {border:1px solid #888;}

.bitcoin p {clear:none;}


#sb_iframe {
	position:relative;
	top:-8em;
	left:3em;
	height:300px !important;
}
#sb_header {
	position: relative;
	top: -7em;
	left: 33px;
}

ul#faqlist {
	margin-top: 6em;
}
.pagination a:hover, .pagination a:focus {border:0;}

#kategorien {margin: 1em .5em 0 0;}

/* Safari 10.0+ but not on iOS */
_::-webkit-:-webkit-full-screen:host:not(:root:root), audio {-webkit-filter: invert(1);}

/* Edge only */
_:-ms-lang(x),_:-webkit-full-screen,audio {-webkit-filter: invert(1);}

/* IE10/11 */
_:-ms-lang(x),audio {-webkit-filter: invert(1);}

#art_links {
    margin: 1em 0;
    max-width: 85%;
    border: 1px solid #888;
    padding: .5em 1em;
	background: #ddd;
}

#eu-cookie-irrsinn p {
    line-height: 2em;
    margin-right: 1em;
    font-size: .9em;
    margin-top: 2em !important;
}