*:first-child+html #content {
    overflow-x: auto; overflow-y: hidden; 
}
* html #content {
    overflow-x: auto; overflow-y: hidden;  
    width: expression(document.body.offsetWidth - 400);
}

* { margin: 0; padding: 0; }

body {
	font-family: 'Trebuchet MS', helvetica,arial,verdana;
	background: #fff;
	padding-bottom: 30px;
	}		
		
#wrapper { 
	margin: 0px;
	/*
	min-height: 700px;
	height: auto !important;
	height: 700px;
	*/
}	

a { font-size: 13px; font-weight: bold; text-decoration: none; color: #D21034;}



/* ------------------------------------------------------------------------- */
/* ---------- HEADER ------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#header {
	position: relative;
	height: 85px;
	margin-bottom: 20px;
	}
	
	#header h1 {
		position: absolute;
		right: 0;
		top: 15px;
		background: transparent url(/pics/katrin-logo.gif) no-repeat;
		height: 59px;
		width: 232px;
		text-indent: -10000px;
		}
		
		#header #logo h1 {
			position:absolute;
			top:34px;
			left:0px;		
			height:45px;
			width:100%;
			background:#D21034 url(/pics/katrin.gif) no-repeat;
			}

		#header #logo h1 a { 
			position:absolute;
			top:0px;
			left:0px;
			display:block;		
			height:45px;
			width:190px;
			background:none; 
			}
		
		#header a.katrin {
			position:absolute;
			background:#FFF url(/pics/arrow.gif) 2px 4px no-repeat; 
			padding-left:10px; 
			margin:15px 0px 0px 200px;
			color:#2A2A2A;
			text-decoration:none;
			font-size: 11px;	
			}

		
	
	#languages {
		position: absolute;
		bottom: 3px;
		left: 23px;
		}
		
		#languages a { 
			color: #fff; 
			font-size: 13px; 
			font-weight: bold; 
			text-decoration: none; 
			margin-right: 10px;  
			}
			
		#languages a:hover { text-decoration: underline; }

		
	#loggedIn {
		position: absolute;
		color:#2A2A2A;
		right: 15px;
		top: 15px;
		font-size: 11px;
		}	
		
		#loggedIn a {
			position: inherit;
			text-decoration: none;
			color:#2A2A2A;
			font-size: 11px;
			margin-left: 15px;
			}
		
/* ------------------------------------------------------------------------- */
/* ---------- NAVIGATION---------------------------------------------------- */
/* ------------------------------------------------------------------------- */
		
#navi {
	/*
	position: absolute;
	top: 120px;
	left:0px;
	*/
	width: 280px;
	margin-left: 20px;
	margin-bottom: 20px; 
	/* fix for IE6 doubled float margin 
	display: inline;
	*/
	border-right: solid 1px #ccc;
	float: left;
	}		
		
	#navi .imagebank h2 {
		color: #575757;
		font-size:24px;
		font-weight:normal;
		margin:0px 0px 10px 10px;
	}

