/* @override http://test.an2.ch/galerie/themes/ANCV21/galerie2.css */

/* @override http://test.an2.ch/galerie/themes/ANCV21/galerie2.css */
/* @group Background */

body.gallery {
	/* swirl */
	/*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAUklEQVQYGY3OwQkAIQxEUQUrSP81poXIFxQdw65zkZCXwRoR5SUN5O6/ekCwmVXeLBQtCMiaZ8EBwXOhhxdUwExSyGJv/oT637RR20ajXuoMIh2cOiJ+/poKzAAAAABJRU5ErkJggg==);
	/* an2 */
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAASElEQVQYGY2PQQrAQAgDY/Hk/7+q15a0DCw9dBtQohkPRnef2ihn5hOpKqUb4mDdOUs3QnuLGfiGGN7hcyIdGAOGXcBk8ee7C7XBHO+Ry9qGAAAAAElFTkSuQmCC);
}

div.background {
	position: fixed;
	top:  0px;
	left: 0px;
	width: 	100%;
	height: 100%;
	z-index: -1;

}
div.background img {
	position: absolute;
	top: 	0px;
	left: 	0px;
	width: 	100%;
	height: 100%;
}
/* @end */

/* @group Navi */

.galerie-navbar {
	position: 			absolute;
	top: 				10em;
	left: 				82%;
	/* width: 			10.5em; /* 11.5 */
	width: 				13em;
	height: 			28em;
	padding: 			0.2em;
	background-image: 	url(images/red50.png);
	border:				1px solid #7f0000;
	-webkit-box-shadow: 0 2px 5px black;
	-moz-box-shadow: 0 2px 5px black;
	font-size: 			12pt;
}
.galerie-navbar a {
	text-decoration: 	none;
	font-size: 			0.7em;
	color: 				white;
	font-family: 		Georgia;
}

/* Very specific to override module's css */

.galerie-navbar .dtree {
    font-size: 1.05em;
    white-space: nowrap;
}
.galerie-navbar .dtree img {
    border: 	0px;
    position: 	float;
    float: 		left;
}
.galerie-navbar .dtree a.node {
   /* white-space: normal;*/
}
.galerie-navbar .dtree a.nodeSel {
    font-style: 		italic;
    border-bottom: 		1px solid white;
	border-top: 		1px solid white;
	background-color: 	red;

}
.galerie-navbar .dtree .clip {
    overflow: hidden;
}
.galerie-navbar .dTreeNode {
	margin: 	0em;
	padding: 	0em;
}

.galerie-navbar a:hover {
	background-color: 	#ff0018;
}

.galerie-navbar a.backtohp {
	font-size: 			0.8em;
	font-weight: 		bold;	
	display: 			block;
	width: 				12.2em;
	position: 			absolute;
	left: 				0.4em;
	bottom: 			0.3em;
}

.nextprev {
	font-family: 		Georgia, serif;
	position: 			absolute;
	height: 			4.5em;
	top: 				4.5em;
	left: 				5%;
	width:				75%;
	background-image: 	url(images/white68.png);
	/*background: 		#ff0000;*/
	text-align: 		center;
	/*border: 			1px solid white;*/
	border-top:			1px solid white;
	color: 				black;
}

div.nextcontainer {
	position: 			absolute;
	right: 				0em;	
	padding-left: 		0.5em;
}
div.albumnpcont img {
	vertical-align: 	middle;
}
div.albumnpcont a.next:hover, div.albumnpcont a.next:hover img, div.albumnpcont a.prev:hover, div.albumnpcont a.prev:hover img {
	border: 		none;
	background: 	none;
	color: black;
}
div.prevcontainer {
	position: 		absolute;
	left: 			0em;
	padding-right: 	0.5em;
}

div.nextprevcontainer {
	border: 			none;
	margin: 			0.3em;
	text-decoration: 	none;
	color: 				black;
	height: 			100px;
	overflow:			hidden;
	top: 				0em;
	height:				5em;
}
div.nextprevcontainer * {
	text-decoration: 	none;
	color: 				black;
}

.nextprev img {
	vertical-align: 	middle;
	border: 			1px solid white;
}

.nextprev .nextThumbImage {
	border: 			1px solid gray;
}
.nextprev .prevThumbImage {
	border: 			1px solid gray;
}

.nextprev .prev:hover {
	background-color: 	red;
	color: 				white;
}
.nextprev .next:hover {
	background-color: 	red;
	color: 				white;
}
.nextprev .prev:hover img {
	border: 	1px solid red;
}
.nextprev .next:hover img {
	border: 	1px solid red;
}

.photoprev .photonext {
	top: 		0.3em;
}

.nextprev img {
	border: 			none;
	vertical-align: 	top;
}
.albumtitle {
	text-align: 		center;
	font-family: 		Georgia;
	font-style: 		italic;
	font-weight: 		bold;
	font-size: 			1.5em;
	margin-top: 		0.4em;
}
.albumtitle h1 {
	font-weight: 		bold;
	font-size: 			1em;
	margin:				0em;
}

