html {
margin: 0px;
padding: 0px;
}body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
margin: 0px;
padding: 0px;
min-height: 100%;
width: 100%;
background: #fff;
line-height:140%;
}h1{
font-size:14px;}a, a:link, a:active, a:visited {
color: #000;
text-decoration: none;
font-size: 11px;
outline: none; /* hide dotted outline in Firefox */
}a:hover {
color: #000;
text-decoration: underline;
outline: none; /* hide dotted outline in Firefox */
}label {
cursor: pointer;
vertical-align: 5%;
line-height:20px;
}img {
border: 0px;
}.form {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
background-color: #fff;
padding: 2px;
border: 1px solid #bbb;
width:200px;}.form:focus {
background-color: #fff;
}
.hiddenField {
padding: 0px;
}#content {
clear: both;
margin: 0px 15px 20px 20px;
min-height: 400px;
}
#contentSpacerBottom {
height: 0px;
}
.blueLink a, a:link, a:visited, a:hover {
color: #3399cc;
}
.grayLink a, a:link, a:visited, a:hover {
color: #666;
}#langSelector {
width: 288px;
text-align: right;
position: absolute;
top: 32px;
left: 706px;
font-weight: bold;
color: #333;
}
#langSelector a {
font-weight: bold;
color: #999;
}
.langDelimiter {
color: #999;
}
.subtitleActive {
font-weight: bold;
color: #666666;
}
.subtitleInactive {
font-weight: bold;
color:#C0C0B9;
}.listHeader {
color: #fff;
font-weight: bold;
padding: 2px 5px 2px 5px;
background: #858585;
}
.listElementDark {
border-top: 1px solid #fff;
padding: 2px 5px 2px 5px;
background: #E7E7E7;
font-weight: normal;
}
.listElementLight {
border-top: 1px solid #fff;
padding: 2px 5px 2px 5px;
background: #F6F6F6;
font-weight: normal;
}.lightboxElement {
border: 1px solid #ccc;
padding: 5px;
margin-top: 2px;
}
.lightboxElement:hover {
background-color: #EEEEEE;
}#addLightbox {
clear: both;
padding-bottom: 10px;
}.siteTitle {
font-size: 14px;
height: 16px;
}
#topNav {
background: #ebebeb;
margin-left: 481px;
line-height: 19px;
height: 19px;
min-width: 515px;
}
#topNavLeft {
width: 150px;
float: left;
}
#topNavLeft a {
color: #000;
padding-left: 10px;
padding-right: 10px;
}
#topNavRight {
padding-left: 72px;
width: 363px;
float: left;
}
#topNavRight a {
padding-left: 15px;
color: #3399cc;
}
#topNavLine {
background: #ccc;
height: 4px;
margin-bottom: 8px;
}
#mainNav {
min-width: 1000px;
}
#mainNavExtended {
min-width: 1000px;
}
#searchBox {
width: 410px;
height: 59px;
background: #ececec;
margin-left: 29px;
float: left;
padding: 12px 18px 12px 18px;
}
#searchBoxExtended {
width: 410px;
height: 47px;
background: #ececec;
margin-left: 29px;
float: left;
padding: 0px 18px 12px 18px;
color: #333;
}
#searchBoxExtended div {
padding-bottom: 5px;
}
.blueBoldLink {
color: #3399CC;
font-weight: bold;
text-decoration: none;
}
#navBox {
width: 204px;
height: 59px;
background: #ececec;
margin-left: 6px;
float: left;
padding: 17px 5px 7px 10px;
}
#navBoxExtended {
width: 219px;
height: 59px;
background: #ececec;
margin-left: 6px;
float: left;
}
#navBoxLeft {
float: left;
width: 110px;
}
#navBoxLeft div {
padding-bottom: 5px;
}
#navBoxRight div {
padding-bottom: 5px;
}
#loginBox {
width: 234px;
height: 59px;
background: #ececec;
margin-left: 6px;
float: left;
padding: 12px 37px 12px 18px;
}
#loginBoxActive {
width: 253px;
height: 59px;
background: #ececec;
margin-left: 6px;
float: left;
padding: 16px 18px 8px 18px;
}
#loginBoxActive div {
padding-bottom: 5px;
}
#loginBoxExtended {
width: 290px;
height: 59px;
background: #ececec;
margin-left: 6px;
float: left;
}
#searchField {
}
#searchBoxLeft {
width: 200px;
float: left;
}
#searchBoxSelects {
width: 200px;
float: left;
}
#titleSearchbox {
color: #333;
height: 16px;
}
#linkExtendedSearch {
width: 110px;
padding-top: 10px;
float: left;
}
#linkExtendedSearch a {
color: #3399cc;
}
#searchButton {
padding-top: 5px;
height: 25px;
text-align: right;
}
#searchBoxRight {
color: #333;
margin-left: 210px;
padding-top: 18px;
}
#searchBoxFormat {
margin-left: 210px;
}
#titleLogin {
color: #333;
height: 16px;
}
#loginPass {
padding-top: 3px;
float: left;
}
.dynamicHeaderExtension {
background: #ececec;
margin-left: 995px;
height: 83px;
margin-right: 30px;
}
.footerTitle {
font-weight: bold;
padding-top: 5px;
}/* START GENERAL CONTENT */.textBoxTitle {
margin:0 0 25px;
font-weight: normal;
line-height:20px;
font-size: 28px;
}
.textBoxFieldDescription {
padding-top: 20px;
}
.textBoxContentTitle {
font-weight: bold;
padding-bottom: 5px;
}
.textBoxText {
width: 445px;
padding-bottom:10px;
}.textBoxText p{padding-top:20px;
}
.errorField {
padding: 5px;
background: #EBEBEB;
}
.teaserTitle {
font-family: Arial, Helvetica, sans-serif;
color: #666;
font-weight: bold;
font-size: 14px;
}
.teaserLink:link, .teaserLink:active, .teaserLink:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999;
}
.teaserLink:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
}
#newsletterbox {
padding: 10px;
background: #D5E2E9;
margin-left: 676px;
width: 269px;
height: 98px;
color: #3399CC;
}
.newsPix {
padding-top: 5px;
}
.invoiceListElement {
border: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
}
.invoiceListElement:hover {
background-color: #EEEEEE;
}
/* END GENERAL CONTENT *//* START MyInvoices */
.myinvoicesElementNumber {
width: 110px;
float: left;
}
.myinvoicesElementDate {
width: 90px;
float: left;
}
.myinvoicesElementPictures {
width: 110px;
float: left;
}
.myinvoicesElementStatus {
width: 120px;
float: left;
}
.myinvoicesElementPayment {
width: 140px;
float: left;
}
.myinvoicesElementCurrency {
width: 100px;
float: left;
}
.myinvoicesElementDownload {}
#myinvoicesNumber {
width: 100px;
float: left;
}
#myinvoicesDate {
width: 80px;
float: left;
}
#myinvoicesPictures {
width: 100px;
float: left;
}
#myinvoicesStatus {
width: 110px;
float: left;
}
#myinvoicesType {
width: 135px;
float: left;
}
#myinvoicesTotal {
width: 90px;
float: left;
}
#myinvoicesDownload {}
/* END MyInvoices *//* START LIGHTBOX */
.lightboxPictureElement {
width: 953px;
clear: both;
padding: 5px;
margin-top: 5px;
border: 1px solid #ccc;
}
.lightboxPictureElement:hover {
background-color: #EEEEEE;
}
.lightboxHeader {
width: 965px;
}
.lightboxHeader div {
color: #fff;
font-weight: bold;
padding: 2px 5px 2px 5px;
background: #fe9bee;
}
.lightboxHeaderDescription {
width: 250px;
float: left;
}#LBdateCreated {
width: 110px;
float:left;
}#LBheaderPictures {
width:75px;
float:left;
}#LBheaderDesc {
width:200px;
float:left;
}/* END LIGHTBOX *//* START BUTTONS */
a.button {
background: transparent url('/cms/userfiles/sodapix/image/buttons/btn_gray_a.png') no-repeat scroll top right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
font-size: 11px;
display: block;
float: left;
height: 21px;
margin-right: 4px;
padding-right: 3px; /* sliding doors padding */
}a.button span {
font-size: 11px;
background: transparent url('/cms/userfiles/sodapix/image/buttons/btn_gray_span.png') no-repeat;
color: #fff;
display: block;
line-height: 13px;
padding: 4px 7px 4px 7px;
text-decoration: none;
}a.button:hover {
color: #fff;
text-decoration: none;
}a.button:active {
background-position: bottom right;
color: #333;
text-decoration: none;
outline: none; /* hide dotted outline in Firefox */
}a.button:hover span {
color: #fff;
text-decoration: none;
}a.button:active span {
background-position: bottom left;
color: #333;
text-decoration: none;
padding: 4px 4px 2px 9px; /* push text down 1px */
}
/* END BUTTONS */
/* START PHOTOGRAPHER PAGE */
#phot_page_block_content {
clear: both;
margin-left: 29px;
width: 1010px;
}#phot_page_fotografen_box {
position: relative;
float: left;
background-color: #ececec;
width: 135px;
height: 18px;
padding-left: 15px;
padding-top: 3px;
}#phot_page_spacer_box {
position: relative;
float: left;
margin-left: 4px;
background-color: #ececec;
width: 810px;
height: 21px;
}#for_phot_page_spacer_box {
position: relative;
float: left;
margin-left: 4px;
background-color: #ececec;
width: 517px;
height: 21px;
margin-right: 7px;
}#phot_page_menu_box {
position: relative;
clear: both;
float: left;
background-color: #f6f6f6;
width: 135px;
height: 265px;
padding-left: 15px;
padding-top: 12px;
margin-top: 5px;
line-height: 20px;
}#phot_page_menu_box a {
font-size: 12px;
color: #666;}#phot_page_link_fotograf_active {
font-weight: bold;
}
#phot_page_photographer_box {
position: relative;
float: left;
padding: 21px;
width: 810px
}#phot_page_block_content_main {
float: left;
}#phot_page_block_content_image {
float: left;
}#for_phot_page_photographer_box {
position: relative;
float: left;
padding: 21px;
width: 477px
}
.phot_page_image_box {
position: relative;
float: left;
margin: 7px;
margin-bottom: 20px;
}.phot_page_image_box_frame {
width: 160px;height: 160px;
border-color: #ccc;
border-width: 1px;
border-style: solid;padding: 3px;
}.phot_page_image_box_text {
padding-top: 10px;
padding-left: 7px;
}.phot_page_image_box_text a {
text-decoration: none;
font-size: 12px;
color: #666;
}.phot_page_image_box_frame img {
margin: 0px;
padding: 0px;
border-style: none;
}
.phot_general_box {
height: 225px;
width: 170px;
float: left;
}
/* END PHOTOGRAPHER PAGE */
/* START SEARCH RESULT */
/* START: Styles for result.php */
#pagejumperfield {
width:50px;
}.pagingElement {
float:left;
}.zoomElement {
float:left;
padding-left:110px;
}#pagingLineTop {
clear:both;
padding-bottom: 25px;
}
#pagingLineBottom {
clear:both;
padding-top: 0px;
}
.pagingString {
float:left;
width: 50%;
}
.nrOfPicsFound {
padding-left:80px
}
.nrOfPicsActive {
font-weight: bold;
}
.pagingLinkActive {
font-weight: bold;
}
.pagingPassivNavText {
color: #ccc;
}
.picsPerPage {
padding-left:150px;
}
.thumbBox {
clear: both;
padding-right: 16px;
}
.resultThumb {
float: left;
width: 130px;
height: 180px;
border: 1px solid #fff;
margin-right: 10px;
margin-bottom: 6px;
padding: 3px;
}.resultContent {
border-top: 1px solid #ccc;
margin-top: 80px;
min-width:1100px;
}#resultCatBox {
margin-left:220px;
margin-top:-21px;
position:absolute;
color:#fff;
}.resultCat {
background-color:#ccc;
padding:2px 10px 2px 10px;
float:left;
margin-right:2px;}.resultCatActive {
background-color:#666;
padding:2px 10px 2px 10px;
float:left;
margin-right:2px;
margin-top:1px;
}
.resultExtendedSearchBox {
width: 200px;
float: left;
padding: 0 20px 20px 0;
margin: 34px 0 0 0;
}.resultExtendedSearchBox h1 {
font-size:11px;
color:#333;
padding-left:22px;
padding-top:5px;
}.resultExtendedSearchBox p {
padding:0 0 0 18px;
}.resultExtendedSearchFormBorder{
border-top: 1px solid #ccc;
margin: 20px 0pt 0pt 0px;
width: 170px;
}.resultSiteContent {
margin-top:10px;
float:left;
margin-bottom: 80px;
max-width: 80%;}
.resultThumbPicture {
border: 1px solid #ccc;
width: 130px;
height: 130px;
line-height: 130px;
vertical-align: bottom;
position: relative;
bottom: 0px;
padding: 0px;
}.resultThumbLinkLightbox {
float: left;
width: 16px;
height: 20px;
padding-right: 5px;
background: url('/cms/userfiles/sodapix/image/buttons/icon_lightbox.png') no-repeat top left;
cursor: pointer;
}
.resultThumbLinkLightbox a {
float: left;
width: 24px;
height: 20px;
padding-right: 5px;
}
.resultThumbLinkBasket {
float: left;
width: 16px;
height: 20px;
padding-right: 5px;
background: url('/cms/userfiles/sodapix/image/buttons/icon_basket.png') no-repeat top left;
cursor: pointer;
}
.resultThumbLinkBasket a {
float:left;
width: 20px;
height: 20px;
padding-right: 5px;
}
.resultThumbLinkDownload {
float: left;
width: 16px;
height: 16px;
padding-right: 5px;
background: url('http://img.sodapix.sodatech.com/buttons/icon_download.png') no-repeat top left;
cursor: pointer;
}
.resultThumbLinkBasket a {
float:left;
width: 20px;
height: 20px;
padding-right: 5px;
}
.resultThumbLinkBasketFull {
float: left;
width: 16px;
height: 16px;
padding-right: 5px;
background: url('/cms/userfiles/sodapix/image/buttons/icon_basket_active.png') no-repeat top left;
}
.resultThumbLinkBasketFull a {
float:left;
width: 20px;
height: 20px;
padding-right: 5px;
}
.resultThumbLinkDetail {
float:left;
width: 16px;
height: 20px;
padding-right: 5px;
background: url('/cms/userfiles/sodapix/image/buttons/icon_detail.png') no-repeat top left;
cursor: pointer;
}.resultThumbLinkColorsearch {
float:left;
width: 16px;
height: 20px;
padding-right: 5px;
background: url('/cms/userfiles/sodapix/image/buttons/icon_colorsearch.png') no-repeat top left;
cursor: pointer;
}
.resultThumbLinkTrash a {
float:left;
width: 20px;
height: 20px;
padding-right: 5px;
}
.resultThumbLinkTrash {
float:left;
width: 16px;
height: 16px;
padding-right: 5px;
background: url('http://img.sodapix.sodatech.com/buttons/icon_trash.png') no-repeat top left;
cursor: pointer;
}
.resultThumbLinkDetail a {
float:left;
width: 20px;
height: 20px;
padding-right: 5px;
}
.resultThumbLinkVcd {
float:left;
width: 20px;
height: 20px;
background: url(/img/icon_cd.png) no-repeat top left;
cursor: pointer;
}
.resultThumbLinkVcd a {
float:left;
width: 20px;
height: 20px;
}
.resultThumbLabelText {
width: 130px;
padding-top: 5px;
padding-bottom: 5px;
padding-left:2px;
color: #666;
}
#limitMessage {
display: none;
}
#licenseFilter {
display: none;
}
#styleTabs {
display: none;
}
#resultNavLine {
}
#categorySelector {
display: none;
}
#licenseSelector {
display: none;
}
#superjuliExtraText {
display: none;
}
#noPicturesFound {
font-size: 14px;
padding-top: 10px;
padding-left: 10px;
}
.alternativePicsText {
padding: 10px 10px 5px 10px;
}
.alternativePicsLink {
padding-left: 10px;
}
.resultLightboxElement {
width: 60px;
height: 60px;
background: #DBDBD8;
margin-right: 10px;
}
.resultLightboxElementRemoveLink {
height: 16px;
width: 60px;
margin-bottom: 7px;
}
/* END: Styles for result.php *//* START LIGHTBOX ELEMENT */
.lbElementPicture {
width: 110px;
float: left;
}
.lbElementFunctions {
width: 110px;
float: left;
}
.lbElementDate {
width: 140px;
float: left;
}
.lbElementLightbox {
width: 200px;
float: left;
}
.lbElementComment {}
.lbElementPictureExt {
width: 160px;
float: left;
}
.lbElementFunctionsExt {
width: 110px;
float: left;
}
.lbElementDateExt {
width: 140px;
float: left;
}
.lbElementCommentExt {}
/* END LIGHTBOX ELEMENT */
/* START: Styles for Lightbox in result.php */
#lightbox_header {
position: fixed;
height: 22px;
left: 40px;
bottom: 20px;
right: 30px;
padding: 3px;
background-color: #ccc;
}
#lightbox_content_table {
background-color:#EBEBE9;
bottom:30px;
display:none;
height:130px;
left:40px;
overflow:auto;
padding:3px;
position:fixed;
right:30px;
z-index:1;
}
#lightbox_content {
display: none;
background-color: #EBEBE9;
float: left;
padding-top: 10px;
padding-left: 10px;
}
#add_lightbox {
z-index: 1;
position: fixed;
bottom: 22px;
left: 40px;
right: 30px;
height: 145px;
display: none;
overflow: hidden;
background-color: #EBEBE9;
padding: 5px;
}
#lightboxSelect {
float:left;
}
#lighboxSelectGo {
display: none;
}
#lightboxAddLink a {
color: #FFF;
padding-left: 10px;
float:left;
line-height: 20px;
}
#hideLightboxText {
text-align: right;
}
#hideLightboxText a {
color: #FFF;
line-height: 20px;
}
#specialFooter {
height: 20px;
line-height: 20px;
position: fixed;
overflow: auto;
bottom: 0px;
background-color: #FFFFFF;
font-size: 10px;
color: #999999;
padding-left: 140px;
width: 100%;
}
#specialFooter a {
font-size: 10px;
color: #999999;
}.lightboxPictureElement {
float: left;
padding: 5px;
background-color: #fff;
margin-right: 10px;
margin-bottom: 0px;
}
.lightboxPicture {
float: left;
margin-right: 5px;
}
.lightboxPictureLinks {
height: 60px;
float: left;
}
.lightboxPictureLinkBasket {
width: 20px;
height: 20px;
background: url('http://img.sodapix.sodatech.com/buttons/icon_basket.png') no-repeat top left;
cursor: pointer;
padding-bottom: 5px;
}
.lightboxPictureLinkRemove {
width: 20px;
height: 20px;
background: url('http://img.sodapix.sodatech.com/buttons/icon_trash.png') no-repeat top left;
cursor: pointer;
}
/* END: Styles for Lightbox in result.php *//* START: VCD-Banner */
#vcdBanner {
background-color: #F2F6F7;
margin-right: 10px;
padding: 5px;
height: 100px;
margin-bottom: 10px;
}
.vcdBannerPix {
float: left;
margin-right: 10px;
}
.vcdBannerTitle {
max-width: 500px;
}
.vcdBannerPrice {
font-size: 12px;
font-weight: bold;
}
/* END: VCD-Banner */
/* END SEARCH RESULT *//* START: Detail */
#detailHeaderLogo {
margin-left: 10px;
margin-top: 20px;
height: 30px;
background: url(/cms/userfiles/sodapix/image/layout/logo_sodapix.gif) no-repeat top left;
}
#detailHeaderNavLine {
text-align: right;
color: #fff;
height: 20px;
right: 0px;
position: absolute;
padding-left: 10px;
padding-right: 10px;
background: #ececec;
line-height: 20px;
}
#detailHeaderNavLine a {}
#detailHeaderBreakingLine {
height: 1px;
background: #fe9af1;
margin-top: 20px;
}
#detailHeaderPicList {
padding-left: 20px;
padding-right: 20px;
height: 125px;
overflow: auto;
}
#detailHeaderPicList td {
vertical-align: bottom;
}
.detailHeaderThumbActive {
border: 4px solid #ccc;
cursor: pointer;
margin-top:10px;
}
.detailHeaderThumbPassive {
border: 4px solid #FFF;
cursor: pointer;
}
#previewPicCopyrightLine {
font-weight: bold;
color: #999999;
font-size: 9px;
}
#picDetailPage {
}
#picDetailContent {
width: 1020px;
}
#picDetailPicture {
margin-left:20px;
float:left;
}
#picDetailDescription {}
.previewPicTitle {
padding-top: 5px;
font-weight: bold;
}.picDetailTabActive:link, .picDetailTabActive:active, .picDetailTabActive:visited, .picDetailTabActive:hover {
float: left;
background: #CCC;
padding: 1px 12px 2px 12px;
color: #fff;
text-decoration: none;
font-weight: bold;
border-right: 1px solid #fff;}
.picDetailTabInactive:link, .picDetailTabInactive:active, .picDetailTabInactive:visited {
float: left;
background: #E2E2E2;
padding: 1px 12px 2px 12px;
color: #666;
text-decoration: none;
font-weight: bold;
border-right: 1px solid #fff;
}
.picDetailTabInactive:hover {
background: #CCC;
}
.detailContentTitle {
font-weight: bold;
padding-bottom: 5px;
}
#detailBaseHeader {
height: 4px;
background: #ccc;
margin-top:20px;
margin-bottom: 15px;
}
/* END: Detail *//* END: RM-Calculator */
.rmSelectDiv {
padding-top: 2px;
padding-bottom: 2px;
}
#pricefield_table {
margin-top: 10px;
margin-bottom: 5px;
background: #858585;
color: #fff;
font-weight: bold;
padding: 2px 5px 2px 5px;
width:388px;
}
.previewPicTabs {
height:30px;
}
/* END: RM-Calculator *//************************ START BASKET **********************/
.centerBoxBasket {
min-height: 400px;
max-width:945px;
}
#mainBasketContent {
padding-top: 10px;
}
.basketElement {
border: 1px solid #858585;
padding: 5px;
margin-bottom: 5px;
min-height: 130px;
}
.basketElement:hover {
background-color: #EEEEEE;
}
#basketPicContainer {
width: 110px;
float: left;
}
#go_button {}.basketFunctionText {
padding-top: 3px;
padding-bottom: 3px;
font-size: 10px;
}
.basketLinkDetail a {
float:left;
width: 20px;
height: 20px;
background: url(/img/icon_info.gif) no-repeat top left;
margin-right: 20px;
}
.basketLinkRemove a {
float:left;
width: 20px;
height: 20px;
background: url(/img/icon_trash.gif) no-repeat top left;
}
#basketPriceBlock {
border: 1px solid #858585;
padding: 5px 10px 5px 10px;
}
.basketSumText {
width: 100px;
float: left;
}
.basketSumCurrency {
width: 30px;
float: left;
}
.basketSumPrice {
width: 60px;
text-align: right;
float: left;
}
.basketTotalText {
width: 100px;
float: left;
font-weight: bold;
}
.basketTotalCurrency {
width: 30px;
float: left;
font-weight: bold;
}
.basketTotalPrice {
width: 60px;
text-align: right;
float: left;
font-weight: bold;
}
.priceSpacer {
width: 180px;
border-top: 1px solid #fff;
margin-top: 3px;
margin-bottom: 3px;
}.basketElementPriceBlock {
background-color: #fe9af1;
color: #fff;
padding: 2px 5px 3px 5px;
}
.basketElementProvision {}
.basketElementPriceText {
width: 100px;
float: left;
}
.basketElementCurrency {
width: 30px;
float: left;
}
.basketElementPrice {
text-align: right;
width: 40px;
float: left;
}
.basketInfoContainer {
margin-left: 110px;
}
#invoiceAddressBlock {
margin-top: 5px;
border: 1px solid #858585;
padding: 5px 5px 5px 7px;;
}
/************************ END BASKET ************************//************************ START SHADOW **********************/
.shadow {
display: block;
position: relative;
margin: 4px -4px -4px 4px;
background: url(http://img.sodapix.sodatech.com/buttons/shadow-grid.gif) repeat;
}/* ie6 ignores this selector */
html>body .shadow {
margin: 10px -10px -10px 10px;
background: url(http://img.sodapix.sodatech.com/buttons/shadow.png) right bottom no-repeat;
}/* shadow corners */
.shadow:before,
.shadow:after {
content: " ";
display: block;
width: 10px;
height: 10px;
background: inherit;
}.shadow:before {
position: absolute;
top: 0;
right: 0;
margin: -10px 0 0 auto;
background-position: right top;
}.shadow:after {
margin: -10px 0 0 -10px;
background-position: left bottom;
}.shadow .shadowcontent {
display: block;
position: relative;
overflow: hidden; /* prevents margin leakage from child elements */
left: -4px;
top: -4px;
}/* ie6 ignores this selector */
html>body .shadow .shadowcontent {
left: -10px;
top: -10px;
margin: 0;
}
/************************ END SHADOW ************************//********************** START INVOICE ***********************/
#webInvoice {
margin-top: 5px;
padding-top:30px;
border: 1px solid #ccc;
padding: 25px;
}
.centerBoxInvoice {
min-height: 400px;
max-width:945px;
width: 750px;
}
.webInvoiceLogo {
background:url(http://dev.mauritius.sodapix.com/img/logo_invoice_web.gif) no-repeat top right;
height:80px;
}
.webInvoiceHeaderline {
font-size: 9px;
padding-bottom:30px;
}
.webInvoiceAddress {
padding-bottom: 40px;
}
.webInvoiceCityAndDate {
padding-bottom: 20px;
}
.webInvoiceProvNr {
font-size: 12px;
font-weight: bold;
padding-bottom: 20px;
}
.webInvoiceUsageClaim {
padding-bottom: 5px;
}
.webInvoiceDeliveryClaim {
padding-bottom: 15px;
}
.webInvoiceElement {
clear: both;
padding-top: 10px;
}
.webInvoicePositionElement {
width: 50px;
float: left;
}
.webInvoiceThumbElement {
width: 100px;
float: left;
}
.webInvoiceDescriptionElement {
width: 400px;
float: left;
}
.webInvoicePriceElement {
text-align: right;
}
.webInvoiceTotalDescription {
text-align: right;
width: 600px;
float: left;
}
.webInvoiceTotalPrices {
text-align: right;
}
.webInvoiceTotalBlock {
clear: both;
padding-top: 30px;
}
.webInvoiceFooter {
line-height: 11px;
padding-top: 50px;
font-size: 9px;
}
.webInvoiceFooterElement {
margin-right: 45px;
float: left;
}
.webInvoicePaymentConditions {
padding-top: 20px;
font-size: 10px;
}
#mypicturesHeaderPicture {
width: 100px;
float: left;
}
#mypicturesHeaderDownload {
width: 100px;
float: left;
}
#mypicturesHeaderLicence {
width: 460px;
float: left;
}
#mypicturesHeaderDate {
width: 100px;
float: left;
}
#mypicturesHeaderPrice {}
#mypicturesElementPicture {
width: 110px;
float:left;
}
#mypicturesElementDownload {
width: 110px;
float: left;
}
#mypicturesElementLicence {
width: 470px;
float: left;
}
#mypicturesElementDate {
width: 105px;
float: left;
}
#mypicturesHeaderPrice {}
/************************ END INVOICE ***********************/.mpElement {
border: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
clear: both;
}
.mpElement:hover {
background-color: #EEEEEE;
}/************************ START RF_CALCULATOR ***********************/
.rfPriceElementLocked {
color: #b1b1b1;
height: 20px;
width: 405px;
}.rfPriceElementDescriptionLocked {
color: #b1b1b1;
float: left;
height: 20px;
line-height: 20px;
width: 290px;
}
.rfPriceElementCurrencyLocked {
color: #b1b1b1;
float: left;
height: 20px;
line-height: 20px;
width: 30px;
}
.rfPriceElementPriceLocked {
color: #b1b1b1;
height: 20px;
line-height: 20px;
text-align: right;
float:left;
padding-right: 3px;
width: 57px;
}.rfPriceElement {
cursor: pointer;
height: 20px;
width: 405px;
}
.rfPriceElement:hover {
background-color: #ccc;
}
.rfPriceElementRadio {
float: left;
height: 20px;
line-height: 20px;
width: 25px;
}
.rfPriceElementDescription {
float: left;
height: 20px;
line-height: 20px;
width: 290px;
}
.rfPriceElementCurrency {
float: left;
height: 20px;
line-height: 20px;
width: 30px;
}
.rfPriceElementPrice {
height: 20px;
line-height: 20px;
text-align: right;
float:left;
padding-right: 3px;
width: 57px;
}
.provisionBox {
font-size: 9px;
clear: both;
padding-left: 25px;
}
#RFputtedStatus {
padding-top: 5px;
padding-left: 5px;
}
#lightbox_list {
max-height:150px;
width:965px;
overflow:auto;
}
.lightbox_list_name {
width:250px;
float:left;
}
.lightbox_list_date {
width:110px;
float:left;
}
.lightbox_list_count {
width:75px;
float:left;
}
.lightbox_list_comment {
width:200px;
float:left;
}
.lightbox_list_functions {}
.lightbox_box {
width:805px;
}
.lightbox_box_pic {
width:250px;
float:left;
}
.lightbox_box_date {
width:110px;
float:left;
}
.lightbox_box_count {
width:75px;
float:left;
}
.lightbox_box_comment {
width:200px;
float:left;
}
.lightbox_box_functions {}#lightboxDetail {
display:none;
padding-top:20px;
}
.lightbox_header_header {
width:965px;
}
.lightbox_header_pic {
width:100px;
float:left;
}
.lightbox_header_functions {
width:100px;
float:left;
}
.lightbox_header_date {
width:130px;
float:left;
}
.lightbox_header_list {
width:195px;
float:left;
}
.lightbox_header_notes {}
/************************ END RF_CALCULATOR ***********************//************************ START CMS Content ***********************//* ----------container zentriert das layout-------------- */
.cms_content_container {
width: 1024px;
margin: 0;
padding: 0;
background-color: #FFF;
}
/* -----------------Inhalt--------------------- */
.cms_content {
float: left;
width: 769px;
min-height:600px;
background-color: #ffffff;
padding: 0;
margin: 0;
}p, pre {
padding: 0 20px 15px 25px;
margin:0;
}/* --------------left navigavtion------------- */
.cms_content_left {
float: left;
width: 255px;
margin: 0;
padding:15px 0 0 0;
color:#ffffff;
}
/* -----------footer--------------------------- */.cms_content_footer {
clear: left;
background-color: #ffffff;
padding: 0;
margin: 0;
margin-left: 20em;
}
/* -----------links--------------------------- */.news_titel_gross a:link {
font-size:20px;
position:absolute;
top:20px;
left:-9px;
color:#000;
background-color:#FFF;
margin:10px;
padding:5px;
z-index:2;
}
.news_titel_gross a:visited {
font-size:20px;
position:absolute;
top:20px;
left:-9px;
color:#000;
background-color:#FFF;
margin:10px;
padding:5px;
z-index:2;
}.news_titel_gross a:hover{
font-size:20px;
position:absolute;
top:20px;
left:-9px;
color:#000;
background-color:#FFF;
margin:10px;
padding:5px;
z-index:2;
text-decoration:underline}#table_faq {
border:solid #ccc 0.5px;
border-left:0px;
border-right:0px;
padding:10px 0 10px 0;
font-size:12px;}#table_faq a {
font-size:12px;}#table_faq:hover {
background-color:#CCC;}.faq_topic {
padding-top:20px;
}#faqAntworten p a:hover{
text-decoration:none;
color:#333;}/************************ END CMS Content ***********************//* START CMS HOME */#search_home {
margin:40px 0 40px 20px;.
padding:0;
position:absolute;
top:90px;
left:100px;
z-index:2;
}#search_home a {
text-decoration:none;
}.hpSearchKeyHome {
border: 1px solid #bbb;
color:#ccc;
float:left;
width: 400px;
background-image:url(/cms/userfiles/sodapix/image/layout/img/lupe_icon.png);
background-repeat:no-repeat;
padding:5px 0 5px 40px;
font-size: 20px;margin:0;}.welcomeTitel {
color: rgb(204, 204, 204);
float: right;
font-size: 30px;
margin-right: 10px;
margin-top: 15px;
position: relative;
z-index:100;
}
#homeContent {
background: /cms/userfiles/sodapix/image/layout/homepage/hpTeaser_01.jpg no-repeat top left;
padding:0 20px 0 20px;
height: 560px;
}#bg_img{
min-height:100%;
min-width:100%;
}#homebg {
width:100%;
height:100%;
z-index: 0;
}#newsButton {
cursor:auto;
height:100px;
position:absolute;
right:300px;
top:150px;
width:100px;
z-index:1;
}#kategorie {
position:absolute;
top:150px;
right:15px;}.transparent {
filter: alpha(opacity=70);
-moz-opacity: .70;
opacity: .70;}#kategorieStyle {
width:170px;
background-color:#fff;
visibility:hidden;
margin:2px 0px 5px 0;
}#kategorieStyle p{padding:11px 10px 10px 10px;
}#kategorieClassic {
width:170px;
background-color:#fff;
visibility:hidden;
margin:2px 0px 5px 0;
}##kategorieClassic p{padding:11px 10px 10px 10px;
}#classic {
margin-top:0px;
}#style:hover #kategorieStyle{
visibility:visible;
}#classic:hover #kategorieClassic{
visibility:visible;
}
#extendedSearch {
margin:5px 0 0 0;
}#extendedSearch span {
font-weight:bold;
color:#fe9af1;
}#extendedSearch img {
padding-left:8px;
}.extendedSearchFormBorder {
border-top: 1px solid #ccc;
margin: 20px 0pt 0pt 22px;
width: 170px;
}#extendedSearchForm {
background-color:#fff;
padding:0 40px 20px 0;
border:1px solid #ccc;
margin:7px 0 0 0;
width:250px;
}#extendedSearchForm h1 {
font-size:11px;
color:#333;
padding-left:5px 0 0 22px;
}#extendedSearchForm p {
padding:0 0 0 18px;
}.newsletterLink {
padding-top:0px;
font-weight:bold;
color:#fe9bee;
padding-right:30px;
}.newsletterLink a {
padding-top:0px;
font-weight:bold;
color:#fe9bee;
padding-right:30px;
}#newsletterFieldHome {
visibility:hidden;
position:absolute;
margin-top:-50px;
padding-bottom:20px;
}#newsletterLink a {
text-decoration:none;
color:#fe9bee;
}#newsletterLink:hover #newsletterFieldHome {
visibility:visible;
}/* END CMS HOME */
/* START CMS HEADER */#mainNavi {
margin-top:0;
}
#mainNavi ul li{
list-style:none;
margin:0px;
float:right;
padding-top:0px;
}#mainNavi li a {
background-color:#333333;
background-image:url(/cms/userfiles/sodapix/image/layout/img/button_topnavi.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-size:10px;
font-weight:bold;
height:20px;
letter-spacing:1px;
line-height:19px;
margin:0 1px 0 0;
padding:0;
text-align:center;
text-decoration:none;
width:110px;
}#mainNavi li a:hover {
background-image:url(/cms/userfiles/sodapix/image/layout/img/button_topnavi_hover.jpg);
}.header {
margin:0px 20px 10px 20px;
border-bottom: 1px solid #fe9bee;
height: 50px;
min-width: 1000px;
padding-top:0;
}#logo {
width: 115px;
height: 25px;
float: left;
margin:24px 0 0 0;
padding:0px;
}#headerLinks {
max-width: 1000px;
height: 25px;
float:right;
line-height:32px;
padding:0px 0px 0px 0px;
margin-left:0px;
position:absolute;
right:30px;
top:25px;
}
#headerLinks li a {
float:right;
background-image:none;
color:#666;
font-weight:normal;
padding:0;
margin:0;
line-height:10px;
font-size:11px;}.linkDevider {
padding-left: 5px;
padding-right: 5px;
}
.LoginFormLinks {
margin-top:50px;
line-height:20px;
}
.loginField {
border: 1px solid rgb(254, 155, 238);
margin-bottom: 5px;
width:202px;
height:19px;
}.loginFieldPassword {
border: 1px solid rgb(254, 155, 238);
margin:0;
width:103px;
height:19px;
padding:0;
}
/* END CMS HEADER *//* START CMS SEARCH*/#search {
margin:40px 0 40px 20px;
padding:0;
height:37px;
}#search td {
padding:0 0 0 20px;
}.hpSearchKey {
border: 1px solid #bbb;
float:left;
width: 340px;
height:21px;
font-size: 12px;
padding: 3px;
margin:0;
line-height:10px;
padding:6px 25px 0;
background-image:url(/cms/userfiles/sodapix/image/lupe_icon_klein.png);
background-repeat:no-repeat;
}.btn_search_content{
margin:0;
float:right;}
/* END CMS SEARCH*//* START CMS CONTENT*/
#container {
width: 930px;
margin:0 0 0px 20px;}#container h1{
font-size:28px;
font-weight:normal;
margin:0 0 25px 0;
line-height:20px;
}#container h2{
font-weight:bold;
font-size:11px;
margin-top:20px;
}#left {
float: left;
width: 265px;}#right {
float: right;

