/************************************
* Stylesheet Hoerkolumnen.ch        *
* http://www.hoerkolumnen.ch        *
* Copyright � 2006 Qubits GmbH      *
* http://www.qubtis.ch              *
*************************************
* 
* version history
* 0.4   13.01.2006 update
* 0.5   01.08.2006 update
* 0.6   22.08.2006 update
* 
* used colors
* #f1f0ef background gray
* #696055 header brown
* #834823 title brown
* #efb949 yellow
* 
************************************/

/* BODY AND CONTAINER */
html, body {
	margin: 0px;
	padding: 0px;
	background: url(/imgs/headbg.gif) #f1f0ef repeat-x;
}

#container {
	width: 800px;
	text-align: left;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 100px 0px 0px 0px;
	margin: 0px auto;
	font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
}

/* HEADER */
#logo {
	position: absolute;
	top: 45px;
	left: 20px;
	width: 210px;
	height: 33px;
	background: url(/imgs/hoerkolumnen.gif) no-repeat;
}

#navigation {
	position: absolute;
	top: 74px;
	left: 124px;
	width: 676px;
	height: 16px;
	padding: 0px;
	margin: 0px;
 	font-weight: normal;
	font-size: 12px;
	color: #f1f0ef;
}

#navigation table {
	vertical-align:middle;
	height: 16px;
	padding: 0px;
	margin: 0px;

}

#navigation a:link, #navigation a:visited {
	padding: 0px 8px 0px 8px;
	margin: 0px;
	text-decoration: none;
	color: #f1f0ef;
}

#navigation a:hover, #navigation a:active {
	padding: 0px 8px 0px 8px;
	margin: 0px;
	text-decoration: none;
	color: #696055;
}

/* MENU */
#menu {
	text-decoration: none;
	font-size: 14px;
	color: #303030;
	margin: 0px;
	position: absolute;
	top: 0px;
	/*float: left;*/
	width: 165px;
	padding: 11px 11px 15px 25px;
}

#menu .autor {
	font-size: 14px;
	color: #834823;
}

#menu .item {
	font-size: 14px;
	color: #834823;
	padding-bottom: 15px;
}

#menu .desc {
	padding-bottom: 15px;
	font-size: 11px;
	color: #666;
}

#menu a:link, #menu a:visited {
	text-decoration: none;
	color: #834823;
	margin: 0px;
}

#menu a:hover, #menu a:active {
	text-decoration: none;
	color: #efb949;
}

/* CONTENT AND MAINBODY */
#content {
	position: relative;
	left: 0;
	top: 0;
	margin: 0px;
	padding: 0px;
}

#mainbody {
	padding: 10px 20px 20px 15px;
	margin: 10px 170px 0px 200px;
	color: #303030;
	min-height: 280px;
	line-height: 1.5em;
}

/* class for content without menu */
#mainbody.large {
	margin-left: 10px;
}

/* class for content with menu */
#mainbody.small {
	margin-left: 200px;
}

/* MAIN STYLES */
#mainbody h1 {
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	color: #834823;
}

#mainbody h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	color: #834823;
}

#mainbody p {
	margin: 5px 0;
	padding: 0px 0px 10px 0px;
}

#mainbody a:link, #mainbody a:visited {
	text-decoration: none;
	color: #834823;
}

#mainbody a:hover, #mainbody a:active {
	text-decoration: none;
	color: #efb949;
}

/* WINDOW WITH USER INTERACTION*/
#mainbody div.window_title {
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	margin: 0px 0px 0px 2px;
}

#mainbody div.window {
	border-top: 1px solid #696055;
	border-bottom: 1px solid #696055;
	background-color: #fff;
	padding: 5px;
}

/* TWO COLS */
#mainbody #col1 {
	width: 285px;
	float: left;
	padding-bottom: 20px;
}

#mainbody #col2 {
	width: 285px;
	float: right;
	padding-left: 10px;
	padding-bottom: 20px;
}

/* LISTS */
#mainbody ul {
	padding: 10px 0px 0px 0px;
	margin: 0;
	list-style: none;
}

#mainbody li {
	padding: 0px 0px 8px 12px;
	margin: 0px 0px 1px 0px;
	background-image: url(/imgs/bullet.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

#mainbody ul.narrow {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

#mainbody li.narrow {
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 0px;
	line-height: 1.5em;
	background-image: url(/imgs/bullet.gif);
	background-repeat: no-repeat;
}

