/* base */

html,
body { 
	margin:0;
	padding:0;
}

img { 
	border: 0;
}

form {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
    border-spacing:0pt;
    caption-side:top;
    empty-cells:show;
}

.clearfloat {
	clear:both;
}

.hide {
	display:none;
}

.aural {
	position:absolute;
	top:-2000em;
	left:-2000em;
}

.error {
	color:#ff0000;
}

.success {
	color:#009933;
}

a,
a:link,
a:visited {
	color: #000000;
	text-decoration:none;
}

a:hover,
a:active
a:focus {
	color: #000000;
	text-decoration:underline;
}

h1,
h2,
h3 {
	margin:0;
	padding:0;
}

/* position */

#wrapper {
	background-position:0 45px;
	background-repeat:repeat-x;
}

#outer {
	min-width:770px;
	background-position:50% 60px;
	background-repeat:no-repeat;
}

#inner {
	margin-left:auto;
	margin-right:auto;
	width:770px;
	height:600px;
}

#identity {
	height:49px;
	padding-left:11px;
	padding-top:11px;
}

#bgimg {
	position:absolute;
	top:-2000em;
	left:-2000em;
}

#service,
#pages {
	position:absolute;
}

#service {
	top:0;
	margin-left:160px;
	margin-top:40px;
	width:610px;
}

@media all and (-webkit-min-device-pixel-ratio:0){
	#service {	margin-top:42px; /* safari */	}
	html:first-child #service { margin-top:40px; /* reset Opera */ }
}

#pages {
	top:556px;
	z-index:1000;
	padding-left:82px;
	background-position:0 5px;
	background-repeat:no-repeat;
}

#subpages {
	position:absolute;
	top:368px;
}

#inner.collapsed #subpages {
	top:508px;
}

#service ul {
	position:absolute;
	right:0;
}

#content {
	height:500px;
	position:relative;
}

#content #eventbox {
	position:absolute;
	right:1px;
	width:16.2em; /* 175px */
}

#content #elementbox {
	position:absolute;
	bottom:0;
	height:200px;
	width:770px;
}

#content #elementouter,
#content #eventouter {
	margin:5px 22px 0 22px;
	height:124px; /* 124px */
	overflow:auto;
	position:relative;
}

#content .ui-init #elementouter,
#content .ui-init #eventouter {
	overflow:hidden;
}

#inner .fullscreen #elementbox {
	height:500px;
}

#inner.collapsed #elementbox {
	height:60px;
}

#inner .fullscreen #elementouter {
	height:424px;
}

#inner.collapsed #elementouter {
	display:none;
}

#content #eventouter {
	margin:22px;
	height:121px;
}

#content .ui-init #elementinner,
#content .ui-init #eventinner {
	position:absolute;
}

#content #elementtext {
	width:488px;
	float:left;
}

#content #elementrelated {
	margin-left:20px;
	padding-top:19px;
	width:200px;
	float:left;
}

#content #elementslider,
#content #eventslider {
	display:none;
	width:4px;
	height:116px;
	top:65px;
	position: absolute;
	right:19px;
}

#content .ui-init #elementslider,
#content .ui-init #eventslider {
	display:block;
}

#inner .fullscreen #elementslider {
	height:415px;
}

#inner.collapsed #elementslider,
#content .ui-hide-slider #elementslider {
	display:none;
}

#content #eventslider {
	height:105px;
	top:32px;
}

#content .ui-slider-handle {
	width:4px;
	height:16px;
	margin-bottom:-8px;
	position: absolute;
}

#copyright {
	margin-top:15px;
	position:relative;
}

* html #copyright {
	margin-top:25px;
}

#contentsettings {
	position:absolute;
	margin-top:6px;
	z-index:1000;
}

#contentsettings img {
	border:3px solid;
}

/* content */

#content h1 {
	margin-top:35px;
	padding-left:16px;
	padding-right:16px;
	line-height:0.85em;
	background-position:0 0;
	background-repeat:repeat-x;
	text-transform:uppercase;
}

