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

@font-face {
	font-family: 'HelveticaNeue-Roman';
	src: url('../design/fonts/HelveticaNeue-Roman/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'), url('../design/fonts/HelveticaNeue-Roman/HelveticaNeue-Roman.woff') format('woff'), url('../design/fonts/HelveticaNeue-Roman/HelveticaNeue-Roman.ttf') format('truetype'), url('../design/fonts/HelveticaNeue-Roman/HelveticaNeue-Roman.svg#HelveticaNeue-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Black';
	src: url('../design/fonts/Lato/Lato-Black/Lato-Black.eot?#iefix') format('embedded-opentype'), url('../design/fonts/Lato/Lato-Black/Lato-Black.woff') format('woff'), url('../design/fonts/Lato/Lato-Black/Lato-Black.ttf') format('truetype'), url('../design/fonts/Lato/Lato-Black/Lato-Black.svg#Lato-Black') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-BlackItalic';
	src: url('../design/fonts/Lato/Lato-BlackItalic/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../design/fonts/Lato/Lato-BlackItalic/Lato-BlackItalic.woff') format('woff'), url('../design/fonts/Lato/Lato-BlackItalic/Lato-BlackItalic.ttf') format('truetype'), url('../design/fonts/Lato/Lato-BlackItalic/Lato-BlackItalic.svg#Lato-BlackItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: 'Lato-BoldItalic';
	src: url('../design/fonts/Lato/Lato-BoldItalic/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../design/fonts/Lato/Lato-BoldItalic/Lato-BoldItalic.woff') format('woff'), url('../design/fonts/Lato/Lato-BoldItalic/Lato-BoldItalic.ttf') format('truetype'), url('../design/fonts/Lato/Lato-BoldItalic/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Hairline';
	src: url('../design/fonts/Lato/Lato-Hairline/Lato-Hairline.eot?#iefix') format('embedded-opentype'), url('../design/fonts/Lato/Lato-Hairline/Lato-Hairline.woff') format('woff'), url('../design/fonts/Lato/Lato-Hairline/Lato-Hairline.ttf') format('truetype'), url('../design/fonts/Lato/Lato-Hairline/Lato-Hairline.svg#Lato-Hairline') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-HairlineItalic';
	src: url('../design/fonts/Lato/Lato-HairlineItalic/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), url('../design/fonts/Lato/Lato-HairlineItalic/Lato-HairlineItalic.woff') format('woff'), url('../design/fonts/Lato/Lato-HairlineItalic/Lato-HairlineItalic.ttf') format('truetype'), url('../design/fonts/Lato/Lato-HairlineItalic/Lato-HairlineItalic.svg#Lato-HairlineItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Italic';
	src: url('../design/fonts/Lato/Lato-Italic/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('../design/fonts/Lato/Lato-Italic/Lato-Italic.woff') format('woff'), url('../design/fonts/Lato/Lato-Italic/Lato-Italic.ttf') format('truetype'), url('../design/fonts/Lato/Lato-Italic/Lato-Italic.svg#Lato-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Light';
	src: url('../design/fonts/Lato/Lato-Light/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../design/fonts/Lato/Lato-Light/Lato-Light.woff') format('woff'), url('../design/fonts/Lato/Lato-Light/Lato-Light.ttf') format('truetype'), url('../design/fonts/Lato/Lato-Light/Lato-Light.svg#Lato-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-LightItalic';
	src: url('../design/fonts/Lato/Lato-LightItalic/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), url('../design/fonts/Lato/Lato-LightItalic/Lato-LightItalic.woff') format('woff'), url('../design/fonts/Lato/Lato-LightItalic/Lato-LightItalic.ttf') format('truetype'), url('../design/fonts/Lato/Lato-LightItalic/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Regular';
	src: url('../design/fonts/Lato/Lato-Regular/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../design/fonts/Lato/Lato-Regular/Lato-Regular.woff') format('woff'), url('../design/fonts/Lato/Lato-Regular/Lato-Regular.ttf') format('truetype'), url('../design/fonts/Lato/Lato-Regular/Lato-Regular.svg#Lato-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.step {
	padding: 15px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
	display: none;
}

.verticalAlignMiddle {
	vertical-align: middle;
}

.textAlignCenter {
	text-align: center;
}

.textUeberlapptBoxWirdAbgeschnitten {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 200px;
}

html {
	overflow-y: scroll;
	font-family: "HelveticaNeue-Roman", Arial, sans-serif;
}

.HoverPointer:hover {
	cursor: pointer;
}

#kontainer {
	width: 1500px;
	margin: 30px auto;
}

#unterKontainer {
	background: white;
	width: 1440px;
	border: 1px solid #ababad;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	min-height: 400px;
	-moz-box-shadow: 1px 1px 8px 1px #808080; /* Firefox */
	-webkit-box-shadow: 1px 1px 8px 1px #808080; /* Chrome, Safari */
	-khtml-box-shadow: 1px 1px 8px 1px #808080; /* Konqueror */
	box-shadow: 1px 1px 8px 1px #808080; /* CSS3 */
	float: left;
	padding: 30px 30px 50px;
}

.floatBereinigen {
	clear: both;
}

.clearfix {
	clear: both;
}

#logo {
	float: left;
	width: 50%;
}

#kopf {
	float: left;
	width: 50%;
	text-align: right;
}

#programmName {
	font-weight: bold;
	font-size: 1.1em;
	color: #f59b1f;
}

#benutzerInformation {
	font-size: 0.8em;
}

a:link, a:visited {
	color: #f59b1f;
	text-decoration: none;
}

a:hover {
	text-shadow: 0.1em 0.1em 0.2em #ababad;
}

#fuss {
	padding-right: 30px;
	text-align: right;
	font-size: 0.8em;
	margin-top: 10px;
}

.inhaltBox {
	background-color: transparent;
	padding: 10px;
	-moz-box-shadow: 1px 1px 6px #292929; /* Firefox */
	-webkit-box-shadow: 1px 1px 6px #292929; /* Chrome, Safari */
	-khtml-box-shadow: 1px 1px 6px #292929; /* Konqueror */
	box-shadow: 0 2px 4px gray; /* CSS3 */
	min-height: 150px;
	border: 1px solid #dadada;
}

.mutation {
	font-size: 0.9em;
	line-height: 30px;
	width: 600px;
	margin: 70px auto;
}

.gross {
	width: 1400px;
}

.gross #fehlerTextbox {
	text-align: right;
}

