/* Allgemeines */

body {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 75%;
	line-height: 1.4;
	color: #333;
}

#content {
	line-height: 1.6;
}

ul {
	margin-left: 1em;
	list-style-type: none;
}

ul li {
	padding-left: 1.5em;
	background: url(../img/bullet-bg.png) no-repeat left 0.5em;
}

ul.only-links li {
	padding-left: 0;
	background: none;
}

ol {
	margin-left: 2.573em;
	list-style-type: decimal;
}

ul, ol {
	margin-bottom: 1.25em;
}

hr {
	width:40%;
	color: #009CDE;
	height:1px;
	text-align:left;
	border:0px;
}

button {
	border: 1px solid #4270A6;
	background-color: #FFFFFF;
	color: #4270A6;
}

.search-query {
	background-color: #cccccc;
}

h1, h2, h3 {
	color: #009CDE;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

h1 {
	font-size: 1.667em;
	line-height: 1.25;
}

h2 {
	font-size: 1.333em;
	line-height: 1.4;
}

p + h3 {
	margin-top: 1.75em;
}

h3 {
	font-size: 1.167em;
	line-height: 1.4;
}

p {
	margin-bottom: 1.25em;
}

a {
	color: #E0005A;
	text-decoration: none;
	font-weight:bold;
	padding-left: 12px;
	background: url(../img/link-normal.png) no-repeat left 0.375em;
	cursor: pointer;
}

a img {
	border: none;
}

a:link {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.mehr {
	color: #E0005A;
	font-weight: bold;
	font-style: italic;
}

h2 a.toggle-content-display {
	font-size: 0.625em;
}

th a, div#top a, div#features a, h2 a, div#features div.feature div.featdownload a, div#content span.imageframe a, a.thickbox, a.image-url, a#TB_ImageOff, div.farbrahmen a {
	background-image: none;
	padding: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}




/* Bilderrahmen, siehe classes.common.tagrewriter.WebforumImageResolver */

span.imageframe {
	display: block;
	margin: 0;
	margin-bottom: 10px;
}

span.imageframe.left {
	float: left;
	margin-right: 10px;
}

span.imageframe.left img {
	float: left;
}

span.imageframe.right {
	float: right;
	margin-left: 10px;
}

span.imageframe.right img {
	float: right;
}

span.imageframe span {
	display: block;
	clear: both;
	font-style: italic;
	margin: 5px 0 0 0;
}

div.imageframe.right p {
	float: right;
}

div.imageframe.left p {
	float: left;
}

div.imageframe img {
	border: 0;
}

/* über XStandard platzierte Bilder */

.XStandardImageLeft {
	float: left;
	margin: 0 10px 15px 0;
}

.XStandardImageRight {
	float: right;
	margin: 0 0 15px 10px;
}

/* Sonderfall: Fotostrecken */

.fotostrecke {
	position: relative;
	line-height: 1;
}

/* erstmal link reset */
.fotostrecke a {   
	background: none;
	line-height: 1;
	padding-left: 0;
	color: #333;
	font-weight: normal;
	font-size: 0.833em;
	text-decoration: none;
}

.fotostrecke-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.86);
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* spezifische link styles */
.fotostrecke-caption span {  
	background: url(../img/icon-fotostrecke.png) no-repeat 5px 0px;
	padding: 0 5px 0 23px;
	font-size: 11px;
	line-height: 2;
}




/* Tabellen */

table {
	clear: left;
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	border-top: 3px solid #009CDE;
	border-bottom: 1px solid #009CDE;
	margin-bottom: 2.5em;
}

th, td {
	padding: 10px 10px 15px 10px;
	margin: 0 5px;
	text-align: left;
	line-height: 1.25em;
	vertical-align: top;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	overflow: auto;
}

th {
	font-size: 1.1em;
}

thead th {
	background: #d9f0fa url(XX../img/th-bg.png) right bottom no-repeat;
	border-right: 1px solid #fff;
}

thead th a {
	color: #000;
	padding-left: 12px;
	background: url(../img/th-unsorted.png) no-repeat left 0.25em;
	margin-right: 10px;
}

thead th a.sorted-asc {
	background-image: url(../img/th-asc.png);
	background-position: left 0.5em;
}

thead th a.sorted-desc {
	background-image: url(../img/th-desc.png);
	background-position: left 0.5em;
}

thead th.last-child {
	border-right: 0;
}

tbody th {
	border-top: 1px solid #d2d2d2;
	color: #333;
}

td {
	border-top: 1px solid #d2d2d2;
}

tbody tr:hover {
	background: #edf8fd;
}

caption {
	margin-bottom: 0.5em;
}

/* Blockquotes */

blockquote {
	background: #fff url(../img/blockquote-bg.png) no-repeat top left;
}

blockquote p {
	margin-left: 2.5em;
}