/* SEARCH */	
		
	#search h4 {
		color: #575757;
		font-size: 16px;
		}
		
	#search fieldset { border: none; }	
	
	#search #inputSearch {
		background: transparent url(/pics/ambientia/input-bg.gif) no-repeat;
		border: none;
		width: 190px;
		padding: 4px;
		font: normal normal 13px 'Trebuchet MS',arial,verdana,helvetica;
		}
		
	#search a { color: #D21034; font-weight: bold; font-size: 12px; text-decoration: none; }	
	#search a:hover { text-decoration: underline; }	
	
	
	/* CATEGORIES */
	
	
	#categories {
		margin: 25px 15px 20px 0;
		}
	
		div.category1, div.category2, div.category3, div.category4, div.category5, div.category6, div.category7 { 
			background: transparent url(/pics/ambientia/category.gif) bottom repeat-x; 
			position: relative; 
			padding-right: 40px;
			border-bottom: solid 1px #ccc;
			/* ie6 height fix */
			height: 1%;
			}
			
		div.category2, div.category3, div.category4, div.category5, div.category6, div.category7 { background: #EBEBEB; border-bottom: none; }		

		div.category2 { padding-left: 10px; }
		div.category3 { padding-left: 20px; }
		div.category4 { padding-left: 30px; }
		div.category5 { padding-left: 40px; }
		div.category6 { padding-left: 50px; }
		div.category7 { padding-left: 60px; }										
	
		#categories a { font-size: 13px; color: #D21034; font-weight: bold; text-decoration: none;}	
		#categories a:hover { text-decoration: underline ;}
		#categories a.navi_selected { /*color: #AE0D28;*/ color: #000000;}
	
		a.menuHover { position: absolute; right: 10px; top: 3px; }
	
		
	ul#menuDiv {
		display: none;
		position: absolute;
		z-index: 100;
		background: transparent url(/pics/ambientia/menuDiv.gif) no-repeat;
		height: 148px;
		width: 142px;
		list-style-type: none;
		padding-top: 3px;
		}
		
		ul#menuDiv li { margin: 0px 5px 0px 10px; }
		ul#menuDiv img { margin: 0px 5px; }
		ul#menuDiv li a { 
			text-decoration: none; 
			font-size: 12px;			
			font-weight: bold;
			color: #D61031;
			display: block;
			padding-bottom: 1px;
			}
			
		ul#menuDiv li a:hover { 
			background: transparent url(/pics/ambientia/menuDiv-hover.gif) bottom repeat-x; 
			border-bottom: solid 1px #D21034;
			padding-bottom: 0;
			}	
		
	#categories ul { list-style-type: none; }	
	#categories ul a {
		background: transparent url(/pics/ambientia/li-user.gif) 0px 3px no-repeat;
		padding-left: 15px;
		display:block;
		width:100%;
		}
		
		#categories ul ul a { font-weight: normal; background: none; }
		#categories ul ul ul { margin-left: 15px; }
		#categories ul ul ul ul { margin-left: 15px; }
		#categories ul ul ul ul ul { margin-left: 15px; }		
		
		
	
  #addNewDirectory a {
  	background: transparent url(/pics/ambientia/addNewDirectory.gif) no-repeat;
  	width: 245px;
  	height: 23px;  	
  	display: block;
  	font: normal normal 12px arial,helvetica,verdana;
  	text-align: center;
  	color: #000;
  	padding-top: 4px;
  	margin-top: 20px;
  	}	
  	
  	
	#naviTools ul { list-style-type: none; }
	#naviTools li a { font-size: 13px; font-weight: bold; text-decoration: none; color: #D61031;}
  	#naviTools li a:hover { text-decoration: underline; }
  	
  	/* MY COLLECTIONS & PUBLIC COLLECTIONS */
  	
  	#myCollection, #publicCollections { 
  		width: 241px; 
  		background: transparent url(/pics/ambientia/myCollection.gif) repeat-y;
  		margin-top: 20px;
  		/*border: 1px solid blue;*/
  		}
  	
  	#myCollection h4, #publicCollections h4 {
  		background: transparent url(/pics/ambientia/myCollection-h4.gif) no-repeat;
  		color: #D21034;
  		font-size: 16px;
  		padding: 5px 0px 0px 15px;
  		}
  		
  	#myCollection ul, #publicCollections ul {
  		background: transparent url(/pics/ambientia/myCollection-ul.gif) bottom no-repeat;
  		/* IE6 wont use the !important but the one defined last */
  		padding-left: 15px !important;
  		padding-left: 12px;
  		list-style-type: none;
  		padding-bottom: 10px;
  		}	
  	#myCollection li, #publicCollections li { height: 1%; }
  	
  	#myCollection li a, #publicCollections li a {
  		background: transparent url(/pics/ambientia/myCollection-li.gif) 0px 4px  no-repeat;
  		padding-left: 15px;
  		font-size: 12px;
  		font-weight: normal;
  		width: 214px;
  		}
	
	#publicCollections { background: transparent url(/pics/ambientia/publicCollections.gif) repeat-y; }
	#publicCollections h4 { background: transparent url(/pics/ambientia/publicCollections-h4.gif) no-repeat; color: #535353;}
	#publicCollections ul { background: transparent url(/pics/ambientia/publicCollections-ul.gif) bottom no-repeat;  }		
	#publicCollections li a { background: transparent url(/pics/ambientia/publicCollections-li.gif) 0px 4px  no-repeat; color: #535353; }
	
	a.currectCollection { font-style: italic; }
	

	