.fehlerBox {
	font-size: 0.9em;
	line-height: 30px;
	width: 600px;
	margin: 70px auto;
	-moz-box-shadow: 1px 1px 6px #dc0000; /* Firefox */
	-webkit-box-shadow: 1px 1px 6px #dc0000; /* Chrome, Safari */
	-khtml-box-shadow: 1px 1px 6px #dc0000; /* Konqueror */
	box-shadow: 1px 1px 6px #dc0000; /* CSS3 */
	border: 1px solid #dc0000;
}

.uebersichtBox {
	font-size: 0.9em;
	line-height: 30px;
	width: 400px;
	float: left;
	margin-left: 45px;
	margin-top: 40px;
	display: block;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

#uebersichtHauptBox a:link, #uebersichtHauptBox a:hover, #uebersichtHauptBox a:visited {
	color: #000000;
	text-shadow: none;
	text-decoration: none;
}

#uebersichtHauptBox li a:link, #uebersichtHauptBox li a:visited {
	font-family: Lato-Regular, sans-serif;
	color: #686869;
	text-decoration: none;
}

#uebersichtHauptBox li a:hover {
	color: #f59b1f;
}

.uebersichtBox:hover {
	cursor: pointer;
	-moz-transform: scale(1.02) rotate(0deg);
	-webkit-transform: scale(1.02) rotate(0deg);
}

.inhaltTitelBox {
	padding-left: 40px;
	background: no-repeat left center;
}

.inhaltTextBox {
	line-height: 1;
	margin-top: 10px;
}

#keinJavaScriptBox {
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../design/coverage.png);
	z-index: 10000;
	text-align: center;
	color: #ffffff;
	top: 0;
	left: 0;
}

#keinJavaScriptBoxText {
	display: table-cell;
	vertical-align: middle;
	position: absolute;
}

#resultatBox {
	font-size: 0.9em;
}

label {
	cursor: pointer;
}

.schriftRot {
	color: tomato;
}