#content h1 span {
	padding-left:5px;
	padding-right:5px;
}

#content h2,
#content h3 {
	margin-top:10px;
	margin-bottom:5px;
}

#content #elementtext p {
	margin:0;
	padding:0;
}

#content #elementtext p.date {
	margin-bottom:5px;
}

#content #elementtext p.nodate {
	margin-bottom:19px;
}

* html #content #elementtext p.nodate {
	margin-bottom:5px;
	height:1px;
}

#content #elementbox img,
#content #elementtext .img {
	margin-right:6px;
	margin-bottom:6px;
	float:left;
}

* html #content .gallery #elementtext .img {
	margin-right:6px;
}

* html #content #elementtext .img {
	margin-right:3px;
}

#content #elementtext .img img {
	float:none;
	margin:0;
}

#content #elementtext .img span {
	border:5px solid;
	display:block;
}

#content #elementbox .text .img img {
	border:1px solid;
}

#content #elementbox .text a,
#content #eventbox .text a {
	padding-left:10px;
	background-position:left center;
	background-repeat:no-repeat;
}

#content #elementbox .text span a,
#content #eventbox .text span a {
	padding:0;
	background-image: none !important;
}

#content #elementbox .text.product {
	padding:14px;
	margin-bottom:10px;
	background-position:top left;
	background-repeat:no-repeat;
}

#content #elementbox ul,
#content #elementbox ol,
#content #eventbox ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#content #elementbox .text ul {
	margin:5px 0 5px 5px;
}

#content #elementbox ol {
	list-style-type:decimal;
	margin:5px 0 5px 1px;
	padding-left:20px;
}

* html #content #elementbox ol {
	margin-left:5px;
}

#content #elementbox .text ul li {
	padding:2px 2px 2px 16px;
	background-position:left center;
	background-repeat:no-repeat;
}

* html #content #elementbox .text ul li {
	padding-left:20px;
}

#content #elementbox .text ol li {
	padding:2px;
	padding-left:0;
}

#content #elementrelated li a.download,
#content #elementrelated li a.external {
	padding-left:12px;
	background-position:center left;
	background-repeat:no-repeat;
}

#content #eventbox li {
	padding:0 0 13px 9px;
	background-position:0 5px;
	background-repeat:no-repeat;
	height:1%;
}

#content #eventbox li span.date {
	display:block;
}

#content #elementbox table {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
}

#content #elementbox th,
#content #elementbox td {
	text-align:left;
	vertical-align:top;
	padding:5px;
	border-bottom:1px solid;
}

#content #elementbox thead th {
	border:0;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:normal;
}

#content #elementbox tbody th {
	padding:5px;
}

#copyright p {
	position:absolute;
	right:0;
}

#copyright .url {
	display:none;
}

/* navigation */

.navigation ul,
.navigation li {
	list-style:none;
	margin:0;
	padding:0;
}

.navigation li {
	float:left;
	white-space:nowrap;
}

#service li {
	padding-right:1px;
	padding-bottom:5px;
	background-position:bottom center;
	background-repeat:no-repeat;
}

#pages li {
	padding-left:1px;
	padding-top:5px;
	background-position:top center;
	background-repeat:no-repeat;
}

#subpages li {
	width:30px;
	height:21px;
	overflow:hidden;
}

#subpages li.back,
#subpages li.next {
	width:17px;
	height:21px;
}

#subpages li.visible {
	width:11px;
}

.navigation li a,
.navigation li span {
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	text-transform:uppercase;
	text-align:center;
	display:block;
}

.navigation li a:hover,
.navigation li a:active,
.navigation li a:focus {
	text-decoration:none;
}

#service li a,
#service li span,
#pages li a,
#pages li span  {
	padding:0;
}

#service li .bgouter,
#pages li .bgouter {
	background-position:top left;
	background-repeat:no-repeat;
}