/* ------------------------------------------------------------------------- */
/* ---------- CONTENT------------------------------------------------------- */
/* ------------------------------------------------------------------------- */		

	
#content { 
	margin-left: 320px !important; 
	margin-left: 340px;
	margin-bottom: 20px;
	position: relative;
}
		
#content h3 { font-size: 24px; font-weight: normal; color: #343434; }	
#content h4 { font-size: 16px; color: #343434; }	

#content p { color: #343434; font-size: 13px; margin: 8px 0;}	
	
#quick-guide {
	background: transparent url(/pics/ambientia/myCollection-li.gif) 0px 4px no-repeat;
	font-size: 13px;
	color: #D21034;
	text-decoration: none;
	font-weight: bold;
	padding-left: 15px;
	margin-top: 0px;
	}
	
#guide {
	width: 550px;
	margin: 10px 0 0 10px;
	padding-top: 10px;
	overflow: hidden;
	}
	
#guide_buttons_de img {
	position: relative;
	top: 2px;
	left: 0px;
	xmargin: 0px 0 2px 0px;
	}
#guide_buttons_ed img {
	position: relative;
	top: 2px;
	left: 0px;
	
	}
#guide_buttons_do img {
	position: relative;
	top: 3px;
	left: 0px;
	}
#guide_buttons_ad img {
	position: relative;
	top: 4px;
	left: 0px;
	}
		
#guide_buttons_text {
	margin: 10px 15px 20px 10px;
	float: left;
	xborder: 1px solid #f00;
	xheight: 250px;
	line-height: 30px;
	}

#guide_buttons {
	float: left;
	xborder: 1px solid #f00;
	margin: 0px 0px 20px 10px;
	padding: 0px;
	}


#guide_icons p  {
	margin: 0px;
	height: 30px;
	
	}
