@charset "iso-8859-1";
/* CSS Document */

.anmeldeinfo
{
display:block;

width:100%;
}

#div_foot
{
	margin: auto;
	margin-bottom:60px; 
	width: 85%;
	
	
}
.flex-bottom,
.flex-bottom_foot {
    display: flex;
    background-color: white;
    align-items: center;
    justify-content: center;
}
.site_foot {
    margin-right: 6px;
    margin-left: 6px;
}
.label_link {
    cursor: pointer;
}
.css_foot {
    color: var(--vg_menue);
    background-color: var(--hg_menue);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--hg_menue)), to(var(--hg_menue_verlauf)));
    background: -moz-linear-gradient(top, var(--hg_menue), var(--hg_menue_verlauf));
    background: linear-gradient(to top, var(--hg_menue), var(--hg_menue_verlauf));
    background-repeat: no-repeat;
    font-size: .8em;
    padding-top: 3px;
    padding-bottom: 3px;
	
;
}

.css_foot a {
    color: var(--vg_menue);
}

.css_foot label {
    padding-right: 10px;
}

.css_m_top {
    margin-top: 30px;
}

.css_m_top_10 {
    margin-top: 10px;
}

.css_m_top_15 {
    margin-top: 15px;
}

.css_icon_bottom
{
width:32px;
height:32px;

}
.css_icon_bottom_right,
.css_menue_bottom
{
float: left;
padding:1px;
padding-right:0px;
padding-left:15px;
cursor:pointer;
}
.css_icon_bottom_right
{
	padding-right:5px;
padding-left:15px;
}
.css_menue_bottom_top{
	padding-left:20px;
}
.css_menue_bottom_bottom{
	padding-right:20px;
}


#backto,
#downto,
#saveto,
#neuto,
#changeto {
    cursor: pointer;
    font-size: 1.5em;
    font-weight: bold;
    position: fixed;
    bottom: 10px;
    right: 0px;
    padding: 5px;
    opacity: 0;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    background-color: var(--hg_menue);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--hg_menue)), to(var(--hg_menue_verlauf)));
    background: -moz-linear-gradient(top, var(--hg_menue), var(--hg_menue_verlauf));
    background: linear-gradient(to top, var(--hg_menue), var(--hg_menue_verlauf));
    background-repeat: no-repeat;
    color: var(--vg_menue);
}
#saveto{
	
}
#downto {
    right: 0px;
}



#txt_suche{
		 height:32px;
		 font-size:12px;
	 }
.css_infoblock{
	width:100%;
	text-align:center;
	padding:10px;
}
.css_info,.css_error{
	font-weight:bold;
	font-size:1.2em;
	background-color:green;
	color:white;
}

.css_error{
		background-color:red;
}
	.cmskorb {
}
.cssobjektein {
	display:none;
}
.cmsinfo {
	text-align:center;
}
.cssurheber {
	display:block;
}
#csstitelklein {
	display:none;
	font-size: 100%;
	font-size:2.9vw;
	font-weight:bold;
}
.csslinksnavi {
	display:none;
}

.img_artikel img {
    width: 100%;
	max-width:32px;
    height: auto;
	
}