.nextprev div.backlinks {
	margin-top: 		0.5em;	
}
.backlinks a  {
	font-size: 			1em;
	text-decoration: 	none;
}
.backlinks a:hover {
	background: 		red;
	color: 				white;
}
.backtoparentalbum-link {
	font-size: 			0.9em;
	margin-bottom: 		0.1em;
	text-decoration: 	none;
	font-family: 		Georgia;
	color: 				blue;
}
.backtoparentalbum-link:hover {
	color: 				white;
	background: 		red;
}
/* @end */

/* @group ancmenu-module */
div.block-ancAlbumMenu {
	overflow: 	auto;
	height: 	25em;
}
a.treeNodeLink {
	font-size: 			9.5pt;
	display: 			block;
	width: 				100%;
	padding-left: 		0.5em;
	padding-top: 		0.2em;	
	padding-bottom: 	0.2em;
}
a.treeNodeLink:active {
    font-style: 		italic;
    border-bottom: 		1px solid white;
	border-top: 		1px solid white;
	background-color: 	red;

}
a.treeNodeLink-active {
	font-style: 		italic;
    border-bottom: 		1px solid white;
	border-top: 		1px solid white;
	background-color: 	red;
}
a.treeNodeLink-0 {
	font-size: 			10pt;
	font-weight: 		bold;	
	display:			block;
	padding: 			0em;
}
a.treeNodeLink-1 {
	width: 		 12em;
	margin-left: 0.5em;
}
a.treeNodeLink-2 {
	width: 		 11.5em;
	margin-left: 1em;
}


/* @end */

/* @group Content */

.album-box {
	position: 	absolute;
	left: 		5%;
	width: 		75%;
	top: 		9em;
	overflow: 	auto;
	text-align: center;
}

a#salbumTree0.node {
	font-size: 			0.8em;
	font-weight: 		bold;	
		
}
.photobox {
	float: 				left;
	text-align: 		center;
	width:				150px;
	overflow: 			hidden;
	margin:				1em;
	text-decoration: 	none;
	border:				1px solid white;
	display: 			block;
	-webkit-box-shadow: 0 0 5px #222222;
	-moz-box-shadow:	0 0 5px #222222;
	box-shadow:			0 0 5px #222222;
}
.photobox * {
	border: 			none;
	text-decoration: 	none;
	color: 				black;
}
.photobox .image {
	height: 			5em;
	width: 				150px;
	overflow: 			hidden;
	display: 			block;
}
.photobox .image img {
	margin-top: 		auto;
	margin-bottom: 		auto;
}
.photobox .image-title {
	top: 				0em;
	height: 			2.5em;
	padding: 			0.3em;
	background-image: 	url(images/white68.png);
	font-family: 		Verdana;
	font-size: 			0.6em;
}
.image-title-newBox-container {
	text-align: 		center;
	width: 				150px;
	position: 			absolute;
	
}
.image-title-newBox {
	margin-left: 		auto;
	margin-right: 		auto;
	position: 			relative;
	top: 				-0.5em;
	background: 		yellow;
	font-family:		Verdana;
	font-size: 			0.5em;
	font-weight:		bold;
	text-align: 		center;
	width: 				40px;
	border: 			1px solid black;
}

.photobox:hover {
	padding: 			0em;
	background-color: 	white;
}

.photo-big-box {
	position: 	absolute;
	left: 		5%;
	width: 		75%;
	overflow: 	auto;
	text-align: center;
	top: 		9.9em;
}
.photo-big-box img {
	margin: 	0.3em;
	border: 	1px solid white;
}
.photo-inner {
	text-align: center;
	vertical-align: top;
	
}
.photo-inner * {
	vertical-align: top;
}
.photo-big-title {
	margin-top: 	0em;
	background: 	url(images/white68.png);
	font-size: 		1em;
	padding: 		0.25em;
	font-family:	Georgia;
	font-style: 	italic;
	font-weight: 	bold;
}

.photo-description {
	margin-top: 	0em;
	margin-bottom: 	1em;
	padding-bottom: 0.25em;
	background: 	url(images/white68.png);
	font-size: 		0.8em;
	font-family:	Georgia;
}

/* @end */

/* @group Header
 */

div.header {
	position: 			absolute;
	background-color:	#ff0018;
	top:				0.5em;
	left: 				5%;
	height: 			4em;
	width: 				75%;
	/*border: 		1px solid white;*/
}

.hdr-name {
	position: 	absolute;
	left: 		0.5em;
	bottom: 	0.5em;
}
.hdr-logo3 {
	position: 	absolute;
	top: 		1em;
	right: 		150px;
	background-color:	#ff0018;
}
.hdr-linien {
	float: 	right;
	width: 	87px;
}
.header-image-box {
	position: 	absolute;
	width: 		75%;
	left: 		5%;
	top: 		6.5em;
	height: 	6.5em;
	overflow: 	hidden;
}
.hdr-image {
	width: 		100%;
}
.header-bottom-stripe {
	position: 			absolute;
	background-color:	#ff0018;
	top: 		13em;
	left: 		5%;
	width: 		75%;
	color: 		white;
}