a.Button:link, a.Button:visited, input.Button {
	width: 80px;
	-moz-user-select: none;
	background: #eee linear-gradient(#fcfcfc, #eeeeee) repeat-x;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	line-height: 30px;
}

a.Button:hover, a.Button:active, a.Button.zeroclipboard-is-hover, a.Button.zeroclipboard-is-active {
	background: #ddd linear-gradient(#eee, #ddd) repeat-x;
	border-color: #ccc;
	text-decoration: none;
}

a.Button:active, a.Button.selected, a.Button.selected:hover, a.Button.zeroclipboard-is-active {
	background: #dcdcdc none;
	border-color: #b5b5b5;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset;
}

a.Button:disabled, a.Button:disabled:hover, a.Button.disabled, a.Button.disabled:hover {
	background: rgba(229, 229, 229, 0.5) none;
	border-color: rgba(197, 197, 197, 0.5);
	box-shadow: none;
	color: rgba(102, 102, 102, 0.5);
	cursor: default;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

a.Button.achtung {
	color: #900;
	text-shadow: none;
}

a.Button.achtung:hover {
	background: #b33630 linear-gradient(#dc5f59, #b33630) repeat-x;
	border-color: #cd504a;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

a.Button.achtung:active, a.Button.achtung.selected {
	background: #b33630 none;
	border-color: #9f312c;
	color: #fff;
}

a.Button.achtung:disabled, a.Button.achtung:disabled:hover, .a.Button.achtung.disabled, a.Button.achtung.disabled:hover {
	background: #efefef linear-gradient(#fefefe, #efefef) repeat-x;
	border-color: #e1e1e1;
	color: #cb7f7f;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.Button:active {
	position: relative;
	top: 1px;
}

input[type="text"], input[type="password"], select, textarea {
	font-family: "HelveticaNeue-Roman", Arial, sans-serif;
	padding: 2px;
	border: solid 1px #E5E5E5;
	outline: 0;
	width: 200px;
	background: -webkit-gradient(linear, left top, left 103%, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 103%);
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: #C9C9C9;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px;
}

input, select, textarea {
	font-size: 1em;
}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input[type=checkbox].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.checkboxen {
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	vertical-align: middle;
	margin-right: 10px;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left: 20px;
	height: 15px;
	display: inline-block;
	line-height: 15px;

	/* PHPStorm-Vorschlag darf nicht angenommen werden, da ansonsten die Checkbox verschwindet.
	 * Grund dafür ist, dass background: ansonsten die Check-background-Eigenschaft überschreibt.
	 */
	/* noinspection CssOptimizeSimilarProperties */
	background-repeat: no-repeat;
	/* PHPStorm-Vorschlag darf nicht angenommen werden, da ansonsten die Checkbox verschwindet.
	 * Grund dafür ist, dass background: ansonsten die Check-background-Eigenschaft überschreibt.
	 */
	/* noinspection CssOptimizeSimilarProperties */
	background-position: 0 0;

	vertical-align: middle;
	cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}

.css-label {
	background-image: url(../design/checkboxes/dark-check-green.png);
}

/*specific classes related to Checkbox skins*/

.lite-red-check {
	background-image: url(../design/checkboxes/lite-red-check.png);
}

input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left: 22px;
	height: 17px;
	display: inline-block;
	line-height: 17px;
	background: no-repeat 0 0;
	vertical-align: middle;
	cursor: pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

	background-position: 0 -17px;
}

input[type=checkbox].css-checkbox.sme + label.css-label.sme {
	padding-left: 22px;
	height: 16px;
	display: inline-block;
	line-height: 16px;
	background: no-repeat 0 0;
	vertical-align: middle;
	cursor: pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme {

	background-position: 0 -16px;
}

input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
	padding-left: 22px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	background: no-repeat 0 0;
	vertical-align: middle;
	cursor: pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg {

	background-position: 0 -20px;
}

.inhaltBox h1, .inhaltBox h2, .inhaltBox h3, .inhaltBox h4, .inhaltBox h5, .inhaltBox h6 {
	margin: 0;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

.validierungInformationBox {
	font-size: 0.75em;
	line-height: 1;
	padding-bottom: 5px;
	padding-left: 2px;
}

.autoverollstaendigungBox {
	position: absolute;
	margin-top: -5px;
	margin-left: 1px;
	padding: 2px;
	border: solid 1px #E5E5E5;
	outline: 0;
	width: 198px;
	background-color: #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
	z-index: 9999;
	line-height: 1.5;
}

.autoverollstaendigungBox a:link, .autoverollstaendigungBox a:visited {
	display: block;
}

.autoverollstaendigungBox a:hover {
	background-color: #EEEEEE;
}

table, .tabelleWarteBox {
	/*max-width: 100%;*/
	color: #666;
	text-shadow: 1px 1px 0 #ffffff;
	background: #eaebec;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	font-size: 0.9em;
}

.tabelleWarteBox {
	text-align: center;
	padding: 20px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.tabelleWarteTextBox {
	margin-top: 10px;
}

table th {
	padding: 15px;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

table th:first-child {
	text-align: left;
	padding-left: 15px;
}

table tr:first-child th:first-child {
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

table tr:first-child th:last-child {
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}

table tr {
	text-align: left;
	padding-left: 15px;
}

table tr td:first-child {
	text-align: left;
	padding-left: 15px;
	border-left: 0;
}

table tr td {
	padding: 15px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

table tr:last-child td {
	border-bottom: 0;
}

table tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

table tr:last-child td:last-child {
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

#menu {
	width: 100%;
	height: 50px;
	background: #ffffff;
	box-shadow: 0 0 5px #aaaaaa;
	margin: auto auto 20px;
	font-size: 0.9em;
}

#menu a {
	color: #000000;
	text-decoration: none;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	/*noinspection CssUnknownProperty*/
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	display: block;
}

#menu .inhalt {
	margin: 0 auto;
}

#menu .inhalt ul {
	position: absolute;
	margin: 0 auto;
	list-style: none;
	padding-left: 0;
}

#menu .inhalt ul li {
	float: left;
	margin: 0 0 0 20px;
	padding: 0 10px;
	line-height: 50px;
}

#menu .inhalt > ul > li:hover {
	height: 50px;
	margin-top: -5px;
	background: #eee;
	border-top: 5px solid #f59b1f;
	box-shadow: 0 0 5px #aaaaaa;
}

#menu .inhalt ul li img {
	float: left;
	width: 14px;
	height: 14px;
	margin: 12px 5px;
	padding: 6px;
	background: #000;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	/*noinspection CssUnknownProperty*/
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#menu .inhalt ul li ul {
	top: -9999px;
	min-width: 200px;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
	background: linear-gradient(top, #eeeeee 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
	padding: 0;
	margin: 0 0 0 -10px;
	box-shadow: 0 1px 5px #aaaaaa;
}

#menu .inhalt ul li:hover ul {
	top: 50px;
}

#menu .inhalt ul ul li {
	float: none;
	padding: 10px 20px;
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #dddddd;
	line-height: 20px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	/*noinspection CssUnknownProperty*/
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#menu .inhalt ul ul li:hover {
	background: #dfdede;
	color: #000000;
}

