html { margin: 0; padding: 15px 15px 50px 15px; }

/* GENERAL */


.overflow { position: absolute; z-index: 20000; height: 100%; width: 100%; background-color: #f3f3f3; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

.overflow-content { width: 300px; position: fixed; top: 40%; left: 40%; z-index: 21000; background-color: #fff; border: 2px solid #999; padding:30px; }

	*html .overflow-content { position: absolute; top: 200px; left: 33%;}

.overflow-content .inputmiddle { display: block; margin: 5px 0 5px 0; }


.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

.loading {
	width:100px;
	height: 100px;
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: #fff;
	/*background:url(../images/spinner2.gif) no-repeat center #fff;*/
	text-align:center;
	padding:10px;
	font:normal 16px Tahoma, Geneva, sans-serif;
	border:1px solid #666;
	margin-left: -50px;
	margin-top: -50px;
	z-index:9;
	overflow: auto;
}

body { background: #f3f3f3; color: #333; font: 0.7em Verdana, Arial, SunSans-Regular, Sans-Serif; margin: 0px; color: #333333; }

#site { position: relative; width: 86.5em; margin: auto; padding: 0; }

.news { padding: 10px 10px 0 17px; background-color: #eee; border: 0px solid #000; border-bottom: 2px solid #bbb; -moz-border-radius: 10px 10px 10px 10px; }
.news h1 { color: #1177dd; }
.news img { float: right; margin: -30px -25px 10px 10px; }

a:link { color: #1177dd; }
a:visited { color: #1177dd; }
.maincontent a:hover { color: #b00; }
a:active { color: #d00; }
a:focus { outline: none; }

h1, h2 { margin: 0 15px 0.6em 15px; line-height: 1.2em; color: #bb0000; font-size: 1.2em; }
h3 { margin: 0 15px 0.6em 15px; line-height: 1.2em; font-size: 1.0em; color: #333; }
h4 { font-size: 1em; margin-bottom: 0px; }

p { margin: 0 15px 0.9em 15px; line-height: 1.4em;  }

hr { margin-top: 60px; border: 1px solid #f3f3f3; border-top: 1px solid #ccc; }

img { border: none; }

.center { text-align: center; }
.left, .leftimg { float: left; padding-right: 15px; }
.right, .rightimg { float: right; padding-left: 15px; }
	.leftimg, .rightimg { margin-top: 5px; }
	
.clear { clear: both; }

.bold { font-weight: bold; }


/* HEADER */

	#logo { margin:0 0 5px 15px; height:40px; }
	.logout { float:right; margin-right:15px; margin-top:10px; padding-left:20px; background:url("../../../images/icon-logout.gif") left no-repeat; }
 	.logininfo { position: absolute; width: 440px; right: 80px; margin-top: 10px; color: #777; }
	
	/*#logo { margin: 0 0 5px 15px; margin-left: -23px; height: 60px; }*/			
	#logo a:hover { background-color: transparent; }
		*html #logo img { position: absolute; }	
	
	/*.logout { float: right; margin-right: 15px; padding-left: 20px; background: url("../images/icon-logout.gif") left no-repeat; }*/
		.logout a { text-decoration: none; color: #333; font-weight: bold; }
		
	/*.logininfo { position:absolute; width:500px; right: 80px; }*/
		
/* NAVIGATION MENU */
	
	
/* ANFANG NAVIGATION NEU ****************************************************************************************** */
		/* Menu 1. Ebene */
		.nav { position: relative; z-index: 100; padding: 10px 15px 10px 12px; height: 1.2em; background-color: #b00; border-bottom: 2px solid #600; -moz-border-radius: 10px 10px 10px 10px; }
		.nav ul { list-style: none; margin: 0; padding: 0; }
		.nav li { float: left; margin-right: 30px; font-weight: bold; }
		.nav li a { display: block; text-decoration: none; color: #fff; padding: 0 3px 0 3px; border-left: 2px solid #b00; border-right: 2px solid #b00; }
		*html .nav li a { float: left; color: #fff !important;}
		.nav li a:hover,
		.nav li.act a { color: #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd; }
		
		/* Menu 2. Ebene  in Topnavigation */
		.nav  ul ul { clear: left; position: absolute; z-index: 5000; background-color: #b00; padding: 10px 5px 7px 5px; 
					border-bottom: 2px solid #600; -moz-border-radius: 10px 10px 10px 10px;
					width: 19em; 
					margin-top: 0; margin-left: -4px;
				}
			
		.nav li.menuacthover ul { display: block; }
		.nav  ul ul { clear: left; }
		.nav  ul ul li { clear: left; float: none; font-weight: normal !important; margin-right: 0; }
			*html .nav  ul ul li { height: 1px; }
		.nav  ul ul li a { clear: left; float: none; padding: 7px 5px 7px 5px; border: none !important; font-weight: normal !important; }
		
		.nav ul ul li a:hover { color: #bbb; }
		.nav li.act li a { color: #fff; }
		.nav li.act li.act a { color: #bbb; }
			
		/* hover-Einblendung Menu 2. Ebene */
		.nav  ul ul { display: none; }
		.nav  ul li:hover ul { display: block; }

	    .nav li.submenu a { padding-right: 15px; background: url("../images/icon-menu-open.gif") right no-repeat; }
        .nav li.submenu li a { padding-right: 5px; background: none; }
	
		/* Sonderelemente */
		.nav li hr { border:  1px solid #b00; border-bottom: 1px solid #800; margin: 0 5px 0 5px; }
/* ENDE NAVIGATION NEU ****************************************************************************************** */


/* CONTENT / MAINCONTENT  */

		.maincontent { position: relative; clear: both; border: 0px solid #000000; margin: 0 !important; }

		
/* HOMEPAGE / STARTSEITE VOR LOGIN  */
	
	.links { float: left; width: 280px; padding: 20px 10px 10px 0; }
	.links p { margin: 20px 40px 20px 10px	; }
	.links p, .links a, .links a:visited, .links a:active { color: #aaa; }
	.links a:hover { background-color: transparent; text-decoration: underline; }
	
	.news { padding: 10px 10px 0 17px; margin: 18px 0 0 15px; background-color: #eee; border-bottom: 2px solid #bbb; -moz-border-radius: 10px 10px 10px 10px; }
	
	.contenthome  { margin: 20px 0 15px 300px; }
	.contenthome h1 { font-size: 1.9em; font-weight: normal; }
	.contenthome p { font-size: 1.2em; }
	
	.login { clear: none; background-color: #eee; border: 1px solid #ccc; border-bottom: 2px solid #ccc; margin: 20px 0 15px 15px; padding: 5px 15px 5px 15px; -moz-border-radius: 10px 10px 10px 10px; }
	.login  h1 { display: inline; margin-right: 20px; font-size: 1.5em; margin-left: 0; }
	.login  p { font-size: 1.0em; display: inline; margin-left: 0; }
	.login .input { width: 13.0em; }
	.login input, .login label { margin-right: 10px; display: inline; }
	.login .submit { font-size: 1.5em; font-weight: normal; }
	
/* SEARCHBOX */
	.search { position: relative; z-index: 3; top: -15px;  padding: 25px 15px 3px 15px; background-color: #d6e5f3; border-bottom: 2px solid #adbfd1; -moz-border-radius: 10px 10px 10px 10px; }
	
	.searchoptions { margin-bottom: 6px;}
		.searchoptions .input, .searchoptions .inputdate, .searchoptions select  { background-color: #eef2f6; color: #444; }
		.searchoptions input, .searchoptions select { }
		.searchoptions label  { padding-bottom: 7px !important; }
	
	.searchselect { padding-bottom: 3px; display: inline; }
		.searchselect label { padding-right: 5px; }
		.searchselect input { margin-left: 3px; }
	div.searchoptions.searchfield { margin-top: 4px; }
	.searchdate { display: inline;}
	.searchfield { }
	.conjunction1 { }
	.searchfield2 { }
	.conjunction2 { }
	.searchfield3 { }
	.itemsperpage { float: left; width: 13.3em; }
	.multipleitems { float: left; width: 18.3em; }
		*html .multipleitems { width: 17.95em; }
		*+html .multipleitems { width: 18.2em; }
		.multipleitems input { }
	.agencyselect { }
		.agencyselect .input { width: 32.4em; }
			*html .agencyselect .input { width: 32.8em; }
			*+html .agencyselect .input { width: 32.8em; }
	.category { padding-bottom: 5px; }
		
	.searchlinks { position: relative; z-index: 1500; margin-top: 3px; }
	.searchlinks a { background-position: right center; float: right; background-repeat: no-repeat; padding-right: 20px; }
	
	.searchhelp { position: relative; float: right; display: block; background: url("../images/icon-help.gif") right bottom no-repeat; padding-right: 20px; margin-top: 5px; }

/* FORMS */
	form { margin: 0; padding: 0; }
	
	.input, .inputmiddle, .inputsearch, .inputdate, .inputsmall, textarea, select { border: 1px solid #777; background-color: #fff; margin-bottom: 3px; }
		.input { width: 15.0em; }
		.inputmiddle { width: 20.0em; }
		.inputsearch { width: 32.3em; margin-top: 2px; }
			*html .inputsearch { width: 32.4em; }
			*+html .inputsearch { width: 32.4em; }
		.inputdate { width: 6.0em; }
		.inputsmall { width: 6.0em; }
		
	.submit, .submitgray { font: bold 1.0em Verdana, Arial, SunSans-Regular, Sans-Serif; border-width: 2px; margin-bottom: 3px; }
		.submit { background-color: #a00; border-color: #a00; color: #fff; }
		.submitgray { background-color: #acbfd0; border-color: #acbfd0; color: #000; font-weight: normal; }
	
	 
	.suppressduplicates { margin: 0 0 0 30px; }
		
	input:focus, select:focus, textarea:focus { border: 1px solid #777;	}
	
	.pflicht { font-weight: bold; }
	.pflicht .input, 
	.pflicht .inputsmall,
	.pflicht .inputmiddle	{ background-color: #fdf6e8; }
	
	.formelement { clear: both; padding: 15px; }
		.formelement label { display: block; margin-bottom: 5px; }
	
	
	/* wenn ein Link wie ein Submit-Button aussehen soll */
	a.submitrot, a.submitrot:visited { padding: 2px 15px 3px 15px; margin: 0; }
	a.submitrot, a.submitrot:visited { background-color: #a00; border-bottom: 1px solid #600; border-right: 1px solid #600; border-left: 1px solid #e88; border-top: 1px solid #e88; font-weight: bold; color: #ffffff; text-decoration: none; }
	a.submitrot:hover { background-color: #a00; color: #fff; border-bottom: 1px solid #e88; border-right: 1px solid #e88; border-left: 1px solid #600; border-top: 1px solid #600; }
	a.submitrot:active  { color: #fff }
	/* grosse Schrift */
	.submitrotbig { font-size: 1.15em; width: 15.0em; }
	
fieldset { padding: 0; border: none; }
legend { display: none; }

.formular { float: left; width: 420px; margin: 0 15px 15px 15px; padding: 15px; border: 1px solid #ccc; min-height: 34.5em; }
	*html .formular { height: 36.0em; margin: 7px; }
	*+html .formular { min-height: 36.0em; }
.formular h2 { margin-left: 0; }
.formular label { display: block; margin-bottom: 5px; }
.submitbuttons { clear: both; display: block; width: 904px; padding: 5px 15px 5px 15px; margin: 0 15px 15px 15px; border: 1px solid #ccc; background: #ddd; text-align: center; }
	*html .submitbuttons { width: 886px; margin-top: 7px; }
	
.field { margin-bottom: 5px; }
.checkfield { margin-bottom: 10px; }
.checkfield input { margin-left: 0; }
	*html .checkfield input { margin-left: -3px; }
	*+html .checkfield input { margin-left: -3px; }
fieldset  { margin-bottom: 10px; }


.notification-by-profile h2 { margin-bottom: 14px; }
fieldset.globals label { float: left; clear; left; width: 12em; }
fieldset.summarypermail .field, fieldset.summaryperftp .field { margin-left: 12em; }
fieldset.mailpermatch .field { margin-left: 21px; }

	
/* RESULTLIST */
	/* *+html img.imgpager { position: relative; top: -5px; } */
	
	.result-itemsperpage,
	.result-pager,
	.result-suppress { float: right; margin: 0 0 0 30px; }
	
	.list { clear: both; margin-bottom: 15px; }
	.list td,
	.list th { border: 1px solid #ccc; }
	/* .list tbody tr:hover { background: #d6e5f3; } */
	
	.sortable a { display: block; color: #333; min-height: 15px; padding: 0 0 0 17px; background-repeat: no-repeat; background-position: top left; }
			*html .sortable a { height: 15px; }
		.sorted a { background-image: url("../images/sort-neutral.gif"); }
		.desc a { background-image: url("../images/sort-up.gif"); }
		.asc a { background-image: url("../images/sort-down.gif"); }
	
	
/* TABLES */

.formtable { width: auto; border: 1px solid #ccc; margin: 15px; }
.formtable td { padding: 5px !important; }
.formtable  .checkbox { margin-left: 0px; }
	*html .formtable  .checkbox { margin-left: -4px; }
	*+html .formtable  .checkbox { margin-left: -4px; }
	
.formtable input[disabled="true"] { background-color: #eee !important; border: 1px solid #ccc; }
.disabled { background-color: #eee !important; border: 1px solid #ccc; }

.formtable .tableheadline { width: 11em; font-weight: bold; }


table.tablelist { width: auto; margin: 15px; }
.tablelist th { padding: 5px 20px 5px  5px !important; border-bottom: 2px dotted #ccc; border-top: 2px dotted #ccc; }
.tablelist td { padding: 10px 20px 10px  5px !important; border-top: 2px dotted #ccc; }
.tablelist .bildlink { padding-top: 0; }
.tablelist .functions img { margin-right: 10px; }

.active { color: #475; }
.deactive { color: #b00; }


table { width: 100%; border-collapse: collapse; }
td { padding: 4px; text-align: left; vertical-align: top; }
th { padding: 4px; font-weight: bold; text-align: left; vertical-align: top; background-color: #e6e6e6; }
	
	
/* IMAGELINKS */
	a.iconintext img{ margin: 0 7px -4px  7px; }
	.bildlink { display: block; min-height: 20px; padding: 3px 0px 0px 25px; margin-right: 10px; white-space: nowrap; background-repeat: no-repeat; background-position: top left; border: 0px solid #000; }
		.url { background-image: url("../images/icon-url.gif"); }
		.screen { background-image: url("../images/icon-screen.gif"); }
		.pdf { background-image: url("../images/icon-pdf.gif"); }

		.activate { background-image: url("../images/icon-activate.gif"); }
		.totop { background-image: url("../images/icon-totop.gif"); }
		.configure { background-image: url("../images/icon-configure.gif"); }
		.deactivate { background-image: url("../images/icon-deactivate.gif"); }
		.changesettings { background-image: url("../images/icon-edit.gif"); }
		.edit { background-image: url("../images/icon-edit.gif"); }
		.delete { background-image: url("../images/icon-delete.gif"); }
		.view { background-image: url("../images/icon-view.gif"); }
		.rename { background-image: url("../images/icon-rename.gif"); }

		.moreoptions { background-image: url("../images/icon-more.gif"); }
		.lessoptions { background-image: url("../images/icon-less.gif"); }
		
		.download-sheet { background-image: url("../images/about-datasheet.jpg"); font-weight: bold; margin-top: 15px; padding-left: 80px; height: 100px; }
		.download { background-image: url("../images/download.gif"); font-weight: bold; margin-top: 15px; }
		.download-xls { background-image: url("../images/download-xls.gif"); font-weight: bold; display: inline; }
		.download-csv { background-image: url("../images/download-csv.gif"); font-weight: bold; margin-top: 15px; }
		
		.icononly { margin-right: 0px; }
		
	.smallbildlink { display: block; padding: 3px 0px 0px 25px; margin-right: 10px; white-space: nowrap; background-repeat: no-repeat; background-position: bottom right; border: 0px solid #000; }		
		.moreiptc { background-image: url("../images/icon-more-small.gif"); margin-top: 5px; }

/* A-Z INDEX AND SEARCHCONFIG */
		
	ul.az-index  { list-style: none; margin: 5px; padding: 0px; font-size: 1.0em; font-weight: bold; }
	ul.az-index li { float: left; text-align: center; }
	ul.az-index li a { display: block; width: 1.2em; height: 1.0em; padding: 4px; margin: 2px; border: 1px solid #aaa; color: #17d; background-color: #ddd; text-decoration: none; }
	
	ul.az-index li a:hover,
	ul.az-index li.act a { background-color: #17d; color: #fff; border: 1px solid #17d; }
	
	ul.az-index li.empty { display: block; width: 1.2em; height: 1.0em; padding: 4px; margin: 2px; border: 1px solid #ddd; color: #bbb; background-color: #e6e6e6; }
	ul.az-index li.all  { float: none; text-align: center; }
	ul.az-index li.all a { width: 23.25em; }
		*html ul.az-index li.all a { width: 24.25em; }
		*+html ul.az-index li.all a { width: 25.25em; }
		
	
	
	table.regions  { clear: left; margin-top: 20px; }
	table.regions input { float: left; padding: 0; margin:0; margin-left: 6px; }
		*html table.regions input { margin-top: -3px; }
		*+html table.regions input { margin-top: -3px; }
	table.regions label { display: block; margin-left: 25px; }
	
	.region { margin: 2px; padding: 4px 0 4px 0; border: 1px solid #aaa; background-color: #ddd; }
	.region input { margin-left: 3px !important; }
	
	
	.searchconfig { float: left; width: 31.5%; margin-left: 15px; border: 1px solid #ccc; min-height: 150px; }
		*html .searchconfig { width: 30.5%; }
	.searchconfig h2 { margin: 5px 5px 15px 5px; color: #333; font-size: 1.0em; }
	.searchconfig h3,
	.searchconfig p { margin: 5px; }
	.searchconfig table { clear: left; width: 100%; }
	.searchconfig .status { text-align: left; width: 15%; white-space: nowrap; }
	.searchconfig .name { text-align: left; width: 85%; }
	
	.searchterm  { margin: 0 5px 10px 5px; }
	.trenner { border-top: 1px dotted #ccc; padding-top: 10px; }


/* HOME INTERN */
	.box25 { float: left; margin-left: 15px; margin-bottom: 15px;padding: 5px; border: 1px solid #ccc; width: 22%; height: 6.5em; background-color: #eee; }
	.box25 p { margin-left: 0; font-weight: bold; }
	.box25 text { margin-left: 0; font-weight: normal; }
	

/* MESSAGES AND ERRORS */
.success, .error, .message { width: 40em; font-weight: bold; background-position: center left; background-repeat: no-repeat; padding: 4px 4px 0 25px; margin: 5px 15px 5px 15px; min-height: 20px; _height: 20px; }
	.success { background-image: url(../images/icon-erfolg.gif); border: 1px solid #17d; }
	.message { background-image: url(../images/icon-fehler.gif); border: 1px solid #999; }
	.error { background-image: url(../images/icon-fehler.gif); border: 1px solid #c00; color: #c00; }
		.error select { border: 1px solid #c00; }
		.error input { border: 1px solid #c00; }



.odd {}
.even {}

/* DIALOG */

.dialog { clear: both; }


/* FOOTER */

	#footer { clear: both; margin-top: 50px; padding-top: 15px; border-top: 2px solid #ddd; color: #333 }
	#footer p { color: #999; }
 
	.footernav { margin: 0 15px 25px 0; }
	.footernav ul { list-style: none; margin: 0px; padding: 0px; }
	.footernav ul li { float: left; padding: 0 15px 0 15px; border-right: 1px solid #666; }
	.footernav ul li.last { border-right: none; }
	.footernav a { color: #666; }
	
 	
/* PAGINATION */

div.pagination {
	width:450px;
	float: right;
	margin: 0 0 0 30px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;

	text-decoration: none; 
	color: #aaa !important;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
div.pagination a.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #a00;
	font-weight: bold;
	background-color: #a00;
	color: #FFF !important;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

.iptcContent {
	line-height:1.2em;
}