#guide_icons img {
	position: relative;
	top: 4px;
	left: 0px;
		margin: 0px 4px 0px 0px;
	}
		
	/* BULLETINS */	
	
	#bulletins ul { list-style-type: none;}	
	
	#bulletins li { font-size: 11px; color: #666666; }
	
	#bulletins li a {
		background: transparent url(/pics/ambientia/myCollection-li.gif) 0px 4px no-repeat;
		font-size: 13px;
		padding-left: 15px;
		color: #D21034;
		text-decoration: none;
		font-weight: bold;
		}
		
	#bulletins li strong { display: block; font-weight: normal; padding-left: 15px; line-height: 10px;}	
	

	/* USER TOOLS */
	#userTools { height: 75px; width: 480px;}

	#userTools li { display: inline; list-style-type: none; }
	
	#userTools li a {
		display: block;
		float: left;
		font-size: 11px;
		color: #D21034;
		padding-top: 55px;
		width: 115px;
		text-align: center;
		text-decoration: none;
		}
	
	#userTools #addImage a { background: transparent url(/pics/ambientia/icon-addimage.gif) top no-repeat; }
	#userTools #formAdmin a { background: transparent url(/pics/ambientia/icon-formadmin.gif) top no-repeat; }
	#userTools #classOptions a { background: transparent url(/pics/ambientia/icon-classoptions.gif) top no-repeat; }
	#userTools #webDav a { background: transparent url(/pics/ambientia/icon-webdav.gif) top no-repeat; }

	#userTools #addImage a:hover { background: transparent url(/pics/ambientia/icon-addimage.gif) bottom no-repeat; }
	#userTools #formAdmin a:hover { background: transparent url(/pics/ambientia/icon-formadmin.gif) bottom no-repeat; }
	#userTools #classOptions a:hover { background: transparent url(/pics/ambientia/icon-classoptions.gif) bottom no-repeat; }
	#userTools #webDav a:hover { background: transparent url(/pics/ambientia/icon-webdav.gif) bottom no-repeat; }
		
		
	/* VIEWING TOOLS */		
	
	#viewingTools {
		margin: 20px 0 0 0;
		}
		
	#viewingTools ul {
		list-style-type: none;
		border-bottom: solid 1px #D21034; 
		height: 26px;	
		margin-bottom: 15px;	
		}			
		
		#viewingTools li { display: inline; }
		
		#viewingTools li a {
			display: block;
			float: left;
			font-weight: bold;
			color: #D21034;
			font-size: 13px;
			text-decoration: none;
			padding: 4px 10px;
			}
		
			#viewingTools li a:hover { background: #F3E8E9; }
		
		#viewingTools li#active a {
			background: #D21034;
			color: #fff;
			}
			
			#viewingTools li#active a:hover { background: #D21034; }
			
		#viewingTools p { float: right; margin-right: 10px; font-size: 12px;  }	
		
		
  h3#noObjects { margin: 50px auto; text-align: center; font-size: 14px; ; }		
		
		
		
	/* OBJECTS */
	#objects { padding: 0px 0px; }

	#objects h2 {
		font-size: 24px;
		font-weight: normal;
		color: #D21034;
		margin: 18px 10px;
		}	
		
	#objects h3 { font-size: 16px; margin: 18px 10px;}		
		
	
	div#rename_version  {
		display:none;
		position:absolute;
		// top:40%;
		// left:25%;
		background-color:#fff;
		padding:4px;
		border:2px solid #555;
		}
		
		
		
	/* THUMBNAILS */
	div.thumbnail {
		margin:0px;
		width: 204px;
		margin-right: 10px;
		float: left;
		margin-bottom: 25px;
		}
	
	.image { 
		padding: 25px 15px 0px 15px; 
		height: 169px;
		text-align: center;
		background: transparent url(/pics/ambientia/thumbnail-bg.gif) top center no-repeat;
		font-size: 13px;		
		}
		
		#object .image { text-align: left; background: none; height: auto; margin: 15px; padding: 0; }
		
	.otherMime { padding-top: 30px; }

	.image a { display: block; }
		
	#content div.thumbnail h4 { text-align: center; font-size: 12px; font-weight: normal; white-space: nowrap; overflow: hidden; }	
		
	div.options { list-style-type: none; margin: 0px 10px; }

	div.options a {
		font-size: 12px;
		padding-left: 5px;
		color: #666;
		display: block;
		text-decoration: none;
		}
		
		div.options a:hover { background: #D21034; font-weight: bold; color: #fff; }
		
		
		
	/* IMAGEACTIONS */
		
	#imageActions { margin: 0px 0px 0px 15px; }		
	
	#imageActions ul { list-style-type: none; }
	#imageActions li { display: inline; }
	
	#imageActions a { 
		font-size: 13px; 
		font-weight: bold; 
		text-decoration: none; 
		color: #666;
		border: solid 1px #666;
		xborder-top: none;
		padding: 2px 5px;
		}	
	
	
	/* VERSIONS */

	#versions h3 { text-align: center; font-size: 18px; margin-bottom: 5px; color: #666;}
	
	#versions table {
		font-size: 13px;
		width: 99%;
		color: #000;
		border-collapse: collapse;
		margin-bottom: 20px;
		}
		
	#versions th { background: #D21034; color: #fff; padding: 3px; border: solid 1px #D21034; border-right: solid 1px #fff;}
		
	#versions td { 
		color: #666; 
		border: solid 1px #C5C5C5; 
		padding: 2px 5px;
		font-size: 12px;
		}	


	#objectInformation {
		width: 99%;
		font-size: 13px;
		margin-bottom: 20px;
		clear: right;
		}	

	td { font-size: 13px; }
		
		
		
	/* LISTVIEW */
	
	#listView {
		font-size: 13px;
		width: 99%;
		color: #000;
		border-collapse: collapse;
		margin-bottom: 20px;			
		}	
		
	#listView th { background: #D21034; color: #fff; padding: 3px; border: solid 1px #D21034; border-right: solid 1px #fff;}
	#listView th a { color: #fff; }	
	#listView td a { color: #D21034; font-weight: bold; font-size: 13px; text-decoration: none; }
	#listView td a:hover { text-decoration: underline; }
	
	#listView td { 
		color: #666; 
		border: solid 1px #C5C5C5; 
		padding: 2px 5px;
		font-size: 12px;
		}		
		
		
	/* FORM ADMINISTRATION */
	#formAdministration { margin-top: 20px; }
	#formAdministration table { margin-top: 20px; border-collapse: collapse; }
	#formAdministration th { font-size: 13px; background: #D21034; color: #fff; padding: 5px;}
	#formAdministration td { border: solid 1px #C5C5C5; padding: 3px 5px; }
	#formAdministration table a { color: #D21034; font-weight: bold; text-decoration: none; }
	#formAdministration table a:hover { text-decoration: underline; }
	#formAdministration p { margin: 8px 0px; }
	#formAdministration p a { color: #D21034; font-weight: bold; }
		
		
	/* CLASSOPTIONS */
	
	#classProperties { padding-left: 10px; color: #535353; }
	#classProperties table { width: 80%; text-align: left;}
	#classProperties h3 {
		margin: 18px 0px; 
		font-size: 18px
		}
		
	#classProperties table th {
		font-size: 13px;
		}	
		
	#classProperties select { width: 200px; }	
		
		
	/* INCOMING */
	
	#incomingDirectory {
		margin: 20px;
		}	
				
		
	/* ADMINISTRATIVE TOOLS */
	
	#administrativeTools { }
	
	#administrativeTools	h2 {
		font-size: 24px;
		font-weight: normal;
		margin: 24px 0px;
		}
		
	#administrativeTools ul { 
		list-style-type: none;
		margin: 50px; 
		width: 60%;
		margin: 0 auto;
		}
		
	#administrativeTools li a {
		background: #D61031;
		display: block;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		text-decoration: none;
		margin-bottom: 5px;
		padding: 5px;
		}
		
	#administrativeTools li a:hover { background: #B20014; }
	
	/* ADD MESSAGE DIALOG */
	div#bulletins option {
		padding-right: 5px;
	}
		
	/* FIELD PROPERTIES */
	
	#fieldProperties { padding: 10px; }
	#fieldProperties h3 { font-size: 18px; margin-bottom: 20px;}	
	#fieldProperties hr { margin: 20px 0; border-top: solid 1px #ccc;}	
		
	
	#collectionInfo { width: 620px; }	

	#collectionInfo h3 { font-size: 24px; font-weight: normal; margin: 0;}
	
	#collectionInfo ul { list-style-type: none; font-size: 12px;}
	
	#collectionInfo li a {
		display: block;
		background: #D21034;
		border-right: solid 1px #73091A;
		border-bottom: solid 1px #73091A;
		border-left: solid 1px #C33E54;
		border-top: solid 1px #C33E54;
		color: #fff;
		text-decoration: none;
		padding: 2px 8px;
		float: left;
		margin-right: 5px;
		}
		#collectionInfo li { display: inline; }
		#collectionInfo li a:hover { background: #B20014; }
		
		
		#collectionInfo #collectionStats { font-size: 14px; margin: 12px 0; }
		#collectionStats li { display: block; }	
		
		

	/* DOWNLOAD COLLECTION */
	
	#downloadCollection { padding: 10px; }
	
	#downloadCollection p {
		float: left;
		margin: 20px 0 0 20px;
		font-size: 13px;
		color: #4C4C4C;
		width: 50%;
	}
	
	
	#downloadCollection h3 {
		font-size: 16px; font-weight: bold; 
		margin: 0;
		}		
		
	#downloadCollection ul { margin: 10px 20px; font-size: 12px;  }	
		
		
	#collectionProperties { padding: 10px; font-size: 13px; }		
	#collectionProperties h3 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
	
	#collectionProperties table { margin: 15px 0 15px 0; }
		
	#shareCollection { padding: 10px; font-size: 13px; }		
	#shareCollection h3 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
	
	#shareCollection table { margin: 15px 0 15px 0; }		
		
