@charset "iso-8859-1";
/* CSS Document */
	.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;
}
#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;
	font-size:				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:14em;
	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 {
    display: table-cell;
    border: 1px solid silver;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
        vertical-align: middle;
}
.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:15%;
	vertical-align: middle;
	text-align:right;/*	border:thin solid;*/
}
.cssgpreis {
	width:20%;
}
.cssanzahl, .cssanzahlwk, .cssanzahlleer {
	padding:1em;
	width:15%;
	vertical-align: middle;/*border:thin solid;*/
}
.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, .cssobjektbudget, .cssobjektverbrauch, .cssobjektverfuegbar, .cssobjektwk, .cssobjektname, .cssobjektmitarbeiter {
	display:block;
	width:10%;
	vertical-align: center;
	font-size: 1em;
	border:thin solid;
}
.cssobjektname {
	width:40%;
}
.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 {
}
.cssnavoben {
	display:none;
}
nav {
	margin-top:15px;
	box-sizing: border-box;
	float: left;
	width: 100%;
	font-size: 1.2em;
	font-weight:bold;
}
nav a {
	text-decoration:		 none;
}
nav a:link {
	text-decoration:		 none;
}
nav a:visited {
	text-decoration:		 none;
}
nav a:hover {
	text-decoration:		 none;
}
nav a:active {
	text-decoration:		 none;
}
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;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav a {
	display: block;
	text-decoration: none;
}
nav a:visited, nav a:active {
	text-decoration: none;
}
nav ul a {
	text-decoration: none;
}
nav ul ul a {
	text-decoration: none;
}
.clssuche {
	width:200px;
}
nav ul li {
	position: relative;
	float: right;
	list-style: none;
	width:120px;
}
nav ul li:hover {
	display:block;
}
nav ul ol {
	padding: 12px;
}
nav ul ol {
	position: relative;
	float: right;
	list-style: none;
	font-size:0.8em;
	font-weight:bold;
}
nav ul li dl {
	padding: 16px;
}
nav ul li a, cmsbz ul li a {
	padding: 20px;
}
nav ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}
nav ul ul li {
	float: none;
	width: 200px;
	border-bottom: 1px solid #555;
}
nav ul ul li a {
	padding: 10px 20px;
}
nav ul li:hover > ul {
	top: 100%;
	left: 0;
}
nav ul ul li:hover > ul {
	top: 0;
	left: 200px;
}
nav ul li.submenu > a:after {
	position: relative;
	float: right;
	content: '';
	margin-left: 10px;
	margin-top: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	border-bottom: 5px solid transparent;
}
nav ul ul li.submenu a:after {
	margin-left: auto;
	margin-right: -10px;
	border-left: 5px solid #fff;
	border-right: 5px solid transparent;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
nav ul ul li:last-child {
	border-bottom: none;
}
input#responsive-nav, label.responsive-nav-label {
	display: none;
}
.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 {
	width:25em;
	margin-left: auto;
	margin-right: auto;
	padding-left:1em;
}
#clsneukunde {
	width:25em;
	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%;
	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%;
	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;
}
 @media screen and (max-width: 1000px) {
 select {
 width:25%;
}
 .bildaus {
 display:none;
}
 #csstitelklein {
 display:block;
}
 #clslogin {
 width:100%;
 max-width:300px;
 margin: auto;
}
 #clsforget {
 width:100%;
 max-width:600px;
 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;
}
 .cmscopyrightname {
 display:none;
}
 #kopfzeile {
 display:none;
}
 #container {
 margin: auto;
 width: 100%;
 min-height:90vh;
}
 #kopf {
 display:none;
}
 label.responsive-nav-label {
 position: relative;
 display: block;
 padding: 20px;
 cursor: pointer;
}
 label.responsive-nav-label span {
 margin-right: 10px;
}
 nav {
 position: absolute;
 top: -9999px;
 padding: 10px;
}
 input#responsive-nav[type=checkbox]:checked ~ nav {
 position: relative;
 top: 0px;
}
 nav a:after {
 display: none;
}
 nav li {
 float: none !important;
 width: 100% !important;
 border-bottom: none !important;
}
 nav ul li dl {
 margin-bottom: 10px !important;
 padding: 10px 20px !important;
}
 nav li a {
 margin-bottom: 10px !important;
 padding: 10px 20px !important;
}
 nav ul li:hover {
 background: none;
}
 nav ul li a:hover {
}
 nav ul ul {
 position: relative !important;
 width: 100%;
 left: 0 !important;
 top: 0px;
 !important;
 background: none !important;
 box-shadow: none;
}
 nav ul ul li {
 padding-left: 20px;
}
 nav ul li a {
 border:#FFF thin solid;
 border-bottom-right-radius:	15px;
 border-bottom-left-radius:	15px;
 border-top-right-radius :	15px;
 border-top-left-radius :	15px;
}
 nav ul li dl {
 border:#FFF thin solid;
 border-bottom-right-radius:	15px;
 border-bottom-left-radius:	15px;
 border-top-right-radius :	15px;
 border-top-left-radius :	15px;
}
}
 @media screen and (max-width: 480px) {

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

 .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;
	
}
.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;
}
}
 @media screen and (max-width: 300px) {
 #clsformular span.psw {
 display: block;
 float: none;
}
 #clsformular .cancelbtn {
 width: 100%;
}
}