.vpciPhoneMenuMain { margin-left: 20px !important; padding-top: 20px; }
.vpciPhoneMenuMain li { float: left; margin-right: 5px; }
.vpciPhoneMenuMain li a { font-size: 14px; font-weight: bold; color: #fff !important; }
.vpciPhoneMenuMain li.current a,
.vpciPhoneMenuMain li:hover a { color: #00b8e1 !important; }
.vpciPhoneMenuMain .beforeMenu,
.vpciPhoneMenuMain .menu,
.vpciPhoneMenuMain .afterMenu { float: left; }
.vpciPhoneMenuMain li .beforeMenu {
padding: 25px 5px;
background: url(/assets/web/images/structure/menuBgLeft.png) no-repeat top right;
}
.vpciPhoneMenuMain li.current .beforeMenu,
.vpciPhoneMenuMain li:hover .beforeMenu {
background: url(/assets/web/images/structure/menuBgLeftActive.png) no-repeat top right;
}
.vpciPhoneMenuMain li .menu {
padding: 20px 0px 16px 0px;
background: url(/assets/web/images/structure/menuBgCenter.png) repeat-x top center;
}
.vpciPhoneMenuMain li.current .menu,
.vpciPhoneMenuMain li:hover .menu {
background: url(/assets/web/images/structure/menuBgCenterActive.png) repeat-x top center;
}
.vpciPhoneMenuMain li .menu a {
padding: 20px 10px 16px 10px;
}
.vpciPhoneMenuMain li .afterMenu {
padding: 25px 5px;
background: url(/assets/web/images/structure/menuBgRight.png) no-repeat top left;
}
.vpciPhoneMenuMain li.current .afterMenu,
.vpciPhoneMenuMain li:hover .afterMenu {
background: url(/assets/web/images/structure/menuBgRightActive.png) no-repeat top left;
}
.vpcTextImage .positionLeft .image {
float: left;
margin-right: 20px;
}
.vpcTextImage .positionLeft .noFlow .text {
padding-left: 20px;
}
.vpcTextImage .positionRight .image {
float: right;
margin-left: 20px;
}
.vpcTextImage .positionRight .noFlow .text {
padding-right: 20px;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
.ext-el-mask {
z-index: 100;
position: absolute;
top:0;
left:0;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
background-color: #CCC;
width: 100%;
height: 100%;
zoom: 1;
}
.ext-el-mask-msg {
z-index: 20001;
position: absolute;
top: 0;
left: 0;
border:1px solid #6593cf;
background: #c3daf9 url(/assets/ext/resources/images/default/box/tb-blue.gif) repeat-x 0 -16px;
padding:2px;
}
.ext-el-mask-msg div {
padding:5px 10px 5px 10px;
background: #eee;
border:1px solid #a3bad9;
color:#222;
font:normal 11px tahoma, arial, helvetica, sans-serif;
cursor:wait;
}
.ext-shim {
position:absolute;
visibility:hidden;
left:0;
top:0;
overflow:hidden;
}
.ext-ie .ext-shim {
filter: alpha(opacity=0);
}
.ext-ie6 .ext-shim {
margin-left: 5px;
margin-top: 3px;
}
.x-mask-loading div {
padding:5px 10px 5px 25px;
background: #fbfbfb url( '/assets/ext/resources/images/default/grid/loading.gif' ) no-repeat 5px 5px;
line-height: 16px;
}
.x-hidden, .x-hide-offsets {
position:absolute !important;
left:-10000px;
top:-10000px;
visibility:hidden;
}
.x-hide-display {
display:none !important;
}
.x-hide-visibility {
visibility:hidden !important;
}
.x-masked {
overflow: hidden !important;
}
.x-masked-relative {
position: relative !important;
}
.x-masked select, .x-masked object, .x-masked embed {
visibility: hidden;
}
.x-layer {
visibility: hidden;
}
.x-unselectable, .x-unselectable * {
-moz-user-select: none;
-khtml-user-select:none;
-webkit-user-select:ignore;
}
.x-repaint {
zoom: 1;
background-color: transparent;
-moz-outline: none;
}
.x-item-disabled {
color: gray;
cursor: default;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
}
.x-item-disabled * {
color: gray !important;
cursor: default !important;
}
.x-splitbar-proxy {
position: absolute;
visibility: hidden;
z-index: 20001;
background: #aaa;
zoom: 1;
line-height: 1px;
font-size: 1px;
overflow: hidden;
}
.x-splitbar-h, .x-splitbar-proxy-h {
cursor: e-resize;
cursor: col-resize;
}
.x-splitbar-v, .x-splitbar-proxy-v {
cursor: s-resize;
cursor: row-resize;
}
.x-color-palette {
width: 150px;
height: 92px;
cursor: pointer;
}
.x-color-palette a {
border: 1px solid #fff;
float: left;
padding: 2px;
text-decoration: none;
-moz-outline: 0 none;
outline: 0 none;
cursor: pointer;
}
.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
border: 1px solid #8BB8F3;
background: #deecfd;
}
.x-color-palette em {
display: block;
border: 1px solid #ACA899;
}
.x-color-palette em span {
cursor: pointer;
display: block;
height: 10px;
line-height: 10px;
width: 10px;
}
.x-ie-shadow {
display: none;
position: absolute;
overflow: hidden;
left:0;
top:0;
background:#777;
zoom:1;
}
.x-shadow {
display: none;
position: absolute;
overflow: hidden;
left:0;
top:0;
}
.x-shadow * {
overflow: hidden;
}
.x-shadow * {
padding: 0;
border: 0;
margin: 0;
clear: none;
zoom: 1;
}
.x-shadow .xstc, .x-shadow .xsbc {
height: 6px;
float: left;
}
.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
width: 6px;
height: 6px;
float: left;
}
.x-shadow .xsc {
width: 100%;
}
.x-shadow .xsml, .x-shadow .xsmr {
width: 6px;
float: left;
height: 100%;
}
.x-shadow .xsmc {
float: left;
height: 100%;
background: transparent url( /assets/ext/resources/images/default/shadow-c.png );
}
.x-shadow .xst, .x-shadow .xsb {
height: 6px;
overflow: hidden;
width: 100%;
}
.x-shadow .xsml {
background: transparent url( /assets/ext/resources/images/default/shadow-lr.png ) repeat-y 0 0;
}
.x-shadow .xsmr {
background: transparent url( /assets/ext/resources/images/default/shadow-lr.png ) repeat-y -6px 0;
}
.x-shadow .xstl {
background: transparent url( /assets/ext/resources/images/default/shadow.png ) no-repeat 0 0;
}
.x-shadow .xstc {
background: transparent url( /assets/ext/resources/images/default/shadow.png ) repeat-x 0 -30px;
}
.x-shadow .xstr {
background: transparent url( /assets/ext/resources/images/default/shadow.png ) repeat-x 0 -18px;
}
.x-shadow .xsbl {
background: transparent url( /assets/ext/resources/images/default/shadow.png ) no-repeat 0 -12px;
}
.x-shadow .xsbc {
background: transparent url( /assets/ext/resources/images/default/shadow.png ) repeat-x 0 -36px;
}
.x-shadow .xsbr {
background: transparent url( /assets/ext/resources/images/default/shadow.png ) repeat-x 0 -6px;
}
.loading-indicator {
font-size: 11px;
background-image: url(/assets/ext/resources/images/default/grid/loading.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
line-height: 16px;
margin: 3px;
}
.x-text-resize {
position: absolute;
left: -1000px;
top: -1000px;
visibility: hidden;
zoom: 1;
}
.x-drag-overlay {
width: 100%;
height: 100%;
display: none;
position: absolute;
left: 0;
top: 0;
background-image:url(/assets/ext/resources/images/default/s.gif);
z-index: 20000;
}
.x-clear {
clear:both;
height:0;
overflow:hidden;
line-height:0;
font-size:0;
}
.x-spotlight {
z-index: 8999;
position: absolute;
top:0;
left:0;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
background-color: #CCC;
width:0;
height:0;
zoom: 1;
}
.x-panel-noborder .x-panel-body-noborder {
border-width:0;
}
.x-panel-noborder .x-panel-header-noborder {
border-width:0;
border-bottom:1px solid #99bbe8;
}
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
border-width:0;
border-bottom:1px solid #99bbe8;
}
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
border-width:0;
border-top:1px solid #99bbe8;
}
.x-window-noborder .x-window-mc {
border-width:0;
}
.x-window-plain .x-window-body-noborder {
border-width:0;
}
.x-tab-panel-noborder .x-tab-panel-body-noborder {
border-width:0;
}
.x-tab-panel-noborder .x-tab-panel-header-noborder {
border-top-width:0;
border-left-width:0;
border-right-width:0;
}
.x-tab-panel-noborder .x-tab-panel-footer-noborder {
border-bottom-width:0;
border-left-width:0;
border-right-width:0;
}
.x-tab-panel-bbar-noborder .x-toolbar {
border-width:0;
border-top:1px solid #99bbe8;
}
.x-tab-panel-tbar-noborder .x-toolbar {
border-width:0;
border-bottom:1px solid #99bbe8;
}
.vpcBasicImageEnlarge { position: relative; }
.vpsEnlargeTagData { display: none; }
.lightbox {
position: absolute;
width: 680px;
height: 590px;
display: none;
background-color: #fff;
z-index: 100;
}
.lightbox .lightboxHeader {
height: 20px;
margin: 0px 10px 5px 10px;
padding: 7px 10px 0px 10px;
font-weight:bold;
color: #555;
border-bottom: 1px solid #aaa;
}
.lightbox .lightboxHeader span { float: left; }
.lightbox .fullSizeLink {
float: left;
width: 16px;
height: 16px;
display: block;
padding-right: 10px;
background: url(/assets/silkicons/picture_save.png) left top no-repeat;
}
.lightbox .lightboxBody {
position: relative;
height: 540px;
text-align: center;
}
.lightbox .lightboxBody .switchBig { display: none; }
.lightbox .lightboxFooter {
margin: -10px 10px 0px 10px;
padding: 3px 10px 5px 10px;
color: #999; border-top:1px solid #aaa;
}
.lightbox .closeButton {
float: right;
}
.lightbox .lightboxFooter .prevBtn {
width: auto;
float: left;
margin-top: 1px;
}
.lightbox .lightboxFooter div.title {
float: left;
position: absolute;
left: 85px;
width: 515px;
height: 30px;
font-size: 11px;
font-weight: bold;
text-align: center;
overflow: hidden;
}
.lightbox .lightboxFooter .nextBtn {
float: right;
margin-top: 1px;
}
.lightbox .switchButton { font-weight: bold; }
.lightbox .switchBig {
position: absolute;
top: 0px;
z-index: 105;
width: 22%;
text-align: center;
opacity: 0.0; -moz-opacity: 0.0;
filter: alpha(opacity=0);
cursor: pointer;
font-weight: bold;
}
.lightbox .previousSwitchBig {
width: 185px;
left: 0px;
text-align: left;
}
.lightbox .previousSwitchBig p {
margin-left: 20px;
}
.lightbox .nextSwitchBig {
width: 185px;
right: 0px;
text-align: right;
}
.lightbox .nextSwitchBig p {
margin-right: 20px;
}
.lightbox .bigOver { opacity: 0.82; -moz-opacity: 0.82; filter: alpha(opacity=82); }
.lightbox .switchBig .lightboxContent {
background-color: #ddd;
margin-top: 45px;
padding: 8px 0px;
}
.lightbox .switchBig .lightboxContent p {
color: #000;
}
div.lightboxMask {
background-color: #000; z-index: 50;
opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);
}
.webZoom {
display: block;
position: absolute;
bottom: 10px;
right: 5px;
width: 15px;
height: 15px;
background-image: url(/assets/vps/Vpc/Basic/ImageEnlarge/EnlargeTag/zoom.png);
background-repeat: no-repeat;
}
.vpcCompositeImagesEnlarge { text-align: center; position: static; padding-bottom: 10px; } 
.vpcCompositeImagesEnlarge .thumbOuter {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.vpcCompositeImagesEnlarge .thumb { text-align: center; overflow: hidden; }
.vpcCompositeImagesEnlarge a.back {
display: block;
position: absolute;
bottom: -5px; left: 10px;
}
.vpcCompositeImagesEnlarge a.back span {
display: block;
float: left;
padding-right: 5px;
margin-top: -1px;
}
.vpcBasicSpace { }
.vpcBasicDownload { margin-bottom: 5px; }
.vpcBasicDownload span { color: #333; }
.vpcBasicLine {
border-bottom: 1px solid #000;
margin-bottom: 10px;
padding-top: 0px;
}
.vpciPhoneBasicLine {
margin: 20px -20px;
border-bottom: 1px dashed #0183ad;
}
.vpsFormFieldFileInner img {
margin-top: -20px;
}
.vpcForm .form_housenumber,
.vpcForm .form_city {
clear: none;
}
.vpcForm form .vpsField label,
.vpcForm form .vpsField span.fieldContent {
line-height: 20px;
clear: both;
}
.vpcForm form button {
font-weight: bold;
border: 1px solid #000;
background-color: #fff;
padding: 4px;
cursor: pointer;
height: 25px;
overflow: visible;
}
.vpcForm .submitWrapper {
text-align: center;
}
.vpcForm .submitWrapper .beforeButton,
.vpcForm .submitWrapper .button,
.vpcForm .submitWrapper .afterButton {
float: left;
}
.vpcForm input,
.vpcForm textarea,
.vpcForm select {
padding: 2px;
margin-bottom: 4px;
}
.vpcForm input.radio {
margin-left: 10px;
border: none;
background: none;
}
.vpcForm form .vpsFormFieldCheckbox input {
width: auto;
border: none;
background: none;
margin-left: 5px;
margin-top: 3px;
}
.ext-ie6 .vpcForm form .vpsFormFieldCheckbox label {
margin-right: 0px;
}
.vpcForm form .vpsFormFieldCheckbox label {
margin-right: 15px;
}
.vpcForm label {
float: left;
width: 120px;
margin-right: 20px;
text-align: right;
}
.vpcForm .vpsFieldRequired label { font-weight: bold; }
.vpcForm .vpsFieldRequired span label { font-weight: normal; }
.vpcForm .vpsFieldLabelAlignTop label {
width: auto;
margin: 0px;
text-align: left;
}
.vpcForm .vpsFieldLabelAlignLeft label {
text-align: left;
}
.vpcForm .showField {
font-weight: bold;
margin-bottom: 9px;
}
.vpcForm fieldset {
margin-bottom: 20px;
padding: 10px;
}
.vpcForm fieldset legend {
font-weight: bold;
margin-left: 20px;
padding: 5px;
}
.vpcForm .vpsFormFieldRadio {
margin-left: -10px;
}
.vpcForm form .vpsFormFieldRadio label{
margin-left: 10px;
margin-right: 20px;
clear: none;
}
.vpcForm form .vpsFormFieldRadioHorizontal label { float: none; width: auto; }
.ext-ie .vpcForm .form_title {
margin-top: -5px;
padding-bottom: 5px;
}
.ext-ie .vpcForm .form_title label {
margin-top: 5px;
}
.ext-ie .vpcForm .form_title input {
margin-bottom: 0px;
}
.vpcForm .vpcFormError {
border: 1px dashed #00b8e1;
margin-bottom: 20px;
padding: 10px 10px 0px 10px !important;
}
.vpcForm .vpcFormError p.error {
font-weight: bold;
color: #00b8e1;
}
.vpcForm span.comment { margin-left: 10px; color: #999; }
.vpciPhoneContact label { width: 100px; }
.ext-ie7 .vpciPhoneContact form button { margin-bottom: 10px; }
.vpciPhoneContact form button:hover { background: #00b8e1; color: #fff; }
input.vpsClearOnFocusBlurred {
color: #aaa;
}
#gmapLoader {
background-color: #b00;
font-weight: bold;
color: #fff;
border: 2px solid #fff;
position: absolute;
z-index: 10;
text-align: left;
font-size: 14px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
padding: 2px 6px;
}
.vpcAdvancedGoogleMapView div.text { display: none; }
.vpcAdvancedGoogleMapView .fromAddress { margin-top:6px; }
.vpcAdvancedGoogleMapView .fromAddress input { float: left; }
.vpcAdvancedGoogleMapView .fromAddress input.textBefore { width: 375px; color: $black; }
.vpcAdvancedGoogleMapView .fromAddress input.vpsClearOnFocusBlurred { color: #999; }
.vpcAdvancedGoogleMapView .fromAddress input.textOn { color: #000000; }
.vpcAdvancedGoogleMapView .fromAddress input.submitOn {
float: right;
margin-top: -3px;
padding: 0px 5px;
overflow: visible;
}
.vpcAdvancedGoogleMapView .mapDirSuggestParent { display: none; margin-top: 30px; }
.vpcAdvancedGoogleMapView .container { overflow: hidden; border: 1px solid #000; }
.vpcAdvancedImprintImprint span.imprintHeadline {
font-size: 14px;
font-weight: bold;
margin-top: 10px;
display: block;
}
.vpcAdvancedImprintVividPlanet span.imprintHeadline {
font-size: 14px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 8px;
display: block;
}
.vpcAdvancedImprintGoogleAnalytics span.imprintHeadline {
font-size: 14px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 8px;
display: block;
}
div.vpsSwitchDisplay a.switchLink {
background: url(/assets/vps/images/bullet_arrow_right.png) 0px 0px no-repeat;
padding-left: 18px;
}
div.vpsSwitchDisplay a.switchLink.switchLinkOpened {
background: url(/assets/silkicons/bullet_arrow_down.png) 0px 0px no-repeat;
}
div.vpsSwitchDisplay div.switchContent { 
overflow: hidden; z-index: 45; position: relative; 
margin-left: 19px;
}
.vpcAdvancedImprintDisclaimer span.imprintHeadline {
font-size: 14px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 8px;
display: block;
}
.vpcAdvancedImprintDisclaimer .vpsSwitchDisplay { margin-bottom: 10px; }
.clear { height: 0px; clear: both; }
.left { float: left; }
.right { float: right; }
ul.webListNone,
.webListNone ul { margin: 0px; }
.webListNone li {
list-style-type: none !important;
list-style-image: none !important;
}
.webStandard { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
.webStandard strong { font-weight: bold; }
.webStandard p { line-height: 18px; color: #333; margin-bottom: 10px; }
.webStandard h1 { font-family: Times New Roman; font-size: 26px; margin-bottom: 5px; color: #00b8e1; } 
.webStandard h2 { font-size: 14px; margin-bottom: 10px; color: #00b8e1; } 
.webStandard h3 { font-size: 14px; margin-bottom: 5px; } 
.webStandard h4 { font-size: 12px; margin-bottom: 5px; color: #00b8e1; } 
.webStandard h5 { font-size: 11px; margin-bottom: 5px; color: #00b8e1; } 
.webStandard a { text-decoration: none; color: #0183ad; }
.webStandard a:hover { text-decoration: none; color: #00b8e1; }
.webStandard ol,
.webStandard ul { margin-bottom: 10px; margin-left: 20px; color: #333; line-height: 17px; }
.webStandard li { list-style-type: square; margin-bottom: 5px; }
html, body { height: 100%; }
body.frontend { background: #efefef; }
body.ext-ie6 { text-align: center; }
#page { position: relative; min-height: 100%; }
#page #outerHeader #header,
#page #outerContent #mainMenu,
#page #outerContent #content,
#page #outerFooter #footer { width: 500px; margin: 0px auto; text-align: left; }
#page #outerHeader { background: url(/assets/web/images/structure/bgHeader.jpg) repeat-x top left; }
#page #outerContent { background: url(/assets/web/images/structure/bgContent.jpg) repeat-x top left; }
#page #outerFooter { background: url(/assets/web/images/structure/bgFooter.jpg) repeat-x top left; }
#page #outerHeader #header {
height: 150px;
background: url(/assets/web/images/structure/header.jpg) no-repeat top left;
}
#page #outerContent #content { min-height: 300px; }
#page #outerContent #content #innerContentTop {
height: 105px;
background: url(/assets/web/images/structure/contentTop.jpg) no-repeat bottom left;
margin-bottom: -20px;
}
#page #outerContent #content #innerContent {
min-height: 200px;
margin-bottom: -10px;
padding: 0px 40px;
background: url(/assets/web/images/structure/content.png) repeat-y top left;
}
#page #outerContent #content #innerContentBottom {
height: 40px;
padding-bottom: 80px;
background: url(/assets/web/images/structure/contentBottom.jpg) no-repeat top left;
}
#page #outerFooter { position: absolute; bottom: 0px; width: 100%; }
#page #outerFooter #footer { height: 32px; padding-top: 1px; }
.webSuccess { font-weight: bold; }
.webForm input,
.webForm textarea,
.webForm button {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}