/** erstmal auf NULL stellen **/
*			{	font-family: "Verdana"; margin: 0px; padding: 0px; border-collapse: collapse; }

/** html und body **/
html			{	}
body			{	}
a			{	text-decoration: none; }
body, th, td		{	font-size: 11px; }

/** Menu **/
#menu			{	}
#menu ul		{	list-style: none; margin: 4px 0px; padding-left: 0px; }
#menu li		{	font-weight: normal; padding: 0px; font-size: 13px; }
#menu .b		{	font-weight: bold; }
#menu a:hover		{	color: #f00; }
#menu li a		{	padding-left: 10px; display: block; color: #000; }
#menu li li a		{	padding-left: 17px; font-size: 12px; }
#menu li li li a	{	padding-left: 24px; font-size: 11px; }

#start li		{	float: left; width: 33%; }
#start li li		{	float: none; width: auto; }

#kruemel		{	padding-top: 3px; font-weight: normal; }
#kruemel a		{	font-weight: bold; color: #000; }
#kruemel a:hover	{	color: #f00; }

#stand			{	padding-top: 30px; text-align: right; font-style: italic; clear: both; }

/** Tabellen **/
table			{	width: 100%; border: solid 1px #999; }
th,td			{	padding: 2px; text-align: left; }
th			{	font-weight: bold; border-bottom: solid 1px #999; }
td			{	vertical-align: top; }

th.c1			{	width: 30%; }
th.c2			{	width: 40%; }
th.c3			{	width: 30%; }

/** Texte und Überschriften **/
h1			{	padding: 20px 0px 0px 30px; font-size: 24px; font-family: "Courier New"; letter-spacing: 2px; }
h1 span			{	font-size: 11px; display: block; font-weight: small; }
h2			{	padding: 15px 0px 15px 0px; font-size: 20px; font-weight: bold; font-family: "Arial";
				letter-spacing: 2px; float: right; }
h3			{	margin: 10px 0px; font-size: 12px; font-weight: bold; }
p			{	margin: 15px 0px; }

/** Hauptcontainer **/
#head			{	height: 70px; border-bottom: solid 1px #000; }
#menu			{	float: left; width: 190px; padding-top: 12px; padding-bottom: 15px; }
#cont			{	padding: 0px 20px 40px 20px; margin-right: 130px; max-width: 750px;
				line-height: 140%; position: relative; }
p			{	clear: right; }
#cont a			{	border-bottom: dotted 1px #000080; }
#cont a:hover		{	color: red; border-bottom: dotted 1px #f00; }
#back			{	position: absolute; top: 91px; left: 190px; right: 0px; border-top: solid 1px #000; border-left: solid 1px #000; }
#back2			{	position: absolute; top: 91px; left: 190px; bottom: 0px; right: 0px; border-left: solid 1px #000; }
#logo			{	position: absolute; top: 33px; left: 100px; }
#suche			{	position: absolute; left: 0px; top: 0px; right: 140px; max-width: 960px; padding: 0px; }
#bsuche, #tsuche	{	float: right; clear: right; border: solid 1px #666; font-size: 10px; margin-bottom: 2px; padding: 2px 0px; }
#tsuche			{	width: 118px; }
#bsuche			{	width: 120px; font-weight: bold; }

#scraper		{	/*border: solid 1px #c87137;*/ height: 600px; width: 120px; 
				position: absolute; right: -120px; top: 15px; }