/* USER FORMS */
#mainbody table.form td {
	padding: 8px 0px 4px 0px;
}

#mainbody textarea {
	width: 380px;
	height: 180px;
	font-size: 12px;
	border: 1px solid #ccc;
	float: left;
}

#mainbody input {
	border: 1px solid #ccc;
}

#mainbody a.button:link, #mainbody a.button:visited, #mainbody input.button,
a.button:link, a.button:visited, input.button {
	margin: 4px 4px 0px 0px;
	padding: 6px 8px 3px;
	width: auto;
	border: 1px solid #ccc;
	color: #666;
	font-size: 11px;
	text-decoration: none;
	background-color: #fff;
}

#mainbody a.button:hover, #mainbody a.button:active, #mainbody input.button:hover, #mainbody input.button:active,
a.button:hover, a.button:active, input.button:hover, input.button:active {
	color: #696055;
	text-decoration: none;
	background-color: #fff;
	font-size: 11px;
	border: 1px solid #696055;
}

/* PLAYLIST TABLE */
#mainbody table.playlist {
	border-style: solid;
	border-color: #cccccc;
	border-width: 0px 1px 1px 1px;
}

#mainbody table.playlistsmall {
	border-style: solid;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
}

#mainbody table.playlist tr td, #mainbody table.playlist tr td a:link, #mainbody table.playlist tr td a:visited,
#mainbody table.playlistsmall tr td, #mainbody table.playlistsmall tr td a:link, #mainbody table.playlistsmall tr td a:visited {
	padding: 1px;
	color: #303030;
/*	background-color: #ffffff; */
}

/*
#mainbody table.playlist tr.blue td, #mainbody table.playlist tr.blue td a:link, #mainbody table.playlist tr.blue td a:visited {
	padding: 1px;
	color: #303030;
	background-color: #edf2ff;
}

#mainbody table.playlist tr td a:hover, #mainbody table.playlist tr td a:active, #mainbody table.playlist tr.blue td a:hover, #mainbody table.playlist tr.blue td a:active {
	padding: 1px;
	color: #303030;
	background-color: #c6d6ff;
}
*/

/* LOGIN WINDOW */
#sidebar {
	top: 9px;
	right: 0px; /*left: 639px; // shoud be equal to right: 0px; - but not for IE/Mac */
	position: absolute;
}

#loginwin {
	background-color: #eee;
	width: 148px;
	font-size: 11px;
	padding: 5px;
	border: 1px solid #dcd9cf;
}

#loginwin a:link, #loginwin a:visited {
	text-decoration: none;
	color: #696055;
}

#loginwin a:hover, #loginwin a:active {
	text-decoration: none;
	color: #696055;
}
/* #loginwin a.button {
	float: left;
} */

#loginwin input {
	width: 146px;
	border: 1px solid #ccc;
	/*float: left;*/
}

#loginwin input:focus {
	background-color: #edf2ff; /*fffcb9;*/
}

/* ADS */
#ad {
/*	position: absolute;
	right: 0px;
	top: 125px; */
	margin: 10px 0px 0px 0px;
	padding: 0px;
/*	width: 161px; */
	font-size: 10px;
	line-height: 2em;
}

#ad a {
	color: #666;
	text-decoration: none;
}

/* FOOTER AND CLEAR */
#footer {
	font-size: 11px;
	color: #bbb;
	margin-left: 25px;
	margin-right: 185px;
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #ddd;
	/*background: red;*/
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #bbb;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
	color: #efb949;
}

div.clear {
	clear:both;
}

.even {
	background-color: #edf2ff;
}
.odd {
	background-color: #fff;
}
.highlight {
/*	background-color: #c6d6ff;*/
}
table.sortable th {
	text-align: left;
	border-collapse: collapse;
}
table.sortable .header {
		background: #bdb8b1;
		text-decoration: underline;
}
table.sortable .sortUp {
	background: #696055 url('/imgs/arrow_down.gif') no-repeat center right;
	color: white;
}
table.sortable .sortDown {
	background: #696055 url('/imgs/arrow_up.gif') no-repeat center right;
	color: white;
}
#archivelist td {
	padding-right: 10px;
	vertical-align: top;
}