/**
 * @project	    www.wings-of-hope.ba
 * @copyright   2010, Claus Coviello, www.webseiten-mit-sinn.de
 * @version     Ergaenzung zum Screenlayout
 * @version     02.00.01
 * @since       02.00.01
 * @modified    2010-03-29
 */
body.bg-1 div#background,
body.bg-1 div#columns {
	background-image: url(../_img/base/bg1.gif);
}

body.bg-1 ul#mainmenu a:hover span.text,
body.bg-1 ul#mainmenu a.aktiv span.text,
body.bg-1 ul#mainmenu li strong span.text,
body.bg-1 ul#submenu a:hover span.text,
body.bg-1 ul#submenu li strong span.text,
body.bg-1 ul#switchlanguage a:hover span.text {
	border-color: #80AFCB;
}

body.bg-1 div#column_center li {
	color: #498DA9;
}


body.bg-2 div#background,
body.bg-2 div#columns {
	background-image: url(../_img/base/bg2.gif);
}

body.bg-2 ul#mainmenu a:hover span.text,
body.bg-2 ul#mainmenu a.aktiv span.text,
body.bg-2 ul#mainmenu li strong span.text,
body.bg-2 ul#submenu a:hover span.text,
body.bg-2 ul#submenu li strong span.text,
body.bg-2 ul#switchlanguage a:hover span.text {
	border-color: #D77D72;
}

body.bg-2 div#column_center li {
	color: #C43E2F;
}


body.bg-3 div#background,
body.bg-3 div#columns {
	background-image: url(../_img/base/bg3.gif);
}

body.bg-3 ul#mainmenu a:hover span.text,
body.bg-3 ul#mainmenu a.aktiv span.text,
body.bg-3 ul#mainmenu li strong span.text,
body.bg-3 ul#submenu a:hover span.text,
body.bg-3 ul#submenu li strong span.text,
body.bg-3 ul#switchlanguage a:hover span.text {
	border-color: #A9C7DC;
}

body.bg-3 div#column_center li {
	color: #5390BA;
}


body.bg-4 div#background,
body.bg-4 div#columns {
	background-image: url(../_img/base/bg4.gif);
}

body.bg-4 ul#mainmenu a:hover span.text,
body.bg-4 ul#mainmenu a.aktiv span.text,
body.bg-4 ul#mainmenu li strong span.text,
body.bg-4 ul#submenu a:hover span.text,
body.bg-4 ul#submenu li strong span.text,
body.bg-4 ul#switchlanguage a:hover span.text {
	border-color: #92A8D7;
}

body.bg-4 div#column_center li {
	color: #657FC0;
}

body.bg-5 div#background,
body.bg-5 div#columns {
	background-image: url(../_img/base/bg5.gif);
}

body.bg-5 ul#mainmenu a:hover span.text,
body.bg-5 ul#mainmenu a.aktiv span.text,
body.bg-5 ul#mainmenu li strong span.text,
body.bg-5 ul#submenu a:hover span.text,
body.bg-5 ul#submenu li strong span.text,
body.bg-5 ul#switchlanguage a:hover span.text {
	border-color: #8FCCC7;
}

body.bg-5 div#column_center li {
	color: #63B1A8;
}


/* gallery */
body.gallery {
	height: 100%;
}

body.gallery div#background {
	height: 100%;
}

body.gallery div#gallery {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url('../_img/base/gallery-shadow.png');
	/*
		bugfix: IE 6/7
	 */	top: 0;
		left: 0;
}

body.gallery div#gallery div.subdiv {
	position: relative;
	z-index: 2000;
	width: 400px;
	height: 365px;
	margin: 60px auto 20px;
	padding: 25px 100px 20px;
	border: 1px solid #AAA;
	background: white url('../_img/base/gallery-bg.png');
}

div#gallery p#close a {
	position: absolute;
	top: 4px;
	right: 4px;
	color: #333;
}

div#gallery p {
	text-align: left;
	font-size: 0.95em;
	line-height: 1.3em;
}

div#gallery p#pagenumber {
	text-align: center;
}

div#gallery #navi-left {
	position: absolute;
	top: 360px;
	left: 40px;
	background: url(../_img/base/arrow-l-on.gif) no-repeat left top;
}

div#gallery #navi-right {
	position: absolute;
	top: 360px;
	right: 40px;
	background: url(../_img/base/arrow-r-on.gif) no-repeat left top;
}

div#gallery a {
	display: block;
}

* html a:hover {
	visibility: visible;
}
	
div#gallery div#navi-left a:hover img,
div#gallery div#navi-right a:hover img {
	visibility: hidden;
}