#page-wrap {
	background:none repeat scroll 0 0 white;
	margin:0px auto;
}

body {

	margin:0px;
	background-color:#fff;
	background-image:url(../images/bg_stripe.gif);
	background-repeat: repeat-x;
}

body,table {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #000;
}

/*body.loginpage {
	background-image:url(../images/bg_login.jpg);
	background-position:95px 165px;
	_background-position:95px 185px;
	background-repeat: no-repeat;
}*/

HTML>body {
	padding: 0;						/* Kind-selektor wird von Win/IE nicht erkannt */
}

a {
	/* color:#2a147f;  */
	color:#092769;
}

a:link {
	color:#092769;
}

a:hover {
	color:#524583;
}

a:active {
	color:#092769;
}

a:visited {
	color:#092769;
}

img {
	border: 0;
}

input[type=text], input[type=password], input[type=file]{
	background-color: white;
	border: 1px #092769 solid;
	font-size: 11px;
	padding: 2px;
	color: #210D6B;
	margin: 3px 3px 3px 3px;
}

input[type=submit], input.submit, input.button {
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	background-color: #092769;
	color: white;
	border: 0px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 3px 0 3px 0;
}

input.textfeld {
	background-color: white;
	border: 1px #092769 solid;
	font-size: 11px;
	padding: 2px;
	color: #210D6B;
	margin: 3px 3px 3px 3px;
}

input.monatsuebersicht[disabled] {
	background-color: #EEEEEE;
	border: 1px #CCCCCC solid;
	font-size: 11px;
	padding: 2px;
	color: #210D6B;
	margin: 3px 3px 3px 3px;
}


textarea {
	border: 1px #092769 solid;
	padding: 3px;
	font-size: 11px;
	color: #092769;
	font-family: arial;
	width: 200px;
}

.clearLeft {
	clear: left;
}

#header {
	height:50px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	font-size: 11px;
}

#header p{
	margin:0;
	color:#fff;
}

#topBlue {
	background-color:#092769;
	height:25px;
	margin:0;
	padding:0;
	width:100%;
}

.warenkorb {
	float:left;
	padding-top:4px;
}

#naviAusgabe {
	height: 20px;
	margin-left:30px;
	margin-right:20px;
	margin-bottom:0px;
	padding-top:4px;
	padding-right:15px;
	padding-bottom:0px;
	padding-left:15px;
	float:left;
	display:inline;					/* IE6 Double Float Margin Bug */
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-style: dotted;
	border-color: #fff;
	color:#fff;
	cursor:pointer;
	background-image:url(../images/bg_ani.gif);
}

#dreieck {
	position: absolute;
	top: 0px;
	right: 0;
	margin-left: 30px;
	margin-right: 50px;
	width: 250px;
	padding:0;
	z-index:300;
}

.logInOut {
	float:left;
	color: #999999;
	margin:5px 10px 0px 30px;
	_margin:5px 10px 0px 15px;
	width: 286px;
	_width: 283px;
}


#contentMain {
	margin-top:25px;		/* belongs under header, so add height=50 to top*/
	padding-right:280px; 	/* depends on width + margin-right of #contentRight */
	padding-left:30px;
	font-size: 12px;
	/* height:100%; */
}

#contentMain p {
	color:#000;
	margin: 2px 20px 10px 0;
}

#contentMain h1 {
	color: #092769;
	font-size: 23px;
	font-weight: bold;
	margin-top:25px;
	_margin-top:27px;
	padding:0;
}

#contentMain h2 {
	color: #092769;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#contentMain h3 {
	color: #092769;
	font-size: 14px;
	font-weight: bold;
	/* margin-top: 1.3em; */
	margin-bottom: 1.1em;
}

#contentMain b.blau {
	color: #092769;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1.1em;
}

#contentMain th {
	font-weight:bold;
	text-align:left;
	background-color: #d1c6ff;
	vertical-align:bottom;
}

#contentMain div#navInfo {
	background-color: #dcdcdc;
	margin:14px 0 30px 0;
	padding:4px;
	color: #333;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	height:25px;
}

#contentMain div#navInfo form {
	margin:0px;
}

#contentMain div#navInfo form input {
	float: left;
}

#contentMain div#navInfo p {
	margin: 4px 0 0px 0;
	float: left;
}

#contentMain div#navInfo input.submit { /* der Submit-Button */
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	background-color: #092769;
	color: white;
	border: 0px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 3px 0 3px 0;
	width:auto;
	text-align: center;
}

#contentRight {
	border-left: 1px #999 dotted;
	width: 250px;
	margin: 0 0 0 0;
	padding:0 10px 0 10px;
	position:absolute;
	top:0;
	right:0;
	padding-top: 0!important;
}

#contentRight p {
	color: #000;
	font-size: 12px;
}

#contentRight p:first-child {
	margin-top: 140px;
}

#contentRight h1 {
	color: #092769;
	font-size: 15px;
	font-weight: bold;
	margin-top:2px;
	margin-bottom:2px;
}

#contentRight #menu2 {
	width: 250px;
	margin: 10px 0 0 0;
	border-style: solid;
	border-color: #D8D5D1;
	border-width: 1px;
	font-size: 11px;
	float: right;
}

