/*******************************************************************************
 * cdu layout for oscms v5
 *
 * author: ralph dors (patric paris online-systeme gmbh, serive@online-system.de)
 *******************************************************************************/

/*** global settings
 ******************************************************************************/
html { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #fff; font-family: Verdana, arial, helvetica, sans-serif; }

font { font-size: 12px; font-family: Verdana, arial, helvetica, sans-serif; color: #000000; }

a, a:link, a:visited, a:active, a:hover { font-family: Verdana, arial, helvetica, sans-serif; font-size: 85%; text-decoration: none; color: #000; }


/*** first styling
 ******************************************************************************/
hr { height: 1px; color: #ACB7C1; background: #ACB7C1; border: none; }
form { line-height: 140%; }

input, textarea, select { font-size: 8pt; font-family: Verdana; }
img { border: 0px; max-width: 400px; }

fieldset { margin: 2em 0 2em 0; border: 1px dashed #999999; }
legend { background: #DCE1E5; border: 1px solid #999999; padding: 3px 8px 3px 8px; font-weight: bold; margin-bottom: 1em; }

.hidden { margin: 0; padding: 0; display: none; }

/*** basics
 ******************************************************************************/
.hidden, .dontshow { display: none; }
.clearn, .clearblock { clear: both; }

/*** splashes
 ******************************************************************************/
.pageHeader {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background-color: #FFE9C9;
 display: block;
 height: 74px;
}

.pageHeader div#header {
	margin-left: 15%;
	background-color: #FF9900;
	height: 74px;
	width: 770px;
	text-align: center;
}

.pageHeader div#header h1 {
	background: url(/images/header1.gif) left center no-repeat;
	height: 52px;
}

.pageHeader div#header h1 span { display: none; }

.pageHeader div#header div#headerblackline {
	display: block;
	height: 20px;
	width: 613px;
	background-color: #323941;
	position: relative;
	margin-top: -20px;
	margin-left: 157px;
}

.pageFooter {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background-color: #FFE9C9;
 display: block;
 height: 17px;
}
.pageFooter div#footer {
	margin-left: 15%;
	background-color: #FF9900;
	height: 17px;
	width: 770px;
	text-align: center;
	color: #fff;
	font-size: 80%;
}

/*** os branding
 ******************************************************************************/
.osbranding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 40%; width: auto; font-size: 70%; color: #a2a2a2; font-family: Verdana, arial, helvetica, sans-serif; }
.osbranding a { text-decoration: none; color: #a2a2a2; }
.osbranding a:hover { text-decoration: none; color: #a2a2a2; }


/*** top navigation
 ******************************************************************************/
.topNavigation {
 /*margin: 0px 0px 0px 15em;*/
 margin: 0px 0px 0px 15%;
 padding: 0px 0px 0px 0px;
 display: block;
 width: 770px;
 height: 40px;
 font-family: Verdana, arial, helvetica, sans-serif;
 font-size: 100%;
}

.topNavigation div#spacer { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; background-color: #DCE1E5; height: 19px; width: 158px; }

.topNavigation div#menu {
	margin: -19px 0px 0px 158px;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 19px;
	width: 612px;
	background-color: #ACB7C1;
	font-family: Verdana, arial, helvetica, sans-serif;
}
.topNavigation div#menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; clear: both; font-size: 70%;}
.topNavigation div#menu ul li { margin: 0px 0px 0px 10px; padding: 1px 0px 0px 0px; float: left; }
.topNavigation div#menu ul li a { font-family: Verdana, arial, helvetica, sans-serif; font-size: 100%; }

/*** main page styling
 ******************************************************************************/
.mainContainer {
	margin: -23px 0px 0px 15%;
	padding: 5px 0px 0px 0px;
	background: url(/images/background.gif) top center repeat-y;
	width: 770px;
	display: block;
}

/*** content default styling
 ******************************************************************************/
.mainContainer .contentArea {
	margin: 0px 0px 0px 160px;
	padding: 0px 0px 0px 0px;
	width: 420px;
	border: 0px;
	clear: both;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: 0px;
	float: left;
	text-align: justify;
}

.mainContainer .contenArea div { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 90%; }
.mainContainer .contentArea a, .mainContainer .contentArea a:visited { font-size: 90%; }

/*** action box styling
 ******************************************************************************/
.mainContainer .actionBox { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; width: 185px; font-size: 75%; }
.mainContainer .actionBox h3 { font-size: 85%; }
.mainContainer .actionBox p, .mainContainer .actionBox p a { font-size: 85%; }
.mainContainer .actionBox p#cdufrakt, .mainContainer .actionBox p#cdufrakt a, .mainContainer .actionBox p#cdufrakt a:visited  { font-size: 95%; }

/*** page option styling
 ******************************************************************************/
.mainContainer .pageoptions { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; letter-spacing: 0px; clear: both; }
.mainContainer .pageoptions .page-options-browse { font-size: 75%; float: left; width: 100%; white-space: nowrap; }
.mainContainer .pageoptions .page-options-browse .text { float: left; padding-top: 0px; padding-right: 3px; width: auto; }
.mainContainer .pageoptions .page-options-browse div { float: left; vertical-align: bottom; width: 20px; }
.mainContainer .pageoptions .page-options-browse div.left { padding-left: 30%; }

.mainContainer .pageoptions .additional-links { font-size: 75%; }
.mainContainer .pageoptions .additional-links a, .mainContainer .pageoptions .additional-links a:visited { font-size: 100%; }

/*** read-more
 ******************************************************************************/
.read-more { margin: 0px 0px 0px 320px; padding: 0px 0px 0px 0px; font-size: 110%; color: #999999; font-style: normal; }


/*** sitemap
 ******************************************************************************/
/*
div.sitemap ul li.lvl_1 { font-size: 10pt; font-weight: bold; font-style: italic; }
div.sitemap ul li.lvl_2 { margin-left: 2.5em; font-size: 9pt; font-weight: normal; }
div.sitemap ul li.lvl_3 { list-style-type: circle; margin-left: 5em; font-size: 9pt; font-weight: normal; }
*/

div.sitemap ul li.lvl_1
{
		list-style:		none;
		padding:			0px 0px 0px 0px;
		margin:				5px 0px 0px 0px;
		font-size:		105%;
		font-weight:	bold;
		color:				#333333;
		font-family:	Verdana, arial, helvetica, sans-serif;
		text-align:		left;
}

div.sitemap ul li.lvl_2
{
		list-style:		disc;
		padding:			0px 0px 0px 0px;
		margin:				0px 0px 0px 25px;
		font-size:		100%;
		font-weight:	normal;
		color:				#333333;
		font-family:	Verdana, arial, helvetica, sans-serif;
}

div.sitemap ul li.lvl_3
{
		list-style:		circle;
		padding:			0px 0px 0px 0px;
		margin:				0px 0px 0px 50px;
		font-size:		100%;
		font-weight:	normal;
		color:				#333333;
		font-family:	Verdana, arial, helvetica, sans-serif;
}

div.sitemap ul.sitemap
{
	text-align:			left;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 2px;
}

/*** election result
 ******************************************************************************/
table.wahlergebnis { border: 0; width: 400px; font-size: 81%;}
table.wahlergebnis tr.headline { background: #E0E6EC; margin: 2em 0 0 0; font-size: 8pt; text-align: right; color: #000; }
table.wahlergebnis td.lang20_txt { width: 20%; text-align: left; }
table.wahlergebnis td.lang30PxTxt { width: 30px; text-align: left; }
table.wahlergebnis td.lang20 { width: 20%; text-align: right; }
table.wahlergebnis td.lang30Px { width: 30px; text-align: right; }

.multimedia { clear: both; padding-bottom: 15px; }