#service li .bginner,
#pages li .bginner {
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	width:165px;
	background-position:top right;
	background-repeat:no-repeat;
}

#pages li .bginner {
	width:8.73em;
}

*html #pages li .bginner {
	width:9.1em;
}

#subpages li a,
#subpages li span {
	padding-left:30px;
	padding-bottom:5px; /* safari */
	display:block;
	background-position:5px 5px;
	background-repeat:no-repeat;
}

#subpages li a:hover,
#subpages li a:active,
#subpages li a:focus,
#subpages li span {
	background-position:3px 3px;
}

#subpages li.back a,
#subpages li.back a:hover,
#subpages li.back a:active,
#subpages li.back a:focus,
#subpages li.back span {
	padding-left:17px;
	background-position:0 5px;
}

#subpages li.next a,
#subpages li.next a:hover,
#subpages li.next a:active,
#subpages li.next a:focus,
#subpages li.next span {
	padding-left:17px;
	background-position:5px 5px;
}

#subpages li.visible a,
#subpages li.visible a:hover,
#subpages li.visible a:active,
#subpages li.visible a:focus {
	padding:5px 0 0 11px;
	background-position:0 5px;
}

/* forms */

#content #elementbox label {
	margin-left:1px;
	display:block;
}

#content #elementbox input,
#content #elementbox textarea {
	width:90%;
	padding:4px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:5px;
	border:1px solid;
}

#content #elementbox input.function {
	margin-top:5px;
	margin-bottom:10px;
	padding-left:10px;
	width:4.49em;
	border:0;
	text-align:left;
	background-position:0 6px;
	background-repeat:no-repeat;
	cursor:pointer;
}

#content #elementbox input.longer {
	width:6em;
}

#content #elementbox textarea {
	height:85px;
}

* html #content #elementbox textarea {
	height:70px;
}

#content #elementbox div.error,
#content #elementbox div.success {
	margin-bottom:5px;
}

/* style */

html,
body {
	background-color:#f4f4f4;
}

#wrapper {
	background-image: url(../img/templates/bgstage.jpg);
}

#inner,
#cboxContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

#content input,
#content textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}

#pages {
	background-image: url(../img/templates/bgpagenavigation.gif);
}

#content {
	font-size: 0.9em;
}

#content h1 {
	font-size:1.5em;
	background-image: url(../img/templates/bgheadline.gif);
}

#content h2 {
	font-family:"Trebuchet MS", Geneva, sans-serif;
	font-size:1.4em;
}

#content h3 {
	font-family:"Trebuchet MS", Geneva, sans-serif;
	font-size:1.2em;
}

.navigation {
	font-size: 0.8em;
}

.navigation li a:hover,
.navigation li a:active,
.navigation li a:focus,
.navigation li a.inpath,
.navigation li span,
#content #elementbox,
#content #eventbox,
#content h1 span {
	background-color: #000;
	color:#fff;
}

#subpages li a:hover,
#subpages li a:active,
#subpages li a:focus,
#subpages li a.inpath,
#subpages li span {
	background-color: transparent;
}

#content #elementbox,
#content #eventbox {
	background-color: transparent;
	background-image: url(../img/templates/bgtrans.png);
}

* html #content #elementbox,
* html #content #eventbox { 
	background-color: #000;
	background-image: none;
} 

#content h1 span {
	color:#f4f4f4;
}

#service li {
	background-image: url(../img/templates/iconbottom.gif);
}

#service li span,
#pages li span {
	background-color: transparent;
	color:#000;
}

#service li a:hover .bgouter,
#service li a:active .bgouter,
#service li a:focus .bgouter,
#service li a.inpath .bgouter,
#service li span .bgouter,
#pages li a:hover .bgouter,
#pages li a:active .bgouter,
#pages li a:focus .bgouter,
#pages li a.inpath .bgouter,
#pages li span .bgouter  {
	background-color: #000;
	background-image: url(../img/templates/bgnavigationtr.jpg);
	color: #fff;
}

