@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('CartoGothicStd-Book-webfont.eot');
    src: url('CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('CartoGothicStd-Book-webfont.woff') format('woff'),
         url('CartoGothicStd-Book-webfont.ttf') format('truetype'),
         url('CartoGothicStd-Book-webfont.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CartoGothicStdItalic';
    src: url('CartoGothicStd-Italic-webfont.eot');
    src: url('CartoGothicStd-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('CartoGothicStd-Italic-webfont.woff') format('woff'),
         url('CartoGothicStd-Italic-webfont.ttf') format('truetype'),
         url('CartoGothicStd-Italic-webfont.svg#CartoGothicStdItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CartoGothicStdBold';
    src: url('CartoGothicStd-Bold-webfont.eot');
    src: url('CartoGothicStd-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('CartoGothicStd-Bold-webfont.woff') format('woff'),
         url('CartoGothicStd-Bold-webfont.ttf') format('truetype'),
         url('CartoGothicStd-Bold-webfont.svg#CartoGothicStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {	font-family: 'CartoGothicStdBook'; }
label { font-size:1.4em !important;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.inside {  margin: 0 auto;
    width: 1000px; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font:normal 12px/25px Arial, Helvetica, sans-serif
}

span.mandatory{ color:#F00;}
h1 { color:#848484; text-transform:uppercase; text-align:left;   font: 22px/28px 'CartoGothicStdBold', Arial, sans-serif; }
h1 span { color:#ff8000; text-transform:none;   }
h2 {  color:#ff8000;  font: 20px/26px 'CartoGothicStdBold', Arial, sans-serif; }
legend { color:#848484; font-weight:bold; font-size:1.3em;}
p.error { color:#F00; }

textarea { width:208% !important; margin-bottom:10px; max-width:988px; }
.formbody {
	display:table;
	border-collapse:collapse;

}
.formbody .r {
	display:table-row
}

.formbody .c {

	display:table-cell;
	padding:5px 0px;
	vertical-align:middle
}
input[type="text"],input[type="password"], select, label {
	height:30px
}
input[type="text"],input[type="number"],input[type="tel"],input[type="time"],input[type="date"],input[type="password"], select, textarea, label, input[type="submit"], button {
	margin:0 5px;
	font-size:1.4em !important;
}
input[type="text"],input[type="number"],input[type="tel"],input[type="time"],input[type="date"],input[type="password"], select, textarea, #kundenauswahl {
	padding:5px;
	width:96%;
	border:1px solid #CCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	border-radius:4px
}
input[type="submit"], button {
	margin-top:15px;
	background-color:#F5F5F5;
	color:#444444;
	border:1px solid rgba(0, 0, 0, 0.1);
	padding:5px;
	font-weight:bold;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	border-radius:4px;
	background-color:#F5F5F5;
	background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat:repeat-x
}
input[type="radio"], input[type="checkbox"] {
	margin:0 0 0 2%;
	padding:0;
	vertical-align:middle
}
input[type="text"],input[type="number"],input[type="tel"],input[type="time"],input[type="date"],input[type="password"], select, textarea, .formbody, .formbody .r, .formbody .c, form {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}

/* Placeholder Styles */

::-webkit-input-placeholder {
   color: #ccc;
   font-weight: lighter;
}

::-moz-input-placeholder {
   color: #ccc;
   font-weight: lighter;
}

/* Default input styles */

input[type="number"],
input[type="tel"],
input[type="time"],
input[type="date"],
textarea[type=text],

input[type=name],
input[type=email],
input[type=password],
input[type=text],
textarea[type=text],
 {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 25px;
	width: 100%;
	color: #999;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

input[type="number"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="date"]:hover,
textarea[type=text]:hover,

input[type=name]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=text]:hover, #f65 table, #f65 tr td
 {
	outline: none;
	border: 1px solid #bbb;
	box-shadow: none;
}

input[type="number"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="date"]:focus,

input[type=name]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
	outline: none;
	border: 1px solid #b85f00;
	box-shadow: 0 0 5px #F90;
}

textarea[type=text] {
	height: 200px;
}

input.error {
	border: 1px solid #dd212b;
	box-shadow: 0 0 5px #ed1b24;
}

input[type="range"] {
    -webkit-appearance: none;
    outline: none;
    width: 250px;
    height: 10px;
    border-radius: 10px;
    position: relative;
    background-color: rgba(0, 0, 0, .8);
    border: 0;
    cursor: pointer;
    margin-top: 20px;
    box-shadow: 0 1px 0 #fff, inset 0 0 5px rgba(0, 0, 0, 1);
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
    border-radius: 100%;
   	background-image: -webkit-linear-gradient(#2da1ec, #0191d9);
   	background-image: -moz-linear-gradient(#2da1ec, #0191d9);
   	background-image: -ms-linear-gradient(#2da1ec, #0191d9);
   	background-image: linear-gradient(#2da1ec, #0191d9));
}

input[type="range"]::-webkit-slider-thumb:hover {
   background-image: -webkit-radial-gradient(#2eacff, #0191d9);
   background-image: -moz-radial-gradient(#2eacff, #0191d9);
   background-image: -ms-radial-gradient(#2eacff, #0191d9);
   background-image: radial-gradient(#2eacff, #0191d9);
}

input[type="range"]::-webkit-slider-thumb:active {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
}


/* iPads (portrait and landscape) */


/* Smartphones (portrait and landscape) */
@media only screen and (max-width:480px){
body{ font:normal 16px/30px Arial, Helvetica, sans-serif}
h1{margin:0 0 20px 0}
label, .fheading, input[type="submit"], button{margin:0;text-indent:0}
.formbody, .formbody .r, .formbody .c{display:block}
.formbody .r{clear:both}
input[type="text"], select, textarea{width:100%;margin:0}
input[type="radio"], input[type="checkbox"]{margin:0 2%}
input[type="submit"], button{width:100%;margin-top:20px}
textarea { width:96% !important; }
.inside {  margin: 0 auto;
    width: auto; }

}

/* Only Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select{text-indent:5px;line-height:24px}
.inside { margin:5px; padding:5px; width: auto; }
textarea,  { width:207.5% !important; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:480px) {
textarea { width:96.5% !important; }
.inside {  margin: 0 auto;
    width: auto; }
}







#opt_28_0:checked { }
#opt_28_0:checked+label{ color:#F00; font-weight:bold; }
#opt_28_1:checked { }
#opt_28_1:checked+label{ color:#0F0; font-weight:bold; }
.add .c  { padding:15px 0px 15px;  }
input[type="submit"], button, .add span, .update span, a.linking, span.material, span.addlist { background: -moz-linear-gradient(
		top,
		#fff3db 0%,
		#ffc821 25%,
		#ff3c00);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fff3db),
		color-stop(0.25, #ffc821),
		to(#ff3c00));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #b85f00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
 width:200px;   clear:both; margin:10px; padding:5px; }

a.linking, span.material, span.addlist{ color:#000; text-decoration:none; }

#ctrl_1014 { margin-bottom:25px; }

#konferenzraumtv-login h1, #konferenzraumtv-verarbeitung h1 { text-align:center; margin-top:30px; }
#konferenzraumtv-login input { margin-bottom:5px; }
#konferenzraumtv-login .formbody {  margin: 10px auto 0; }

#konferenzraumtv-verarbeitung a  { text-align:center;  color:#ff8000;  font: 20px/26px 'CartoGothicStdBold', Arial, sans-serif; display:block;  }


table { border:1px solid #000; margin-bottom:4px;  }
table tr td { border:1px solid #000; padding:5px;  }
.lasttable { margin-bottom:25px;}
.weiter a { text-align:center; display:block;  color:#ff8000; font-size:1.6em; }


#techniker {display:none;}

.mod_customnav {position:absolute; right:0; top:0; }
.mod_customnav ul { list-style:none;}
.mod_customnav ul li { float:left; }
.mod_customnav strong, .mod_customnav a{ color:#ff8000; display:block; margin:10px;font-size:18px; font-weight:bold; }
.mod_customnav strong, table th  {color:#848484; }
table th { font-weight:bold; font-size:14px; }
#f65 table { margin-top:15px; }
.invisiblebox { display:none !important; }
#f1 { margin-top:55px;}

div.material { display:none;
position:fixed;
left:10%;
right:10%;
bottom:10%;
top:10%;
overflow:scroll;
background-color:#fff;
padding:25px;
border:1px solid #ff8000;
}
div.material ul {
	text-align:left;
}
div.material ul li {
	display:block;
	height:60px;
	padding:5px 10px 15px;
	border-bottom:1px solid #ff8000;
}
div.material ul li p {
	vertical-align:top;
}
div.material ul li p, div.material ul li figure {
	display:inline-block;
}
div.material ul li p.artikel { width:30%; }
div.material ul li p.nummer { width:20%; text-decoration:none; color:#000;}
div.material ul li p.masse { width:10%;}
div.material ul li figure { width:20%; }
div.material ul li:nth-child(odd) {
    background: #eee;
}
div.material ul li:nth-child(even) {
    background: #fff;
}
div.material ul li figure  img { height:60px; width:60px;}
div.material ul li p.checkbox { width:10%;}
div.material ul li p.checkbox input { margin-top:10px;}
span.addlist { margin-bottom:50px; display:block; text-align:center; }

.fehler { color:red; font-weight:bold; font-size:16px;}