/* ------------------------------------------------------------------------- */
/* ---------- LOGIN  ------------------------------------------------------- */
/* ------------------------------------------------------------------------- */		

#login {
	position: relative;
	margin-left: 173px;
	margin-bottom: 20px;
}
	
#login table {
	background: #E8ECEE;
	border: none;
	width: 380px;
	margin-left: 2%;
	float: left;
	}
	
	#login th { text-align: right; }
	
	#login label { 
		font-weight: bold;	
		font-size: 13px;
		width: 100px;
		text-align: right;
		margin-right: 5px;
		}
		
	#login input {
		background: transparent url(/pics/ambientia/input-bg.gif) no-repeat;
		border: none;
		padding: 4px;
		width: 190px;
		font-family: 'Trebuchet MS';
		font-size: 12px;
		margin-bottom: 3px;
		}
		
	#login #submitLogin {
		background: transparent url(/pics/ambientia/submit-bg.gif) no-repeat;
		font-family: arial;
		}		

		
	#login p {
		font-size: 13px;
		color: #4C4C4C;
		padding: 10px 20px 0px 20px;
		width: 300px;
		float: left;
		}
		
		#login p strong { display: block; margin-bottom: 10px; }
		
	#login fieldset p { margin: 0; width: auto;}	
	
	