#contentRight #menu2 ul {
	list-style: none;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 0px;
	color: #999;
	font-size: 11px;
}

#contentRight #menu2 ul a.grey{
	list-style: none;
	color: #555;
	text-decoration: underline;
}

#contentRight #menu2 ul a.grey:hover{
	color: #555;
	background-color:transparent;
}


#contentRight #menu2 li a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: none;
}

#contentRight #menu2 li a:link, #contentRight #menu2 li a:visited {
	display: block;
}

#contentRight #menu2 li a:hover {
	display: block;
	color: white;
	background-color: #092769;
}

#slideNavi {
	position: absolute;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 30px;
	top: 26px;
	left: 30px;
	/* width: 590px; */
	border-width: 1px;
	border-style: dotted;
	border-color: #092769;
	z-index:2;
	background:url(../images/bg-white.gif) repeat ;
	/* filter:alpha(opacity=95); */
}

#slideNavi p {
	margin-top:0px;
	/* margin-left:20px; */
	color: #FFF;
	line-height: 13px;
}

#slideNavi .quadBottom {
	padding: 8px 0 0 6px;
}

.naviLink {
	/* font-family: arial, helvetica, sans-serif; */
	font-size:13px;
	height:14px;
}

.blockRed {
	float:left;
	display:inline;		/* IE6 Double Float Margin Bug */
	width: 180px;
	height: 180px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:0px;
	background-color: #fb091e;
	overflow: hidden;
}

.blockBlue h1, .blockRed h1 {
	font-size: 14px;
	color: white;
	margin-left: 10px;
}

div.platzhalter {
	_height:5px;
}

*+html div.platzhalter{/* f�r den IE7 */
	height:14px;
}

div.admin {
	background-color: #eee;
	height:24px;
}


*+html div.admin {/* f�r den IE7 */
	height: 45px;
}



p.platzhalterInnen {
	margin-top:15px;
	_margin-top:10px;
	margin-left:15px;
	padding-top:12px;
	_padding-top:5px;
}


.blockRed a {
	color: #FFF;
}
.blockRed a:visited {
	color: #FFF;
}

.blockRed a:hover {
	color: #faa;
}


.blockRed p {
	margin-bottom:3px;
}

.blockBlue {
	float:left;
	display:inline;		/* IE6 Double Float Margin Bug */
	width: 180px;
	height: 180px;
	_height: 180px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:10px;
	padding-bottom:0px;
	margin-left:0px;
	background-color: #092769;
	overflow: hidden;
}

img.falke {
	margin: 0 0 -4px 0;
	background-color: green;
}



.blockBlue a {
	color: #FFF;
}

.blockBlue a:visited {
	color: #fff;
}

.blockBlue a:hover {
	color: #aaf;
}

.blockBlue p {
	margin-bottom:4px;
}

.blockGrey{
	float:left;
	width: 180px;
	height: 180px;
	margin:0px 10px 10px 0px;
	background-color: #eee;
}

.blockGrey a{
	color: #092769;
}

.slideNaviBottom {
	margin-right:20px;
	padding-top:20px;
	margin-bottom:10px;
	clear:left;
}

.slideNaviBottomLeft {
	position: absolute;
	left:15px;
	width:160px;
	padding-left:10px;
	background-color:#092769;
	height:28px;
	line-height:24px;
}

.slideNaviBottomRight {
	position: absolute;
	right:10px;
	width:180px;
	background-color:#092769;
	height:28px;
	line-height:24px;
	text-align:left;
}

.butSchliessen {
	margin-right:20px;
	padding-top:20px;
	margin-bottom:10px;
	clear:left;
}

.button {
	cursor:pointer;
	color: #fff;
	margin-left: 5px;
}

#aboveFooter {
	clear:both;
}

#footer {
	padding: 0px;
	height: 42px;
	background-image:url(../images/bg_footer.gif);
	margin:40px 280px 0 0;

}

#footer p {
	margin: 20px 0 0 20px;
	font-size: 11px;
	color: #fff;
	float: left;
}

#footer img {
	float: right;
}


#footer p a{
	text-decoration:underline;
	color: #fff;
}

.spaltenhead {
	font-weight:bold;
	background-color: #d1c6ff;
}

.markiertRot {
	font-weight:bold;
	color:#fb091e;
}

#artikelAlles {
	clear:both;
	width:100%;
}

#artikelSpalte3 {
	float:left;
	width:35%;
	min-width:285px;
	margin-right: 3px;
	margin-left: 3px;
	padding: 2px 3px 2px 2px;
}

#artikelSpalte3 label{
	float:left;
	width:25%;
	padding: 1px 1px 1px 1px;
}

#artikelSpalte3 b {
	color: #092769;
}

#artikelSpalte3 input{
	/*
	margin-left: 35px;
	margin-top: -15px;
	*/
	float: left;
}

#artikelBekleidung input{
	/*
	margin-left: 60px;
	margin-top: -15px;
	*/
	float: left;
}

#artikelBekleidung br{
	margin-top: -10px;
}

.spaltePreis {
	color: #092769;
	background-color:#e0f0ff;
	margin-top:20px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-top: 1px #B0CEE9 solid;
	border-bottom: 1px #B0CEE9 solid;
}


