/*  Auskommentiert HPU

	#page_title{

	background:url("../Pictures/search.jpg") no-repeat left top;
	height: 162px;
	width: 620px;
	_width:100%;
	}
*/

	#page_title h1{

	padding-left:0px; /* Org: 240 */
	padding-top:10px; /* Org: 90 */
	}

	#error_message{

	padding-left:0px;
	background-color: #FFFFFF;
	}
	
	.message-item{
	
	color:red;
	font-weight:bold;    
	padding:5px 16px; 
	background:#FAFFCC;
	border:1px solid #F5CE1E; 
	position:relative;
	margin-top:10px;
	}
	
	.message-item-close{
	
	background:url(../Pictures/message-item-close.jpg);
	cursor:pointer;
	width:12px;
	height:12px;
	display:block;
	position:absolute;
	right:7px;
	top:7px;
	text-indent:-9999px;
	}

/*- Invisible class ---------------- */
	div.disabled{

	visibility:hidden;  
	position:absolute; 
	left:-999px;
	top:-999px;
	}


/*- Tabs --------------------------- height:42 */
	#tabcontrol{

	float:left;
	_display:inline;
	width:100%;
	font-size:98%;
	background-color: #FFFFFF;
	}
	
	#tabcontrol ul{
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style:none;
	}

	#tabcontrol li{
	display:inline;
	margin:0px;
	padding:0px;
	}
	
	#tabcontrol a{

	float:left;
	background: url("../Pictures/tab_left.jpg") no-repeat left top;
	margin:0px;
	padding: 0 0 0 3px;
	text-decoration:none;
	_margin-left:-11px;
	}

	#tabcontrol a span{

	float:left;
	display:block;
	background:url("../Pictures/tab_right.jpg") no-repeat right top;
	padding:5px 15px 5px 6px;
	color: #333333;
	font-weight:bold;
	}

	#tabcontrol input{	

	background:url("../Pictures/tab_right.jpg") no-repeat right top;
	float:left;
	_float:none;   /* show to IE 5 -6 */
	display:block;
	font-size: 12px;
	font-weight:bold;	
	text-decoration: none;
	text-align:center;
	border: none;
	padding: 0 0 0 -25px;
	margin-left: 0px;      /* show to Mozilla/Safari/Opera */
	_margin-left: -12px;   /* show to IE 5 -6 */
	border-left-width: 0px;
	cursor: pointer;
	cursor: hand;
	width:100px;
	height:25px;
	}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabcontrol a span{
	float:none; 
	}
/* End IE5-Mac hack */

	#tabcontrol a:hover input{
	color: #000000; 
	}

	#tabcontrol a:hover span{
	color: #000000; 
	}

	#tabcontrol a:hover{
	background-position:0% -42px; 
	}

	#tabcontrol a:hover input{
	background-position: 100% -42px; 
	}

	#tabcontrol a:hover span{
	background-position:100% -42px; 
	}

	#tabcontrol .current a{
	background-position:0% -42px; 
	}

	#tabcontrol .current a input{
	background-position:100% -42px; 
	}

	#tabcontrol .current a span{
	background-position:100% -42px; 
	}

	#tabcontrol #text_only span{
	float:left;
	margin:0px;
	margin-right: 10px;
	padding: 5px 0px 0px 90px;
	text-decoration:none;
	}
	
/* search button */
	#tabcontrol span input{
	float:right;
	color: White;
	background-color: Transparent;
	border:none;
	background: url(../Pictures/search_button_light.gif);
	height:19px;
	width:80px;	
	text-align:center;
	vertical-align:middle;
	font-size: 14px;
	font-weight:bold;
	margin-left:94px;
	#margin-left:94px;		/* hack: IE 7 */
	_margin-left:90px;		/* hack: IE6 and older */
	margin-top:5px;
	}

/* berlin.de hat eigene div-tags für ie6, ie7 und ie8. diese können wie folgt angesprochen werden.
	.ie7 #tabcontrol span input
	{
	}
*/

/* this div contains the tab content */
	#tab_content{

	margin: 0px;
	#margin-left: 0px;		/* hack: IE 7 */
	_margin-left:-12px;   /* show to IE 5 -6 */
	padding: 0;
	line-height:normal;
	background-color: #f9f6ff;
	_width:100%;
	}

	#tab_content BR{
	clear: none; 
	}
	