/* ------------------------------------------------------------------------- */
/* ---------- REGISTRATION ------------------------------------------------- */
/* ------------------------------------------------------------------------- */		
	
#registration { padding: 20px; 	}
	
#registration h3 { color: #343434; font-size: 18px; font-weight: normal; }
#registration p { font-size: 13px; margin: 8px 0;}	
#registration a { font-size: 13px; font-weight: bold; text-decoration: none; color: #155B8E;}

#registration input { margin-bottom: 5px; }	
#registration label { display: block; font-size: 13px; }
	
	
#rename_version	{
	border: solid 1px #545555;
	background: #F5F5F5;	
	}
	
	#rename_version h3 {
		background: #D21034;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding: 3px 0px 3px 10px;
		}
		
	#rename_version table {
		margin: 20px;
		font-size: 12px;
		}	
		
	#rename_version th { text-align: right; }	
	
	#rename_version #imageActions {
		margin: 10px 0px 20px 70px;
		}
		
		#imageActions a { 
			background: #D21034; 
			color: #fff; 
			border-top: solid 1px #C33E54;
			border-left: solid 1px #C33E54;		
			border-right: solid 1px #73091A;
			border-bottom: solid 1px #73091A;				
			}
	
/* ------------------------------------------------------------------------- */
/* ---------- FOOTER ------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
	#footer {
			clear:both;
			background: transparent url(/pics/bg-footer.gif) top repeat-x;  
			}		
				
		#footer p {
			display: block;
			color:#FFF;
			padding:3px;
			font: normal normal 10px arial,verdana,serif;
			}


/* ------------------------------------------------------------------------- */
/* ---------- GO-SERVLET --------------------------------------------------- */
/* ------------------------------------------------------------------------- */
#go { padding-left: 2%;}

	#go h2 {
		color:#575757;
		font-size:24px;
		font-weight:normal;
		margin:0px 0px 10px 10px;
	}

	#go h2 a {
		color:#575757;
		font-size:24px;
		font-weight:normal;
		margin:0px 0px 10px 10px;
	}
	
	#go #objects {
		margin:-40px 0px 0px 190px;
	}