#csskopf {
	float: left;
	display:none;
	width:100%;
	padding:0.5em;
}
#cssueberschrift, #csstitel, #cssuntertitel {
	width:100%;
	font-weight:			 bold;
	font-size:				 1.2em;
	;
	padding-bottom:0.5em;
}
#csstext {
	padding-left:0em;
	width:100%;
}
#cssuntertitel {
	font-size:				 1.0em;
	;
}
#cssueberschrift2 {
	text-align:right;
	width:100%;
	font-weight:			 bold;
	font-size:				 1em;
}
#csskategorie {
	padding-top:0.8em;
	padding-bottom: 0.8em;
	
	width:100%;
}
#csspages {
	padding-top:0.8em;
	padding-bottom: 0.8em;
	font-size:				0.8em;
	width:100%;
	text-align:right;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.clearing {
	clear: both;
	height: 0px;
}
#kopfzeile {
	height:10px;
}
.cmscopyright {
	text-align:center;
	font-weight:			 normal;
	font-size:				 0.8em;
}
.cmscopyright a {
	text-decoration:		 none;
}
.cmscopyright a:link {
	text-decoration:		 none;
}
#container {
	margin: auto;
	width: 85%;
	min-height:45em;
	padding:1em;
}
#links {
	margin-top:2em;
	float:left;
	display:block;
}
#mitte {
	margin-top:15.5em;
	margin-left:200px;
	height:100%;
	height:auto !important; /* real browsers *//*background-color:#0CC;*/
}
#kopflinks {
	margin-left:10px;
	margin-top:10px;
	height:110px;
	width:30%;
	float: left;
	display:block;
}
#kopfrechts {
	margin-top:10px;
	margin-right:10px;
	height:110px;
	width:50%;
	float: right;
	display:block;
	text-align:right;
}
/* Der abgefahrene Stoff */
	.table {
	display:table;
}
.table div {
	display:table-row;
}

.table div div {
	display:table-cell;
}


.tablecss {
    display: table;
    border-collapse:collapse;
    width: 100%;

        border: none !important;
}
 
.tablecss-row, .tablecsshead-row{
    display: table-row;
}
 
.tablecss-cell,.tablecss-cell_100 {
    display: table-cell;
    border: 1px solid silver;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
        vertical-align: middle;
}
.tablecss-cell_100
{
width:100%;
}

.tablecss-img {
max-width: 10em;

}
.tablecss-center {
	text-align:center;

}
.tablecss-right {
	text-align:right;

}
.tablecss-left{
	text-align:left;

}
.theadcss {
    font-weight: bold;
    background:#eee;
}
/* gegen den Bug */
p::before {display:none;}

.csstabelle {
	width:100%;
	height:80%;
	margin-right:auto;/*border:thin solid;*/
}
.cssbilddetail {
	width:50%;
	vertical-align: middle;
	text-align:left;/*border:thin solid;*/
}
.cssbilddetail img {
	max-width: 100%;
	height:auto;
}
.cssbild, .cssbildwk {
	width:10%;
	/*border:thin solid;*/
	vertical-align: middle;
	text-align:left;
}
.cssbild img, .cssbildwk img {
	width:100%;
	max-width:60px;
}
.cssbezeichnung, .cssbezeichnungwk {
	width:40%;
	vertical-align: top;
	text-align:left;/*	border:thin solid;*/
}
.csspreis, .csspreiswk, .cssgpreis {
	width:25%;
	vertical-align: middle;
	text-align:right;/*	border:thin solid;*/
}
.cssgpreis {
	width:20%;
}
.cssanzahl, .cssanzahlwk, .cssanzahlleer {
	padding:1em;
	width:80px;
	vertical-align: middle;/*border:thin solid;*/
	text-align:right;
}
.cssanzahlleer {
	width:420px;/*border:thin solid;*/
}
.csswksymbol {
	width:15%;
	vertical-align: middle;
	text-align:right;/*	border:thin solid;*/
}
.cssbildwk {
	text-align:left;
	width:20%;
	vertical-align: middle;
}
.cssbildwk img {
	width:100%;
}
.cssbezeichnungwk {
	width:20%;
	vertical-align: middle;
}
.csspreiswk {
	width:15%;
	vertical-align: middle;
}
.cssanzahlwk {
	width:15%;
	vertical-align: middle;
}
.cssgpreiswk {
	width:15%;
	vertical-align: middle;
}
.cssnotiz {
	text-align:left;
	width:100%;
}
.cssnotiz textarea {
	width:100%;
	height:6em;
}
#cssgesamtinfo {
	text-align:right;
	width:50%;
}
#cssgesamtpreis {
	text-align:right;
	width:85%;
}
/* F?r Objekte */
	#csswklink {
	margin-top:3px;
	margin-bottom:3px;
	text-align:right;
}
.cssobjektnummer, .cssobjekttelefon,.cssobjektbudget, .cssobjektverbrauch, .cssobjektverfuegbar, .cssobjektwk, .cssobjektname, .cssobjektmitarbeiter,.cssobjektmail {
	display:block;
	width:10%;
	vertical-align: center;
	font-size: 1em;
	border:thin solid;
}
.cssobjektname {
	width:30%;
}
.cssobjekttelefon {
	width:15%;
}
.cssobjektmail {
	width:35%;
}
.cssobjektanaus {
	visibility:visible;
	
}
.cssobjektausan {
	display:none;
	
}
.cssobjektaus {
	display:block;
	
}
.cssobjektausgeblendet {
	visibility:visible;
}