#menu .inhalt ul ul li a {
	display: block;
}

#menu .inhalt ul ul li a:hover {
	color: #000000;
}

#menu li ul li ul {
	position: absolute;
	left: -9999px;
}

#menu .inhalt ul ul li:hover ul {
	left: 100%;
	top: auto;
	margin-top: -20px;
}

.tabelleTextInDerMitte {
	text-align: center;
}

#loeschenBestaetigenBox {
	background: url(../design/coverage-light.png) repeat;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	color: #ffffff;
	text-align: center;
	z-index: 10000;
}

#loeschenBestaetigenTextBox {
	background-color: #dadada;
	padding: 10px;
	-moz-box-shadow: 1px 1px 6px #292929; /* Firefox */
	-webkit-box-shadow: 1px 1px 6px #292929; /* Chrome, Safari */
	-khtml-box-shadow: 1px 1px 6px #292929; /* Konqueror */
	box-shadow: 1px 1px 6px #292929; /* CSS3 */
	min-height: 150px;
	border: 1px solid #dadada;
	color: #000000;
	width: 450px;
	margin: 100px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.Versteckt {
	display: none;
}

.AnrufEndeTitel {
	margin-top: 200px;
	margin-bottom: 50px;
}

/*Telefonoberfläche ------------------------------------------------------------------------------------------------------------------------------------------*/
.adressHistorieDetailsAnzeigen {
	color: #cb7f7f;
}

