html {
background-color: white;
background: url("/img/bg11.png") ;
}
body {
/* font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; */
font-family: "museo-slab",serif;
font-style: normal;
font-weight: 200;
font-size: 12px;
}
#header {
border: 0px solid red;
margin-top: 20px;
padding: 10px;
text-align: left;
}
#header a {
color: #666666;
text-decoration: none;
text-shadow: rgba(255, 2355, 255, 0.7) 0px 1px 0px;
}
.content {
border: 1px solid lightgray;
background-color: white;
-webkit-border-radius: 0.7em;
-moz-border-radius: 0.7em;
border-radius: 0.7em;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
/* SIDEBAR ------------------------------------------------*/
/* SIDEBAR ------------------------------------------------*/
.sidebar /* NEU!!!!!*/
{
border-right:1px dashed #f0f0f0; padding-right:30px;
}
#sidebar {
border: 0px solid #fcfcfc;
float: left;
margin-top:20px;
margin-left: 0px;
width: 250px;
padding: 0px;
-webkit-border-radius: 0.7em;
-moz-border-radius: 0.7em;
border-radius: 0.7em;
/*
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
*/
}
.sidebarHead {
/* background: #fcfcfc; */
/* background: url(../images/bg-sidebar-top.png) left top no-repeat; */
/* padding:10px; */
}
.sidebarHead a, .sidebarHead a:hover {
color: #505050;
font-size: 14px;
text-decoration: none;
text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px;
}
.sidebarBottom {
/* background: url(../images/bg-sidebar-bottom.png) left top no-repeat; */
padding:10px;
}
/* POPUP ------------------------------------------------*/
.popup {
position:absolute;
background: white;
margin: auto;
width:580px;
z-index: 5000;
padding: 20px;
padding-bottom: 35px;
border: 1px solid lightgray;
-webkit-border-radius: 0.7em;
-moz-border-radius: 0.7em;
border-radius: 0.7em;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.popupHead {
font-size: 16px;
padding-left: 0px;
padding-top: 5px;
/* padding-bottom: 20px; */
cursor: pointer;
text-transform:uppercase;
}
#componenttitel
{
text-transform:uppercase
}
.popupContent {
padding-bottom: 20px;
}
/*
.popupHead a, .popupHead a:hover {
color: #ffffff;
font-size: 14px;
text-decoration: none;
text-shadow: rgba(100, 100, 100, 0.7) 0px 1px 0px;
}
*/
/* MAIN CONTENT ------------------------------------------------*/
#mainContent {
width: 850px;
border: 0px solid red;
margin: 0 300px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
padding: 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}
#footer {
/*background: url(img/back_bottom.gif) left top no-repeat #f7f3e6;*/
text-align: center;
border: 0px solid #000000;
}
#footer p {
margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
a {
color: #505050;
text-decoration: none;
}
a:hover {
color: black;
text-decoration: underline;
}
.navbarselected {
text-shadow: rgba(255, 255, 255, 1) -1px -1px 2px;
font-weight: bold;
}
.headline
{
font-size: 25px;
}
.headline2
{
font-size: 20px;
}
.headline3
{
font-size: 15px;
}
.headline4
{
font-size: 12px;
}
.soft
{
color: #b4b4b4;
}
.markedout
{
color: #b4b4b4;
text-decoration: line-through;
}
.referenz
{
color: #007fb5;
text-shadow: rgba(100, 100, 100, 0.4) 0px 1px 2px;
}
.verkauft
{
color: #efbb00;
text-shadow: rgba(100, 100, 100, 0.2) 0px 1px 2px;
}
.frontpage
{
color: #54b3f2;
text-shadow: rgba(100, 100, 100, 0.4) 0px 1px 2px;
}
.small
{
font-size: smaller;
}
.listing
{
border-bottom: 1px dashed #d1d1d1;
}
.listing_kategorie {
/* color:#54ace9; */
color:#a3a3a3;
/* text-shadow: rgba(100, 100, 100, 0.5) 1px 1px 1px; */
/* background: rgba(220, 220, 220, 0.4); */
padding:4px;
padding-top: 10px;
margin-top: 15px;
margin-bottom: 10px;
border: 1px solid white;
/* border-bottom:1px dotted gray; */
border-bottom: 1px solid #9e9e9e;
/*
border-left: 1px solid #9e9e9e;
border-right: 1px solid #9e9e9e;
*/
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
}
/*FORMS-------------------------------------------------------- */
/*------------------------------------------------------------- */
input.field_permalink
{
border: 0px;
font-size: 11px;
margin-top: -5px;
/* border-bottom: 1px dashed red; */
background-color: #f5f5f5;
width:120px;
color:#717171;
padding:1px;
vertical-align: middle;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
}
input.smartedit
{
padding: 0px;
border: 0px;
width: 80%;
}
input:focus.smartedit
{
border: 0px;
border-bottom: 1px dashed red;
width: 80%;
}
input.pleaseEdit
{
padding: 0px;
border-bottom: 1px solid #e3a8a8;
width: 80%;
}
input.normaledit
{
padding: 0px;
border: 0px;
border-bottom: 1px dotted #c7c7c7;
}
/*
input[type="checkbox"]
{
width:10px;
}
*/
input.smalledit, select.smalledit
{
padding: 0px;
border: 1px dotted gray;
/* width: 100px; */
}
input:focus.smalledit, select:focus.smalledit
{
border: 0px;
}
td.cell
{
font-size: 12px;
border-bottom: 1px dotted gray;
}
td.small
{
font-size: 10px;
}
#wohnungen tr:hover {
background: #ededed;
}
.dropdown
{
/*background: url(../images/seitensteuerung-back.gif) 0px 10px repeat-x;*/
padding: 10px;
border: dotted 0px gray;
margin-top:5px;
overflow: auto;
/*width: 99%*/
}
.dropdown_link
{
/*background: url(../images/seitensteuerung-link.gif) 3px 2px no-repeat white;*/
padding-left:20px;
padding-right:10px;
}
.editbox
{
text-align: left;
padding: 7px;
/*background: #f6f6f6;*/
overflow: auto;
/*width: 98%*/
}
/*LANGUAGE------------------------------------------------------ */
/*------------------------------------------------------------- */
#language div {
margin-top:-1px;
display: inline-block;
border: 1px solid lightgray;
border-right:0px solid lightgray;
}
#language div:last-child {
border-right:1px solid lightgray;
}
#language a {
text-transform: uppercase;
padding: 15px;
font-size: 10px;
}
#language div.hover {
background: url(/images/lng_but_back.png) left top repeat-x;
}
#language div.hover a {
font-weight: 400;
color:white;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
/*BUTTONS------------------------------------------------------ */
/*------------------------------------------------------------- */
.btn {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.buttonminus, .buttonminus:hover {
cursor: pointer;
background: url(../images/button-minus.png) center no-repeat;
border: 0px;
width: 16px;
padding: 5px;
float: none;
}
.buttonplus, .buttonplus:hover {
cursor: pointer;
background: url(../images/button-minus.png) center no-repeat;
border: 0px;
width: 16px;
padding: 5px;
float: none;
}
.tab_active, .tab_active:hover {
cursor: pointer;
background: url(../images/tab_active.png) center no-repeat;
border: 0px;
width: 130px;
padding: 7px;
color:#b2b2b2;
float: none;
}
.tab_inactive, .tab_inactive:hover {
cursor: pointer;
background: url(../images/tab_inactive.png) center no-repeat;
border: 0px;
width: 130px;
padding: 7px;
color:#dfdfdf;
float: none;
}
/*LISTEN-------------------------------------------------------- */
/*------------------------------------------------------------- */
#navlistsort ul, #navlist_startseite ul, #specssort ul, #productcodesort ul, #NewsletterSort ul, #WohnungenSort ul
{
list-style-type: none;
/* cursor: move; */
/* font-family: Arial, Helvetica, sans-serif; */
}
#navlistsort li, #specssort li, #productcodesort li, #NewsletterSort li, #WohnungenSort li
{
font-size: smaller;
color: #000000;
border:1px solid white;
display: block;
/* margin-left: -40px; */
margin-bottom: 5px;
padding: 5px;
width: 300px;
/* cursor: move ; */
border-bottom: 1px solid #f3f3f3;
/*background-color: #f3f3f3;*/
}
#navlist_startseite li, #navlist_startseite ul
{
font-size: x-small;
color: #000000;
border:1px solid #f3f3f3;
display: block;
margin-left: 0px;
margin-bottom: 5px;
padding: 8px;
width: 300px;
cursor: move ;
/*background-color: #f3f3f3;*/
}
#imagesort ul
{
list-style-type: none;
cursor: move;
font-family: Arial, Helvetica, sans-serif;
}
#imagesort li
{
font-size: x-small;
color: #000000;
border:0px solid white;
display: block;
margin-left: -80px;
padding: 2px;
width: 300px;
cursor: move ;
/*background-color: #f3f3f3;*/
}
#specssort ul, #productcodesort ul, #NewsletterSort ul, #WohnungenSort ul
{
list-style-type: none;
/* cursor: move; */
/* font-family: Arial, Helvetica, sans-serif; */
}
#specssort li, #productcodesort li, #NewsletterSort li, #WohnungenSort li
{
font-size: x-small;
color: #000000;
border:1px solid white;
margin-left: -25px;
margin-bottom: 5px;
padding: 5px;
width: 650px;
/* cursor: move ; */
/* background: white; */
border: 1px solid #dedede;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
/*background-color: #f3f3f3;*/
}
/*
#spezifikation input[type="text"], #productcodes input[type="text"] {
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
border: 0;
-webkit-border-radius: 0.0em;
-moz-border-radius: 0.0em;
border-radius: 0.0em;
width:95%;
border-left:1px dashed lightgray;
padding:2px;
padding-right:10px;
padding-left:10px;
}
*/
#navbar li {
padding-right: 20px;
list-style: none;
float: left;
}
#navbar li a {
display: block;
padding: 0px 0px 0px 0px;
text-align: center;
color: #686868;
font-size: 13px;
text-decoration: none;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
border: 0px dotted green;
}
#navbar li ul {
display: none;
border:0px solid black;
}
#navbar li:hover ul,
#navbar li.hover ul {
display: block;
position: absolute;
margin-top: 4px;
}
#navbar li:hover li,
#navbar li.hover li {
float: none;
}
#navbar li:hover li a,
#navbar li.hover li a {
text-align: left;
color: white;
font-size: 16px;
border: 0px solid blue;
padding: 5px 0px 5px 0px;
}
#navbar li li a:hover {
}
/*-### NAVLIST EINFACH-------------------*/
#navlist ul
{
padding-left: 0;
margin-left: 0px;
list-style-type: none;
/*font-family: Arial, Helvetica, sans-serif;*/
}
#navlist ul ul
{
margin-left: 0px;
padding-left: 10px;
list-style-type: none;
/*font-family: Arial, Helvetica, sans-serif;*/
}
#navlist li
{
color: #000000;
display: block;
margin-left: 0px;
padding: 4px;
/* padding-left: 0px; */
/*padding-left: 10px;*/
/*border: 1px solid white;*/
}
.listing_active
{
text-shadow: rgba(255, 255, 255, 0.738281) 0px 1px 0px;
background:url(../images/bg-listing-selected.png) left top repeat-x;
border: 1px solid white;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
padding-bottom: 6px;
margin-top: 6px;
margin-bottom: 2px;
/* border-bottom: 1px dashed #d1d1d1; */
}
#navlist ul li
{
/*background-color: #ededed;
border: 1px dotted gray;*/
border-left: 0px dotted gray;
border-top: 0px dotted gray;
}
#navlist ul ul li
{
/*background-color: #f3f3f3;
border: 1px dotted gray;*/
border-left: 0px dotted gray;
border-top: 0px dotted gray;
}
#navlist ul ul ul li
{
/*background-color: #f9f9f9;
border: 1px dotted gray;*/
border-left: 0px dotted gray;
border-top: 0px dotted gray;
}
#navlist ul ul {
/* display: none; */
}
/*------------------------------------------------------ */
#abc_select ul
{
padding: 0px;
margin: 0px;
list-style-type: none;
color: white;
}
#abc_select li
{
color: white;
padding: 4px;
margin-left: 4px;
display: block;
float:left;
/*width: 0px;*/
text-shadow: rgba(0, 0, 0, 0.738281) 0px 1px 0px;
}
#abc_select li a
{
color: white;
text-shadow: rgba(0, 0, 0, 0.738281) 0px 1px 0px;
}
.whiteborder
{
padding: 3px;
border: 1px solid white;
}
/*------------------------------------------------------ */
#kundenliste {
font-size: 11px;
}
#kundenliste td
{
border-bottom: 1px dotted #c8c8c8;
}
#kundenliste tr:hover
{
background: #dbecf9;
}
.trselected
{
background-color: #dbecf9;
}
.trnormal
{
background-color: white;
}
.hrline {
border-bottom:solid 1px #c7c7c7;
width:100%;
height:10px;
clear:both;
}
.dotted
{
border-bottom: 1px dotted;
}
.dottedline {
height:5px;
width:100%;
clear: both;
border-bottom: 1px dotted;
}
#dottedline {
height:5px;
width:100%;
border-bottom: 1px dotted;
}
/* FILETABLE ------------------------------ */
#filetable th {
font-size:10px;
color:gray;
border-bottom: 1px solid #B4B4B4;
}
#filetable td {
font-size:12px;
color:gray;
border-bottom: 1px dashed #B4B4B4; }
div.dottedline {
height:2px;
width:100%;
background:url(../img/dots_vert.gif) bottom left repeat-x;
}
/* BELEGUNGSPLAN ------------------------------------------------------------------------------------ */
.belegungsplan td {
border-bottom: 1px solid lightgray;
padding: 10px;
}
/* ------------------------------------------------------------------------ */
.sorticon {
float:right;
width:10px;
margin-top:2px;
background:url(/img/sort.png) center center no-repeat;
cursor: move;
height:15px;
}
.collapseicon {
float:right;
width:10px;
margin-top:2px;
background:url(/img/collapse.png) center center no-repeat;
cursor: s-resize;
height:15px;
}
.editorlarge {
width:100%;
height:500px;
}
.ui-state-highlight
{
height: 1.5em;
line-height: 1.2em;
margin-top:5px;
margin-bottom: 5px;
border: 1px dashed gray;
}
.ui-state-hover
{
background: none;
line-height: 1.2em;
margin-top:10px;
padding: 10px !important;
margin-bottom: 10px;
border: 1px dashed lightgray !important;
border-radius: 1px !important;
}
/* IMAGE UPLOADER ----------------------------------------------------------- */
#introsort { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#introsort li {background: white; margin: 3px 3px 3px 3px; width: 230px; float:left; height: 150px; font-size: 4em; text-align: center; padding:4px; padding-right:20px;
border:1px solid lightgray;
-webkit-border-radius: 0.1em;
-moz-border-radius: 0.1em;
border-radius: 0.1em;
}
#imagesort { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#imagesort li {background: white; margin: 3px 3px 3px 3px; width: 100px; float:left; height: 70px; font-size: 4em; text-align: center; padding:4px; padding-right:20px;
border:1px solid lightgray;
-webkit-border-radius: 0.1em;
-moz-border-radius: 0.1em;
border-radius: 0.1em;
}
#galsort { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#galsort li {
background: white;
margin: 3px 3px 3px 3px;
width: 100px;
float:left;
height: auto;
min-height: 70px;
font-size: 4em;
text-align: center;
padding:6px;
padding-right:20px;
border:1px solid lightgray;
-webkit-border-radius: 0.1em;
-moz-border-radius: 0.1em;
border-radius: 0.1em;
}
.ImgTitleEdit {
position:absolute;
margin-top:50px;
margin-left:103px;
cursor:pointer;
}
.ImgNew {
position:absolute;
margin-top:-10px;
margin-left:-10px;
}
.ImgTitle {
border: 0px !important;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
box-shadow: inset 0 0px 0px !important;
line-height: 12px;
width:100px;
margin-top:5px;
margin-bottom:0px;
font-size:10px;
display:none;
}
/* Fine Uploader
-------------------------------------------------- */
.qq-upload-list {
text-align: left;
}
/* For the bootstrapped demos */
li.alert-success {
background-color: #DFF0D8;
}
li.alert-error {
background-color: #F2DEDE;
}
.alert-error .qq-upload-failed-text {
display: inline;
}
.qq-upload-drop-area {
/* height: 100px !important; */
position: absolute !important;
}
/* ------------------------------------------------------------------------ */
.mce-panel {
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.mce-tinymce {
border: 1px solid #ebebeb;
border-radius: 5px;
}