/*
	Main style for lycares.de
	Last modified: 2010-09-16
*/

/* Standard style definitions */
body {
	background-color: white;
	font-size: medium;
	color: black;
	margin: 0pt;
}

a:link { color: black; }
a:visited { color: gray; }
a:active, a:hover { color: black; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0pt;
	padding: 0pt;
}

h3, h4, h6 { font-size: 1em; }

/* left side headings */
h1 { text-shadow: 0 0 1px gray; }
h1 a[href] { text-decoration: none; }
h1 a[href]:hover, h1 a[href]:active { text-decoration: underline; }
h2 { text-shadow: 0 0 3px gray; }

/* glow */
tr:hover td.info { text-shadow: 0 0 4px #ddd; }

/* Special decoration styles */
.memo { display: none; }

.notice {
	font-style: italic;
	font-size: 70%;
}

.details .notice { font-size: 85%; }
.notice:before { content: "("; }
.notice:after { content: ")"; }
.understate { color: gray; }

a[href].more { font-weight: bold; }

/* Headings */
.header {
	font-family: Palatino Linotype, Palatino, Book Antiqua, Garamond, Georgia, serif;
	text-align: right;
	width: 220pt;
	background: white;
}

.header .name {
	font-size: 1.2em;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* Content table */
table.wrapper {
	font-family: Trebuchet MS, sans-serif;
	margin: 40px 100px 30px 50px;
	border-spacing: 0pt;
	border-collapse: collapse;
}

table.wrapper td {
	padding: 0pt;
	vertical-align: top;
}

/* Columns */
col.descriptive {
	width: 220px;
	background-color: black;
}

col.files {
	background-color: white;
	color: black;
}

/* Blocks resp. rows */
tbody > tr.block:first-child > td { padding-top: 40px; }

tr.block td, tr.block td.details.top { padding: 20px 10px 10px 10px; }

tr.block td.details { padding: 0 10px 0 10px; }

tr.block .info {
	color: white;
	text-align: right;
}

tr.block .info h3 { font-size: smaller; }
tr.block .info h4 { font-size: x-small; }

tr.block .name {
	font-size: 1em;
	font-weight: normal;
}

tr.block .details {
	margin-top: 5px;
	font-size: smaller;
}

tr.block .details .details { font-size: inherit; }
tr.block ul { margin: 0pt; }

tr.block ul.details a:link, 
tr.block ul.details a:active, 
tr.block ul.details a:hover
{
	color: black;
}

tr.block ul.details a:visited { color: gray; }

/* right side */
tr.block .content {
	color: black;
	text-align: left;
}

tr.block .content h3 { font-weight: bold; }

tr.block .content h3, 
tr.block .content h4, 
tr.block .content h5, 
tr.block .content h6
{
	margin-top: 10px;
}

tr.block .content ul {
	list-style-type: square;
	list-style-position: outside;
	padding: 0pt;
	margin-left: 20px;
}

tr.block.sub-content .content ul { /* margin-left: 80px; */ }
tr.block ul.details { list-style-type: none; }

tr.block .content li {
	margin-left: 0pt;
	margin-bottom: 0.5em;
}

tr.block .details li { margin-bottom: 0; }

/*
tr.block .content li:last-child {
	margin-bottom: 0;
}
*/

/* content headings */
tr.block .content h4 { font-size: large; font-weight: bold; }
tr.block .content h5 { font-style: oblique; margin-bottom: 10px; }
tr.block .content h5:before { content: "\2014"; }
tr.block .content h5:after { content: "\2014"; }
tr.block .content h4 a[href], h5 a[href] { text-decoration: none; }
tr.block .content h4 a[href]:hover, h5 a[href]:hover { text-decoration: underline; }

/* misc */
tr.block .content > *:first-child {
	padding-top: 0pt;
	margin-top: 0pt;
}

tr.block .content li:first-child h3,
tr.block .content li:first-child h4,
tr.block .content li:first-child h5,
tr.block .content li:first-child h6 {
	margin-top: 0pt;
}

/* IE wants this
tr.block .content h3 {
	margin-top: 0pt;
	padding-top: 0pt;
} */

tr.block .content img { vertical-align: middle; }
tr.block .content a[href] img { border: none; }

tr.block .content p { min-width: 400px; }
tr.block .content p.em { font-style: oblique; }

tr.block .content p a:link { color: black; }
tr.block .content p a:visited { color: gray; }

tr.block .content p a:hover, 
tr.block .content p a:active
{ color: black; }

tr.block .content img.scrot { float: left; margin-right: 20px; margin-bottom: 20px; }

/* Tables inside the wrapping table */
tr.block td table.details td { padding: 0 10px 0 0; }
tr.block td table.details col.label { min-width: 100px; }
tr.block td table.details col.detail { }

/* fade out sidebar */
tr.footer { font-family: Trebuchet MS, sans-serif; }

tr.footer > td { color: rgb(196, 196, 196); }

tr.footer a:link, 
tr.footer a:visited
{
	text-decoration: none;
	color: gray;
}

tr.footer a:hover, 
tr.footer a:active
{
	text-decoration: underline;
	color: black;
}

tr.footer .info {
	background: white url(/img/misc/gradient.png) repeat-x top left;
	height: 411px;
	padding: 0 10px 10px 10px;
	font-size: small;
	vertical-align: bottom;
	text-align: right;
}

tr.footer .list {
	text-align: left;
	height: 411px;
	padding: 0 10px 10px 10px;
	font-size: small;
	vertical-align: bottom;
}

tr.footer .info p,
tr.footer .info ul,
tr.footer .list p,
tr.footer .list ul
{
	margin: 0pt 0pt 20px;
	padding-left: 0pt;
	padding-right: 0pt;
}

tr.footer .info ul li,
tr.footer .list ul li
{
	display: inline;
}

tr.footer .logo { }