div.border span		{	border: solid 1px #c87137; }

/** Farben **/
#head, #bsuche		{	background-color: #c87137; }
h2			{	color: #c87137; }
#back, #back2		{	background-color: #fbfbdb; }
body, #tsuche		{	background-color: #edaa00; }
th			{	background-color: #ebebcb; }
.browser tr:nth-child(2n) .t1,
tr:nth-child(2n)	{	background-color: #fbfbdb; }
.browser tr:nth-child(2n+1) .t1,
tr:nth-child(2n+1)	{	background-color: #f0f0d0; }
a			{	color: navy; }

/** Beispiele **/
code:before,
.sample:before,
.css:before,
.error:before		{	padding: 5px 10px; margin-top: -29px; font-style: italic; display: block;
				float: left; background-color: #fbfbdb; max-width: 20%;
				text-shadow: #aaa 3px 3px 5px; font-family: "Verdana"; } 
code, code span, .css, .css span	{	font-family: "Courier New"; }
code, .css,
.sample			{	border: dotted 1px #999; padding: 15px 5px 5px 5px; display: block; clear: right; }
.sample, .css		{	line-height: normal; }
.sample p		{	margin: 0px 0px 5px 0px; }
.sample table		{	width: auto; }
code:before		{	content: "Quellcodebeispiel:"; } 
.sample:before		{	content: "Anzeigebeispiel:"; } 
.css:before		{	content: "Stylesheetangabe:"; }
.error			{	padding: 15px 0px 0px 0px; display: block; margin-top: 20px; }
.konqueror:before	{	content: "Fehler im Konqueror"; color: red; }

/** Breiten für tabellarische Daten **/
	/** **/
.tab .t1		{	width: 15%; }
.tab .t2		{	width: 35%; }
	/** Initialwerte **/
.init .t1		{	width: 150px; }
.init			{	border: none; }
.init td		{	border: none; }
.init tr:nth-child(n)	{	background-color: transparent; }

	/** Browserkompatibilität **/
.browser td, .browser th{	text-align: center; border-right: solid 1px #999; }
.browser td		{	border-top: solid 1px #999; width: 32px; white-space: nowrap; }
.browser td.t1		{	width: auto; text-align: left; }
.browser td:contains(J)	{	background-color: lightgreen; }
.browser td:contains(N)	{	background-color: salmon; }
.browser td:contains(F)	{	background-color: khaki; }

/** Content **/
ul, ol			{	padding-left: 25px; }

/** **/
.border, .border tr td	{ border: solid 1px #c87137; border-collapse: separate }

/** Beispiele **/
.sample-align td { text-align: ","; }
.sample-attr h3[title]             { color: blue; }
.sample-attr h3[title = "Details"] { color: green; }
.sample-attr h3[title ~= "Detail"] { color: red; }
.sample-attr h3[title |= "Angabe"] { color: orange; }

/** Workshop Angaben **/
.ws-li-1		{	list-style: none; }
.ws-li-1 li:before	{	content: "» "; font-weight: bold; color: red; margin-left: -1.2em; }

.css3button1 {
   display: inline-block;
   outline: none;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
   font: 14px/100% Arial, Helvetica, sans-serif;
   padding: .5em 2em .55em;
   text-shadow: 0 1px 1px rgba(0,0,0,.3);
   -webkit-border-radius: .5em;
   -moz-border-radius: .5em;
   border-radius: .5em;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.css3button1:hover  { text-decoration: none;}
.css3button1:active { position: relative; top: 1px;}
.orange {
   color: #fef4e9;
   border: solid 1px #da7c0c;
   /* Fallback für nicht CSS3 Browser */
   background: #C89675;
   /* Angabe für Webkit Browser */
   background: -webkit-gradient(linear, left top, left bottom, from(#C89675), to(#c87137));
   /* Angabe für Mozilla Browser */
   background: -moz-linear-gradient(top, #C89675, #c87137);
   /* Angabe für Internet Explorer */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C89675', endColorstr='#c87137');
}
#cont a.orange:hover {
   color: #fef4e9;
   background: #E9833F;
   background: -webkit-gradient(linear, left top, left bottom, from(#E9833F), to(#AC612F));
   background: -moz-linear-gradient(top, #E9833F, #AC612F);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9833F', endColorstr='#AC612F');
}
#cont a.orange:active {
   color: #fef4e9;
   background: -webkit-gradient(linear, left top, left bottom, from(#c87137), to(#C89675));
   background: -moz-linear-gradient(top, #c87137, #C89675);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c87137', endColorstr='#C89675');
}