.adressHistorieDetailsAnzeigen:hover {
	color: black;
}

#PopUpBoxAdressHistorie {
	width: 1415px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 25px;
	color: #666;
	text-shadow: 1px 1px 0 #ffffff;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	padding: 10px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.fontAdressHistorieBox, .fontAdressHistorieBoxTitel {
	width: 95px;
	font-size: 0.8em;
	float: left;
	margin-bottom: 3px;
	text-align: center;
}

.fontAdressHistorieBoxTitel {
	font-weight: bold;
	border-bottom: 0.1pt solid black;
}

.telefonOberflaecheBox, .telefonOberflaecheBoxRechts, .telefonOberflaecheBoxReihe2, .telefonOberflaecheBoxReihe2Rechts {
	font-size: 0.9em;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 380px;
	line-height: 30px;
	max-height: 200px;
	min-height: 200px;
	float: left;
	color: #666;
	text-shadow: 1px 1px 0 #ffffff;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	padding: 10px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.telefonOberflaecheBoxRechts, .telefonOberflaecheBoxReihe2Rechts {
	width: 592px;
	margin-right: 0;
}

.telefonOberflaecheBoxReihe2, .telefonOberflaecheBoxReihe2Rechts {
	min-height: 550px;
}

.AdressHistorieBox {
	line-height: 20px;
}

.validationbox {
	min-height: 50px;
	width: 1415px;
	float: left;
	color: #666;
	text-shadow: 1px 1px 0 #ffffff;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	padding: 10px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
	display: none;
}

.TelefonOberflaecheBoxtitle {
	margin-bottom: 5px;
	font-weight: bold;
}

#anrufEndeBox {
	display: none;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
}

#AnrufEndeTitel {
	color: snow;
	font-size: 30pt;
	padding: 30px;
}

.liveFelderTitel {
	float: left;
	width: 165px;
}

.liveFelder {
	margin-left: 5px;
	padding-left: 10px;
	width: 200px;
	float: left;
}

.liveFelder input[type=text], .liveFelder select {
	max-width: 180px;
}

#AnrufEndeWrapper {
	border: 2px solid white;
	border-radius: 50px;
	padding: 40px;
	background-color: rgba(0, 0, 0, 0.6);
	margin-top: 200px;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#AnrufEndeButtonsWrapper {
	float: left;
}

#AnrufEndeContentWrapper {
	float: left;
	margin-left: 50px;
}

#AnrufEndeContent {
	color: white;
	display: none;
}

.AnrufEndeButton, .BestaetigenButton {
	display: none;
	width: 250px;
	padding: 3px;
	-moz-user-select: none;
	background: #eee linear-gradient(#fcfcfc, #eeeeee) repeat-x;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	color: #333;
	cursor: pointer;
	font-weight: bold;
	position: relative;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
	white-space: nowrap;
	text-align: center;
	line-height: 30px;
	margin-bottom: 20px;
}

.AnrufEndeButton:hover, .BestaetigenButton:hover {
	box-shadow: 0 0 2px 2px antiquewhite;
}

#MiniContentLineRight {
	float: left;
	margin-bottom: 20px;
}

#MiniContentLineLeft {
	width: 300px;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}

.BestaetigenButton {
	display: block;
	margin-top: 20px;
	margin-left: 330px;
	color: green;
}

#MiniContentWrapper {
	min-height: 210px;
}

#AnrufEndeOutput {
	color: white;
	margin-left: 330px;
}

.subtitle {
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

#MiniContentTelHinzufuegen {
	display: none;
}

#ShootingAufnehmenButton {
	margin-top: 5px;
	text-align: center;
	margin-left: 580px;
}

/*Kleine Boxfür das Bestätigen des Verlassen der Oberfläche*/
.bestaetigenBox {
	font-weight: bold;
	text-align: center;
	display: none;
	margin-top: -10px;
	position: fixed;
	width: 160px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 25px;
	color: #666;
	text-shadow: 1px 1px 0 #ffffff;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	padding: 10px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

#abweisenFenster {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 20px;
	border: 2px solid snow;
	opacity: 0.9;
	background-color: black;
	margin-top: 200px;
}

#abweisenWrapper {
	padding: 30px;
}

