/*########## grid ##########*/
/*### px                ###*/
/* Breite vergeben um responsive zu deaktivieren */
/*### px | % | .. 		###*/
/* Breit der Inhaltscontainer*/
/*### max 24 	###*/
/*### 1 bis 5 	###*/
/*### 1 bis 5 	###*/
/*### 1 | 0 	###*/
/*### 0 bis 20 ? ###*/
/*### 0 bis 20 ? ###*/
/*### alles < 480px, max-width:479px ###*/
/*### von 480px bis 768px, max-width:767px ###*/
/*### von 768px bis 1024px, max-width:1023px ###*/
/*### alles > 1024px, no query needed ###*/
/* Smartphones (portrait and landscape): 320px and 480px */
/* iPads (portrait and landscape): 768px and 1024px */
/* Notebooks, Desktops, larger Screens > 1024px begrenzt durch maxwidth (s.o.) */
/* gridbreiten ohne padding und border (box-sizing:border-box) */
/*### 1 | 0 	###*/
/*### px | % | .. 		###*/
/* Paddingschrittweite, wird nur bei box-sizing: 1 verwendet; */
/* Base-CSS to contain basic variables and then to be included into all other css */
/*########## compass mixins ########## */
/*########## colors ##########*/
/* ALLGEMEINES / GLOBALES */
@font-face { font-family: 'Solex'; src: local("Solex"), local("Solex-Regular"), url(../../font/Solex.woff) format("woff"); }
html { font-family: 'Solex'; font-weight: normal; font-size: 100%; }