width: 170px;

margin: 0;

padding: 0;}
.naviPortfolio {
float: left;
}.container_Portfolio {
float: left;
margin-right: 20px;
}.container_Portfolio a:hover {
text-decoration:none;
}.bgPortfolio {
background-color:#333333;
margin-top:5px;
padding-bottom:5px;
}.bgPortfolio:hover {
background-color:#fe9af1;
}#newsTop:hover {
background-color:#fe9af1;
}
.bgEditor {
border-bottom:1px solid #ccc;
margin-bottom:5px;
width:170px;
}.bgNews {
border-bottom:1px solid #ccc;
margin-top:5px;
width:360px;
}.bgNews p {
margin:8px 0 5px 0;
padding:0;
}.bgEditor p {
margin:8px 0 5px 0;
padding:0;
}.container_Portfolio h3 {
font-weight:normal;
color:#fff;
padding:0 0 0 5px;
margin:0;
font-size:11px;
}.container_Portfolio h3 a{
font-weight:normal;
color:#fff;
padding:0 0 0 5px;
margin:0;
font-size:11px;
}.container_Portfolio h4 {
font-weight:normal;
color:#ccc;
padding:0 0 0 5px;
margin:0;
font-size:11px;
}.container_Portfolio h4 a{
font-weight:normal;
color:#ccc;
padding:0 0 0 5px;
margin:0;
font-size:11px;
}.container_Portfolio h5 {
font-weight:normal;
color:#fff;
padding:0 0 0 5px;
margin:0;
font-size:20px;
}.container_Portfolio img {
margin:0;
}#inhalt {
color: #564b47;
margin:0 0 0 20px;
width:450px;
float:left;
}#inhalt h1 {
font-sie:20px;
}
div#inhalt {min-height:500px;
height:expression(this.scrollHeight > 600 ? "auto":"600px")
}p, pre{
padding: 5px 10px;
margin:0;
}#inhalt p {
padding:0 0 15px;
}#inhaltBreit {
background-color: #ffffff;
color: #564b47;
padding: 0 10px 0 0;
margin-left: 20px;
width: 730px;
}/* START CMS SUBNAVI*/.sub_navi {
width:170px;}
.sub_navi td {
border:solid #ccc 0.5px;
border-left:0px;
border-top:0px;
border-right:0px;
padding:6px 0 8px 0;
margin:0
width:170px;
}.sub_navi ul {
list-style:none;
padding:0;
margin:14px 0 14px 0;
line-height:25px;
font-size:11px;
text-decoration:none;
}.sub_navi ul li a:link {
list-style:none;
padding:0;
margin:0;
line-height:10px;
font-size:11px;
text-decoration:none;
}.sub_navi ul li ul li {
list-style:none;
padding:0 0 0 0px;
margin:14px 0 14px 0px;
line-height:10px;
font-size:11px;
text-decoration:none;
}.sub_sub_navi {
margin:14px 0 14px 20px;
}.sub_navi ul li a:hover {
color:#fe9af1;
text-decoration:none;
}div.sub_navi ul {
list-style:none;
margin:0;
padding:0;}div.sub_navi li {
margin:0;
padding:0;}.sub_naviLine {
border-top: 1px solid rgb(204, 204, 204);
padding: 5px 0pt;
}.titel {
font-weight:bold;}.selected a {
font-weight:bold;
color:#fe9af1;
}
/* END CMS SUBNAVI*//* END CMS CONTENT*//* START CMS FOOTER*/.footerHome {
margin:10px 5px 0 20px;
padding:10px 0 5px;
font-size:10px;
background-color:#fff;
background-image:url(/cms/userfiles/sodapix/image/layout/img/footer_line.png);
background-repeat:repeat-x;
position:fixed;
bottom:0;
width:100%;height:15px;}.footer {
margin:10px 5px 0 20px;
padding:10px 0 5px;
font-size:10px;
background-color:#fff;
background-image:url(/cms/userfiles/sodapix/image/layout/img/footer_line.png);
background-repeat:repeat-x;
width:100%;
clear:both;}.footer a {
font-size: 10px;
}/* END CMS FOOTER*/.contactSiteLocation {
color:#87D300;
font-size:14px;
}.contactSiteEmail {
color:#736E6B;
font-size:12px;
}/* START CMS NEWS*/
#newsTop {
width:740px;
height:166px;
background-color:#333;}
#newsTop img {
float: left;
margin-right: 20px;
}#newsTopLeft {
position:absolute;
left:0;
}#newsTopRight {
width:380px;
left:360px;
height:166px;
top:0;
position:absolute;
background-color:#333;
}#newsTag {
background-color:#fe9bee;
margin:5px 0 0 0;
}.newsTag a {
background-color:#fe9bee;
margin:5px 0 0 0;
font-size:14px;
}.newsTitel {
background-color:#333;
margin-bottom:5px;
}#newsTop p {
padding:0 20px 0 20px;
margin:7px 0 0 0;
color:#ccc;
}#newsTop h1 {
font-weight:normal;
color:#fff;
padding:10px 0 0 0;
margin:0 0 10px 0;
font-size:20px;
margin:0;
}#newsTop h2 {
font-weight:normal;
color:#ccc;
padding:10px 0 0 0;
margin:0;
font-size:20px;
}#newsTop h1 a {
font-weight:normal;
padding:10px 0 0 0;
color:#fff;
font-size:20px;
}#newsTop h2 a{
font-weight:normal;
color:#ccc;
padding:0;
font-size:20px;
}#newsHaupt h3 {
font-weight:normal;
color:#fff;
padding:0 0 0 5px;
margin:0;
font-size:11px;
}#newsHaupt h3 a{
font-weight:normal;
color:#fff;
padding:0 0 0 5px;
margin:0;
font-size:11px;
}#newsHaupt h4 {
font-weight:normal;
color:#ccc;
padding:0 0 0 5px;
margin:0;
font-size:11px;
}#newsHaupt h4 a{
font-weight:normal;
color:#ccc;
padding:0 0 0 5px;
margin:0;
font-size:11px;
}#newsHaupt h5 {
font-weight:normal;
color:#fff;
padding:0 0 0 5px;
margin:0;
font-size:20px;
}
#newsContainer_1 {
margin:0px 0px 0 0;
position: absolute;
top:171px;left:0;
}#newsContainer_2 {
margin:0px 0px 0 0;
position: absolute;
left:190px;
top:171px;
}#newsContainer_3 {
margin:0px 0 0 0;
position: absolute;
left:378px;
top:171px;
}#newsContainer_4 {
margin:0px 0 0 0;
position: absolute;
left:570px;
top:171px;
}/* END CMS NEWS*//* START CMS SETS*/#setsContainer {
width:740px;
background-color:#fe9af2;
height:170px;
float:left;
}
.setsContainer h1 {
color:#fff;
font-weight:normal;
padding:17px 0 0 10px;
margin:0;}.setsContainer p {
padding:0px 0 0 10px;
font-size:20px;
color:#999999;
float:left;
}.setsContainerGrau{
background-color:#999999;
height:170px;
margin:0px 20px 5px 0;
}.setsContainerGrau img{
margin-left:17px;}.setsContainerGrau h1 {
color:#fff;
font-weight:normal;
padding:17px 0 0 10px;
margin:0;
width:160px;
}.setsContainerGrau p {
padding:0px 0 0 10px;
font-size:20px;
color:#fe9af2;
}
/* END CMS SETS*//* START CMS GALLERY*/#containerGallery {
margin-right: 20px;
border-top:solid 1px #ccc;