hr {
	width: 100%;
	background-color: #CCCCCC;
	border: #CCCCCC;
	color: #CCCCCC;
	height: 1px;
	margin: 5px 0 10px 0;
}

legend {
	color: #092769;
}

fieldset {
	margin-top:20px;
}

label.formularlabel,input.formularinput,label.formularinput,label.newsletter {
	display: block;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right:20px;
}

label.formularlabel {
	width: 200px;
	padding-right: 20px;
}

label.newsletter {
	width: 100px;
	padding-right: 20px;
}

input.newsletter {
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-right: 40px;
	width: 50px;
}

/*
input.formularinput, label.formularinput {
	margin: 0 30px 0 50px;
}
*/

br.formularbr {
	clear: left;
}

#formNormal label,#formNormal input,#formNormal .inputpflicht {
	display: block;
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}

#formNormal .inputpflicht {
	background-color: #d1c6ff;
}

#betriebAusw label {
	margin-bottom:10px;
	margin-top:0px;
	width:120px;
	z-index:-1;
}

#betriebAusw input {
	margin: 0 10px 0 0;
	text-align: right;
	width:75px;
}

#betriebAusw input,label {
	float:left;
	display:block;
	vertical-align:top;

}

#betriebAusw input.checkbox {
	margin: 0;
	text-align: right;
	width: 0px;
}

#betriebAusw input.links {
	margin: 0 10px 0 0;
	text-align: left;
	width: 125px;
}

#betriebAusw label.links {
	margin-bottom:0px;
	margin-top:0px;
	width: 130px;
}

#betriebAusw label.rechts {
	margin-bottom:0px;
	margin-top:0px;
	width:90px;
	text-align: right;
}

#betriebAusw label.gross {
	margin-bottom:0px;
	margin-top:0px;
	width:140px;
	text-align: left;
}

#betriebAusw label.klein {
	margin-bottom:0px;
	margin-top:0px;
	width:73px;
	text-align: right;
}

#betriebAusw input.submit { /* den Submit-Button */
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	background-color: #092769;
	color: white;
	border: 0px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 3px 0 3px 0;
	width:auto;
	text-align: center;
}

#betriebAusw br { /* Alle Zeilenumbruche in Admin-Formularen auswahlen */
	clear: left; /* das floating der labels und inputs aufheben */

}

form.login {
	width:300px;
}

form.login label { /* Alle Labels UND Formularelemente ausw�hlen */
	display: block;
	float: left;
	width: 100px; /* Breite.*/
}

form.login input, form.login select, input.textfeld {
	display: block;
	float: left;
	width: 100px; /* Breite.*/
}

form.login br { /* Alle Zeilenumbr�che in Formularen ausw�hlen */
	clear: left; /* das floating der labels und inputs aufheben */
}

form.login input#submit { /* den Submit-Button */
	float: none;
	width: auto;
}

div.meldung {
	font-weight: bold;
	color: red;
}

div.hinweis {
	font-weight: bold;
	color: green;
}

div.meldungWarenkorb {
	float:left;
	background-color: #CCF2CC;
	padding: 5px;
	border-top: 1px #2AA72A solid;
	border-bottom: 1px #2AA72A solid;

}

#header div.meldungWarenkorb p {
	font-weight: bold;
	color: #2AA72A;
	margin: 0 17px 0 17px;
}

td.header {
	vertical-align:bottom;
	background-color:#D8D5D1;
}

td.contentOdd {
	background-color:#f4f4f4;
}

tr.bghover {
	background: #fff;
	color: #000000;
	text-decoration: none;
}

tr.bghover:hover {
	color: #000000;
	background-color: #EFEFEF;
	text-decoration: none;
}

.false {
	background-color: red;
}

.ungeradezeile{
	vertical-align: top;
}

.geradezeile{
	background-color: #f4f4f4;
	vertical-align: top;
}

.hinweis {
	font-weight:bold;
	color:#30ab16;
}

.hinweis_leicht {
	color:#aaaaaa;
	font-size:0.9em;
}

.error {
	font-weight:bold;
	color:#fb091e;
}

.success {
	font-weight:bold;
	color:#00ff00 !important;
}

li.active{
	font-weight: bold;
}

/*---------------------------------formulare---------------------------------*/

.ym-form .ym-fbox-text:after, .ym-form .ym-fbox-select:after, .ym-form .ym-fbox-check:after, .ym-form .ym-fbox-button:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

.ym-fbox-button {text-align:center;}

.ym-form .ym-fbox-text:before, .ym-form .ym-fbox-select:before, .ym-form .ym-fbox-check:before, .ym-form .ym-fbox-button:before {
	content: "";
	display: table;
}

.ym-form div.ym-fbox-text, .ym-form div.ym-fbox-select, .ym-form div.ym-fbox-check, .ym-form div.ym-fbox-button {
	margin-bottom: 0.5em;
	padding: 0.3em 1em;
}

.ym-form div {
	position: relative;
}

.ym-form input,
.ym-form input,
.ym-form textarea,
.ym-form select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:auto;
}