/* @end */

/* @group Gallery-Stuff */
.gbSystemLinks {
	position: 	absolute;
	z-index: 	3;
	top: 		0em;
	right: 		0em;
	background: black;
	background-color: rgba(0,0,0,0.50);
	font-size: 	1em;
	padding:	0.5em;
}
#gallery .gbSystemLinks a {
	color: 		gray;
}
#gallery .gbSystemLinks a:hover {
	color: 		orange;
}
.giInfo {
	color: 		inherit;
	font-size: 	1em;
}
.giInfo a {
	text-decoration: none;
}
.giInfo a:visited {
	color: 		blue;
}
.giInfo a:hover {
	color: 		white;
	background:	red;
}

/*#gsNavBar div.gbBreadCrumb {
	position: 	absolute;
	top: 		0em;
	left: 		0em;
	background: black;
	z-index: 	3;
	color: 		white;
	background-color: #12181f;
	padding-top: 	0.1em;
	padding-bottom: 		0.3em;
	
}
#gsNavBar .gbBreadCrumb * {
	font-weight:	normal;
	color: 			white;
	display: 		inline;
	font-size: 		0.5em;
}*/

.sidebar * {
	color: 			white;
	font-family: 	Verdana;
	font-size: 		9px;
	border: 		none;
}
.sidebar input.textbox {
	color: 			black;
}
.sidebar a:hover {
	color: #ff7c00;
}

.sidebar {
	position: 		absolute;
	overflow: 		auto;
	top: 			1.3em;
	right: 			0em;
	color: 			white;
	background: 	black;
	background-color: 	rgba(0,0,0,0.80);
	border: 		1px solid gray;
	padding:		0.5em;
}


/* @end */

/* @group Other Admin-Stuff */
div.infobar {
	background: 		black;
	background-color: 	rgba(0,0,0,0.50);
	color: 				white;
	font-family: 		helvetica, arial, verdana, sans-serif;
	font-size: 			0.8em;
	text-align: 		center;
	text-shadow: 		#000 0px 2px 2px;
}
div.infobar * {
	font-size: 			inherit;
}
div.infobar table td {
	background: 		black;
	background-color: 	rgba(0,0,0,0.50);
	text-align: 		left;
	font-size: 			1.2em;
}

.infobar .gbEven {
	text-align: 		right;
}

/* @end */

/* @group Other Overrides */
div#gallery {
	/*background-color: rgba(255,254,255,0.8);*/
	background: none;
}

/* @end */

/* @group Custom Search */

/* leave normal search usable (css clash, stupid me) */
div.sidebar div.ANCSearchBlock {
	position: relative;
	top:  0;
	left:  0;
	background: none;
	border: 	none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;	
}
div.sidebar div.ANCSearchBlock input {
	width: 100%;
}


div.ANCSearchBlock {
	position: 		absolute;
	top: 			8.5em;
	left:  			82%;
	width: 			15em;
	margin-top: 	0.2em;
	margin-bottom: 	0.5em;
	text-shadow: 	1px 1px 0px black;
	color:			white;
	font-size: 		10.5pt;
	padding: 			0.2em;
	background-image: 	url(images/red50.png);
	border:				1px solid #7f0000;
	-webkit-box-shadow: 0 2px 5px black;
	-moz-box-shadow: 0 2px 5px black;			
	
}
div.ANCSearchBlock table {
	width: 100%;
	border-collapse: collapse;
}
.ANCSearchBlock input#searchCriteria {
	color:  		black;
	border:			1px solid #7f0000;
	padding-bottom: 0.3em;
	padding-left:	0.3em;
	font-size: 		8pt;
	height: 		100%;
	width:			95%;
	margin-right: 	1em;
	background: 	-webkit-linear-gradient(top, #eee, white);
	background: 	-moz-linear-gradient(top, #eee, white);
	background: 	-ms-linear-gradient(top, #eee, white);
}
.ANCSearchBlock input#searchSubmitButton {
	float: 			right;
	border: 		1px solid black;
	background: 	whitesmoke;
	padding: 		0.2em;
	height: 		100%;
	width: 			100%;
	font-size: 		8pt;
	text-align: 	center;
	background: 	-webkit-linear-gradient(top, white, #eee);
	background: 	-moz-linear-gradient(top, white, #eee);
	background: 	-ms-linear-gradient(top, white, #eee);
}
.ANCSearchBlock input#searchSubmitButton:hover {
	background: 	#ddd;
	background: 	-webkit-linear-gradient(top, #ddd, #bbb);
	background: 	-moz-linear-gradient(top, #ddd, #bbb);
	background: 	-ms-linear-gradient(top, #ddd, #bbb);
}

.ANCSearchBlock td {
	font-style: 	normal;
}


/* @end */