.cssobjekteingeblendet {
	visibility:hidden;
}
.cssobjekttitel {
	vertical-align: center;
	font-size: 1em;
	/*border:thin solid;*/
	width:100%;
}
.cssobjektmitarbeiterinfosp1, .cssobjektmitarbeiterinfosp2 {
	vertical-align: center;
	font-size: 1em;
	/*border:thin solid;*/
	width:20%;
}
.cssobjektmitarbeiterinfosp2 {
	width:80%;
}
.special {
	border-collapse:separate;
	border-spacing:8px 8px;
}
.special div div {
	border:8px solid orange;
}
.cmsbzwk {
	box-sizing: border-box;
}
.cmsbzwk ul {
	margin-top:1em;
}
.cmsbzwk li {
	text-align:center;
	list-style:none;
	display:block;
	padding:0.4em;
	margin-left:2px;
	margin-top:2px;
}
.cmsbzwk ul a {
	text-decoration: none;
}
.cmsbzwk li:hover {
}
.cmsbz {
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin-top:1em;
}
.cmsbz li {
	float:left;
	list-style:none;
	display:block;
	padding:1em;
	margin-left:2px;
}
.cmsbz ul a {
	text-decoration: none;
}
.cmsbz li:hover {
}

suchfeld {
	padding: 20px;
}
.csstextinput {
	width:100%;
	border-top-right-radius :	10px;
	border-top-left-radius :	10px;
	border-bottom-right-radius :	10px;
	border-bottom-left-radius :	10px;
	padding:0.2em;
}

.clssuche {
	width:200px;
}

.cmskachel {
	float:left;
	width:7em;
	height:90px;
	margin-left:10px;
	text-align:center;
}
.cmskacheltext {
	width:100%;
	position: absolute;
	bottom: 0;
	height:auto;
	text-align:center;
}
/* remove standard-styles */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	font-size: 1em;
	width: 100%
}
/* styling */
select {
	width:25%;
	border: 1px solid #bbb;
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
	background-image:url("../../bilder/symbole/select-pfeil.png");
	background-position: right;
	background-repeat: no-repeat;
}
select:hover {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
 display:none;
}
.lt-ie10 select {
	background-image: none;
}
option {
	padding:.3em 1em .3em 1em;
}
.bildaus {
	display:block;
}
.cssobjektein {
	display:none;
}
/* Hier sind ide Logincss gespeichert */

#clslogin {
	width:25em;
	margin-left: auto;
	margin-right: auto;
	padding-left:1em;
}
#clsforget {
	max-width:50em;
	margin-left: auto;
	margin-right: auto;
	padding-left:1em;
}
#clsneukunde {
	width:50em;
	margin-left: auto;
	margin-right: auto;
	padding-left:1em;
}
#clsemail {
	width:50em;
	padding-left:1em;
}
#clsrahmen {
	width:25em;
	margin-left: auto;
	margin-right: auto;
	padding-left:1em;
	padding-right:1em;
	border: 3px solid #3CA4F3;
}
#clsformular {
	width:25em;
	margin-left: auto;
	margin-right: auto;
	padding-left:1em;
}
#clsformular form, #clsmultiformular form, {
	border: 3px solid #3CA4F3;
}
#clsformular form, #clsmultiformular form {
	border: 3px solid #3CA4F3;
}
/* Full-width inputs */
#clsformular input[type=text], #clsformular input[type=password], #clsformular input[type=email] {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
/* Full-width inputs */
#clsmultiformular input[type=text], #clsmultiformular input[type=password], #clsmultiformular input[type=email], #clsmultiformular textarea {
	width: 100%;
	padding: 3px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