#abweisenBemerkung {
	width: 300px;
	height: 200px;
	padding: 10px;
}

/*styling für elemente bei eingehenden Anrufen ------------------------------------------------------------------------------------------------------------------------------------------*/

#inboundWrapper {
	width: 100%;
	margin-bottom: 20px;
}

#inboundButton {
	text-align: center;
}

#inboundButtonLogo {
	vertical-align: middle;
}

#inboundButtonText {
	vertical-align: middle;
	margin-left: 10px;
}

#inboundBox {
}

.inboundAnrufTD, .inboundAnrufTH {
	text-align: center;
}

.inboundAnrufLinie {
	display: none;
}

/* Call Progress Bar ------------------------------------------------------------------------------------------------------------------------------------------*/
progress {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 10px;
	width: 83%;
	height: 20px;
	border: none;
}

/*Für firefox:*/
progress[value]::-moz-progress-bar {
	background-image: -moz-linear-gradient(
			135deg,
			transparent 33%,
			rgba(0, 0, 0, 0.1) 33%,
			rgba(0, 0, 0, 0.1) 66%,
			transparent 66%
	),
	-moz-linear-gradient(
			top,
			rgba(255, 255, 255, 0.25),
			rgba(0, 0, 0, 0.25)
	),
	-moz-linear-gradient(
			left,
			rgba(0, 84, 0, 1),
			rgba(0, 255, 0, 1)
	);
	border-radius: 10px;
	background-size: 35px 20px, 100% 100%, 100% 100%;
}

#anrufStatus {
	text-align: center;
	width: 100%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: -15px;
}

/*Statistik ------------------------------------------------------------------------------------------------------------------------------------------*/

.statistikFilterVersteckt {
	display: none;
}

#filterAufUndZuKlappen {
	cursor: pointer;
	text-align: right;
	float: right;
}

.vonBisTextfelderZwischenDatum {
	margin-left: 20px;
	margin-right: 20px;
}

#shootingDiagramm {
	width: 1440px;
	margin-top: 20px;
}

#filter {
	margin-bottom: 20px;
}

/*Call Center Cockpit------------------------------------------------------------------------------------------------------------------------------------------*/
#wrapper {
	display: none;
}

#menue {
	float: left;
	margin-right: 50px;
	width: 250px;
}

#anzeigewrapper {
	float: left;
	width: 1140px;
	min-height: 600px;
}

.cockpitButtons {
	margin-bottom: 20px;
	color: #666;
	text-shadow: 1px 1px 0 #ffffff;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	padding: 10px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.cockpitButtons:hover {
	color: black;
	cursor: pointer;
	box-shadow: 0 0 2px black;
}

.cockpitButtons:active {
	border: 2px inset black;
}

/*date and time picker ------------------------------------------------------------------------------------------------------------------------------------------*/
div.ui-datepicker {
	font-size: 13px;
	font-family: 'HelveticaNeue-Roman', Arial, sans-serif;
}

.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
	display: none;
}

.ui-timepicker-rtl {
	direction: rtl;
}

.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}

.ui-timepicker-rtl dl dd {
	margin: 0 40% 10px 10px;
}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
	padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
	display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
	display: block;
	padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
	text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
	display: inline-block;
	margin: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
	content: ':';
	display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
	content: '.';
	display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
	display: none;
}

.ui-timepicker-select {
	width: 50px;
}

/*======================================
  Selects - Design für Select Telefonnummer auf der Telefonoberfläche
======================================*/
.selectric {
	margin-top: 10px;
	background-color: #f5f5f5;
	background-image: -webkit-linear-gradient(#fff, #e6e6e6);
	background-image: -o-linear-gradient(#fff, #e6e6e6);
	background-image: linear-gradient(#fff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;
	border: 1px solid #cccccc;
	*border: 0;
	border-bottom-color: #b3b3b3;
	border-radius: 3px;
	position: relative;
}

th.header:hover {
	cursor: pointer;
	color: teal;
	font-weight: bold;
}

/*Toolbox*/
#toolbox {
	opacity: 0;
	width: 160px;
	position: fixed;
	color: #666;
	text-shadow: 1px 1px 0 #ffffff;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	padding: 10px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
	border-radius: 20px;
	z-index: 100;
}

.toolboxTop, .toolboxWrapper {
	margin-bottom: 20px;
}

.toolboxTitle {
	font-weight: bold;
	color: #000000;
}

.toolboxLinks {
	float: left;
}

.toolboxRechts {
	width: 110px;
	float: left;
	margin-left: 10px;
}

#toolboxSuche {
	width: 110px;
}

#scrollTop:hover {
	cursor: pointer;
}