.ym-columnar label {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ym-form fieldset {
	position:static;
	background:transparent;
	margin: 0.75em 0 0.75em 0;
	padding: 0 0.5em;
}

.ym-form legend {
	background:transparent;
	color:#000;
	font-size:1.2em;
	line-height:1.25em;
	font-weight:bold;
	padding:0 0.5em;
}

.ym-form label {
	color:#666;
	line-height: 1.5em;
	padding-bottom: 0.5em;
	float: none;
}

.ym-label {
	color: #666;
	padding-top: 0.25em;
}

.ym-form .ym-form div.ym-fbox-check:focus + label {
	color:#000;
}
.ym-form .ym-fbox-check input {
	display: inline;
	width: auto;
}
.ym-form .ym-fbox-check label {
	display: inline;
}

/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
.ym-form div.ym-fbox-text,
.ym-form div.ym-fbox-select,
.ym-form div.ym-fbox-check,
.ym-form div.ym-fbox-button {
	padding: 0.3em 1em;
	margin-bottom: 0.5em;
}

.ym-form div.ym-fbox-button {
	background: #ececec;
	border-top: 1px #e0e0e0 solid;
	padding:0 1em 1.5em 1em;
	margin: 0;
}

.ym-form .ym-gbox {
	padding: 0 0.5em;
	margin-right: 0;
}

.ym-form h6 {
	color: #000;
	margin: 1em 0 0 1em;
}

/**
* @section styling form elements
*
* Styling for: Input, Textarea, Select ...
*
*/

/* styling standard form elements with 'almost' equal flexible width */
/* Gestaltung der einzelnen Formularelemente mit ann�hend gleicher Breite */
.ym-form .ym-fbox-text input,
.ym-form .ym-fbox-text textarea {
	line-height: 1em;
	padding: 0.5em 0.3em;
	margin-top: -2px;
}

.ym-form .ym-fbox-select select {
	line-height: 1em;
	padding: 0.25em 2px 0.25em 1px;
	margin-top: -2px;
}

/* proportional fonts for all form elements */
.ym-form input,
.ym-form textarea,
.ym-form select,
.ym-form optgroup {
	font-family:Arial, Helvetica, sans-serif;
	-webkit-box-shadow: inset 0 0 4px #eee;
	-moz-box-shadow: inset 0 0 4px #eee;
	box-shadow: inset 0 0 4px #eee;
}

.ym-form optgroup {
	font-style:normal;
	font-weight:bold;
}

.ym-form .ym-fbox-text input,
.ym-form .ym-fbox-text textarea,
.ym-form .ym-fbox-select select {
	border:1px solid #ddd;
}

/* Form Error Messages | Formular Fehler Benachrichtigung */

.ym-form .error label {
	color:#800;
	font-weight:normal;
}

.ym-form .error input,
.ym-form .error select,
.ym-form .error textarea {
	border: 1px #800 solid;
}

.ym-form .error input:hover,
.ym-form .error input:focus,
.ym-form .error select:hover,
.ym-form .error select:focus,
.ym-form .error textarea:hover,
.ym-form .error textarea:focus {
	border: 1px #800 solid !important;
}

h3.error { color: #800; }
ul.errordisplay {
	background:#ffdddd;
	border:2px #fff solid;
	margin: 1.5em 0 0 0;
	padding: 10px 15px;
	-webkit-box-shadow: 0 0 4px #ddd;
	-moz-box-shadow: 0 0 4px #ddd;
	box-shadow: 0 0 4px #ddd;
}
ul.errordisplay li {
	list-style-type: none;
}

/* General form styling	| Allgemeine Formatierung des Formulars */
.ym-form .ym-message {
	color:#666;
	margin-bottom:0.5em;
}

/* form validation highlight colors */
.ym-form input:valid,
.ym-form textarea:valid { background-color: #fff; }
.ym-form input:invalid,
.ym-form textarea:invalid { background-color: #fdd; }


/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
.ym-form div.ym-fbox-text input:focus,
.ym-form div select:focus,
.ym-form div textarea:focus,
.ym-form div.ym-fbox-text input:hover,
.ym-form div select:hover,
.ym-form div textarea:hover,
.ym-form div.ym-fbox-text input:active,
.ym-form div select:active,
.ym-form div textarea:active {
	border:1px #888 solid;
	background:#fff;
}

/*------------------------buttons--------------------------*/

.ym-form .ym-fbox-button input {
	display: inline;
	overflow: visible;
	width: auto;
}

.ym-button,
.ym-form button,
.ym-form input[type="button"],
.ym-form input[type="reset"],
.ym-form input[type="submit"] {
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
	color: #333 !important;
	cursor: pointer;
	font: normal 1em/2em Arial, Helvetica;
	margin: 1.5em 0.75em 0 0;
	padding: 0.1em 0.5em;
	overflow: visible; /* removes extra side spacing in IE */
	text-decoration: none !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

.greenButton {
	display: inline-block !important;
	white-space: nowrap !important;
	background-color: #ccc !important;
	background-image: -webkit-linear-gradient(top, #3d9e2a, #49cd2f) !important;
	background-image: -moz-linear-gradient(top, #3d9e2a, #49cd2f) !important;
	background-image: -ms-linear-gradient(top, #3d9e2a, #49cd2f) !important;
	background-image: -o-linear-gradient(top, #3d9e2a, #49cd2f) !important;
	background-image: linear-gradient(top, #3d9e2a, #49cd2f) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d9e2a', EndColorStr='#49cd2f') !important;
	border: 1px solid #fff !important;
	-webkit-border-radius: .2em !important;
	-moz-border-radius: .2em !important;
	border-radius: .2em !important;
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15) !important;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15) !important;
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15) !important;
	color: #fff !important;
	font-weight:bold !important;
	cursor: pointer !important;
	font: normal 1.4em/2.4em Arial, Helvetica !important;
	margin: 1.5em 0.75em 0 0 !important;
	padding: 0.3em 1.5em !important;
	overflow: visible !important; /* removes extra side spacing in IE */
	text-decoration: none !important;
	text-shadow: none !important;
	text-align: center !important;
}

.ym-form .ym-fbox-button .onlineButton {
	background-color: #3d9e2a;
	background-image: -webkit-linear-gradient(top, #3d9e2a, #49cd2f);
	background-image: -moz-linear-gradient(top, #3d9e2a, #49cd2f);
	background-image: -ms-linear-gradient(top, #3d9e2a, #49cd2f);
	background-image: -o-linear-gradient(top, #3d9e2a, #49cd2f);
	background-image: linear-gradient(top, #3d9e2a, #49cd2f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d9e2a', EndColorStr='#49cd2f');
	border: 1px solid #777;
	color: #fff !important;
	font: bold 1.1em/2em Arial, Helvetica;
	padding: 0.3em 1em;
	text-shadow: none;
}

.ym-form .ym-fbox-button .onlineButton:hover {
	background-color: #3d9e2a;
	background-image: -webkit-linear-gradient(top, #3d9e2a, #49cd2f);
	background-image: -moz-linear-gradient(top, #3d9e2a, #49cd2f);
	background-image: -ms-linear-gradient(top, #3d9e2a, #49cd2f);
	background-image: -o-linear-gradient(top, #3d9e2a, #49cd2f);
	background-image: linear-gradient(top, #3d9e2a, #49cd2f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d9e2a', EndColorStr='#49cd2f');
	border: 1px solid #777;
	color: #fff !important;
	font: bold 1.1em/2em Arial, Helvetica;
	padding: 0.3em 1em;
	text-shadow: none;
}

.ym-form .ym-fbox-button .offlineButton {
	background-color: #3d9e2a;
	background: #cf0404;
	background: -moz-linear-gradient(top,  #cf0404 0%, #ff3019 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#ff3019));
	background: -webkit-linear-gradient(top,  #cf0404 0%,#ff3019 100%);
	background: -o-linear-gradient(top,  #cf0404 0%,#ff3019 100%);
	background: -ms-linear-gradient(top,  #cf0404 0%,#ff3019 100%);
	background: linear-gradient(to bottom,  #cf0404 0%,#ff3019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 );
	border: 1px solid #777;
	color: #fff !important;
	font: bold 1.1em/2em Arial, Helvetica;
	padding: 0.3em 1em;
	text-shadow: none;
}

.ym-form .ym-fbox-button .offlineButton:hover {
	background-color: #3d9e2a;
	background: #cf0404;
	background: -moz-linear-gradient(top,  #cf0404 0%, #ff3019 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#ff3019));
	background: -webkit-linear-gradient(top,  #cf0404 0%,#ff3019 100%);
	background: -o-linear-gradient(top,  #cf0404 0%,#ff3019 100%);
	background: -ms-linear-gradient(top,  #cf0404 0%,#ff3019 100%);
	background: linear-gradient(to bottom,  #cf0404 0%,#ff3019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 );
	border: 1px solid #777;
	color: #fff !important;
	font: bold 1.1em/2em Arial, Helvetica;
	padding: 0.3em 1em;
	text-shadow: none;
}

table input.tablebutton {
	margin: 0.3em 0 0.3em 0!important;
}

.ym-form button:hover,
.ym-form input[type="button"]:hover,
.ym-form input[type="reset"]:hover,
.ym-form input[type="submit"]:hover,
.ym-button:hover {
	background-color: #ddd;
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}

.ym-form button:active,
.ym-form input[type="button"]:active,
.ym-form input[type="reset"]:active,
.ym-form input[type="submit"]:active,
.ym-button:active {
	background-color: #bbb;
	background-image: -webkit-linear-gradient(top, #ccc, #bbb);
	background-image: -moz-linear-gradient(top, #ccc, #bbb);
	background-image: -ms-linear-gradient(top, #ccc, #bbb);
	background-image: -o-linear-gradient(top, #ccc, #bbb);
	background-image: linear-gradient(top, #ccc, #bbb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
	box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
	position: relative;
	top: 1px;
}

.ym-form button:focus,
.ym-form input[type="button"]:focus,
.ym-form input[type="reset"]:focus,
.ym-form input[type="submit"]:focus,
.ym-button:focus {
	outline: 0;
	background: #fafafa;
}

.tbutton {
	margin: 0;
	vertical-align: middle;
	line-height: 1.35em;
	margin-right: 1em;
}

/*----------------------eigener code-----------------------*/

.formtable {clear:both; padding-top:20px;}

#onlineFlag {
	padding:1px 3px;
	font-weight:bold;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

p.hinweisdisplay {color:#267816 !important; font-weight:bold;}

.formleft, .formright {

	max-width: 50%;
	min-width: 500px;
	float: left;
}
.formright {
	float: left;
	min-width: 480px;
	max-width: 50%;
}

.ym-grid select { margin-right: 5px; }

.formbox.left {
	margin-right: 20px;
}
.formbox {
	background:#f4f4f4;
	border:2px #fff solid;
	margin: 1.5em 0 0 0;
	padding: 0;
	-webkit-box-shadow: 0 0 4px #ddd;
	-moz-box-shadow: 0 0 4px #ddd;
	box-shadow: 0 0 4px #ddd;
}
#contentMain .formbox h3 {
	margin: 0.5em 0 0.5em 0.5em;
	font-size: 1.5em;
	color: #444;
}

#contentMain .formbox h4 {
	margin: 0.5em 0 0.5em 1.1em;
	font-size: 0.8em;
	color: #666;
}

.uploadbox {
	margin: 10px;
	overflow: hidden;
}


#dateiInfoBlock, #linkInfoBlock {
	margin-bottom:50px;

}

.uploadbox select {
	float: left;
	max-width: 55%;
}
.uploadbox img {
	float: left;
	max-width: 55%;
	border: 1px solid #DDDDDD;
}
.uploadbox .buttonbox {
	float: left;
	padding: 0 10px;
	/*max-width: 35%;*/
	min-width: 100px;
}
.ym-form .buttonbox input {
	margin: 0 0 1em 0;
}
.ym-form input.normalbutton {
	width: auto;
}
.ym-form select.normal,.ym-form input.normal {
	width: auto;
}

.ym-form .formbox .columnar {
	padding-top: 15px;
}
.columnar label,
.columnar select,
.columnar input {
	display: inline;
	margin-right: 0.6em;
	margin-top: 0!important;
	vertical-align: middle;
	width: auto;
}
.editbox {
	border: 1px solid #CCCCCC;
	clear: both;
	padding: 10px 0;
	margin:0 0 10px 10px;
	width:70%;
	background-color:white;
}
/*---------------------------------grid---------------------------------*/
.ym-grid {
	display: table;
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	table-layout: fixed;
	/* width: 100%; */
}
.ym-g50 {
	width: 50%;
}
.ym-gl {
	float: left;
	margin: 0;
}
.ym-gr {
	float: right;
	margin: 0 0 0 -5px;
}
/*------------------------------tables------------------------------*/
.ym-form table {
	border-collapse:collapse;
	margin: 1.3571em 0 0 0;
	color:#333;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

.ym-form table.narrow {
	margin:  1.4286em 0 0 0;
}

.ym-form table.narrow th,
.ym-form table.narrow td {
	padding: 0 0.5em;
	line-height: 1.4286em;
}

.ym-form table.bordertable {
	border:1px #ccc solid;
}

.ym-form table caption {
	font-variant:small-caps;
}

#contentMain .ym-form th, td {
	line-height: 1.5em;
	vertical-align: top;
	padding: 0.7143em 0.5em;
	background-color: #F4F4F4;
}

th *:first-child,
td *:first-child {
	margin-top: 0;
}

th.nowrap,
td.nowrap {
	white-space: nowrap;
}

#contentMain .ym-form thead th {
	text-align: left;
	color:#000;
	border-bottom:2px #000 solid;
}

#contentMain .bordertable thead th {
	background:#e0e0e0;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

.bordertable tbody th[scope="row"] {
	background:#f0f0f0;
}

.ym-form tbody th {
	text-align: left;
	border-top:1px solid #ccc;
	text-align:left;
}

.bordertable tbody th {
	border-right:1px solid #ccc;
}

.ym-form tbody td {
	text-align: left;
	border-top:1px solid #ccc;
}

.bordertable tbody td {
	border-right:1px solid #ccc;
}

/* highlight row on mouse over */
.ym-form tbody tr:hover th,
.ym-form tbody tr:hover td {
	background:#f8f8f8;
}

h3.batch {
	margin: 30px 0 0 0;
}

#tools {
	margin:0 0 30px 0;
}

table.vmargin {
	margin-left: 10px;
	margin-right: 10px;
}

/*------------------------------modale Dialoge------------------------------*/


.ajaxModal{
	display:none;
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
	background-image:url(../images/bg_modal.png);
}

.modaldialog {
	width:300px;
	margin: 100px auto;
	background-color: #fff;
	border:1px solid #000;
	padding:15px;
	text-align:center;
}

#editDataDialog{
	padding-top:10px;
}

#editDataDialog label{
	width:100px;
	margin-bottom:10px;
}

.rssfeed_feed {
	margin-top: 250px;
}
.panel-heading h4 a {
	position: relative;
	left: 40px;
}
.panel-heading h4 a:before {
	display: block;
	position: absolute;
	top: 50%;
	left: -40px;
	margin-top: -5px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #555555 transparent transparent;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-ms-transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
}
.panel-heading h4 a.empty:before {
	display: none;
}
.panel-heading h4 a.collapsed:before {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.drgdp {
	color: #555555;
}
.container {
    width: auto !important;
}
.form-control, input {
    padding: 6px 12px !important;
    font-size: 14px !important;
    color: #555 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}
.has-error .form-control {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}
.sortable-dragging {
    background-color: #286090;
    border: 1px solid #204d74;
    height: 42px;
}
.sortable-placeholder {
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    height: 42px;
}

.das-selection ul {
	list-style-type: none;
}

.das-selection li {
	display: inline-block;
}

.das-selection input[type="checkbox"][id^="produkt"],
.das-selection input[type="checkbox"][id^="leistung"]{
	display: none;
}

.das-selection label {
	border: 1px solid #fff;
	padding: 10px;
	display: block;
	position: relative;
	margin: 10px;
	cursor: pointer;
	text-align: center;
}

.das-selection label:before {
	background-color: white;
	color: white;
	content: " ";
	display: block;
	border-radius: 50%;
	border: 1px solid grey;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 28px;
	transition-duration: 0.4s;
	transform: scale(0);
	z-index: 1;
}

.das-selection label img {
	height: 32px;
	width: 32px;
	transition-duration: 0.2s;
	transform-origin: 50% 50%;
}

.das-selection :checked + label {
	border-color: #ddd;
}

.das-selection :checked + label:before {
	content: "\2713 ";
	background: rgba(128,128,128,0.7);
	transform: scale(1);
}

.das-selection :checked + label img {
	transform: scale(0.9);
	box-shadow: 0 0 5px #333;
	z-index: -1;
}

/* New main navigation */
.container {
	padding: 30px 5px;
	max-width: 1100px;
}

.main {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.togglebox {
	float: left;
	margin-left: 10px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 20px;
}

.toggler {
	font-size: 20px;
	width: 25px;
	margin-top: 4px;
	float: left;
}

.toggler span {
	width: 22px;
	height: 2px;
	margin-bottom: 5px;
	background: #fff;
	display: block;
}

.close {
	display: block;
	top: 10px;
	height: 22px;
	width: 22px;
	cursor: pointer;
}

.close::before, .close::after {
	display: block;
	content: "";
	height: 2px;
	width: 22px;
	background-color: #000;
	transform: rotate(45deg);
	margin-top: 10px;
}

.close::after {
	transform: rotate(-45deg);
	margin-top: -2px;
}

.menu-text {
	color: #fff;
	float: left;
	font-size: 14px;
	line-height: 23px;
	padding-left: 5px;
}

.menu-text-end:after {
	content: "einblenden";
	display: inline-block;
}

.toggled .menu-text-end:after {
	content: "ausblenden";
}

.main_nav {
	position: absolute;
	top: -300px;
	left: 30px;
	width: auto;
	z-index: 10000;
	transition: all 0.5s ease;
}

.main_nav.open-nav {
	top: 30px;
}

.main_nav nav {
	position: relative;
	background-color: #fff;
	padding: 15px;
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
	min-width: 900px;
}

.main_nav .row, .container .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}

.main_nav .col, .container .col {
	position: relative;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
	box-sizing: border-box;
}

.main_nav .col a {
	display: flex;
	align-items: center;
	height: 100%;
	text-decoration: none;
	background-color: #092769;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 3px;
	transition: background-color 0.3s linear;
}

.container .col a {
	display: block;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #092769;
	height: 100%;
	text-decoration: none;
	position: relative;
}

.container .col a .content {
	display: block;
	padding: 15px;
	font-weight: bold;
	font-size: 14px;
}

.main_nav .col a:hover {
	background-color: #508ECC;
}

.container .col a img {
	max-width: 100%;
	height: auto;
}

.main_nav .col a img {
	max-width: 30px;
	min-width: 30px;
	margin-right: 5px;
}

.iconblock {
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px;
}

.iconblock::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: #092769 transparent transparent transparent;
}

.iconblock img {
	position: relative;
	z-index: 100;
}

@media (min-width: 800px) {
	.main_nav .col, .container .col {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.main_nav .col.col-4, .container .col.col-4 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;		
	}

	.main_nav .col.col-3 .container .col.col-3 {
		-ms-flex: 0 0 33.3%;
		flex: 0 0 33.3%;
		max-width: 33.3%;
	}
}

@media (min-width: 800px) and (max-width: 1200px) {
	.main_nav .col.col-4, .container .col.col-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;		
	}	
}

@media (max-width: 799px) {
	.main_nav {
		top: -900px;
		left: 0;
	}

	.main_nav nav {
		min-width: auto;
	}
}

.container + #newsblock .rssfeed_feed {
	margin-top: 30px;
}

/* ------- ol.css Code -------- */

.ol-mouse-position {
	top: 8px;
	right: 8px;
	position: absolute;
  }
  
  .ol-scale-line {
	background: #95b9e6;
	background: rgba(0,60,136,0.3);
	border-radius: 4px;
	bottom: 8px;
	left: 8px;
	padding: 2px;
	position: absolute;
  }
  .ol-scale-line-inner {
	border: 1px solid #eeeeee;
	border-top: none;
	color: #eeeeee;
	font-size: 10px;
	text-align: center;
	margin: 1px;
	will-change: contents, width;
  }
  .ol-overlay-container {
	will-change: left,right,top,bottom;
  }
  
  .ol-unsupported {
	display: none;
  }
  .ol-viewport .ol-unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  
  .ol-control {
	position: absolute;
	background-color: #eee;
	background-color: rgba(255,255,255,0.4);
	border-radius: 4px;
	padding: 2px;
  }
  .ol-control:hover {
	background-color: rgba(255,255,255,0.6);
  }
  .ol-zoom {
	top: .5em;
	left: .5em;
  }
  .ol-rotate {
	top: .5em;
	right: .5em;
	transition: opacity .25s linear, visibility 0s linear;
  }
  .ol-rotate.ol-hidden {
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s linear, visibility 0s linear .25s;
  }
  .ol-zoom-extent {
	top: 4.643em;
	left: .5em;
  }
  .ol-full-screen {
	right: .5em;
	top: .5em;
  }
  @media print {
	.ol-control {
	  display: none;
	}
  }
  
  .ol-control button {
	display: block;
	margin: 1px;
	padding: 0;
	color: white;
	font-size: 1.14em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	height: 1.375em;
	width: 1.375em;
	line-height: .4em;
	background-color: #7b98bc;
	background-color: rgba(0,60,136,0.5);
	border: none;
	border-radius: 2px;
  }
  .ol-control button::-moz-focus-inner {
	border: none;
	padding: 0;
  }
  .ol-zoom-extent button {
	line-height: 1.4em;
  }
  .ol-compass {
	display: block;
	font-weight: normal;
	font-size: 1.2em;
	will-change: transform;
  }
  .ol-touch .ol-control button {
	font-size: 1.5em;
  }
  .ol-touch .ol-zoom-extent {
	top: 5.5em;
  }
  .ol-control button:hover,
  .ol-control button:focus {
	text-decoration: none;
	background-color: #4c6079;
	background-color: rgba(0,60,136,0.7);
  }
  .ol-zoom .ol-zoom-in {
	border-radius: 2px 2px 0 0;
  }
  .ol-zoom .ol-zoom-out {
	border-radius: 0 0 2px 2px;
  }
  
  
  .ol-attribution {
	text-align: right;
	bottom: .5em;
	right: .5em;
	max-width: calc(100% - 1.3em);
  }
  
  .ol-attribution ul {
	margin: 0;
	padding: 0 .5em;
	font-size: .7rem;
	line-height: 1.375em;
	color: #000;
	text-shadow: 0 0 2px #fff;
  }
  .ol-attribution li {
	display: inline;
	list-style: none;
	line-height: inherit;
  }
  .ol-attribution li:not(:last-child):after {
	content: " ";
  }
  .ol-attribution img {
	max-height: 2em;
	max-width: inherit;
  }
  .ol-attribution ul, .ol-attribution button {
	display: inline-block;
  }
  .ol-attribution.ol-collapsed ul {
	display: none;
  }
  .ol-attribution.ol-logo-only ul {
	display: block;
  }
  .ol-attribution:not(.ol-collapsed) {
	background: rgba(255,255,255,0.8);
  }
  .ol-attribution.ol-uncollapsible {
	bottom: 0;
	right: 0;
	border-radius: 4px 0 0;
	height: 1.1em;
	line-height: 1em;
  }
  .ol-attribution.ol-logo-only {
	background: transparent;
	bottom: .4em;
	height: 1.1em;
	line-height: 1em;
  }
  .ol-attribution.ol-uncollapsible img {
	margin-top: -.2em;
	max-height: 1.6em;
  }
  .ol-attribution.ol-logo-only button,
  .ol-attribution.ol-uncollapsible button {
	display: none;
  }
  
  .ol-zoomslider {
	top: 4.5em;
	left: .5em;
	width: 24px;
	height: 200px;
  }
  .ol-zoomslider-thumb {
	position: absolute;
	background: #7b98bc;
	background: rgba(0,60,136,0.5);
	border-radius: 2px;
	cursor: pointer;
	height: 10px;
	width: 22px;
	margin: 3px;
  }
  
  .ol-touch .ol-zoomslider {
	top: 5.5em;
	width: 2.052em;
  }
  .ol-touch .ol-zoomslider-thumb {
	width: 1.8em;
  }
  
  .ol-overviewmap {
	left: 0.5em;
	bottom: 0.5em;
  }
  .ol-overviewmap.ol-uncollapsible {
	bottom: 0;
	left: 0;
	border-radius: 0 4px 0 0;
  }
  .ol-overviewmap .ol-overviewmap-map,
  .ol-overviewmap button {
	display: inline-block;
  }
  .ol-overviewmap .ol-overviewmap-map {
	border: 1px solid #7b98bc;
	height: 150px;
	margin: 2px;
	width: 150px;
  }
  .ol-overviewmap:not(.ol-collapsed) button{
	bottom: 1px;
	left: 2px;
	position: absolute;
  }
  .ol-overviewmap.ol-collapsed .ol-overviewmap-map,
  .ol-overviewmap.ol-uncollapsible button {
	display: none;
  }
  .ol-overviewmap:not(.ol-collapsed) {
	background: rgba(255,255,255,0.8);
  }
  .ol-overviewmap-box {
	border: 2px dotted rgba(0,60,136,0.7);
  }