/* Set a style for all buttons */
#clsformular button, #clsmultiformular button {
	background: 	#990000;
	background: 				-webkit-gradient(linear, left top, left bottom, from(#3CA4F3), to(#990000));
	background: 				-moz-linear-gradient(top, #3CA4F3, #990000 );
	background: 				-ms-linear-gradient(top, #3CA4F3, #990000 );
	background-repeat:			no-repeat;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
}
#clsformular button:hover, #clsmultiformular button:hover {
	background: 	#990000;
	background: 				-webkit-gradient(linear, left top, left bottom, from(#990000), to(#3CA4F3));
	background: 				-moz-linear-gradient(top, #990000, #3CA4F3 );
	background: 				-ms-linear-gradient(top, #990000, #3CA4F3 );
	background-repeat:			no-repeat;
}
/* Extra style for the cancel button (red) */
#clsformular .cancelbtn {
	width: auto;
	padding: 10px 18px;
	background-color: #f44336;
}
/* Center the avatar image inside this container */
#clsformular .imgcontainer {
	text-align: center;
	margin: 24px 0 12px 0;
}
/* Avatar image */
#clsformular img.avatar {
	width: 25%;
	max-width:80px;
	height:auto;
	border-radius: 25%;
}
/* Center the avatar image inside this container */
#clsmultiformular .imgcontainer {
	text-align: center;
	margin: 24px 0 12px 0;
}
/* Avatar image */
#clsmultiformular img.avatar {
	width: 25%;
	max-width:80px;
	height:auto;
	border-radius: 25%;
}
/* Add padding to containers */
#clsformular .container, #clsmultiformular .container {
	padding: 16px;
}
/* The "Forgot password" text */
#clsformular span.psw {
	float:left;
	display:block;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
	background: 	#990000;
	background: 				-webkit-gradient(linear, left top, left bottom, from(#3CA4F3), to(#990000));
	background: 				-moz-linear-gradient(top, #3CA4F3, #990000 );
	background: 				-ms-linear-gradient(top, #3CA4F3, #990000 );
	background-repeat:			no-repeat;
}


#wk_symbol {
	
  margin-top: -30px;  /* Text hinaufschieben */
  margin-left: 20px;   /* Text horiz. ausrichten */
  font-weight: bold;   /* Text formatieren */
  color: #fff;               /* Text Farbe */
}
#wk_symbol, #wk_img
{
	display:block;
}


 @media screen and (max-width: 1000px) {
	 .anmeldeinfo
{

text-align:center;

}
#clsuserinfo{
	display:none;
}
 select {
 width:25%;
}
 .bildaus {
 display:none;
}
 #csstitelklein {
 display:block;
}
 #clslogin {
 width:100%;
 max-width:300px;
 margin: auto;
}
 #clsforget {
 width:100%;

 margin:auto;
}
 #clsneukunde, #clsrahmen, #clsemail {
 width:100%;
 max-width:600px;
 margin:auto;
}
 .csslinksnavi {
 display:block;
}
 .cssnavoben {
 display:block;
}
 #csskopf {
 display:block;
}
 #mitte {
		/*border:thin solid;*/
		margin-top:1em;
 margin-left:0px;
}
 #links {
 display:none;
}
 .cmskachel {
 float:none;
 margin-top:10px;
}
 
 #kopfzeile {
 display:none;
}
 #container {
 margin: auto;
 width: 100%;
 min-height:90vh;
}
 #kopf {
 display:none;
}
 
