/* Stylesheets - Photo Galerie */

  
body, td {
    color:#ffffff;
    font-family: Tahoma;
    font-size: 12px;
	background-color:#333333;
  }
  
  img {
  
  	border: 0px solid transparent;
  }


.categorieListingTd, .galerieListingTd {
    padding: 1px;
    border: 0px solid black;
  }


a:link, a:visited, a:active {
    color:#ffffff;
  }


a:hover {
    color:#ffffff;
  }


  a.link2:link, a.link2:visited, a.link2:active {
    color:#ffffff;
    text-decoration: none;
    font-weight: bold;
  }
  
  a.link2:hover {
    color:#ffffff;
    font-weight: bold;
    text-decoration: none;
  }  
  
  a.link3:link, a.link3:visited, a.link3:active {
    color:#ffffff;
    text-decoration: none;
    font-weight: bold;
  }
  
  a.link3:hover {
    color :#ff6600;
    font-weight : bold;
    text-decoration : none;
  }
  
  
  /* Jumpmenue Link */
  a.jmLink:link, a.jmLink:visited, a.jmLink:active {
    color: black;
    text-decoration: none;
  }


  a.jmLink:hover {
    color: blue;
    text-decoration: none;
  }
  
  .jmActive {
    background-color: #0e85ff;
    color: #ffffff;
  }
  
  a.folder_link:link, a.folder_link:visited, a.folder_link:active {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 10px;
    background-image: url(icons/folder_open.png);
    background-repeat: no-repeat;
    display: block;
    min-width: 120px;
  }
  
  a.folder_link:hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 10px;
    background-image: url(icons/folder_open.png);
    background-repeat: no-repeat;
    display: block;
    min-width: 120px;
  }


.selectedCategorie {
    color: #FF6600;
    background-color: #FF6600;
  }


.unselectedCategorie {
    color: #ffffff;
    background-color: #333333;
  }

.header {
  background-color:#333333;
  background-image: url(images/head_bg.jpg);
  border-bottom: 0px solid #c0c0c0;
}

.galmenu {
  background-image: url(images/gal_menu.jpg);
  width:130px;
  height:253px;
}

.galmenu_web {
  background-image: url(images/galmenu_web.jpg);
  width:130px;
  height:47px;
}
.galmenu_start {
  background-image: url(images/galmenu_start.jpg);
  width:130px;
  height:41px;
}
.galmenu_bild {
  background-image: url(images/galmenu_bild.jpg);
  width:130px;
  height:44px;
}
.galmenu_admin {
  background-image: url(images/galmenu_admin.jpg);
  width:130px;
  height:43px;
}
.galmenu_leer {
  background-image: url(images/galmenu_leer.jpg);
  width:130px;
  height:78px;
}

.footer {
  background-color:#333333;
  /*background-image: url(images/background.png);*/
  border-top: 0px solid #c0c0c0;
  color: #ffffff;
}

.bull {
  font-size: 15px;
  font-weight: bold;
}

  .categorie_selection, .slide_show {
    border-right: 0px solid #c0c0c0; 
    padding: 5px;
    width: 200px;
    height: 100%;
    overflow: auto;
  }
  
  .slide_image {
    margin-right: 5px;
    vertical-align: middle;
  }
  
  /* new in 1.1 ---------------------------------------------------------- */
  
.ball {
  padding-left: 24px;
  background-image: url(icons/point.png);
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
}

  .main_msg {
    background-color: #FFCCCC;
    border: 1px solid #ff0000;
	color:#FFFF00;
    font-weight: bold;
    height: 30px;
  }
	
	.error_msg {
		background-color: #FFCCCC;
		border: 1px solid #ff0000;
		color:#FFFF00;
		font-weight: bold;
		height: 30px;
	}
	
	.upload_history {
		border: 0px solid black;
		padding: 5px;
	}
	
	div.imgOverview {
	
		float: left;
		width: 280px;
		height: 100px;
		border: 0px solid #c0c0c0;
		margin: 1px;
		background-color: #666666;
		overflow: hidden;
		text-align: left;
	}
	
	div.imgOverview:hover {
	
		background-color: #ff0000;
	}
	
	div.imgOverview .previewImg {
	
		float: left;
		width: 100px;
		height: 90px;
		padding: 2px;
		vertical-align: middle;
		text-align: center;
		margin: auto auto auto auto;
	}
	
	div.imgOverview .previewImg img {
	
		border: 0px solid #c0c0c0;
		vertical-align: bottom;
	}
	
	div.imgOverview .imgInfos {
	
		width: 140px;
		overflow: hidden; 
		font-size: 9px; 
		padding-left: 2px;
		padding-top: 2px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.noOverflow {
	
		overflow: hidden; 
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	div.categoriePreview {
	
		float: left;
		width: 120px;
		overflow: hidden;
	}
	
	div.categorieSelection {
	
		float: left;
		width: 200px;
		height: 100%;
		border-right: 0px solid #c0c0c0;
		overflow: auto;
	}
	
	.dragDropButton {
	
		cursor: move;
	}
	
	.dragDropDisplay {
	
		width: 100px;
		height: 55px;
		border: 0px dashed #555;
		visibility: hidden;
		position: absolute;
		z-index: 100;
	}
	
	.imageMoveLayer {
	
		border: 0px solid #176CFF;
		background-color: #ebebeb;
		position: absolute;
		width: 400px;
		height: 300px;
		padding: 2px;
	}
	
	.imageMoveLayerClose {
	
		float: right;
	}
	
	.imageMoveLayerHeader {
	
		font-weight: bold;
	}
	
	.imageMoveLayerCategories {
	
		float: left;
		width: 200px;
		height: 250px;
		overflow: auto;
		padding: 2px;
	}
	
	.imageMoveLayerOptions {
	
		float: left;
		width: 190px;
		height: 250px;
		padding: 2px;
		
	}
	
	.imageMoveLeft, .imageMoveRight {
	
		width: 210px;
		height: 53px;
		background-repeat: no-repeat;
		font-size: 9px;
		color: #fff;
		text-align: center;
	}
	
	.imageMoveLeft {
	
		background-image: url(images/image_move_left.png);
		background-position: left top;
		padding: 7px 2px 2px 5px;
	}
	
	.imageMoveRight {
	
		background-image: url(images/image_move_right.png);
		background-position: right top;
		padding: 7px 5px 2px 2px;
	}