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;
}

.container {
	width: 90vw;
}

#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);
}

.row-fluid [class*="span"] {
	margin: 0 !important;
}

.mainContent {
	padding: 20px;
}

/* SIDEBAR	------------------------------------------------*/
.sidebar

/* NEU!!!!!*/
	{
	border-right: 1px dashed #f0f0f0;
	padding: 20px;
}

.sidebar.fixed {
	/* //position: fixed;
	//width: 30vw; */
}

.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;
}

.sidebarContent {
	margin-top: 20px;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
	padding: 20px;
	border-radius: 20px;
	overflow-y: auto;
	height: 70vh;
}

/* 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 .title a {
	color: #b4b4b4;
	text-decoration: line-through;
	opacity: 0.8;
}

.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;
}

.special {
	color: #299a6f;
	text-shadow: rgba(100, 100, 100, 0.4) 0px 1px 2px;
}

.small {
	font-size: smaller;
}

.listing {
	border-bottom: 1px dashed #d1d1d1;
}

.listing:last-child {
	border-bottom: 0px dashed #d1d1d1;
}

.listing.noborder {
	border-bottom: 0px
}

.listing-wrapper {
	flex-direction: row;
	justify-content: space-between;
	display: flex;
}

.listing a {}

.listing .title {
	width: 70%;
}

.listing .infos,
.listing_active .infos {
	width: 30%;
	display: flex;
	flex-direction: row;
}

.listing .baujahr {
	color: gray;
	padding: 0 10px;
}

.listing .labels {}

.label,
.badge {
	margin-right: 2px;
	font-size: 9px;
}

.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-------------------------------------------------------- */
/*------------------------------------------------------------- */
.textarea-line {
	margin-top: 5px;
	margin-bottom: 5px;
}

.textarea-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.textarea-label {
	width: 8%;
	text-transform: uppercase;
}

textarea.additionaltext {
	border-radius: 5px;
	border: 1px solid lightgray;
	padding: 10px;
	height: 50px;
	color: black;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	width: 92%;
	font-size: 12px;
	line-height: 14px;
}

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: 5px 15px;
	font-size: 10px;
	display: block;
}

#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;
}

.tab-pane {
	padding-top: 20px;
}

/*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;
}

.cargold_similar {
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid lightgray;
}

/*------------------------------------------------------ */
#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: 125px;
	height: auto;
	min-height: 90px;
	overflow: auto;
	/* 	height: 125px; */
	position: relative;
	/* 	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;
	right: 0px;
	bottom: 0px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	color: lightgray;
}

.ImgNew {
	position: absolute;
	margin-top: -10px;
	margin-left: -10px;
}

.ImgTitle {
	border: 1px solid lightgray;
	/*
		-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;

		margin-bottom:0px; 
		
*/
	display: none;
	font-size: 10px;
	line-height: 12px;
	width: 100px;
	margin-top: 5px;
	padding: 5px;
}

/* 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;
}

div {
	/*

	border:1px solid red;
*/
}