/*======================================
  Neue Adresse Hinzufügen
======================================*/
#wizard {
	min-height: 800px;
	line-height: 25px;
	color: #666;
	text-shadow: 1px 1px 0 #ffffff;
}

#wizardWrapper {
	text-align: center;
}

.wizardButtonHeaderDesign {
	float: left;
	padding: 10px;
	font-size: 30px;
	cursor: pointer;
}

.wizardZwischenButtons {
	float: left;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 30px;
}

.seitenInhalt {
	min-height: 350px;
}

.wizardSeite {
	padding: 50px;
}

.wizardSeitentitel {
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 40px;
}

.wizardButtonsBottomDesign {
	width: 100px;
	-moz-user-select: none;
	background: #eee linear-gradient(#fcfcfc, #eeeeee) repeat-x;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	line-height: 30px;
}

.wizardButtonBottomSenden {
	color: green;
}

.landesFlaggeWrapper {
	margin-top: 20px;
}

.landesFlagge {
	width: 120px;
	height: 60px;
	margin-right: 40px;
	box-shadow: 0 2px 2px 2px grey;
	vertical-align: middle
}

.wizardSelectOption {
	text-align: left;
}

.wizardInput, .wizardSelect {
	margin-top: 20px;
	min-width: 600px;
	padding: 7px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	font-size: 20px;
	text-align: center;
}

.telInputs {
	margin-top: 20px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	font-size: 20px;
}

.wizardTextarea {
	width: 600px;
	height: 200px;
	margin-top: 20px;
}

#wizardOutput {
	text-align: center;
}

#wizardSpinner {
	display: none;
	text-align: center;
}

/*Adress freigabe*/

#iframeAdressFreigabe {
	width: 100%;
	height: 500px;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*======================================
  Design für einen Anruf mithören
======================================*/

#mithoerenWrapper {
	padding: 20px;
	border-radius: 20px;
}

#mithoerenBox {
	text-align: center;
}

#mithoerenTextElement {
	margin-top: 20px;
	padding: 5px;

}

#mithoerenAuflegenButton {
	margin-top: 20px;
	width: 300px;
}

/*======================================
  Shooting erfassen
======================================*/

#shootingAufnehmenWrapper {
	width: 100%;
}

#shootingAufnehmenInhalt {
	margin-top: 20px;
}

#shootingAufnehmenOutput {
	display: none;
	text-align: center;
	color: tomato;
}

.shootingAufnehmenTabellen {
	float: left;
	margin-right: 20px;
}

/*======================================
  Adress Suche
======================================*/

.filterLinien {
	display: none;
}

.adressDetailsAnzeigenButton {
	cursor: pointer;
}

.adressDetailsAnzeigen {
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
	position: fixed;
	height: 700px;
	width: 1440px;
	color: snow;
	border: 2px inset white;
	padding: 40px;
	margin-left: auto;
	margin-right: auto;
	z-index: 199;
	overflow: auto;
}

.fensterSchliessen {
	cursor: pointer;
	float: right;
}

.spalte {
	margin-bottom: 10px;
}

.spalteLinks {
	font-weight: bold;
	float: left;
	width: 200px;
}

.spalteRechts {
	float: left;
}

.detailHeader {
	width: 1350px;
	border-bottom: 2px solid snow;
	margin-bottom: 10px;
}

/*======================================
  Adress Statistik
======================================*/

#adressStatistikLinks {
	width: 400px;
	float: left;
}

#adressStatistikRechts {
	margin-left: 400px;
	min-height: 400px;
}

.adressStatistikButton, .detailsAnzeigen {
	cursor: pointer;
	float: left;
	height: 25px;
	font-weight: bold;
	width: 250px;
	margin-bottom: 10px;
	color: #666;
	text-shadow: 1px 1px 0 #ffffff;
	border: #ccc 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	padding: 10px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.detailsAnzeigen {
	width: 20px;
}

.droppable {
	border: 2pt groove teal;
}