html		{scroll-behavior:smooth}
body		{padding:0px 145px 12px 240px; max-width:1000px;
		 line-height: 160%; font-size:16px; font-family:"Segoe UI",SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif}
#nav1		{position:fixed; top:  4px; left:10px; width:220px; height:500px; background-color:#FFF; border:2px inset #CCC}
#nav2		{position:fixed; top:  8px; right:8px;         line-height: 24px; background-color:#FFF}
#nav3		{position:fixed; top:510px; left:10px; width:220px;               background-color:#FFF; border:2px inset #CCC;
		 font:9pt/17px Verdana,sans-serif}									/* siehe a (navigation.htm) */

a:link		{}
a:visited	{color:#000080}
a:focus		{text-decoration:none; border-bottom:1px solid #000080}
a:hover		{text-decoration:none; border-bottom:1px solid #000080}
a:active	{text-decoration:none; border-bottom:1px solid #000080}

#nav2 a, #nav2 span	{display:block; float:left; width:20px; height:20px; margin:1px 6px}
#nav2 span	{opacity:0.3; filter:Alpha(opacity=40, style=0)}
#nav2 a:link	{}
#nav2 a:visited	{}
#nav2 a:focus	{}
#nav2 a:hover	{border:0; opacity:0.8}
input[name=q]:hover,input[name=sa]:hover	{box-shadow:inset #C0C0FF 0 0 2px 1px}
#nav2 a:active	{}

#n1		{background:url(images/n1.svg) no-repeat}
#n2		{background:url(images/n2.svg) no-repeat}
#n3		{background:url(images/n2.svg) no-repeat; transform:rotate(-90deg)}
#n4		{background:url(images/n2.svg) no-repeat; transform:rotate(90deg)}

#nav3 a		{margin:0 0 0 16px; display:block; border-bottom:none; color:#000; text-decoration:none}
#nav3 a:hover 	{color:HighlightText; background-color:Highlight}

input[name=q]	{border-radius:3px; width:76px; margin-left:5px}
input[name=sa]	{border-radius:3px; width:23px; height:23px; font-size:0; vertical-align:middle; background:url(images/suche.gif) no-repeat}
input[name=sa]:active	{border:2px inset #C0C0FF}
input[name=q]:focus	{width:276px; margin-left:-195px}

.vb1-comment	{color: #008000}
.vb1-identifier	{color: #000000}
.vb1-number	{color: #000000}
.vb1-reservedword	{color: #0000FF}
.vb1-space	{color: #000000}
.vb1-string	{color: #000000}
.vb1-symbol	{color: #000000}

h1		{font-size:1.8rem; font-weight:600}
h2		{font-size:1.2rem; font-weight:600}
code, pre	{font-family:"Courier New",Courier,Consolas,monospace;line-height:110%}
img		{border:0}
em		{font-weight:bold}
ul		{list-style-image:url(images/ico_modul.gif)}

table		{border-collapse:collapse; font-size:.8em}
th		{border:1px outset #F0F0F0; Background-color:#F0F0F0; line-height:140%; font-weight:600; padding:0 4px}
td		{vertical-align:top; line-height:140%}
.titel  	{border:1px outset ButtonFace; box-shadow:inset 0 -7px 9px InactiveCaption; color:CaptionText; background:ActiveCaption 4px 6px no-repeat;
		 padding:3px 3px 3px 24px; text-align:left; white-space:nowrap}
.msgbox 	{border:1px outset ButtonFace; background-color:ButtonFace; color:ButtonText}	/* zeichnet Tabellen aus, die VBA-Meldungen darstellen */
.msgbox td	{padding:10px}
button  	{width:100px}

.zahl   	{text-align:right; padding-right:0.5rem}							/* Tabellenzellen für Zahlen */

.info		{background-color:#FFFFF0}
.info td	{border-bottom:1px solid #CCC; padding-right:4px}									/* info ist für Infotabellen */

.cHead  	{margin:8px 0 0; padding:2px; background:ButtonFace; border-left:2px outset ButtonFace}		/* Codefenster-Kopf */
.cHeadKombi	{width:49%; margin:0}										/* Codefenster-Kopf: Kombifelder */
.cFenster	{border:2px inset #F0F0F0; margin:0; padding:4px 4px 4px 29px; background-image:linear-gradient(to right, #DDD 19px, #444 20px, #FFF 21px)}
.dFenster	{border:2px inset #F0F0F0; margin:0; padding:4px}

.syntax 	{background-color:#FFFFF0; border-radius:4px; padding:5px 0; font-size:0.7rem}	/* Für die Funktionsreferenz*/
.enum   	{border-bottom:1px dashed #008000; text-decoration:none; color:#008000; cursor:pointer}
.enum:hover	{border-bottom-style:solid}
.siehe  	{margin-top:-2rem; text-align:right}
.popup  	{position:absolute; font-size:0.8rem; min-width:80px; padding:12px 5px 5px;
		 background:#FFF url(images/ico_close.gif) no-repeat right top;
		 box-shadow:0.3em 0.3em 0.7em 0.3em #808080; border:1px solid #c0c0c0; border-radius:8px; animation:einblend 1s}

.Access		{font-weight:bold; color:#A03437}
.Excel		{font-weight:bold; color:#1E6C41}
.Outlook	{font-weight:bold; color:#006EC3}
.PowerPoint	{font-weight:bold; color:#D14424}
.Project	{font-weight:bold; color:#009E48}
.Publisher	{font-weight:bold; color:#076F63}
.Visio		{font-weight:bold; color:#4668C5}
.Word		{font-weight:bold; color:#2B589C}

.amazon		{width:194px; padding:1px; text-align:center; border:2px solid #FEBD69; border-radius:3px}
.amazon input[type=submit]	{background:linear-gradient(to bottom,#f7DDa0,#F0C24d);border-radius:3px;border-color:#ADB1B8 #A2A6AC #8D9096;border-style:solid;border-width:1px;cursor:pointer;display:inline-block;padding:0;text-align:center;text-decoration:none!important;vertical-align:middle}

.VBArechtsResponsive	{position:fixed; top:120px; right:8px; min-width:120px; max-width:250px; min-height:240px}
.VBAuntenResponsive	{margin-top:48px; height:90px}
.VGWort		{display:none}
a[href*="awin"]:after,a[href*="amazon"]:after   {content:"¹"; font-size:.7em; color:#808080; vertical-align:top}
/* body:after	{content:"¹ Werbung"; color:#808080; font-size:.7em}  Das steht in den betroffenen Seiten  */

@media print{
body		{padding:8pt}
#nav1, #nav2	{display:none}
body:before	{content:url(favicon.ico)" VBA-Tutorial.de:"}
}

@media screen and (min-width:1400px){
html		{font-size:16pt}
#nav2,.VBArechtsResponsive {left:1260px; min-width:250px; right:auto}
}

@media screen and (max-width:999px){
body		{padding:6px 6px 6px 40px}
#nav1		{top:0; left:0; width:40px; border-style:none}
#nav2		{top:0; right:0}
#nav3		{display:none}
h1		{font-size:1.5rem}
h2		{font-size:1.1rem}
.VBArechtsResponsive 	{right:-200px; width:0}
}

@keyframes einblend{												/* Einblendung der .popup-Fenster*/
from	{transform:scale(0); transform-origin:top left; opacity:0}
to	{transform:scale(1); transform-origin:left; opacity:1}
}