#wk_symbol, #wk_img
{
	display:none;
}
 #backto {
		right:0px;
        font-size: 1em;
        padding: 10px;
    }
	 #downto {
		
		right:unset;
		left:0px;
        font-size: 1em;
        padding: 10px;
    }
}
 @media screen and (max-width: 480px) {
  .cssbezeichnung
  {
	  width:50%;
  }
  .cssanzahl{
	  width:25%;
  }
  .cssgpreis
  {
	  width:50%;
  }
.tablecss {border:none;}
    .tablecss-row {
        display: block;
        border-bottom: 1px solid silver;
    }
    .tablecss-cell {
        display: block;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: silver silver -moz-use-text-color;
        border-image: none;
        border-style: solid solid none;
        border-width: 1px 1px medium;
        
		display: block;
    }
	.tablecss-center480, .tablecss-right, .tablecss-left {
	text-align:center;

}
.tablecss-border480 {
	border-top:thick #00F solid;

}

    .tablecss-row {
		margin-bottom: 20px; 
		}
		
.tablecsshead-row {
	height:0;
	margin-bottom: 0px; 
}
.cmscopyrightname {
 display:none;
}
 .theadcss
 {
	 height:0;
	 
	 

}

select {
 width:100%;
 padding:.5em .5em .5em .5em;
}

 .cssobjektausgeblendet {
 visibility:hidden;
}
.cssobjekteingeblendet {
	visibility:visible;
}
 .cssobjekttitel {
 font-size:0.5em;
			/*border:thin solid;*/
		width:100%;
}
 .cmserror {
}
 .cssobjektein {
 display:block;
}
 .cmsinfo {
 text-align:center;
}
 .cssobjektaus {
	 display:none;
	 
 
}
.cssobjektanaus {
	visibility:hidden;
	display:none;
}
.cssobjektausan {
	display:block;
	
}
 .cssobjektbudget, .cssobjektverbrauch, .cssobjektverfuegbar, .cssobjektwk, .cssobjektmitarbeiter {
 border:none;
 width:0;
}
 .cssobjekttitel {
 vertical-align: center;
 font-size: 1em;
		/*border:thin solid;*/
		width:100%;
}
 .cssobjektmitarbeiterinfosp1, .cssobjektmitarbeiterinfosp2 {
 vertical-align: center;
 font-size: 1em;
		/*border:thin solid;*/
		width:40%;
}
 .cssobjektmitarbeiterinfosp2 {
 width:60%;
}
 .h2a {
}
 .csspreis, .cssgpreis, .cssanzahl {
 font-size:.8em;
}
 .cssbezeichnung {
 padding-left:2px;
}

 #cssueberschrift {
 display:block;
 width:100%;
 text-align:center;
 font-size:1em;
 font-weight:bold;
}
 #csswklink a {
 margin-top:3px;
 margin-bottom:3px;
 display:block;
 text-align:center;
 background-color:#0F0;
 padding:5px;
 width:100%;
 margin-left:auto;
 margin-right:auto;
 font-size:1em;
 color: 						#FFFFFF;
 border: 					solid 1px #3CA4F3;
 border-right:0px;
 background: 				#3CA4F3;
 background: 				-webkit-gradient(linear, left top, left bottom, from(#3CA4F3), to(#B70000));
 background: 				-moz-linear-gradient(top, #3CA4F3, #B70000 );
 background: 				-ms-linear-gradient(top, #3CA4F3, #B70000 );
 background-repeat:			no-repeat;
 border-top-right-radius: 	5px 5px;
 border-bottom-right-radius: 5px 5px;
 border-top-left-radius: 	5px 5px;
 border-bottom-left-radius: 5px 5px;
}
 #clslogin {
 width:100%;
 max-width:300px;
 margin: auto;
}
 #clsformular {
 width:20em;
 margin-left: auto;
 margin-right: auto;
}
 .cssbild {
 width:10%;
		
		/*border:thin solid;*/
		vertical-align: middle;
 text-align:left;
}
 .cssbild img, .cssbildwk img {
 width:100%;
 max-width:60px;
}
 .cmspreis {
 font-size:1em;
}
#wk_symbol, #wk_img
{
	display:none;
}
}
 @media screen and (max-width: 300px) {
 #clsformular span.psw {
 display: block;
 float: none;
}
 #clsformular .cancelbtn {
 width: 100%;
}
#wk_symbol, #wk_img
{
	display:none;
}
}