/**
 * Styles f�r zusätzliche, spezielle Elemente
 */

div.toggle
{
	overflow: hidden;
}

div.toggle .toggle_handle
{
	background-image: url(../img/arrow_d.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
	padding-left: 20px;
	cursor: pointer;
}

div.toggle:hover .toggle_handle
{
	background-image: url(../img/arrow_d_filled.gif);
}

div.closed .toggle_handle
{
	background-image: url(../img/arrow_r.gif);
	background-position: 6px center;
}

div.closed:hover .toggle_handle
{
	background-image: url(../img/arrow_r_filled.gif);
}

/** Buttons etc. */

input.button
{
	background-color: #2b2a2a;
	border-style: solid;
	border-color: #84898c;
	border-width: 0 1px;
	padding: 0 1em;
	color: white;
	font-weight: bold;
	font-size: 12px;
	height: 30px;
	background-image: url(../img/template/bg_button_m.gif);
	cursor: pointer;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.button
{
	color: white !important;
	text-decoration: none !important;
	display: inline-block;
	vertical-align: bottom;
	margin: 0;
}

a.button span
{
	padding-left: 5px;
	background-image: url(../img/template/bg_button_l.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	float: left;
}

a.button span span
{
	padding-left: 0;
	padding-right: 5px;
	background-image: url(../img/template/bg_button_r.gif);
	background-position: top right;
}

a.button span span span
{
	padding: 0;
	background: none;
}

a.button span span strong
{
	background-image: url(../img/template/bg_button_m.gif);
	background-position: top left;
	background-repeat: repeat-x;
	display: block;
	float: left;
	padding: 0 1em;
	line-height: 30px;
}

input.button:hover,
input.button:focus,
a.button:hover,
a.button:focus
{
	outline: solid 1px #9c0400;
	outline-radius: 6px;
	-moz-outline: solid 1px #9c0400;
	-moz-outline-radius: 6px;
}

/* RSS-Icons */

span.rssicon
{
	background-image: url(../img/livemarks16.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 24px;
}

a.button span span span.rssicon
{
	background-image: url(../img/livemarks16.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
}

/* Bilder-Galerie etc. */
div.imgitem
{
	width: 122px;
	height: 140px;
	float: left;
	text-align: center;
	margin: 6px 0.2em 0 0.5em;
}

div.imgitem p
{
	font-size: 0.9em;
	color: #888888;
	line-height: 1em;
	text-align: center;
}

/* Pagination */
div.pagination .total
{
	float: right;
}

div.pagination a
{
	margin: 1px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1px 6px;
}

div.pagination a:hover,
div.pagination a:focus
{
	margin: 0;
	border: solid #888888 1px;
	outline: none;
}

div.pagination a.active
{
	background-color: #cccccc;
	font-weight: bold;
}

/* Listen und abgerundete Elemente */
.rounded
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

ul.rounded li:first-child a
{
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
}

ul.rounded li:last-child a
{
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

/* Full-Size-Listen 1 */
ul.special
{
	list-style: none;
	border: solid #cccccc 1px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	background-color: white;
}

ul.special li
{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: solid #cccccc 1px;
}

ul.special li:first-child
{
	border-top: none;
}

ul.special li a
{
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	font-weight: bold;
	color: black;
}

ul.special li a:hover,
ul.special li a:focus
{
	outline: none;
	background-color: #f4f4f4;
}

ul.special li span
{
	float: right;
	font-weight: normal;
	color: white;
	background-color: #9a9faa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1px 6px;
}

ul.special li span.label
{
	color: #9a9faa;
	background: none;
	font-weight: bold;
}

/* Druck-Styles */
@media print
{
	#mainmenu,
	#sidebar,
	#metanav
	{
		display: none;
	}

	#bg_top,
	#bg_bottom
	{
		background: white;
	}

	#header
	{
		background: white !important;
		height: auto;
		position: static;
		/*border-bottom: solid black 2px;
		border-top: none;*/
		border: none;
	}

	#header h1
	{
		border-bottom: solid black 2px;
	}

	#header h1 a
	{
		position: static;
		display: inline;
		width: auto;
		height: auto;
		color: black;
	}

	#header h1 a span
	{
		display: inline;
	}

	#frame
	{
		width: auto;
		background: white;
		min-height: auto;
	}

	#content
	{
		margin: 0 auto;
		min-height: auto;
		padding: 0;
		overflow: visible;
	}
}