#service li a:hover span .bginner,
#service li a:active span .bginner,
#service li a:focus span .bginner,
#service li a.inpath span .bginner,
#service li span span .bginner,
#pages li a:hover span .bginner,
#pages li a:active span .bginner,
#pages li a:focus span .bginner,
#pages li a.inpath span .bginner,
#pages li span span .bginner {
	background-color: transparent;
	background-image: url(../img/templates/bgnavigationtl.jpg);
	color: #fff;
}

#pages li a:hover .bgouter,
#pages li a:active .bgouter,
#pages li a:focus .bgouter,
#pages li a.inpath .bgouter,
#pages li span .bgouter {
	background-image: url(../img/templates/bgnavigationbr.jpg);
}

#pages li a:hover span .bginner,
#pages li a:active span .bginner,
#pages li a:focus span .bginner,
#pages li a.inpath span .bginner,
#pages li span span .bginner {
	background-image: url(../img/templates/bgnavigationbl.jpg);
}

#pages li {
	background-image: url(../img/templates/icontop.gif);
}

#subpages li a {
	background-image: url(../img/templates/iconelement.gif);
}

#subpages li a:hover,
#subpages li a:active,
#subpages li a:focus,
#subpages li span {
	background-image: url(../img/templates/iconelementactive.gif);
}

#subpages li.back a,
#subpages li.back a:hover,
#subpages li.back a:active,
#subpages li.back a:focus {
	background-image: url(../img/templates/iconback.gif);
}

#subpages li.backinactive span {
	background-image: url(../img/templates/iconbackinactive.gif);
}

#subpages li.next a,
#subpages li.next a:hover,
#subpages li.next a:active,
#subpages li.next a:focus {
	background-image: url(../img/templates/iconnext.gif);
}

#subpages li.nextinactive span {
	background-image: url(../img/templates/iconnextinactive.gif);
}

#subpages li.visible a,
#subpages li.visible a:hover,
#subpages li.visible a:active,
#subpages li.visible a:focus {
	background-image: url(../img/templates/iconless.gif);
}

.collapsed #subpages li.visible a,
.collapsed #subpages li.visible a:hover,
.collapsed #subpages li.visible a:active,
.collapsed #subpages li.visible a:focus {
	background-image: url(../img/templates/iconmore.gif);
}

#content #elementbox a,
#content #eventbox a,
#content input.function {
	background-image: url(../img/templates/iconlink.gif);
	color:#fff;
}

#content #elementbox a.download,
#content #elementrelated li a.download {
	background-image: url(../img/templates/icondownload.gif);
}

#content #elementbox a.external,
#content #elementrelated li a.external {
	background-image: url(../img/templates/iconexternal.gif);
}

#content #elementtext .img span {
	border-color:#fff;
}

#content #elementbox .text.product {
	background-image: url(../img/templates/bgtext.jpg);
}

#content #elementbox .text .img img {
	border-color:#000;
}

#content #elementbox .text ul li,
#content #eventbox .text ul li {
	background-image: url(../img/templates/iconsquare.gif);
}

#content #elementbox input,
#content #elementbox textarea {
	background-color:#333;
	border-color:#333;
	color:#fff;
}

#content #elementbox input.function {
	background-color:transparent;
}

#content #elementbox input:focus,
#content #elementbox textarea:focus {
	border-color:#f4f4f4;
}

#content #elementbox input.error,
#content #elementbox textarea.error {
	border-color:#ff0000;
}

#content #elementbox th,
#content #elementbox td {
	border-color:#fff;
}

#content #elementbox th {
	background-color:#fff;
	color:#000;
}

#content #elementslider,
#content #eventslider {
	background:#333;
}

#content .ui-slider-handle {
	background: #fff;
}

#copyright,
#copyright a {
	font-size: 0.85em;
	color:#636368;
}

#contentsettings img {
	border-color:#fff;
}