width:740px;
}#containerGallery h1 {
font-weight:normal;
font-size:20px;
color:#cccs;
margin:5px 0 20px 0;
}#containerGallery h2 {
font-weight:normal;
font-size:11px;
color:#cccs;
margin:20px 0 0px 0;
}#gallery {
margin:0 0 0 68px;
}.likeBox {
margin-top:20px;
margin-left:20px;
}.imgDetailLink a:hover {
color:#fe9af1;}/* END CMS GALLERY*/
/* START CMS NEWS*//* ----------container zentriert das layout-------------- */
#containerNews {
width: 1024px;}
/* -----------------Inhalt--------------------- */
#rightNews {
background-color: #ffffff;
margin-left: 780px;
margin-right: 0px;
width:170px;
}#menuSets {
background-color: #ffffff;
padding: 0px;
margin-left: 760px;
margin-right: 0px;
width:170px;
}div#contentNews {
min-height:1200px;class="setsContainerGrau"
height:expression(this.scrollHeight > 1000 ? "auto":"1000px");
}p, pre{
padding: 5px 10px;
margin:0px;
}/* --------------left navigavtion------------- */
#leftNews {
float: left;
margin: 0px 0px 0px 20px;
padding: 0px;}#leftNews a:hover {
text-decoration:none;
}.newsbox {
position:relative;
border-bottom:1px solid #ccc;
width:360px;
padding-bottom:10px;
margin-bottom:5px;
}.newsTitel {
padding: 2px 5px;
position: absolute;
background-color: #fff;
font-size: 14px;
}.newsTitel a{
padding: 2px 5px;
background-color: #fff;
font-size: 14px;
}.editorsTitel {
padding: 2px 5px;
position: absolute;
background-color: #fff;
font-size: 11px;
}.editorsTitel a{
padding: 2px 5px;background-color: #fff;
font-size: 12px;
}.newsTag {
padding: 2px 5px;
position: absolute;
font-size: 14px;
}.newsDate{
padding:0;
margin:0;
font-size:10px;
font-weight:bold;}/* END CMS NEWS*//* START CMS MEDIA */
.mediaTitel {padding:10px 0 10px 0;
font-size:12px;
font-weight:bold;
}.mediaLinks {
border:solid #ccc 0.5px;
border-left:0px;
border-right:0px;
padding:10px 0 10px 0;
font-size:12px;
}.mediaLinks a {
text-decoration:none;
font-weight:bold;
color:#fe9bee;}
/* END CMS MEDIA *//* START CMS REFERENCES */.contactSiteLocation {
font-size: 18px;
line-height: 18px;
color: #87D300;
float: left;
width: 190px;
}
.contactSiteEmail {
font-size: 12px;
line-height: 22px;
color: #736E6B;
float: left;
width: 310px;
}
.contactSiteEmail a{
font-size: 12px;
line-height: 22px;
color: #736E6B;
float: left;
}
.contactSiteAddress {
font-size: 12px;
line-height: 22px;
color: #736E6B;
}
.contactSiteBlockElement {
height: 40px;
}.contactSitePhotoBox {
float:left;
margin-right: 30px;
padding-bottom: 20px;
}img {
border: 0px;
}.imgBox {
float: left;
width: 179px;
height: 179px;
padding-right: 9px;
padding-bottom: 9px;
}/* END CMS REFERENCES *//* START CMS PRESSE */.presseTitel {
font-weight:bold;
font-size:12px;
border-bottom:1px solid #ccc;
}#tablePresseTitel {
border:solid #ccc 0.5px;
border-left:0px;
border-right:0px;
border-top:0px;
padding:10px 0 10px 0;
font-size:12px;}
#tablePresse {
border:solid #ccc 0.5px;
border-left:0px;
border-right:0px;
border-top:0px;
padding:10px 0 10px 0;
font-size:12px;}#tablePresse a {
font-size:12px;}#tablePresse tr:hover {
background-color:#CCC;}/* END CMS PRESSE */#registrationContent {
position:relative;
left:290px;
margin-top:0px;
}.textSiteDiv {
position:relative;
left:295px;
margin-top:0px;}/* START CMS TWITTER */#twitter_div a:hover {
color:#fe9af1;
text-decoration:underline;}#twitter-link a {
color:#fe9af1;font-size:20px;
}#twitter_update_list {
line-height:14px;
font-size:11px;
}#twitter_update_list a{
color:#fe9af1;
word-wrap:break-word;
}#twitterContainer {
border-top: 1px solid rgb(204, 204, 204);
padding: 10px 0px 5px 0pt;
clear: left;
}#twitterContainer img {
margin:0;
}
#twitterBird{
margin-bottom: -20px;
z-index:1;
position:relative;
}#right #twitterBox {
border-style: solid solid none;
border-left-color: #fe9af1;
border-top-color: #fe9af1;
border-right-color: #fe9af1;
border-width: 1px 1px 0pt;
padding: 12px; background-image: url(/cms/userfiles/sodapix/image/layout/img/about/bg_lines.png);
width: 146px;
font-size: 15px;
line-height: 18px;
z-index:2;
}
#rightNews #twitterBox {
border-style: solid solid none;
border-left-color: #fe9af1;
border-top-color: #fe9af1;
border-right-color: #fe9af1;
border-width: 1px 1px 0pt;
padding: 12px; background-image: url(/cms/userfiles/sodapix/image/layout/img/about/bg_lines.png);
width: 146px;
font-size: 15px;
line-height: 18px;
}
#twitterDivider {
padding-bottom: 0px;
font-size: 11px;
color: rgb(102, 102, 102);
}#twitter_div a {
color:#fe9af1;}/* END CMS TWITTER */#licensesList{
float:left;
}#picDetailPricing{
float:left;
}#sodagrapherLoginBox {
border: 1px solid rgb(204, 204, 204);
padding: 5px;
float: left;
width: 135px;
font-size: 10px;}#sodagrapherNewsBoxTitel h1 {
border-bottom: 1px solid rgb(204, 204, 204);
margin: 30px 0pt 15px;
font-size: 14px;
font-weight: bold;
width: 320px;
}#sodagrapherNewsBox {
border: 1px solid rgb(254, 154, 241);
padding: 10px;
width: 300px;}#sodagrapherNewsBox ul{
padding: 0pt;
list-style-type: none;}.sodagrapherLookforImg {
float: left;
margin-right: 10px;
margin-top: 6px;
}
.sodagrapherLookforBox {
height:100px;
}.contactTitel {
border-bottom: 1px solid rgb(204, 204, 204);
padding:10px 0 10px 0;
font-size:12px;
font-weight:bold;
}.contactAddress {
float: left;
width: 200px;
}#inhaltSpacer {
height:30px;
clear:both;
}.arrowLink {
padding:0;
margin-left:5px;
font-weight:bold;
color:#fe9af1;
font-size:8px;
}#metaDropDown {
background-color:#fff;
position:absolute;
padding:5px;
display:block;
z-index:100;
line-height:15px;
border:1px solid #ccc;
top:50px;
right:195px;
right: 23px;
display: none;
}#metaDropDown ul {
list-style-type:none;
margin:0;
padding:0;
}#metaDropDown ul li a {
display:block;
text-decoration:none;
}#metaDropDown ul li a:hover {
background-color:#666;
color:#fff;
}
#metaDropDownData {
background-color:#fff;
position:absolute;
padding:5px;
display:block;
z-index:100;
line-height:15px;
border:1px solid #ccc;
top:50px;
right:228px;
}#metaDropDownData ul {
list-style-type:none;
margin:0;
padding:0;
}#metaDropDownData ul li a {
display:block;
text-decoration:none;
}#metaDropDownData ul li a:hover {
background-color:#666;
color:#fff;
}
.basket_invoice_address_description {
width:200px;
}
/* START Hilfsmenu */
#menu {
max-width: 1000px;
height: 25px;
float:right;
line-height:32px;
padding:0px 0px 0px 0px;
margin-left:0px;
position:absolute;
right:30px;
top:25px;
}#menu ul {
display: block;
margin: 0;
padding: 0;
line-height: 1em;
list-style: none;
z-index: 90
}#menu ul li {
float:left;
background-image:none;
color:#666;
font-weight:normal;
padding:0;
margin:0;
line-height:10px;
font-size:11px;
}#menu ul li a {
float: left;
display: block;
width: auto;
font-weight: normal;
background: transparent;
text-decoration: none;
margin: 0;
padding: 0.9em 0.8em 0.5em 1em;
}#menu ul li a:hover {}#menu ul li.sep {padding: 0.8em 0em 0.5em 0em;
}/* Commented Backslash Hack hides rule from IE5-Mac */
#menu ul li a {
float: none;
}/* End IE5-Mac hack */
#menu ul.level2 {
position: absolute;
top: 0px;
left: 0px;
visibility: hidden;
border: 1px solid #ccc;
background: #fff;
}#menu ul.level2 li {
border-bottom: 1px solid #fff;
float: none;
margin: 0;
padding: 0;
width: auto;
}#menu ul.level2 li a {
padding: 5px 9px 5px 5px;
}#menu ul.level2 li a:hover {
font-weight: normal;
background-color: #666;
background-image: none;
color:#fff;
}#menu ul.level2 li #loginFormFields a {
padding:0;
display:inline;
}
#menu ul.level2 li #loginFormFields a:hover {
background-color:#fff;
color:#666;
}#loginFormFields {padding:10px;
}
#menu ul.level2 li #loginFormFields a.button {
background: transparent url('/cms/userfiles/sodapix/image/buttons/btn_gray_a.png') no-repeat scroll top right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
font-size: 11px;
display: block;
float: left;
height: 21px;
margin-right: 4px;
padding-right: 3px; /* sliding doors padding */
}#menu ul.level2 li #loginFormFields a.button span {
font-size: 11px;
background: transparent url('/cms/userfiles/sodapix/image/buttons/btn_gray_span.png') no-repeat;
color: #fff;
display: block;
line-height: 13px;
padding: 4px 7px 4px 15px;
text-decoration: none;
}#menu ul.level2 li #loginFormFields a.button:hover {
color: #fff;
text-decoration: none;
}#menu ul.level2 li #loginFormFields a.button:active {
background-position: bottom right;
color: #333;
text-decoration: none;
outline: none; /* hide dotted outline in Firefox */
}#menu ul.level2 li #loginFormFields a.button:hover span {
color: #fff;
text-decoration: none;
}#menu ul.level2 li #loginFormFields a.button:active span {
background-position: bottom left;
color: #333;
text-decoration: none;
padding: 4px 4px 2px 9px; /* push text down 1px */
}
/* START BUTTONS RIGHT */
a.buttonRight {
background: transparent url('/cms/userfiles/sodapix/image/buttons/btn_gray_a.png') no-repeat scroll top right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
font-size: 11px;
display: block;
height: 21px;
margin-right: 4px;
padding-right: 3px; /* sliding doors padding */
width:100px;
}a.buttonRight span {
font-size: 11px;
background: transparent url('/cms/userfiles/sodapix/image/buttons/btn_gray_span.png') no-repeat;
color: #fff;
display: block;
line-height: 13px;
padding: 4px 7px 4px 7px;
text-decoration: none;
}a.buttonRight:hover {
color: #fff;
text-decoration: none;
}#right a.buttonRight:active {
background-position: bottom right;
color: #333;
text-decoration: none;
outline: none; /* hide dotted outline in Firefox */
}#right a.buttonRight:hover span {
color: #fff;
text-decoration: none;
}#right a.buttonRight:active span {
background-position: bottom left;
color: #333;
text-decoration: none;
padding: 4px 4px 2px 9px; /* push text down 1px */
}
/* END BUTTONS RIGHT *//* START SITEMAP */.col {
float:right;
width:130px;
}.col ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
line-height:1.7em;
}#inhaltSitemap {
color:#564B47;
margin:0 0 0 286px;
width:650px;
}.col h5 {
font-size:11px;
margin:0;
padding-top:10px;
}/* END SITEMAP *//* START 404 PAGE */#bgContainer {
background: url(http://www.sodapix.com/cms/userfiles/sodapix/image/layout/img/dego00010.jpg);
width:1024px;
height:685px;
font-size:15px;
margin-left:20px;
}#bgContainer h1 {
font-weight:normal;
margin:0 0 20px 0;
padding:0;
font-size:50px;
}#textContainer {
position:absolute;
margin:20px;
}.textBox {
background: url(http://www.sodapix.com/cms/userfiles/sodapix/image/layout/img/bg.png);
width:400px;
float:left;
position:relative;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
padding:20px;
top:50px;
}.tail{
float:left;
margin-top:120px;
width:100px;
}.transparent {
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;}/* END 404 PAGE */.addthis_toolbox img {
padding:0;margin:0;
}.addthis_toolbox a
{
    margin: 0;
    padding: 0;
}.addthis_toolbox a:hover img
{
    opacity: 1;
}.addthis_toolbox a img
{
    opacity: 0.75;
}.custom_images {
margin:0;padding:0;
}.addthis_button_twitter img {
margin:0;
padding:0;
}