/* CSS for page content */

	.search_but{
	color:White; 
	}

	.search_but input{
	width:90px; 
	}

	.search_button_top{

	margin-left:0px !important;
	}
	.search_button_top:hover{

	cursor:pointer;
	}

	.search_button_bottom{

	color: White;
	background-color: Transparent;
	border: none;
	background: url(../Pictures/search_button_light.gif);
	font-size: 14px;
	font-weight:bold;
	height:19px;
	width:80px;
	margin-left:165px;
	#margin-left:170px;	/* hack: IE 7 */
	margin-right:15px;
	}

	.search_button_bottom:hover{
	cursor:pointer;
	}

	.reset_button_top{

	font-size: 12px;
	font-weight:normal;
	color: #444484;
	background-color: transparent;
	text-decoration: underline;	
	border: none;
	width:90px;
	margin-left:523px;
	#margin-left:523px;		/* hack: IE 7 */
	_margin-left:522px;
	}

	.reset_button_top:hover{ /* does not work in IE */
	cursor:pointer;
	color: #444484;
	}

	.reset_button_bottom{

	font-size: 12px;
	font-weight:normal;
	color: #444484;
	background-color: transparent;
	text-decoration: underline;	
	border: none;
	height:20px;
	width:90px;
	margin-left:160px;
	#margin-left:165px;	/* hack: IE 7 */
	margin-right:10px;
	}

	.reset_button_bottom:hover{ /* does not work in IE */
	cursor:pointer;
	color: #444484;
	}

	.link_but{

	font-size: 12px;
	font-weight:normal;
	color: #444484;
	background-color: transparent;
	text-decoration: underline;	
	border: none;
	cursor: pointer;
	cursor: hand;
	width:90px;
	}

	.link_but:hover{ /* does not work in IE */

	color: #444484;
	font-weight:bold;
	}

	.search_box_content{

	/*display:inline;*/
	}

	.search_box{

	color: #a1a1a1;
	width: 350px;
	}

	.dropdown{
	width: 400px; 
	}

	.dropdown_small{ 
	width: 324px; 
	}
	
	.search_textbox{
	width: 397px; 
	}

	.search_textbox_small{	
	width:302px; 
	margin-right:2px;
	}

/* smartpart design */
	div.smartpart{

	display:block;
	background-color: #f9f6ff; /* Zwischenräume füllen */
	/*clear: left;
	padding: 0;
	margin: 0;*/
	margin-top: -23px; /* Legt den Abstand zu den Tabs fest. Alternativ: -33px = kein Abstand */
	}
	
	.ie7 div.smartpart /* ie7 ist ein tag von berlin.de */
	{
		margin-top: -20px;
	}

	div.smartpart #headerpic{

	padding-left: 10px;
	}

	div.smartpart #header{

	color: #000000;
	}

	div.smartpart #footer{

	color: #000000;
	font-style:italic;
	}

	div.smartpart h3{

	color: #000000;
	font-size:12px;
	background-color: #e6edff; 
	_width:100%
	}

	div.smartpart .tabpart{

	background-color:#f9f6ff;
	}

	#search_link a{

	color: White;
	text-decoration: none;
	}

	#reset_link a{

	color: #436acf;
	text-decoration: underline;
	}

	.LeftImage{

	vertical-align:top;	
	}
	
	.LeftOffset{

	padding-left: 116px;
	}
	
	.RightImage {
	
	padding-top:13px;
	padding-left: 34px;
	}
	
	.tabpart {
	
	width:400px;    
	}
	
	.tabpart #DistrictList {
	
	width:400px !important;    
	}
	
	.help_hover:hover{

	cursor:help;	
	}

/* HPM:05.11.07 - hinzugefügt für IE 6 */
	.help_hover{

	cursor:help;	
	}

	#KeywordsTable table{

	margin-top: 12px;
	width: 400px;
	background-color: white;
	border-color: White;	
	}

	#KeywordsTable table tr{

	text-align:center;
	}

	#LyceumTable table{

	margin-top: 12px;
	width: 400px;
	background-color: white;
	border-color: White;	
	}

	#LyceumTable table tr{

	text-align:center;
	}

	.TableHeader{

	background-color:ThreeDFace;
	vertical-align:middle;
	border-bottom: dotted 1px black;

	border-right: none;
	height: 22px;
	}
	
	.align-center {
	
	text-align:center;
	vertical-align:middle;
	}

	.FirstColumnHeader{

	border-right: none;
	text-align:left;	
	border-bottom: dotted 1px black;
	vertical-align:middle;
	}

	.FirstColumnItem{

	text-align:left;
	}

	#DistrictList table{

	width: 450px;
	border-width: 0px;
	}
	
	div.ui-datepicker{
	
	font-size:12px;
	}