html,body{height:100%}

body{display: inline-block; width: 100%}

div#main, div#footer{margin: auto;}

div#main.h.fullcentered div.content, div#main.centered, div#main.fullscreencentered div.content{ width: 1004px}

div#main.full, div#main.fullscreencentered{height: 100%; overflow: hidden; min-width: 1004px}

div#main.full div#footer, div#main.fullscreencentered div#footer{position: fixed; bottom:0; width: 100%; z-index: 2}

div#main.b, div.content{height: 100%}

div#main.b div#menu a{display:block}

div#main.b div#menu div#links, div#main.b div#menu h1{position:absolute}

div.content{margin:0 auto; position: relative}

div#menu h1{_padding:0 3px}

div.b div#links{padding:3px}

div#menu div#links, div#menu h1{display:inline-block}

div#main.fullscreencentered div.page div.container, div#main.full div.page div.container{height:100%}

/*div#main.fullscreencentered div.page div.jspPane, div#main.full div.page div.jspPane{height:100%}*/

div#main.b div#menu, div#main.b div.page{float: left; height: 100%}

div#main.b div#menu{min-width: 100px}

.left div#texts, .left a#trigger, .leftcenter div#texts, .leftcenter a#trigger{float: left}
.left div#slideshow, .left #status-line, .leftcenter #status-line{float: right}

.right div#texts, .right a#trigger, .rightcente div#texts, .rightcente a#trigger{float: right}
.right div#slideshow, .right #status-line, .rightcente #status-line{float: left}

.center div#texts, .leftcenter div#slideshow, .rightcente div#slideshow, .rightcente div#slideshow div.info div.wrapper{margin: 0 auto}


.leftcenter div#slideshow li, .rightcente div#slideshow li{text-align: center}

div.right div#texts.visible, div.right div#texts.over, div.right div#texts.trigger, 
div.rightcente div#texts.visible, div.rightcente div#texts.over, div.rightcente div#texts.trigger{
	right: 0
}
div.left div#texts.visible, div.left div#texts.over, div.left div#texts.trigger,
div.leftcenter div#texts.visible, div.leftcenter div#texts.over, div.leftcenter div#texts.trigger{
	left: 0
}

div.bg{position: absolute}

a#trigger span{
	display: none
}

div#menu div.container, div.bg{height: 100%; width: 100%}

div#menu.notvisible div.container{
	display: none
}

div#container, div#texts{
	height: 100%
}

/*
div.page div.container{
	height: 100%
}
*/

div#links li div.submenu{
	display: none;
	z-index: 9999;
}

a{cursor: pointer}

div#links.floating li ul{
	padding-left: 3px;
	padding-right: 3px
}

div#main.h div#links.floating li ul{
	margin-left: -3px
}

div#main.h div#links.fixed ul li div.submenu{ width: 1004px}

div.h div#links li div.submenu, div.b div#links.floating li div.submenu{
	position: absolute;
}

div#links.floating li:hover div.submenu, div#links.fixed li.active div.submenu{
	display: block
}

div#main.h div#links li{
	float: left
}
/*
div#main.h div#links.floating li ul li{
	float: none
}
*/
div#main.b div.floating ul li ul{
	right: 0
}
div#main.b div.fixed ul li ul li a{
	text-align: right
}

div#main.h div.fixed, div.b div.floating li{
	position: relative
}

div#main.h div#menu div#links ul li:last-child, div#main div#menu div#links.horizontal ul li ul li:last-child{
	margin-right: 0!important
}
div#main.b div#menu div#links ul li:last-child, div#main div#menu div#links.vertical ul li ul li:last-child{
	margin-bottom: 0!important
}

div.b div.floating li ul{top:0}

div#menu div.separator{
	position: absolute;
	width: 100%;
	height: 1px
}
div#texts div.body, div#texts div#wrapper{
	height: 100%; position: relative
}
div#texts div#wrapper{
	width: 100%
}
div#texts{
/*, div#texts div.fields*/
	position: relative
}
div#texts div.fields{
	display: block
}
div#texts.visible, div#texts.over, div#texts.trigger{
	height: 100%;
	position: absolute;
	z-index: 99
}
div#texts.trigger, div#texts.over div#wrapper{
	display: none
}
h3#status-line, div#control-area div.control{
	display: inline-block
}

/*slideshow*/
div#slideshow{
	position: relative
}
div#slideshow ul{
	margin: 0 auto
}
div#slideshow.over li a{position: relative}

div#slideshow.over li div.info, div#slideshow.overhidden li div.info, div#slideshow.textarea li div.info{
	position: absolute;
}
div#slideshow.over li div.info, div#slideshow.overhidden li div.info{
	bottom: 0;
	width: 100%
}
div.info div.texts{
	position: relative;
	padding: 1px 3px;
	text-align: left
}
div#slideshow.overhidden div.info{
	display: none
}
div#slideshow div.info, div#slideshow div.info div.wrapper{
	position: relative;
}

div#slideshow.textarea li div.info{
	height: 100%;
	top:0
}
div#slideshow.textarea{
	width: 100%
}
div.right div#slideshow.textarea li div.info{
	right: 0
}
div.left div#slideshow.textarea li div.info{
	left: 0
}
div#slideshow li{
	position: relative
}
div#slideshow.grid li{
	float: left;
	margin-right: 10px
}
div#slideshow.grid li a{
	display: block
}
a.arrow{
	position: absolute;
	top:50%;
	z-index: 99
}
a#prev.arrow{
	left: 0
}
a#next.arrow{
	right:0
}
a.download img{
	width: 30px; height: 30px; vertical-align: bottom; margin-right: 2px
}