* {padding:0; margin:0;}
a, a:visited {color: #930;}
a:hover {color:#09c; text-decoration:none;}
#sidebar {
	width: 200px;
	float: right; padding:15px 30px 5px 5px;
}
#left {
	padding-left: 25px;
	float: left;
	width: 595px;
}
body {
	font:15px "Trebuchet MS", Arial, sans-serif;
	color:#666;
	background:#999 url(../images/bg.jpg) repeat-x;
}
.clear {clear:both;}

#wrap {background:url(../images/contentbg.jpg) repeat-y; width:867px; margin:auto;}
#header{ background:url(../images/header.jpg) no-repeat; height:149px;}
#footer {background:url(../images/footer.jpg) no-repeat; height:103px; padding:25px 0 0 0;}
#left p {line-height:18px; margin-bottom:20px;}
#breadcrumb { padding:5px; background:#f4f4f4; border-bottom:solid 1px #e2e2e2; margin-bottom:10px; font:13px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase;}
h1, h2, h3, h4 {font:"Trebuchet MS", Arial, sans-serif;}
h2 {font:18px "Trebuchet MS", Arial, sans-serif;}
#topbar {
	height:0px; padding:55px 25px 0 25px;
}
#searchbar {
	width:250px;
	float:left;
	padding-left:35px;
	background-image: url(../images/searchicon.jpg);
	background-repeat: no-repeat;
	background-position: 3px 9px;
	padding-top: 5px;
}
#searchbar #keyword {
	width:150px;
	display: block;
	float: left;
	height: 20px;
	border: 1px solid #969696;
	padding: 2px;
	margin-right: 5px;
	font-size: 14px;
}
#searchbar form {padding:3px;}
#navigation { margin-left:305px; padding-top:8px;}
#navigation ul {list-style:none;}
#navigation li {display:inline;} 
#navigation a, #navigation a:visited, #navigation a:active {display:block; float:left; background:url(../images/menu2.jpg) repeat-x; height:19px; padding:5px 15px 0 15px; margin-right:5px; color:#000; text-decoration:none; border:solid 1px #999;}
#navigation a:hover {background:url(../images/menu1.jpg) repeat-x; color:#fff; border: solid 1px #09c;}
#navigation .active a {background:url(../images/menu1.jpg) repeat-x; color:#fff; border: solid 1px #09c;}
#sidebar h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;}
#sidebar ul {list-style:none; margin-bottom:15px;}
#sidebar li {display:block; height:26px; border-bottom:solid 1px #ddd;}
#sidebar a, #sidebar a:visited {display:block; height:21px; padding:5px 5px 0 5px; color:#333; text-decoration:none;}
#sidebar a:hover { color:#069;}
h3.subhead {
	font-size:12px; text-transform:uppercase;
	color: #fff;
	display:block;
	padding:5px;
	border:solid 1px #ddd;
	background: #990000;
}
.columns  {padding:0 8px 0 8px;}
.col1 {width:30%; float:left;}
.col3 {width:30%; float:right;}
.col2 {margin:0 32% 0 32%;}
.clear2 {width:590px; clear:left; float:right; color:#fff!important;}
.columns div {background:#f3fbe0; height:200px;}
.columns div p {padding:5px;}
#subnav {padding: 9px 30px 0 730px; color:#fff;}
#subnav a {color:#fff; text-decoration:none;}
img.leftalign, img.rightalign {display:block; padding:3px; background:#efefef; border: solid 1px #ddd;}
img.leftalign {float:left; margin-right:8px;}
img.rightalign {float:right; margin-left:8px;}
h1#sitename {display:block; padding:5px 70px 0 50px; color:#fff; font:22px normal Arial, sans-serif; }
#sitename a, #sitename a:visited, #sitename a:hover {color:#fff; text-decoration:none;}
#footer p {text-align:center; display:block; padding:3px;}
#footer #credit {font-size:10px;}
#left h2 { color:#900!important;}
blockquote {background:#efefef; padding:5px; border:solid 1px #ddd; display:block; margin:5px;}
blockquote.leftalign {width:300px; float:left;}
.post ul, .post ol {margin-bottom:15px;}
.post li {padding:3px;}
code {background:#ccc; white-space:pre; display:block; margin:5px; padding:5px;}
.postbottom a { margin:0 10px 0 10px;}
.postbottom {padding:3px; background:#efefef; border:solid 1px #ddd; margin-bottom:20px;}
.pagenav {padding:3px; background:#efefef; border:solid 1px #ddd; margin-bottom:20px;}
.pagenav span {display:block; width:250px;}
.pagenav .leftalign {float:left;}
.pagenav .rightalign { margin-left:300px; text-align:right;}


/*
		-----------------------------------------------------------------
		form
		----------------------------------------------------------------- */
 
		form.dm_form {
			width: 100%;
			font-family: sans-serif; font-size: 0.8em;
			margin: 0;
			padding: 0;
			border: 0;
		}
		form.dm_form div.form_wrapper {
			margin: 0 -1%;
			padding: 0;
		}
		form.dm_form fieldset {
			clear: both;
			margin: 0 0 20px 0;
			padding: 0;
			border: 0;
		}
 
 
		/*
		---------------------------
		labels and wrappers
		--------------------------- */
 
		form.dm_form label {
			margin: 0 1%;
			padding: 0;
			border: 0;
			float: left;
			display: table;
			width: 1%;
		}
		form.dm_form span.wrapper {
			margin: 0;
			padding: 0;
			display: table-cell;
			width: 1%; /* firefox */
		}
 
 
		/*
		---------------------------
		width
		--------------------------- */
 
		form.dm_form label.w100 {
			width: 98%;
			display: block;
		}
		form.dm_form label.w75 {
			width: 73%;
			display: block;
		}
		form.dm_form label.w50 {
			width: 48%;
			display: block;
		}
		form.dm_form label.w25 {
			width: 23%;
			display: block;
		}
 
 
		/*
		---------------------------
		position
		--------------------------- */
 
		form.dm_form label.p25 {
			margin-left: 26%;
		}
		form.dm_form label.p50 {
			margin-left: 51%;
		}
		form.dm_form label.p75 {
			margin-left: 76%;
		}
 
 
		/*
		---------------------------
		errors
		--------------------------- */
 
		form.dm_form label.error input.field,
		form.dm_form label.error select.field,
		form.dm_form label.error textarea.field {
			border-color: #dd1100;
		}
 
		form.dm_form label.error span.title {
			color: #dd1100;
		}
 
 
		/*
		---------------------------
		title and examples
		--------------------------- */
 
		form.dm_form label span.title {
		}
		form.dm_form label span.example {
			color: #999;
			font-style: italic;
		}
 
 
		/*
		---------------------------
		input/select fields
		--------------------------- */
 
		form.dm_form label input.field,
		form.dm_form label select.field,
		form.dm_form label textarea.field {
			width: 100%;
			display: block;
			border: 1px solid #d0d6da;
			border-left: 3px solid #809db5;
			background: #e9edf0;
			padding: 4px;
			font-family: sans-serif; font-size: 1em;
			box-sizing: border-box;
			-moz-box-sizing: border-box; /* gecko */
			-webkit-box-sizing: border-box; /* khtml/webkit */
			-ms-box-sizing: border-box; /* IE */
		}
 
		form.dm_form label select.field {
			padding: 4px 1px 1px 1px; /* have to try out */
		}
 
		form.dm_form label input.field:focus,
		form.dm_form label select.field:focus,
		form.dm_form label textarea.field:focus {
			border: 1px solid #d0d6da;
			border-left: 3px solid #57ab44;
			background: #e0eadd;
		}
 
		/* Pflichtfelder
			mandatory fields */
		form.dm_form label.mandatory input.field,
		form.dm_form label.mandatory select.field,
		form.dm_form label.mandatory textarea.field {
			border: 1px solid #809db5;
			border-left: 8px solid #809db5;
		}
 
		/* Kalenderfelder
			calendar fields */
		form.dm_form label.calendar input.field {
			padding-right: 25px;
		}
 
 
		/*
		---------------------------
		checkboxes and radios
		--------------------------- */
 
		form.dm_form input.select {
			display: block;
			float: left;
			margin: 0;
		}
 
 
		/*
		---------------------------
		submit button
		--------------------------- */
 
		form.dm_form input.submit {
			width: 100%;
			background: #809db5;
			color: #fff;
			padding: 2px 0;
			font-size: 1em;
		}
 
		form.dm_form input.submit:hover,
		form.dm_form input.submit:focus {
			background: #57ab44;
			/* cursor: pointer;  sorry, can't use that one in front of Opera */
		}
 
 
		/*
		---------------------------
		calender icon
		--------------------------- */
 
		form.dm_form a.calendar {
			float: right;
			position: relative; top: 3px; left: -20px;
			z-index: 1000;
		}
		form.dm_form a.calendar img {
			border: 0;
			position: absolute; top: 0; left: 0;
			z-index: 1001;
		}
 
 
		/*
		---------------------------
		additional styles for
		input/select fields
		--------------------------- */
 
		form.dm_form label.inputselect span.title {
			margin: 0 0 2px 0;
			display: table; /* act as inline-block */
		}
 
		form.dm_form label span.title:hover,
		form.dm_form label span.title:focus {
			color: #57ab44;
			cursor: pointer;
		}
 
		form.dm_form label br {
			margin: 0 0 2px 0;
		}
 
 
		/*
		---------------------------
		additional styles for
		checkboxes and radios
		--------------------------- */
 
		form.dm_form label.wauto {
			width: auto;
			margin-right: 15px;
		}
		form.dm_form label.radiocheck {
			margin-bottom: 10px;
		}
		form.dm_form label.radiocheck span.wrapper {
			padding-right: 0;
		}
		form.dm_form label.wauto span.wrapper {
			display: inline;
		}
		form.dm_form label.radiocheck span.title {
			display: block;
			margin: 0 0 0 20px;
			padding: 0;
		}
 
 
		/*
		---------------------------
		clearing elements
		--------------------------- */
 
		.clear {
			clear: both;
			display: block;
			padding: 0 0 10px 0;
		}
		.mb0 {
			margin-bottom: 0 !important;
		}
		.pb20 {
			padding-bottom: 20px !important;
		}
 
 
		/*
		---------------------------
		form content
		--------------------------- */
 
		form.dm_form p,
		form.dm_form h3 {
			margin: 0 1% 10px 1%;
		}
 
		div.errors {
			display: none; /* JS toggle */
			margin: 0 1% 30px 1%;
			padding: 5px 10px;
			background: #dd1100;
		}
		div.errors p {
			color: #fff;
			margin: 0 0 0.5em 0;
		}
		div.errors ul {
			margin: 0 0 0 1.6em;
			padding: 0;
		}
		div.errors ul li {
			margin: 0;
			padding: 0;
			color: #fff;
			list-style-type: square;
		}
 
		</style> 
 
 
		<!--[if IE 7]>
		<style type="text/css">
 
		/* styles for IE 7 */
 
		form.dm_form label {
			margin-right: 0.85% !important; /* avoid positioning bugs */
		}
		form.dm_form span.wrapper {
			display: block;
			width: 100%;
		}
		form.dm_form label input.field,
		form.dm_form label select.field,
		form.dm_form label textarea.field {
			position: relative; /* put on top */
			width: expression(parentNode.offsetWidth - 13); /* - border - padding */
			padding-top: 2px;
			padding-bottom: 2px;
		}
		form.dm_form label.mandatory input.field,
		form.dm_form label.mandatory select.field,
		form.dm_form label.mandatory textarea.field {
			width: expression(parentNode.offsetWidth - 18); /* - border - padding */
		}
		form.dm_form label.calendar input.field {
			width: expression(parentNode.offsetWidth - 34); /* - border - padding - icon width */
		}
		form.dm_form label input.select {
			position: relative;
			left: -2px;
			top: -2px;
		}
		form.dm_form label select.field {
			width: 100%;
		}
		form.dm_form label.wauto {
			margin-right: 15px !important;
		}
 
		</style>
		<![endif]--> 
 
 
 
		<!--[if lte IE 6]>
		<style type="text/css">
 
		/* styles for IE 6 */
 
		div#container {
			height: 1%; /* as always: hasLayout for content wrappers should be meaningful */
		}
		form.dm_form div.form_wrapper {
			display: inline-block;
		}
		form.dm_form label {
			display: inline-block !important;
			width: 1%;
			height: 1%;
			margin-right: 0.85% !important; /* avoid positioning bugs */
		}
		form.dm_form span.wrapper {
			display: block !important;
			width: 100%;
			overflow: hidden;
		}
		form.dm_form label.radiocheck span.wrapper {
			width: auto;
		}
		form.dm_form label input.field,
		form.dm_form label select.field,
		form.dm_form label textarea.field {
			position: relative; /* put on top */
			width: expression(parentNode.offsetWidth - 13); /* - border - padding */
			padding-top: 2px;
			padding-bottom: 2px;
		}
		form.dm_form label.mandatory input.field,
		form.dm_form label.mandatory select.field,
		form.dm_form label.mandatory textarea.field {
			width: expression(parentNode.offsetWidth - 18); /* - border - padding */
		}
		form.dm_form label.calendar input.field {
			width: expression(parentNode.offsetWidth - 34); /* - border - padding - icon width */
		}
		form.dm_form label input.select {
			position: relative;
			left: -2px;
			top: -2px;
		}
		form.dm_form label select.field {
			width: 100%;
		}
		form.dm_form label.inputselect span.title {
			display: inline-block !important;
		}
		form.dm_form label.radiocheck {
			width: auto;
		}
		form.dm_form label.radiocheck.w100 {
			width: 98%; /* avoid label being too short */
		}
		form.dm_form label.wauto {
			margin-right: 15px !important;
		}
		form.dm_form label.radiocheck span.title {
			display: inline-block !important;
			margin-left: 0;
		}
		
		
		table.reference
		{
		background-color:#ffffff;
		border:1px solid #c3c3c3;
		border-collapse:collapse;
		}
		
		table.reference th
		{
		background-color:#e5eecc;
		border:1px solid #c3c3c3;
		padding:3px;
		vertical-align:top;
		}
		
		table.reference td 
		{
		border:1px solid #c3c3c3;
		padding:3px;
		vertical-align:top;
}




/* CSS Document */
.searchBtn
	{
		float:left;cursor:pointer;width:44px;height:38px;line-height:15px;
		background-image:url(../images/search_ico.PNG);
		background-position:left 0;
		background-repeat:no-repeat;
	}

.searchProgress
	{
		background-image:url(../images/4.gif);background-position:left 0;
		float:left;cursor:pointer;width:44px;height:38px;line-height:15px;
		background-repeat:no-repeat;
	}

.textBox input 
	{
		color:#999999;
		font:bold 14px arial;
		float:left;
		height:20px;
		padding:12px 0 0 9px;
		vertical-align:middle;
		width:432px;
	}

#contentSr{
		height:400px;
		text-align: center;
		text-decoration: none;
		width: 490px;
        }
		
#contentSr #sub_cont{
	width: 490px;
	display:none;
	height:400px;
}
#contentSr .no-rec{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px;
	border-bottom:solid #669900;
	text-align:center;
	background:#CCCC66;
}
#contentSr .each_rec{

	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px;
	border-bottom:solid #669900;
	text-align:justify;
	background:#CCCC66;
}

#contentSr .each_rec:hover{
	background:#FFFFFF;
}
#contentSr .each_rec a{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none
}		
.search-background {
		display: none;
		font-size: 13px;
		font-weight: bold;
		height:160px;
		position: absolute;
		padding-top:100px;
		text-align: center;
		text-decoration: none;
		width: 470px;
	}

#heading
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:56px;
	color:#CC0000;				
}
 

search-background label
{	
	border:solid #66FF00 1px;
}	

#paging_button ul{ width: 600px; padding:0px; margin:8px;}

#paging_button ul li{
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
		float:left; height:20px; width:20px; list-style-image:none; 
		list-style-type:none; font-weight:bold; border:solid #CCCCCC 1px;
		margin:3px; cursor:pointer;
	}

li:hover{ color: #CC0000; cursor: pointer; }

.slidingDiv2 {
	height:300px;
	background-color: #99CCFF;
	padding:20px;
	margin-top:10px;
	border-bottom:5px solid #3399FF;
}


#list2
{
 text-indent:40px;
list-style-position:inside;
}