/* Slightly modified YUI reset.css */

html {
    color: #000;
    background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym  {
    border: 0;
    font-variant: normal;
}

sup  {
    vertical-align: text-top;
}

sub  {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

legend {
    color: #000;
}

/* Layout */

body {
    padding-top: 5px;
    text-align: center; /* Centre page in IE5.5 */
    min-width: 95%; /* Ensure scroll bars appear in Netscape 6 */
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 100%; /* Fix em-based font sizing in IE */
}

#wrapper {
    color: #000;
    background: #FFF;
    width: 95%;
    margin: 0px auto;
    text-align: left; /* Needed for IE5.5 page centreing */
    font-size: 0.8em; /* 16px x 0.8 = 12.8px */
}

#col2, #col3, #col4, #footertop, #footerbottom, #banner, #leaderboard,
#header #headercol1, #header #headercol2, #header #headercol3,
#menu, #ribbon, .dontPrint, .adPanel, #col1 .tydatool, #col1 .leavecomment,
#col1 div.options, #col1 #comments .comment .link,
#col1 #comments .comment .abuse, #col1 #comments .commentform,
#col1 #comments .comment small {
	display: none;
}

/* Gilder/Levin image replacement */
#header #logo {
    width: 213px;
    height: 71px;
    position: relative;
    color: #CC6600; /* Orange text */
	margin: 10px 0;
}
#header #logo a {
    background: url(http://static.de.thelocal.eu/images/core/logoLarge.png) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Generic content */

table {
    font-size: inherit;
    width: 100%;
}

table td {
    vertical-align: top;
    padding: 2px;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
}

blockquote {
	background-color: #EEEEEE; /* Grey background */
	margin: 5px 10px;
	padding: 5px;
}

input, select, textarea {
	font-size: 0.9em;
}

a {
    text-decoration: none;
    color: #CC6600; /* Orange text */
}

a:hover {
    text-decoration: underline;
}

h1 a, h2 a {
    color: #000; /* Black text */
}

h1, h2, h3, h4, h5, h6 {
	font-family: georgia, 'palatino linotype', 'book antiqua';
	margin-bottom: 4px;
}

h1 {
	font-size: 2.3em; /* 12.8px x 2.3 = 29.44px */
}

h2 {
	font-size: 1.25em; /* 12.8px x 1.25 = 16px */
    margin-top: 0.8em;
}

h3, h4, h5, h6 {
	font-size: 1em; /* 13px x 1 = 13px */
}

.title {
	font-family: 'trebuchet MS';
	background-color: #E2E2E2; /* Grey background */
	margin-bottom: 4px;
	padding: 1px 0;
}

.title span {
	background-color: #669ACC; /* Blue background */
	color: #FFF; /* White text */
	font-weight: bold;
	padding: 1px 3px;
}

#col1 .title {
    font-size: 0.85em; /* 12.8px x 0.85 = 10.88px */
}

#col1 p {
    margin: 1em 0;
}

#col1 ul {
    padding-left: 40px;
    margin: 1em 0;
}

#col1 ul li {
    list-style: disc outside;
}

#col1 ul.not {
	line-height: 1.5em;
    padding: 0;
	margin: 10px 0;
}

#col1 ul.not li {
    list-style: none;
}

strong, b, .bold {
    font-weight: bold;
}

.italic {
	font-style: italic;
}

.small {
	font-size: 0.8em;
}

.large {
	font-size: 1.65em;
}

.right {
    text-align: right;
}

.red, .red a {
	color: #FF0000; /* Red text */
}

.black {
	color: #000; /* Black text */
}

/* Article */

#col1 img.right {
	float: right;
	margin: 5px 0 7px 7px;
}

#col1 #comments .comment {
	padding: 10px 0;
}