html, body
{
margin: 0;
padding: 0;
}
body#fotoelement
{
text-align: center;
background: #242424 url(../images/bgTest.jpg) 50% 0 no-repeat scroll;
font: 100%/1.2em Geneva, Verdana, Arial, sans-serif;
}
p
{
margin: 0 10px 5px 10px;
}
h1
{
background-attachment: scroll;
background-color: Transparent;
background-position: 50% 0;
background-repeat: no-repeat;
height: 30px;
margin: 0;
padding: 0;
}
h1 span
{
position: absolute;
top: -500px;
left: -1000px;
}
table
{
font-size: 100%;
width: 99%;
}
ul
{
font-size: 100%;
margin: 0;
padding: 0;
}
a
{
/* display: block;
color: #981793;
padding: 10px;
*/
color: #333;
font-weight: bold;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
a img
{
border: 0;
}
.clearing
{
clear: both;
}
br.clearing
{
line-height: 1px;
font-size: 1px;
}
.formularMessage
{
color: #f00;
}
.formcellleft
{
width: 11.5em;
}
.formrowtable
{
width: auto;
}
div.startLinkWrap
{
display: table-cell;
height: 100%;
vertical-align: middle;
text-align: center;
border: 1px solid #000;
}
table.borders
{
width: auto;
margin: 0 auto;
}
td.tdTopLeft
{
background: transparent url(../images/borderTopLeft.gif) 100% 100% no-repeat scroll;
width: 92px;
}
td.tdTop
{
background: transparent url(../images/borderTop.gif) 0 100% repeat-x scroll;
}
td.tdTopRight
{
background: transparent url(../images/borderTopRight.gif) 0 100% no-repeat scroll;
width: 92px;
}
td.tdLeft
{
background: transparent url(../images/borderLeft.gif) 100% 0 repeat-y scroll;
}
td.tdContent
{
}
td.tdRight
{
background: transparent url(../images/borderRight.gif) 0 0 repeat-y scroll;
}
td.tdBottomLeft
{
background: transparent url(../images/borderBottomLeft.gif) 100% 0 no-repeat scroll;
width: 92px;
height: 70px;
}
td.tdBottom
{
background: transparent url(../images/borderBottom.gif) 0 0 repeat-x scroll;
}
td.tdBottomRight
{
background: transparent url(../images/borderBottomRight.gif) 0 0 no-repeat scroll;
width: 92px;
height: 70px;
}
div.contentHeader
{
padding: 25px 10px 20px 0;
position: relative;
}
div.header
{
margin-bottom: 1px;
padding-bottom: 1px;
background: transparent; /* url(../images/border_top.gif) 50% 100% no-repeat scroll;*/
}
div.headerInnerWrap
{
width: 75em; /*1200px;*/
margin: 0 auto;
text-align: left;
background: #000;
}
span.siteCopyright
{
float: right;
font-size: .6em;
line-height: 1.2em;
color: #7E7E7E;
padding: 3px 5px 0 0;
}
div.header h1
{
/* height: 80px; line-height: 80px; margin: 0; padding-left: 10px; background: #EEE; color: #79B30B; */
}
h2
{
font-size: 12px;
margin: 0 0 10px 0;
padding: 0;
text-align: center;
}
div.container
{
text-align: left;
}
div.imagePanel p
{
/* line-height: 1.4;*/
}
div.footer
{
text-align: center;
font-size: .7em;
padding-top: .5em;
color: #666;
}
div.footer a
{
color: #999;
font-weight: normal;
}
div.footer a:hover
{
color: #aaa;
}
div.footerWrap
{
width: 75em; /*990px;*/
margin: 0 auto;
}
/*
div.footer p
{
font-size: .85em;
color: #7E7E7E;
margin: 0;
padding: 2px 5px 0 5px;
text-align: right;
}
*/
div.container
{
width: 75em; /*1200px;*/
height: 43em; /*700px;*/
margin: 0 auto;
background: #000;
overflow: visible;
}
div.imagePanel
{
position: relative;
float: right;
width: 50em; /*800px;*/
height: 43em; /*700px;*/
background: #000 url(../images/panelSeparator.gif) 1px 0 repeat-y scroll;
color: #fff;
}
div.contentPanel
{
float: left;
width: 25em; /*400px;*/
height: 43em; /*560px; */
background: #DBDBDB url(../images/bgContentPanel.jpg) 0 0 repeat-x scroll;
display: block;
overflow: hidden;
}
div.footer
{
clear: both;
width: 100%;
}
div.imageViewWrap
{
text-align: center;
margin-top: 20px;
}
/* Content Strucure Element Styles */
.width40pct
{
width: 45%;
}
.flLeft
{
float: left;
}
.flRight
{
float: right;
}
.mT0 { margin-top: 0; }
.mT1 { margin-top: .2em; }
.mT2 { margin-top: .6em; }
.mT3 { margin-top: 1em; }
.mT4 { margin-top: 1.4em; }
.mB0 { margin-bottom: 0; }
.mB1 { margin-bottom: .2em; }
.mB2 { margin-bottom: .6em; }
.mB3 { margin-bottom: 1em; }
.mB4 { margin-bottom: 1.4em; }
.mL0 { margin-left: 0; }
.mL1 { margin-left: .2em; }
.mL2 { margin-left: .6em; }
.mL3 { margin-left: 1em; }
.mL4 { margin-left: 1.4em; }
.mR0 { margin-right: 0; }
.mR1 { margin-right: .2em; }
.mR2 { margin-right: .6em; }
.mR3 { margin-right: 1em; }
.mR4 { margin-right: 1.4em; }
.textLeft { text-align: left; }
.textCenter {text-align: center;}
.textRigth {text-align: right; }
.textBig {font-size: 1.3em;}
/* NAVIGATION */
div.navBar
{
height: 1.2em;
}
ul.nav
{
position: relative;
text-align: center;
line-height: normal;
margin: 0;
list-style: none;
padding-left: 0;
padding-top: 4px;
padding-bottom: 3px;
background: #828282 url(../images/bgTopNavBorder.gif) left bottom repeat-x scroll;
/*border-bottom: 1px solid #000;*/
font-size: .65em;
}
ul.nav li
{
display: inline;
line-height: normal;
}
ul.nav a
{
line-height: 1em;
display: inline;
border: 1px solid #000;
border-bottom:none;
border: none;
padding: 1px 15px 3px 15px;
margin-right: 5px;
background: transparent;
text-decoration: none;
color: #fff;
font-weight: bold;
}
ul.nav a.current
{
border: 1px solid #000;
padding-bottom: 3px;
border-bottom: none; /* 1px solid #f4f4f4;*/
background: #f4f4f4;
color: #333;
}
ul.nav a:hover
{
text-decoration: underline;
}
div.flexContent
{
height: 34em; /*420px;*/
padding: 0 0;
margin: 0 1em 0 1em;
overflow: visible;
/*background: #0f0;*/
}
div.flexContentInnerWrap
{
font-size: .7em;
}
div.flexContent img
{
margin: .5em auto 1em auto;
}
p.urlBar
{
background: #000;
height: 1.3em; /*20px;*/
margin: 0;
padding: 0;
text-align: center;
}
p.urlBar a
{
display: block;
padding-top: 4px;
text-align: center;
}
div.addressBar
{
height: 6.7em; /*100px;*/
background: #AEAEAE;
overflow: hidden;
}
div.addressBar table.addressBarContent
{
font-size: .7em;
line-height: 1.3em;
margin-left: 2px;
margin-top: 8px;
}
td.addressLeft
{
padding-left: 2em;
padding-top: .5em;
}
td.addressRight
{
padding-left: 2.5em;
padding-top: .5em;
}
/* TYPO */
p.textCenter
{
text-align: center;
}
p.textRight
{
text-align: right;
}
p.textLeft
{
text-align: left;
}
/* Links and Navigation */
ul.galleryLinkList
{
position: static;
list-style: none;
margin: 0em 1.5em 0 1.5em;
font-size: 1.2em;
}
ul.galleryLinkList li
{
display: block;
width: 10em;
margin: .5em 0 0 0;
padding: 0;
text-align: left;
}
ul.galleryLinkList li.left
{
clear: both;
float: left;
}
ul.galleryLinkList li.right
{
float: right;
}
.galleryLinkList a,
a.iconLink
{
/*font-size: .8em;*/
padding: 1px 0 1px 15px;
background: transparent url(../images/bgSpecialLink.gif) 0 2px no-repeat scroll;
text-decoration: none;
font-weight: bold;
color: #333;
}
.headerFotoElement
{
background-image: url(../images/logoFotoElement.gif);
}
.galleryLinkList a:hover,
a.iconLink:hover
{
background-position: 0 -18px;
text-decoration: underline;
color: #555;
/*background-color: #fff;*/
}
.imagePanelHeader
{
display: block;
text-align: center;
margin: 0 auto 2em auto;
}
.galleryImageBoxes
{
position: relative;
padding-top: 2em;
width: 100%;
}
.galleryImageBoxesPadding
{
margin-left: 5.6em;
/*padding-top: 20px; */
position: relative;
}
.imageBoxWrap
{
position: relative;
width: 160px;
height: 160px;
float: left;
}
.imageBox
{
width: 137px;
height: 137px;
background: transparent url(../images/bgImageBox2.gif) 0 0 no-repeat scroll;
}
.imageBox:hover
{
background-position: 0 -163px;
}
a.imageBoxLink
{
position: relative;
display: block;
width: 137px;
height: 137px;
text-align: center;
vertical-align: middle;
font-size: 11px;
text-decoration: none;
font-weight: normal;
color: #333;
}
span.imageBoxLinkText
{
width: 137px;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
cursor: pointer;
}
.galleryImageView
{
text-align: center;
position: relative;
padding-top: 18px;
}
.galleryImageView img
{
border: 1px solid #fff;
}
.galleryLogo
{
position: absolute;
bottom: 5px;
right: 5px;
border: none;
}
p.imageDescription
{
text-align: right;
font-size: .7em;
line-height: 1.2em;
margin: 0 auto;
padding: 3px 0 0 0;
color: #999;
}
.galleryTabNavWrap
{
/*width: 301px;*/
position: relative;
height: 17px;
margin: 0 auto;
background: transparent url(../images/bgGalleryTabNavBorder.gif) right bottom no-repeat scroll;
}
ul.galleryTabNav
{
padding: 0px 0 0px 0;
margin: 0 auto 0px auto;
list-style : none;
font-size: 10px;
/*border-bottom: 1px dashed #000;*/
line-height:normal;
position: relative;
z-index: 5;
}
ul.galleryTabNav li
{
float: left;
display: inline;
background: transparent url(../images/bgGalleryTabNavRight.gif) right top no-repeat scroll;
text-align: center;
border-bottom: 1px solid #aaa;
}
ul.galleryTabNav li.current
{
background-position: right -30px;
position: relative;
z-index: 10;
border-bottom: 0;
}
ul.galleryTabNav a
{
display:block;
background: transparent url(../images/bgGalleryTabNavLeft.gif) 0 0 no-repeat scroll;
padding: 2px 3px 2px 3px;
text-decoration: none;
color: #333;
font-weight: normal;
}
ul.galleryTabNav li.current a
{
position: relative;
z-index: 10;
background-position: left -30px;
padding-bottom: 3px;
}
.thumbsStepNav
{
clear: left;
position: relative;
z-index: 1;
/*background: transparent url(../images/bgThumbsStepNav.gif) right top no-repeat scroll; */
height: 19px;
/* width: 301px;*/
margin: 0px auto 0 auto;
}
.galleryThumbsView
{
/*width: 100%;*/
position: relative;
margin: 0 auto 10px auto;
/* background: transparent url(../images/bgThumbsView.gif) right bottom no-repeat scroll;*/
background: #f1f1f1 url(../images/bgThumbsViewRight.gif) right top no-repeat scroll;
}
.galleryThumbsViewWrap1
{
position: relative;
background: transparent url(../images/bgThumbsViewLeft.gif) left top repeat-y scroll;
width: 100%;
}
.galleryThumbsViewWrap2
{
position: relative;
background: transparent url(../images/bgThumbsViewBottom.gif) left bottom no-repeat scroll;
padding: 10px 0 0 0;
width: 100%;
}
.thumbsPadding
{
position: relative;
/* padding: 0 10px 0 10px;*/
width: 100%;
z-index: 100;
background: transparent url(../images/bgThumbsViewBottomRight.gif) right bottom no-repeat scroll;
}
.thumbFrame
{
position: relative;
float: left;
padding-left: 5px;
width: 115px;
height: 115px;
text-align: center;
display: table-cell;
/* background: #000; /* #191919;*/
}
.thumbFrame span.vMiddle
{
display: table-cell;
vertical-align: middle;
text-align: center;
height: inherit;
width: inherit;
}
table.vMiddle
{
margin: 0;
padding: 0;
border: 0;
}
table.vMiddle td
{
height: 115px;
width: 115px;
text-align: center;
}
/*
table.vMiddle span.vMiddle
{
display: inline;
height: auto;
width: auto;
}
*/
input.thumbButton
{
position: relative;
border: 1px solid #666!important;
}
input.thumbButton:hover
{
border: 3px double #666!important;
background: #fff;
}
input.thumbButtonActive
{
border: 3px outset #1576ca; /*#0072bc;*/
}
/* Element Browser Styles */
html body .ebmaintable
{
width: 15em;
overflow: visible;
}
body
{
position: relative;
}
html body .ebheader a:hover,
html body .ebheader a:active {
background-color: #fff;
text-decoration: none;
color: #CC0000;
}
html body .eboptions
{
z-index: 100;
position: relative;
}
.contentPanel .newelement
{
background-color: #c1c7ce;
}
.contentPanel .changedelement
{
background-color: #c5cfdb;
}
.contentPanel .activeelement
{
background-color: #c8ced5;
}
.imagePanel .newelement
{
background-color: #333;
}
.imagePanel .changedelement
{
background-color: #333;
}
.imagePanel .activeelement
{
background-color: #333;
}
/* TinyMCE */
.mceEditorContainer
{
background-color: #ffffff!important;
font-size: .8em;
text-align: left;
}