body { font-size: 1em; color: #555; }

.bold { font-weight: bold; }

a { text-decoration: none; color: inherit; }

a:hover { color: #4478A4; }

a:active { background: transparent; outline: none; }

img { width: 100%; }

.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

[class^="flaticon_ultralight-"], [class*=" flaticon_ultralight-"], [class^="flaticon_premium-"], [class*=" flaticon_premium-"] { position: relative; display: inline-block; padding-left: 2.4em; min-height: 1em; }

[class^="flaticon_ultralight-"]:before, [class*=" flaticon_ultralight-"]:before, [class^="flaticon_ultralight-"]:after, [class*=" flaticon_ultralight-"]:after, [class^="flaticon_premium-"]:before, [class*=" flaticon_premium-"]:before, [class^="flaticon_premium-"]:after, [class*=" flaticon_premium-"]:after { font-size: 2.6em; line-height: 1; position: absolute; left: 0em; top: -0.20em; text-shadow: #aaaaaa 0px 0px 5px; }

[class^="flaticon_premium-"]:before, [class*=" flaticon_premium-"]:before, [class^="flaticon_premium-"]:after, [class*=" flaticon_premium-"]:after { font-size: 1.8em; top: -0.1em; left: 0.2em; }

.color_red, .color_red::before { color: #C43100; }

.color_yellow, .color_yellow::before { color: #FFC412; }

.color_green, .color_green::before { color: #14B700; }

.select_container { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 3px; }

.miniicon { padding-left: 0px; }
.miniicon:before, .miniicon:after { font-size: 1.3em; top: -0.3em; left: -0.5em; }

.textaddon1 { position: absolute; margin-left: -2.10em; margin-top: 0.7em; font-size: 0.7em; }

.textaddon3 { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; margin-left: -2.7em; margin-top: 0.5em; font-size: 0.5em; font-weight: bold; }
.textaddon3.color_green { color: #14B700; }
.textaddon3.color_red { color: #C43100; }

.textaddon2 { position: absolute; margin-left: -1.45em; margin-top: -0.05em; font-size: 1em; font-weight: bold; }
.textaddon2.color_green { color: #14B700; }
.textaddon2.color_red { color: #C43100; }

.textaddon_top { position: absolute; margin-left: -1.75em; margin-top: 0.0em; font-size: 0.8em; font-weight: bold; }
.textaddon_top.color_green { color: #14B700; }
.textaddon_top.color_red { color: #C43100; }

.textaddon_bottom { position: absolute; margin-left: -1.75em; margin-top: 0.0em; font-size: 0.8em; font-weight: bold; }
.textaddon_bottom.color_green { color: #14B700; }
.textaddon_bottom.color_red { color: #C43100; }

.button_up { font-size: 0.7em; height: 1.0em; cursor: pointer; }
.button_up::before { -moz-transform-origin: 50% 52%; -ms-transform-origin: 50% 52%; -webkit-transform-origin: 50% 52%; transform-origin: 50% 52%; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-top: 0.1em; }

.button_down { font-size: 0.7em; height: 1.0em; cursor: pointer; }
.button_down::before { -moz-transform-origin: 50% 52%; -ms-transform-origin: 50% 52%; -webkit-transform-origin: 50% 52%; transform-origin: 50% 52%; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-top: -0.15em; }

.hidden { display: none; }

.updown { font-size: 0.7em; cursor: pointer; }

.show_tinytext p, .show_tinytext ul { margin: 0; }
.show_tinytext ul { padding-left: 1em; }

@-moz-keyframes blinking { 0% { opacity: 1; }
  25% { opacity: 1; }
  50% { opacity: 0.2; }
  75% { opacity: 1; }
  100% { opacity: 1; } }
@-webkit-keyframes blinking { 0% { opacity: 1; }
  25% { opacity: 1; }
  50% { opacity: 0.2; }
  75% { opacity: 1; }
  100% { opacity: 1; } }
@keyframes blinking { 0% { opacity: 1; }
  25% { opacity: 1; }
  50% { opacity: 0.2; }
  75% { opacity: 1; }
  100% { opacity: 1; } }
@-moz-keyframes bounce { 0% { -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  7% { -moz-transform: translate(0px, -10px); transform: translate(0px, -10px); }
  18% { -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  26% { -moz-transform: translate(0px, -5px); transform: translate(0px, -5px); }
  35% { -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  40% { -moz-transform: translate(0px, -1px); transform: translate(0px, -1px); }
  45% { -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-webkit-keyframes bounce { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  7% { -webkit-transform: translate(0px, -10px); transform: translate(0px, -10px); }
  18% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  26% { -webkit-transform: translate(0px, -5px); transform: translate(0px, -5px); }
  35% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  40% { -webkit-transform: translate(0px, -1px); transform: translate(0px, -1px); }
  45% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@keyframes bounce { 0% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  7% { -moz-transform: translate(0px, -10px); -ms-transform: translate(0px, -10px); -webkit-transform: translate(0px, -10px); transform: translate(0px, -10px); }
  18% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  26% { -moz-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); -webkit-transform: translate(0px, -5px); transform: translate(0px, -5px); }
  35% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  40% { -moz-transform: translate(0px, -1px); -ms-transform: translate(0px, -1px); -webkit-transform: translate(0px, -1px); transform: translate(0px, -1px); }
  45% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-moz-keyframes rotate { 8.3% { -moz-transform: rotate(30deg); transform: rotate(30deg); }
  16.6% { -moz-transform: rotate(60deg); transform: rotate(60deg); }
  25% { -moz-transform: rotate(90deg); transform: rotate(90deg); }
  33.3% { -moz-transform: rotate(120deg); transform: rotate(120deg); }
  41.6% { -moz-transform: rotate(150deg); transform: rotate(150deg); }
  50% { -moz-transform: rotate(180deg); transform: rotate(180deg); }
  58.3% { -moz-transform: rotate(210deg); transform: rotate(210deg); }
  66.6% { -moz-transform: rotate(240deg); transform: rotate(240deg); }
  75% { -moz-transform: rotate(270deg); transform: rotate(270deg); }
  83.3% { -moz-transform: rotate(300deg); transform: rotate(300deg); }
  91.6% { -moz-transform: rotate(330deg); transform: rotate(330deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rotate { 8.3% { -webkit-transform: rotate(30deg); transform: rotate(30deg); }
  16.6% { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
  25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  33.3% { -webkit-transform: rotate(120deg); transform: rotate(120deg); }
  41.6% { -webkit-transform: rotate(150deg); transform: rotate(150deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  58.3% { -webkit-transform: rotate(210deg); transform: rotate(210deg); }
  66.6% { -webkit-transform: rotate(240deg); transform: rotate(240deg); }
  75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
  83.3% { -webkit-transform: rotate(300deg); transform: rotate(300deg); }
  91.6% { -webkit-transform: rotate(330deg); transform: rotate(330deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { 8.3% { -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
  16.6% { -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg); }
  25% { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  33.3% { -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg); }
  41.6% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); }
  50% { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  58.3% { -moz-transform: rotate(210deg); -ms-transform: rotate(210deg); -webkit-transform: rotate(210deg); transform: rotate(210deg); }
  66.6% { -moz-transform: rotate(240deg); -ms-transform: rotate(240deg); -webkit-transform: rotate(240deg); transform: rotate(240deg); }
  75% { -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }
  83.3% { -moz-transform: rotate(300deg); -ms-transform: rotate(300deg); -webkit-transform: rotate(300deg); transform: rotate(300deg); }
  91.6% { -moz-transform: rotate(330deg); -ms-transform: rotate(330deg); -webkit-transform: rotate(330deg); transform: rotate(330deg); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.flashing { -moz-transform-origin: 100% 25%; -ms-transform-origin: 100% 25%; -webkit-transform-origin: 100% 25%; transform-origin: 100% 25%; -moz-animation: rotate 2s infinite ease-out; -webkit-animation: rotate 2s infinite ease-out; animation: rotate 2s infinite ease-out; }

/*
.flaticon-human6:before{
	@include border-radius(50px);
	vertical-align:center;
	text-align:center;
	border:1px solid #fff;
	height:0.43em;
	width:0.40em;
	overflow:hidden;
	line-height:0.52;
	text-indent:-0.29em; 
}
*/
#container { margin-bottom: 40px; }

#logocontainer { display: block; margin-top: 12px; font-size: 2em; color: #4478A4; }

.startscreen #logocontainer { float: none; margin: 0 auto; width: 100px; margin-top: 50px; }

.startscreen #login { float: none; margin: 0 auto; width: 200px; }

.startscreen #main { width: 100%; }

#nav_main { margin-top: 20px; }
#nav_main ul { margin: 0px; padding: 0px; }
#nav_main ul li { list-style-type: none; margin-right: 20px; margin-bottom: 8px; }
#nav_main ul li.active a { color: #4478A4; }
#nav_main ul li.level_2 { padding-left: 1.8em; }
#nav_main ul li.level_3 { padding-left: 3.6em; }

#nav_sub { margin-top: 20px; }
#nav_sub ul { margin: 0px; padding: 0px; float: right; }
#nav_sub ul li { float: left; list-style-type: none; margin-right: 5px; }
#nav_sub ul li.active a { color: #4478A4; }

#logout { position: absolute; top: 10px; right: 40px; }

.list_head, .details_head { border-bottom: 1px solid rgba(68, 120, 164, 0.9); padding: 4px 6px 4px 0px; margin-bottom: 10px; margin-top: 7px; }
.list_head .title, .details_head .title { font-size: 1.4em; color: #4478A4; }
.list_head .icons, .details_head .icons { padding-top: 0.1em; }

.sublist_head { border-bottom: 2px solid rgba(68, 120, 164, 0.9); padding: 4px 6px 4px 0px; margin-bottom: 10px; margin-top: 10px; }
.sublist_head .title { font-size: 1.1em; line-height: 1.6; color: #4478A4; }
.sublist_head .icons { padding-top: 0.1em; }

.subsublist_head { border-top: 1px dotted rgba(68, 120, 164, 0.4); }
.subsublist_head:first-child { border-top: none; }

.row_head { border-top: 1px dotted rgba(68, 120, 164, 0.4); }
.row_head .title { cursor: pointer; }

.sub_row:first-child .row_head { border-top: none; }

.row_body { padding-top: 10px; margin-bottom: 10px; padding-left: 3em; }

.list_body, .sublist_body, .details_body { font-size: 0.9em; }

.deactivated { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.stats_note { color: #C43100; }

.row_link:hover, .subrow_link:hover, .subsubrow_link:hover { background: rgba(68, 120, 164, 0.08); }

.row_head, .row_link, .listrow, .thinrow { padding: 7px 6px 7px 4px; font-size: 1.1em; }

.thinrow { padding: 3px 6px 3px 0px; }

.subrow, .subrow_link { padding: 4px 6px 6px 4px; font-size: 1.1em; color: #666; padding-left: 1.8em; }

.subsubrow, .subsubrow_link { padding: 4px 6px 6px 4px; font-size: 1.1em; color: #666; padding-left: 3.6em; }

.block_list, .block_show, .block_edit { margin-bottom: 10px; }
.block_list form > div, .block_show form > div, .block_edit form > div { margin-top: 20px; }

.text_right { text-align: right; }

.text_center { text-align: center; }

.positionen_abzurechnen { color: #C43100; }

.schnitt_container { position: relative; float: right; height: 20px; background-color: #e5e5e5; margin-right: 3%; margin-left: 3%; margin-top: 3px; }
.schnitt_container.color_red { background-color: rgba(196, 49, 0, 0.2); -moz-animation: blinking 1s infinite ease-out; -webkit-animation: blinking 1s infinite ease-out; animation: blinking 1s infinite ease-out; }
.schnitt_container.color_yellow { background-color: rgba(255, 196, 18, 0.2); }
.schnitt_container.color_green { background-color: rgba(20, 183, 0, 0.2); }
.schnitt_container.woche { width: 11.5%; }
.schnitt_container.monat { width: 26.5%; }
.schnitt_container.jahr { width: 44%; }
.schnitt_container .schnitt { position: absolute; bottom: 0px; color: inherit; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.schnitt_container .schnitt.color_red { background-color: #C43100; }
.schnitt_container .schnitt.color_yellow { background-color: #FFC412; }
.schnitt_container .schnitt.color_green { background-color: #14B700; }
.schnitt_container .schnitt.woche { width: 100%; }
.schnitt_container .schnitt.monat { width: 100%; }
.schnitt_container .schnitt.jahr { width: 100%; }

.ziel { clear: right; position: relative; }
.ziel.color_red { border-top: 1px dotted #C43100; }
.ziel.color_green { border-top: 1px dotted #14B700; }

.progressbar { line-height: 0.9; font-size: 0.7em; }
.progressbar.noscale { margin-top: 0.4em; margin-bottom: 0; }
.progressbar.noscale .scale { display: none; }
.progressbar.noscale .values .progress { margin-right: 2px; }
.progressbar .labels .progress.color_red { color: #C43100; }
.progressbar .labels .progress.color_orange { color: #FF8812; }
.progressbar .labels .progress.color_green { color: #14B700; }
.progressbar .labels .progress.color_grellow { color: #BDB700; }
.progressbar .labels .progress.color_yellow { color: #FFC412; }
.progressbar .labels .progress.color_grey { color: #999; }
.progressbar .labels .discounted, .progressbar .labels .offered { color: #4478A4; }
.progressbar .values { position: relative; float: right; margin-left: 10px; margin-top: 1px; }
.progressbar .values .color_red { background-color: #C43100; }
.progressbar .values .color_orange { background-color: #FF8812; }
.progressbar .values .color_green { background-color: #14B700; }
.progressbar .values .color_grellow { background-color: #BDB700; }
.progressbar .values .color_yellow { background-color: #FFC412; }
.progressbar .values .color_grey { background-color: #999; }
.progressbar .values .progress, .progressbar .values .scale, .progressbar .values .discounted, .progressbar .values .offered { margin-left: auto; margin-right: 0px; height: 10px; min-width: 1px; text-align: left; }
.progressbar .values .progress .pointer, .progressbar .values .scale .pointer, .progressbar .values .discounted .pointer, .progressbar .values .offered .pointer { color: #4478A4; margin-left: -0.4em; }
.progressbar .values .progress .pointer.fixed, .progressbar .values .scale .pointer.fixed, .progressbar .values .discounted .pointer.fixed, .progressbar .values .offered .pointer.fixed { color: #C43100; }
.progressbar .values .scale { margin-top: 3px; height: 3px; border: 1px solid #4478A4; border-top: none; }
.progressbar .values .progress { margin-bottom: 1px; }
.progressbar .values .discounted, .progressbar .values .offered { background-color: transparent; margin-bottom: 1px; }

#messagebox.success { display: none; }

.select_bewertung { color: inherit; }
.select_bewertung.color_red { background-color: rgba(196, 49, 0, 0.2); }
.select_bewertung.color_yellow { background-color: rgba(255, 196, 18, 0.2); }
.select_bewertung.color_green { background-color: rgba(20, 183, 0, 0.2); }

/*
.progressbar{
	float:right;
	font-size:0.8em;
	line-height:0.6;
	
	.progress td{}
	.scale td{line-height:0.6;}

	.label.color_red{color: $color_red;}
	.label.color_green{color: $color_green;}
	.label.color_yellow{color: $color_yellow;}
	.value.color_red{background-color: $color_red;}
	.value.color_green{background-color: $color_green;}
	.value.color_yellow{background-color: $color_yellow;}
}
*/
/*
.progressbar{
	.value{
		position:relative;
		float:right;
		margin-top:2px;
		line-height:0.7em;
		.progress{
				position:relative;
				right:0px;
				height:10px;
				&.color_red{background-color: $color_red;}
				&.color_green{background-color: $color_green;}
				&.color_yellow{background-color: $color_yellow;}
		}
		.scale{
				position:relative;
				right:0px;
				margin-top:2px;
				height:2px;
				border:1px solid $color_1;
				border-top:none;
		}
	}
	.label{
		position:relative;
		margin-right:20px;
		.progress{
			font-size:0.8em;
			line-height:0.8;
			&.color_red{color: $color_red;}
			&.color_green{color: $color_green;}
			&.color_yellow{color: $color_yellow;}

		}
		.scale{
			font-size:0.8em;
			line-height:0.9;
			clear:both;
			color:#888;
		}
	}
}
*/
/*
h1 { font-size:18px; font-weight:bold;
}

#clear { clear: both;
}

.row{
	padding:5px 0px;
	min-height:25px;
}

.label{
	min-width:80px;
}

input[readonly=""]
{
	color:#888;
}


form td,
.form td{
	vertical-align:top;
	padding:2px 10px;
}
form table, 
.form table  {
	margin-bottom:20px;
}
.element_disabled{
	display:none; 
}
form textarea,
.form textarea{
min-width:294px;
min-height:120px;
}
.radio_container,
.checkbox_container{
	display:inline-block;
}

.link_back,
.link_new,
.link_printall,
.link_new_sub,
.link_deleteall{
	display:block;
	padding-left: 20px;
	height:16px;
	line-height:1.0;
}
.link_back{
	margin-bottom:20px;
	display:inline-block;

}
.link_new_sub{
	display:inline-block;
	padding-left: 20px;
	height:16px;
	line-height:1.0;
}
.link_new_sub,
.link_back{
	font-weight:bold;
}
.link_logout,
.link_login,
.link_clear{
	position:absolute;
	margin-top:2px;
	display:inline-block;
	padding-left:22px;
	height:16px;
	line-height:1.0;
	margin-left:2px;
}
.link_delete,
.link_show,
.link_edit,
.link_print,
.link_copy,
.link_angebot,
.link_rechnung {
	width:16px;
	height:16px;
	margin-right:5px;
	margin-top:0px;
	float:left;
}
.btn_add_item,
.btn_remove_item,
.btn_search{
	border:none;
	width:16px;
	height:16px;
	cursor:pointer;
}

.link_logout,
.link_login,
.link_back,
.link_new,
.link_new_sub,
.link_deleteall,
.link_delete,
.link_show,
.link_edit,
.link_print,
.link_copy,
.link_clear,
.link_printall,
.btn_search,
.link_angebot,
.link_rechnung
{
	background-repeat:  no-repeat;
	background-position: 0px 0px;
}
.link_logout,
.link_login{background-image: url("../../img/icons/Standby.png");}
.link_back{background-image: url("../../img/icons/Arrow3 Left.png");}
.link_new,
.link_new_sub{background-image: url("../../img/icons/Plus.png");}
.link_deleteall,
.link_delete{background-image: url("../../img/icons/Trash.png");}
.link_show{background-image: url("../../img/icons/Info2.png");}
.link_edit{background-image: url("../../img/icons/Write.png");}
.link_print{background-image: url("../../img/icons/Printer1.png");}
.link_copy{background-image: url("../../img/icons/Clipboard Copy.png");}
.link_clear{background-image: url("../../img/icons/Cancel.png");}
.link_printall{background-image: url("../../img/icons/Printer1.png");}
.link_print{background-image: url("../../img/icons/Printer1.png");}
.btn_search{background-image: url("../../img/icons/Search.png");}
.btn_add_item{background-image: url("../../img/icons/Arrow2 Right.png");}
.btn_remove_item{background-image: url("../../img/icons/Trash.png");}
.link_angebot{background-image: url("../../img/icons/Printer1.png");}
.link_rechnung{background-image: url("../../img/icons/Printer1.png");}


.link_logout:hover,
.link_login:hover,
.link_back:hover,
.link_new:hover,
.link_new_sub:hover,
.btn_search:hover,
.btn_add_item:hover,
.btn_remove_item:hover,
.link_delete:hover,
.link_deleteall:hover,
.link_show:hover,
.link_edit:hover,
.link_print:hover,
.link_copy:hover,
.link_clear:hover,
.link_printall:hover,
.btnPrint:hover,
.link_angebot:hover,
.link_rechnung:hover
{
	background-position:0px -16px;
	background-repeat:  no-repeat;
}

.link_printall{
	margin-top:3px;
}

.text_left{text-align:left;}
.text_right{text-align:right;}



// DAS GROBE 

#top {margin-top:20px;}
#wrapper{}
#header{
	height:120px;
	
}
#header .inside{
	position:relative;
	height:100%;
	border:1px solid #ddd;
}


#container {padding: 10px 0px;}



#left .box {
	margin-right:10px;
	border:1px solid #ddd;
}


#main .inside
{
	padding:20px; border:1px solid #ddd;
}

#footer{height:30px;}
#footer .inside{
	border:1px solid #ddd;
}

// DAS FEINE 


// Pagination 

.pagination{
	display:inline-block;
	margin-left:60px;
}
.link_pagination{
	margin-right:5px;
	margin-left:5px;
	color:#777;
}

.link_pagination:hover,
.link_pagination.active{
	color:#cc0000;;
}

// Die Messagebox 

#messagebox{
	position: absolute;
	bottom:20px;
	right:20px;
	padding-left:21px;
	max-width:250px;
}
#messagebox.error{
	background-image: url("../../img/icons/Exclamation.png");
	background-repeat:  no-repeat;
	background-position:0px 4px;
}
#messagebox.success{
	background-image: url("../../img/icons/Ok1.png");
	background-repeat:  no-repeat;
	background-position:0px 4px;
}
#messagebox .details{
	font-size: 11px;
	color:#cc0000;
}









// Listen 


#list_search{
	margin-bottom:10px;
}

.list table{ 
	border-collapse:collapse;
}

.list table #row_header{ 
	background:#ddd;
}
.list td, .list th{ 
	padding:0px 10px;
	
}
.list th{ 
	padding-top: 3px;
	padding-bottom: 3px;
	
}

.list tr.tablerow{
	border-bottom: 1px solid #ccc;
}
.list tr#row_header,
.list tr.superrow{
	border-top: 1px solid #ccc;
}

.col_title{
	float:left;
}

.col_order{
	height:16px;
	width:16px;
	float:left;
	margin-left:5px;
	margin-top:4px;
}
.order_asc,
.order_desc{
	height:7px;
	width:16px;
	display:block;
}

.order_asc{
	background-image: url("../../img/icons/ArrUp.png");
	background-repeat:  no-repeat;
	background-position:0px 0px;
}
.order_asc:hover, .order_asc.active{
	background-position:0px -7px;
}
.order_desc{
	margin-top:2px;
	background-image: url("../../img/icons/ArrDown.png");
	background-repeat:  no-repeat;
	background-position:0px 0px;
}
.order_desc:hover, .order_desc.active{
	background-position:0px -7px;
}

#error_container{
	clear:both;
	font-family: arial;
	font-size:10px;
	color:#ed1b30;
	padding:10px;
}


.list tr.tablerow:hover{ 
	background:#fee;
}
.list .superrow{
	font-weight:bold;
	background:#eaeaea;
}
.list .spacerrow {
height:20px;
}
.list .link_td{
	width:100px;
}


.show .subtable td{
	padding:0px 6px;

}


// Formulare //
form {
	margin-top:10px;
}

#product_edit img,
#product_show img,
#product_copy img{

	width:180px;
	height:180px;
}
#msdrpdd20_msdd{
	width:500px !important;
}
#prod_prod_img,
#prod_select_title img,
._msddli_ img{
	width:70px;
	height:70px;
}
#prod_select_msdd{
	width:400px !important;
}
#prod_prod_img
{
	width:120px;
	height:120px;
}

#msdrpdd20_child{
	height:600px !important;
}

.form_left
{
	float:left;
	margin-right:100px;
}





// Customers //

.customerForm .form_left,
.customerShow .form_left{
	float:left;
	margin-right:80px;
}

.customerForm .form_right,
.customerShow .form_right{
	
	
}
.customerForm .form_right .label,
.customerShow .form_right .label{
	width:180px;
	display:inline-block;
	vertical-align:top;
}
.customerForm .form_left .label,
.customerShow .form_left .label{
	width:100px;
	display:inline-block;
	vertical-align:top;
}
.customerForm .form_left .row.first,
.customerForm .form_left .row.second,
.customerShow .form_left .row.first,
.customerShow .form_left .row.second{
	margin-bottom: 50px;
	margin-top:20px;
}


// Addresses //

.addressForm .form_left,
.addressShow .form_left{
	float:left;
	margin-right:80px;
}

.addressForm .form_right,
.addressShow .form_right{
	display:inline-block;
	margin-top:104px;
}
.addressForm .form_right .label,
.addressShow .form_right .label{
	width:180px;
	display:inline-block;
	vertical-align:top;
}
.addressForm .form_left .label,
.addressShow .form_left .label{
	width:160px;
	display:inline-block;
	vertical-align:top;
	float:left;
}
.addressForm .form_left input,
.addressForm .form_left select{
	width:200px;
}
.addressForm .form_right input,
.addressForm .form_right select{
	width:200px;
}
.jdpicker_w .date_clearer{
	position:relative;
	float:right;	
	margin-top:-22px;
	margin-right:5px;
	z-index:20;
}
.addressForm .form_left .radio_container input{
	width:10px;
}
.addressForm .form_left .row.first,
.addressShow .form_left .row.first{
	margin-bottom: 50px;
	margin-top:20px;
}

.addressForm .form_right .row_6,
.addressShow .form_right .row_6{
	margin-bottom:50px;
}



// Products //
.productForm { 
}

.productForm.left { float: left;
}

.productForm.right { float: right; background-color: #eaeaea; border: 1px solid #ccc;
}

.productForm .lastrow { border-bottom: 1px solid #ccc;
}

.productForm .bolla input { width: 95px;
}

.reminder,
.reminder_no,
.shipping,
.shipping_no,
.shipping_ok,
.payment,
.payment_no,
.payment_ok
{
	display:inline-block;
	width:16px;
	height:16px;
	background-repeat:  no-repeat;
	background-position: 0px 0px;
	margin-left:3px;
}
.reminder{background-image: url("../../img/icons/Alarme.png");}
.reminder_no{background-image: url("../../img/icons/Alarme_no.png");}
.shipping{background-image: url("../../img/icons/Travel.png");}
.shipping_no{background-image: url("../../img/icons/Travel_no.png");}
.shipping_ok{background-image: url("../../img/icons/Travel_ok.png");}
.payment{background-image: url("../../img/icons/CurrencyDollar.png");}
.payment_no{background-image: url("../../img/icons/CurrencyDollar_no.png");}
.payment_ok{background-image: url("../../img/icons/CurrencyDollar_ok.png");}


// Print PDF //
.btnPrint {
display:inline-block;
border:0; 
background-image: url("../../img/icons/Printer1.png");
background-repeat:  no-repeat;
background-position:0px 0px;
width: 16px;
height: 16px;
padding:0px;
padding-left:20px;
cursor:pointer;
line-height:1;
}

.bordercell{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}


table.men .women.only,
table.men .kids
{display:none;}
table.men .men
{display:table-cell;}

table.women .men.only,
table.women .kids
{display:none;}
table.women .women
{display:table-cell;}

table.kids .women,
table.kids .men
{display:none;}
table.kids .kids
{display:table-cell;}

*/