
@font-face {
	font-family: Delicious;
	src: url(http://knut-haut-reiner.de/inc/css/fonts/Delicious-Roman.otf);
	}
@font-face {
	font-family: DeliciousKapital;
	src: url(http://knut-haut-reiner.de/inc/css/fonts/Delicious-SmallCaps.otf);
	}

body a { outline:none; }
body {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	color:#a78f72;
	background-image: -moz-linear-gradient(top, rgb(101,64,36) 0%, rgb(59,38,22) 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(101,64,36)), color-stop(100%,rgb(59,38,22))); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, rgb(101,64,36) 0%,rgb(59,38,22) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, rgb(101,64,36) 0%,rgb(59,38,22) 100%); /* Opera11.10+ */
background-image: -ms-linear-gradient(top, rgb(101,64,36) 0%,rgb(59,38,22) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#654024', endColorstr='#3b2616',GradientType=0 ); /* IE6-9 */background-image: linear-gradient(top, rgb(101,64,36) 0%,rgb(59,38,22) 100%); /* W3C */
	background-repeat:no-repeat;
	font-family: Delicious;
	background-color: #3b2616;
	}

#logo {
	background: url(http://knut-haut-reiner.de/grafik/logo_bg.png) no-repeat;
	position: fixed;
	right:0;
	top:150;
	width:652;
	z-index:-999;
	}

#khrplayer {
	position:absolute;
	left:-600px;
	top:150px;
	}

#topnav {
	position: absolute;
	left:0;
	top:0;
	/*background: ;*/
	}

#topnav table {
	width: 100%;
	table-layout:fixed;
	border-spacing:0px;
	height:146px;
	}
#topnav td.l {
#	background: url(../../grafik/intro2_l.png) repeat-x;
#	background-position:0px -12px;
}
#topnav td.c {
	width:250px;
	background: url(grafik/logo_drittentwurf.png);
}
#topnav td.r {
#	background: url(../../grafik/intro2_r.png) repeat-x;
#	background-position:0px -12px;
}
#topnav td {
	color: #aaaaaa;
	}



#menu li {
	display: inline;
	padding: 0 20 0 0;
	font-size: 1.2em;
	font-family: DeliciousKapital;
	}
#menu li a {
	text-decoration: none;
	color: #aaaaaa;
	}
#menu li:active {
	text-decoration:none;
	color:#ffffff;
	}



#sidebardiv {
float:right;}

#sidebar, #shoutbox {
	background: rgba(0,0,0,0.4);	padding: 5;
	margin: 0 30 10 0;
	-moz-border-radius: 15; -webkit-border-radius: 15;	border-radius: 15;	border: 2px solid rgba(112,16,27,0.8);
	width: 270;
	/*min-height: 300;*/
	}
#sidebar li {
	list-style: none;
	margin-left:5;
	display:block;
	}
#sidebar li a {
	text-decoration:none;
	color:#e0cc00;
	}
#sidebar hr { color: rgba(112,16,27,0.8); background-color: rgba(112,16,27,0.8); }

#main {
	margin-top: 150;
margin-right: 320;	}
#artikel {
	background: rgba(0,0,0,0.4);	/*background: url(grafik/gdtest.php?r=0&b=0&g=0&a=50&x=1&y=1);*/
	-moz-border-radius: 15; -webkit-border-radius: 15;	border-radius: 15;	border: 2px solid rgba(112,16,27,0.8);
	margin-bottom: 20;
	padding: 5 10 5 10;
}
#artikel a {
	text-decoration: none;
	color:#e0cc00;
	}
#artikel h1 { 
	display: block;
	border-bottom: 1px solid rgba(112,16,27,0.8);
	margin: 5 0;
	color: 	}
#artikel h3 {
	margin: 0 0 0 20;
	color: ;
	}
#artikel p { margin: 5 0; }
table.allborders, table.allborders td, table.allborders tr, table.allborders th { border-collapse:collapse; padding:5; border: 1px solid rgba(112,16,27,0.8); }
table.noborders, table.noborders td, table.noborders tr, table.noborders th { border-collapse:collapse; padding:10 30 10 30; }

table.allborders tr, table.noborders tr { background-color: rgba(59,38,22,0.7); }
table.allborders tr:nth-child(2n), table.noborders tr:nth-child(2n) { background-color: rgba(101,64,36,0.7); }
table.allborders tr:hover, table.noborders tr:hover { background-color: rgba(224,204,0,0.2); }

#shoutboxtable, #shoutbox {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#shoutbox table { margin:0; table-layout:fixed; border-collapse:collapse; }
#shoutbox input { background: rgba(101,64,36,0.7); margin:0; color:#a78f72; border: 1px solid rgba(59,38,22,0.7); }
#shoutbox .shoutboxbutton { background: rgba(59,38,22,0.7); font-weight:bold; border: 1px solid rgba(101,64,36,0.7); }
table#shoutboxtable { border-spacing:0; }
table#shoutboxtable tr td { padding: 0 5 2 10; }
table#shoutboxtable tr { background-color: rgba(59,38,22,0.7); }
table#shoutboxtable tr:nth-child(2n) { background-color: rgba(101,64,36,0.7); }
table#shoutboxtable tr:hover { background-color: rgba(224,204,0,0.2); color: #e0cc00; }

