html, body { color: #444; }
html, body, td { font-family: tahoma, verdana, bitstream vera sans, arial, helvetica, sans serif; }
body { font-size: 76%; background: #e0e0f0 url(/images/bluegrad.png) fixed top left repeat-y;}

/*body { font-size: 76%; background: #e0e0f0 url(/images/greygradv-trans.png) fixed top left repeat-x; }
body { background-color: none; filter: progid XImageTransform.Microsoft.gradient(startCo lorstr=#D8D9EC, endColorstr=#474B79); }*/

/* Kopfzeile */

#head
{
	position: fixed;
	top: -6px;
	left: 0px;
/*	border: 1px solid #444;
	right: 0px;
	-moz-border-radius:8px;
	background: #FFFFD4;*/
	margin: 0;
	height: 22px;
	padding: 3px;
	z-index: 8;
}

#head_logo
{
	margin: 0px;
	padding: 0px;
	z-index: 9;
}

#head_logo h1
{
	margin: 0px;
	font-size: 21px;
	letter-spacing: 0.2em;
	text-align: center;
/*	text-transform: lowercase;*/
	text-shadow: none;
}

#head_logo h1 a
{
	color: #F08D11;
}

#searchlabel {
	position: fixed;
	top: 10px;
	right: 150px;
	z-index: 8;
}

#searchbox
{
	position: fixed;
	top: 5px;
	right: 12px;
	z-index: 8;
}
/* Menüleiste */

#menubar
{
	position: fixed;
	top: 0px;
	left: 0px;
	background: #999;
	margin: 0px;
	width: 100%;
	border-top: 3px solid #666;
	border-bottom: 3px solid #666;
	font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
	font-size: 18px;
	text-transform: lowercase;
	z-index: 5;
	-moz-opacity:0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
}

#menubar ul
{
	margin: 0px 0px 0px 172px;
	padding: 0px;
	list-style-type: none;
	white-space: nowrap;
}

#menubar li
{
	margin: 0px;
	padding: 0px;
	float: left;
	letter-spacing: -0.02em;
}

#menubar a
{
	color: #ffb;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	border-left: 3px solid #999;
	border-right: 3px solid #999;
	text-decoration: none;
}

#menubar a:hover
{
	background: #F6EAD5;
	color: #000000;
	border: 3px solid #662000;
	padding: 0px 10px 10px 10px;
}

@media screen {
.container {
	position: absolute;
	top: 42px;
	left: 175px;
/*	fix for IE peekaboo bug: 
	line-height: 1.2;*/
}
}

#sidebar-2
{
	float: right;
/*	left: 732px;*/
	max-width: 200px;
	padding: 5px;
	z-index: 2;
	background: #f8f0d0 url(/images/orangegrad.png) repeat-y fixed right;
	margin: 0px 4px 10px 18px;
	border: 1px solid #A0A0A0;
}
/*
#sidebar-2 h3:before {
   content: url("http://daen.ch/img/rightarrow_fg.gif");
}
*/
ul.category_list li a {
   padding: 1px 6px 1px 6px;
}

#sidebar-1 {
	position: fixed;
	top: 42px;
	left: 1px;
	padding: 0px;
	z-index: 1;
	background: #e0e0dc;
	border: 1px solid #A0A0A0;
}
	
#padding	{
	padding: 4px; 
	background: #FFFFE0;
/*	min-width:520px;*/
}

#from-center {left: 175px;}
#from-left {left: 5px;}

.artListItem:hover {
	background: #FFFFFF;
}

#content
{
	z-index: 1;
	margin: 0px 4px 20px 0px;
	background: #fff;
	padding: 4px; 
	border: 1px solid #A0A0A0;
}
#content h3 { font-size: 0.9em; color: #A4A39B; font-weight: normal; margin: 0; font-family: tahoma, verdana, bitstream vera sans, arial, helvetica, sans serif; margin: 10px 0 10px 0; }
#content h3 a { font-size: 1.9em; }
#content h3 a:link { text-decoration: none; color: #F08D11; text-shadow: 3px 3px 3px #DFD8B3; }
#content h3 a:visited { text-decoration: none; color: #F08D11; text-shadow: 3px 3px 3px #DFD8B3; }
#content h3 a:hover { text-decoration: underline; color: #F08D11; text-shadow: 3px 3px 3px #DFD8B3; }

p img { float: left; margin: 5px 15px 5px 0; border: 2px solid #88b;}
hr { clear:left}

.leftmenu a, .newslist a {color: #68c}
.leftmenu a:link, .newslist a:link {color: #66c}
.leftmenu a:visited, .newslist a:visited {color: #68c}
.newslist h6 {padding: 8px 4px 8px 4px; background: #fec; border: 1px solid #A0A0A0;}
.even {background: #ffd;}
.odd {background: #fff;}
.submenu {margin-left:14px; font-size:0.75em; display:none}
.expanded	{display:block;}
.leftmenutitle	{
/*	font-size:11px;
	background: #ffc;*/
	padding:2px 0 2px 2px;
	border-bottom:1px solid gray;
}
.newstitle {font-weight:bold; margin-top: 4px}
.newstext {font-size:0.75em;}
#sel-channel	{background: #fc5}

textarea:focus, input:focus, form:focus {
	border: 2px solid #456;
	}

#foot {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
	z-index: 15;
}

a:link { text-decoration: none; color: #b81d25; text-shadow: 2px 2px 2px #bbb; }
a:visited { text-decoration: none; color: #c04010; text-shadow: 2px 2px 2px #bbb; }
a:hover {text-decoration: underline; background: #fe8; text-shadow: 2px 2px 2px #bbb;}
a img {border: 0;}

a#tooCool {
	display: block;
        position: fixed;
        right: 0;
        bottom: 0;
        height: 80px;
        width: 80px;
        text-indent: -999em;
        text-decoration: none;
        }

.picright { float:right; margin:8px 0px 8px 20px; background: #444; opacity: 1; border: 4px solid #A0A0A0; }
.picleft { float:left; margin:8px 20px 8px 0px; background: #444; opacity: 1; border: 4px solid #A0A0A0; }

@media print {
#accessibility, #menubar, #sidebar-2, #searchbox, #searchlabel, #head_logo, #foot, #tooCool, #sidelogo 	{ display: none;}
}
@media screen {
#accessibility { position: absolute; top: -10000px;}
}