ul#head-nav *, ul#navi *, div#left-col, div#left-col *, ul.table * {
    box-sizing: content-box !important;   
}
textarea {
    resize: both;
}
html, body, div, span, applet, object, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Open Sans', sans-serif;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
#print_r, #elapsed{
	line-height: 17px;
	font-size: 14px;
	color: #4D4D4D;
	background-color: #EAEAEA;
	border: solid 1px #A0A0A0;
	border-radius: 5px;
	margin: 15px;
	padding: 10px 20px;
}
#inner-main ul {list-style:square;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear:both;
}
strong, b {
	font-weight:bold;
}
.light {
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
}
p {
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	line-height: 17px;
	margin:8px 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------                     ----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------   OLD CSS           ----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------   PAGE-CENTER       ----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------                     ----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

	
	
.sub a {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	/*color: #505050;*/
	text-decoration: underline;
}
div#content {
	padding: 0 20px 5px 20px;
}
div.date {
	display: none;
	visibility: hidden;
	text-align:right;
	color: #505050;
	font-size:9px;
	padding-right:3px;
}
div#logininfo {
	position:absolute;
	top:59px;
	right:0px;
	text-align:right;
	color:#808080;
	font-size:11px;
	background-color:#E8E8E8;
	padding: 3px 10px 3px 100px;
	background-image:url(../img/logininfoeck.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
div#logininfo a {
	color:#808080;
	font-weight:normal;
}
.note {
	color: #808080;
}
hr {
	border: 0;
	border-bottom: dashed #d0d0d0 1px;
	background-color:#fff;
	height:1px;
}
span.clear {
	display: inline-block;
	width: 20px;
	height: 16px;
	overflow: hidden;
}
/* ICONS-BEGINN */
.edit, .edit span, .lightning, .lightning span, .brick, .brick span, .save, .save span, .ean, .ean span, .folder, .folder span, .folder_add, .folder_add span, .undo, .undo span, .picture_save, .picture_save span, .toggle, .toggle span, .coin1, .coin1 span, .coin0, .coin0 span, .ok0, .ok0 span, .cd, .cd span, .cd_cover, .cd_cover span, .cd_verkrazt, .cd_verkrazt span, .telephoneadd, .telephoneadd span, .ok1, .ok1 span, .tick0, .tick0 span, .tick1, .tick1 span, .sorticon, .sorticon span, .add, .add span, .exe, .exe span, .mp3, .mp3 span, .pdf, .pdf span, .listicon, .listicon span, .doc, .doc span, .zip, .zip span, .twitter, .twitter span, .zauber, .zauber span, .login, .login span, .comments, .comments span, .commentsadd, .commentsadd span, .comment, .comment span, .commentadd, .commentadd span, .stop, .stop span, .commentedit, .commentedit span, .time, .time span, .timego, .timego span, .emailgo, .emailgo span, .connect, .connect span, .disconnect, .disconnect span, .connect1, .connect1 span, .connect0, .connect0 span, .delete, .delete span, .skull, .skull span, .ebay, .ebay span, .preview, .preview span, .duplicate, .duplicate span, .html, .html span, .blacklist, .blacklist span, .block, .block span, .refresh, .refresh span, .chartline, .chartline span, .chart, .chart span, .money, .money span, .moneydel, .moneydel span, .box, .box span, .group_go, .group_go span, .package, .package span, .retoure, .retoure span, .postit, .postit span, .bug, .bug span, .bomb, .bomb span, .star, .star span, .star1, .star1 span, .calcerror, .calcerror span, .loading, .loading span, .buyback, .buyback span, .ab18, .ab18 span, .tablet, .tablet span, .search, .search span, .transmit, .transmit span, .franchise, .franchise span, .mobile, .mobile span, .tag_orange, .tag_orange span, .asterisk_orange, .asterisk_orange span, .wrench, .wrench span
, .package_add, .package_add span, .basket_add, .basket_add span, .basket_delete, .basket_delete span {
	display: inline-block;
	width: 20px;
	height: 16px;
	overflow: hidden;
}
.newsletter, .newsletter span, .newsletter1, .newsletter1 span, .newsletter0, .newsletter0 span {
	display: inline-block;
	width: 20px;
	height: 16px;
	overflow: hidden;
}
.up, .up span, .down, .down span {
	display: inline-block;
	width: 14px;
	height: 16px;
	overflow: hidden;
}
.edit span, span.edit {
	background: transparent url("../img/icons/pencil.png") center center no-repeat;
}
.brick span, span.brick {
	background: transparent url("../img/icons/brick.png") center center no-repeat;
}
.wrench span, span.wrench {
	background: transparent url("../img/icons/wrench.png") center center no-repeat;
}
.franchise span, span.franchise {
	background: transparent url("../img/icons/user_suit.png") center center no-repeat;
}
.mobile span, span.mobile {
	background: transparent url("../img/icons/phone.png") center center no-repeat;
}
.tag_orange span, span.tag_orange {
	background: transparent url("../img/icons/tag_orange.png") center center no-repeat;
}
.asterisk_orange span, span.asterisk_orange {
	background: transparent url("../img/icons/asterisk_orange.png") center center no-repeat;
}
.ean span, span.ean {
	background: transparent url("../img/icons/ean.png") center center no-repeat;
}
.save span {
	background: transparent url("../img/icons/save.png") center center no-repeat;
}
.comments span, span.comments {
	background: transparent url("../img/icons/comments.png") center center no-repeat;
}
.commentsadd span, span.commentsadd {
	background: transparent url("../img/icons/comments_add.png") center center no-repeat;
}
.comment span, span.comment {
	background: transparent url("../img/icons/comment.png") center center no-repeat;
}
.commentadd span, span.commentadd {
	background: transparent url("../img/icons/comment_add.png") center center no-repeat;
}
.stop span, span.stop {
	background: transparent url("../img/icons/stop.png") center center no-repeat;
}
.commentedit span, span.commentedit {
	background: transparent url("../img/icons/comment_edit.png") center center no-repeat;
}
.time span, span.time {
	background: transparent url("../img/icons/time.png") center center no-repeat;
}
.timego span, span.timego {
	background: transparent url("../img/icons/time_go.png") center center no-repeat;
}
.emailgo span, span.emailgo {
	background: transparent url("../img/icons/email_go.png") center center no-repeat;
}
.connect span, .connect1 span {
	background: transparent url("../img/icons/connect.png") center center no-repeat;
}
.disconnect span, .connect0 span {
	background: transparent url("../img/icons/disconnect.png") center center no-repeat;
}
.delete span, span.delete {
	background: transparent url("../img/icons/delete.png") center center no-repeat;
}
.skull span, span.skull {
	background: transparent url("../img/icons/skull.png") center center no-repeat;
}
.ebay span, span.ebay {
	background: transparent url("../img/icons/ebay.png") center center no-repeat;
}
.up span, span.up {
	background: transparent url("../img/icons/arrow_up.png") center center no-repeat;
}
.down span, span.down {
	background: transparent url("../img/icons/arrow_down.png") center center no-repeat;
}
.preview span, span.preview {
	background: transparent url("../img/icons/eye.png") center center no-repeat;
}
.duplicate span, span.duplicate {
	background: transparent url("../img/icons/page_copy.png") center center no-repeat;
}
.html span, span.html {
	background: transparent url("../img/icons/html.png") center center no-repeat;
}
.blacklist span, span.blacklist {
	background: transparent url("../img/icons/report_delete.png") center center no-repeat;
}
.block span, span.block {
	background: transparent url("../img/icons/user_gray.png") center center no-repeat;
}
.refresh span, span.refresh {
	background: transparent url("../img/icons/arrow_refresh.png") center center no-repeat;
}
.chart span, span.chart {
	background: transparent url("../img/icons/chart_bar.png") center center no-repeat;
}
.chartline span, span.chartline {
	background: transparent url("../img/icons/chart_line.png") center center no-repeat;
}
.money span, span.money {
	background: transparent url("../img/icons/money.png") center center no-repeat;
}
.moneydel span, span.moneydel {
	background: transparent url("../img/icons/money_delete.png") center center no-repeat;
}
.newsletter span, span.newsletter {
	background: transparent url("../img/icons/newspaper.png") center center no-repeat;
}
.newsletter1 span, span.newsletter1 {
	background: transparent url("../img/icons/newspaper_add.png") center center no-repeat;
}
.newsletter0 span, span.newsletter0 {
	background: transparent url("../img/icons/newspaper_delete.png") center center no-repeat;
}
.package span, span.package {
	background: transparent url("../img/icons/package.png") center center no-repeat;
}
.package_add span, span.package_add {
	background: transparent url("../img/icons/package_add.png") center center no-repeat;
}
.group_go span, span.group_go {
	background: transparent url("../img/icons/group_go.png") center center no-repeat;
}
.retoure span, span.retoure {
	background: transparent url("../img/icons/package_delete.png") center center no-repeat;
}
.basket_add span, span.basket_add {
	background: transparent url("../img/icons/basket_add.png") center center no-repeat;
}
.basket_delete span, span.basket_delete {
	background: transparent url("../img/icons/basket_delete.png") center center no-repeat;
}
.box span, span.box {
	background: transparent url("../img/icons/box.png") center center no-repeat;
}
.postit span, span.postit {
	background: transparent url("../img/icons/note.png") center center no-repeat;
}
.bomb span, span.bomb {
	background: transparent url("../img/icons/bomb.png") center center no-repeat;
}
.star span, span.star {
	background: transparent url("../img/icons/star0.png") center center no-repeat;
}
.star1 span, span.star1 {
	background: transparent url("../img/icons/star.png") center center no-repeat;
}
.calcerror span, span.calcerror {
	background: transparent url("../img/icons/calculator_error.png") center center no-repeat;
}
.add span, span.add {
	background: transparent url("../img/icons/add.png") center center no-repeat;
}
.login span, span.login {
	background: transparent url("../img/icons/key_go.png") center center no-repeat;
}
.twitter span, span.twitter {
	background: transparent url("../img/twitter.gif") center center no-repeat;
}
.zauber span, span.zauber {
	background: transparent url("../img/icons/wand.png") center center no-repeat;
}
.exe span, span.exe {
	background: transparent url("../img/icons/application.png") center center no-repeat;
}
.mp3 span, span.mp3 {
	background: transparent url("../img/icons/music.png") center center no-repeat;
}
.pdf span, span.pdf {
	background: transparent url("../img/icons/page_white_acrobat.png") center center no-repeat;
}
.listicon span, span.listicon {
	background: transparent url("../img/icons/text_list_bullets.png") center center no-repeat;
}
.doc span, span.word {
	background: transparent url("../img/icons/page_word.png") center center no-repeat;
}
.zip span, span.zip {
	background: transparent url("../img/icons/compress.png") center center no-repeat;
}
.toggle span, span.toggle {
	background: transparent url("../img/icons/sitemap_color.png") center center no-repeat;
}
.sorticon span, span.sorticon {
	background: transparent url("../img/icons/arrow_out.png") center center no-repeat;
}
.coin1 span, span.coin1 {
	background: transparent url("../img/icons/coins_add.png") center center no-repeat;
}
.coin0 span, span.coin0 {
	background: transparent url("../img/icons/coins.png") center center no-repeat;
}
.ok1 span, span.ok1 {
	background: transparent url("../img/icons/tick.png") center center no-repeat;
}
.ok0 span, span.ok0 {
	background: transparent url("../img/icons/cross.png") center center no-repeat;
}
.cd span, span.cd {
	background: transparent url("../img/icons/cd.png") center center no-repeat;
}
.cd_cover span, span.cd_cover {
	background: transparent url("../img/icons/cd_cover.png") center center no-repeat;
}
.cd_verkrazt span, span.cd_verkrazt {
	background: transparent url("../img/icons/cd_verkrazt.png") center center no-repeat;
}
.telephoneadd span, span.telephoneadd {
	background: transparent url("../img/icons/telephone_add.png") center center no-repeat;
}
.tick1 span, span.tick1 {
	background: transparent url("../img/icons/tick.png") center center no-repeat;
}
.tick0 span, span.tick0 {
	background: transparent url("../img/icons/tick0.png") center center no-repeat;
}
.folder span, span.folder {
	background: transparent url("../img/icons/folder.png") center center no-repeat;
}
.folder_add span, span.folder_add {
	background: transparent url("../img/icons/folder_add.png") center center no-repeat;
}
.picture_save span, span.picture_save {
	background: transparent url("../img/icons/picture_save.png") center center no-repeat;
}
.undo span, span.undo {
	background: transparent url("../img/icons/arrow_undo.png") center center no-repeat;
}
.lightning span, span.lightning {
	background: transparent url("../img/icons/lightning.png") center center no-repeat;
}
.bug span, span.bug {
	background: transparent url("../img/icons/bug.png") center center no-repeat;
}
.loading span, span.loading {
	background: transparent url("../img/icons/loading.gif") center center no-repeat;
}
.transmit span, span.transmit {
	background: transparent url("../img/icons/transmit.png") center center no-repeat;
}
.ab18 span, span.ab18 {
	background: transparent url("../img/icons/ab18.png") center center no-repeat;
}
.buyback span, span.buyback {
	background: transparent url("../img/icons/buyback.png") center center no-repeat;
}
.tablet span, span.tablet {
	background: transparent url("../img/icons/picture_empty.png") center center no-repeat;
}
.search span, span.search {
	background: transparent url("../img/icons/magnifier.png") center center no-repeat;
}
/* ICONS-ENDE */

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
p {
	margin: 0 0 20px 0 !important;
}
.p {
	margin-bottom: 20px !important;
}
.tab {
	margin: 0 0 0 20px;
}
ul.none {
	list-style-type: none !important;
}
.note {
	color: #808080;
}
ul.auftraege span.sp1 {
	display: inline-block;
	width:60px;
	overflow: hidden;
}
ul.auftraege span.sp2 {
	display: inline-block;
	width:160px;
	overflow: hidden;
}
ul.auftraege span.sp3 {
	display: inline-block;
	width:250px;
	overflow: hidden;
}
ul.auftraege span.sp4 {
	display: inline-block;
	width:300px;
	overflow: hidden;
}
ul.auftraege span.sp5 {
	display: inline-block;
	width:100px;
	overflow: hidden;
}
ul.auftraege span.sp6 {
	display: inline-block;
	width:120px;
	overflow: hidden;
}
ul.basket {
}
ul.basket li {
	list-style-type:none;
	display:block;
	clear:both;
}
ul.basket li span.anz {
	display:inline-block;
	margin:0 10px 0 5px;
	padding:1px 10px;
	color:#444;
	border:1px solid #c5c5c5;
	background-color:#e5e5e5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
ul.basket li span.title {
	display:inline-block;
	margin:0 0 4px 0;
	padding:1px 10px;
	border:1px solid #c5c5c5;
	background-color:#e5e5e5;
	width:850px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
ul.basket li span.merkmal {
	display:block;
	width:850px;
	padding:0;
	margin:0 0 0 70px;
}
ul.basket li span.priceonce {
	display:block;
	width:400px;
	padding:0;
	margin:0 0 0 70px;
}
ul.basket li span.pricecomp {
	display:inline-block;
	font-weight:bold;
	width:200px;
	padding:0;
	margin:0 0 0 70px;
}
textarea {
	/*font-family:"Courier New", Courier, monospace;*/
	width: 600px;
	min-height: 150px;
}
div.pager { 
	margin: 5px auto 5px auto;
	text-align: center;
}
div.pager:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
div.pager a {margin:0 2px; padding:1px 8px; color:#468AB4}
div.pager a:hover {color:#999; }
div.pager a.current {background:#468AB4; color:#FFF; -webkit-border-radius: 5px; border-radius: 5px; }
div.pager .goright {float: right;
margin-right: 0px;
width: 160px;
height: 20px;
margin-top: 0px;
}
div.pager .goright a, div.pager .goleft a  {background:#468AB4; color:#FFF; -webkit-border-radius: 5px; border-radius: 5px;  padding:1px 8px; }
div.pager .goleft {float: left;
width: 160px;
height: 20px;
margin-top: 0px;
}

div.piclisting {
	margin: 0 5px 0 180px;
	width: 650px;
}
div.piclisting div.fl {
	float: left;
	width: 150px;
}
div.piclisting div.fl img.pic {
	float: left;
	margin: 0 5px 5px 0;
	display: inline-block;
}
div.piclisting div.fl input {
	width: 80px;
}
.hide {
	display: none;
}
.fl {
	float: left;
}
ul.piclist {
	width: 1000px;
	height:auto;
	position:relative;
}
ul.piclist li {
	width: 280px;
	overflow: hidden;
	float: left;
	clear:none;
	margin: 0 15px 10px 0;
}
ul.piclist img {
	margin-right: 5px;
}
ul.piclist input {
	margin-bottom: 5px;
}
div.warning, p.warning {
	background-image:url(../img/achtung_small.gif);
	background-repeat:no-repeat;
	padding-left: 50px;
	min-height: 30px;
	margin: 5px 0 5px 0;
}
p.error {
	background-color:#610B0B;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px 0 5px 0;
	padding: 3px 0 3px 10px;
}
p.hold {
	background-color:#FFB400;
	color: #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px 0 5px 0;
	padding: 3px 0 3px 10px;
}
p.success {
	background-color:#0B6121;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px 0 5px 0;
	padding: 3px 0 3px 10px;
}
p.info {
	background-color:#468AB4;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px 0 5px 0;
	padding: 3px 0 3px 10px;
}
/*-------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------                     ----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------   NEW CSS           ----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------   PAGE-CENTER       ----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------                     ----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------------*/
/* MOBILE MENUE 2013 *//*----------------------------------------------   ANFANG            ---------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/
#sidr-left {
    display: none;
}
/*---------------------------------------------------------------------------------------------------------------------------*/
/* MOBILE MENUE 2013 *//*----------------------------------------------   ENDE              ---------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/
html {
	width:100%;
	height:100%;
}
body {
	position:absolute;
	width:100%;
	height:100%;
}
#header {
	position:fixed;
	width:100%;
	height:70px;
	background:#468ab4;
	z-index:300300;
	margin:0;
	top:0;
	left:0;
	right:0;
}
#logo {
	background:url(../img/v2/logo-page-center.png) top left no-repeat;
	width:244px;
	height:54px;
	top:10px;
	left:17px;
	position:relative;
}
#logo:hover {
	background:url(../img/v2/logo-page-center-hover.png) top left no-repeat;
}
#head-info {
	color:#fff;
	position:absolute;
	right:180px;
	text-align:right;
	top:16px;
}
#head-info a, #head-info p {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	margin:0;
}
ul#head-nav {
	position:absolute;
	width:120px;
	height:30px;
	top:19px;
	right:25px;
}
ul#head-nav li {
	width:26px;
	height:26px;
	float:left;
	text-indent:5px;
	padding:0 6px;
	border-right:1px solid #77afce;
	border-left:1px solid #306d9b;
	overflow:hidden;
}
ul#head-nav li:first-child {
	border-left:none;
}
ul#head-nav li:last-child {
	border-right:none;
}
ul#head-nav li span {
	width:26px;
	height:26px;
	float:left;
	background:url(../img/v2/head-nav.png) top left no-repeat;
}
ul#head-nav li#support span {
	background-position: 0px 0;
}
ul#head-nav li#einstellungen span {
	background-position:-26px 0;
}
ul#head-nav li#logout span {
	background-position:-52px 0;
}
ul#head-nav li#support span:hover {
	background-position: 0 -26px;
}
ul#head-nav li#einstellungen span:hover {
	background-position:-26px -26px;
}
ul#head-nav li#logout span:hover {
	background-position:-52px -26px;
}
#left-col {
	position:fixed;
	top:70px;
	width:290px;
	background:#e0e0e0;
	height:100%;
	border-right:1px solid #a0a0a0;
	z-index:3020;
}
#left-col.in {
	position:fixed;
	top:70px;
	left:-290px;
	width:290px;
	background:#e0e0e0;
	height:100%;
	border-right:1px solid #a0a0a0;
	overflow:hidden;
	padding:0 50px 0 0;
	z-index:3020;
}
#left-col-wrap {
	display:block;
	position:absolute;
	height:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0 0 86px 0;
	overflow-x:hidden;
	overflow-y:auto;
}
ul#navi {
	position:absolute;
	height:auto;
}
ul#navi li {
	position:relative;
	height:auto;
	border-top:1px solid #a0a0a0;
	z-index:400;
}
ul#navi li a {
	position:relative;
	width:252px;
	height:18px;
	display:block;
	padding:20px 0 20px 38px;
	font-size:22px;
	color:#468ab4;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}
ul#navi li a:hover {
	opacity:0.7;
}
ul#navi li span {
	position:relative;
	top:20px;
	margin-right:10px;
	border-right: 4px solid transparent;
	border-top: 6px solid #468ab4;
	border-left: 4px solid transparent;
	border-bottom:0px solid transparent;
	height: 0px;
	width: 0px;
}
ul#navi li.act a span {
	position:relative;
	top:-20px;
	margin-right:10px;
	border-right: 4px solid transparent;
	border-bottom: 6px solid #468ab4;
	border-left: 4px solid transparent;
	border-top:0px solid transparent;
	height: 0px;
	width: 0px;
}
ul#navi li ul {
	display:none;
}
ul#navi li.act ul {
	display:block;
	z-index:500;
}
ul#navi li ul li {
	position:relative;
	background:#fffaf7;
	height:auto;
	padding:0;
	border:none;
	border-bottom:1px solid #e0e0e0;
	display:block;
	z-index:600;
}
ul#navi li ul li.act {
	background:#fffaf7 url(../img/v2/subnavi-active.png) 280px center no-repeat;
}
ul#navi li ul li a {
	position:relative;
	top:10px;
	display:block;
	height:50px;
	font-size:15px;
	color:#2b2c2e;
	text-transform:uppercase;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
	padding:0 0 0 38px;
	left:0;
	width:252px;
	z-index:700;
}
ul#navi li.act ul li a span {
	position:absolute;
	top:16px;
	font-size:14px;
	color:#2b2c2e;
	text-transform:none;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
	border:none !important;
	padding:0;
	width:252px;
}
ul#navi li.act ul li ul {
	display:none;
}
ul#navi li.act ul li.act ul {
	display:block;
}
ul#navi li.act ul li ul li {
	border:none;
	height:27px;
	margin:0 0 0 20px;
	width:232px;
}
ul#navi li.act ul li ul li a {
	position:absolute;
	font-size:13px;
	text-transform:none;
	font-weight:300;
	height:15px;
	background:url(../img/v2/arrow-right.png) 21px center no-repeat;
}
ul#navi li.act ul li ul li.act a {
	font-weight:bold;
}
#main {
	margin:0;
	z-index:2;
	width:100%;
}
#main.in {
	margin:0;
	z-index:2;
	width:100%;
}
#inner-main {
	height:auto;
	width:auto;
	position:relative;
	margin:85px 15px 0 305px;
	padding: 0 0 30px 0;
}
#inner-main.in {
	height:auto;
	width:auto;
	position:relative;
	margin:85px 15px 0 65px;
	padding: 0 0 30px 0;
}
#main-head {
	background:url(../img/v2/repeat-con-head.png) top left repeat-x;
	height:43px;
	font-size:18px;
	color:#6f7175;
}
#main-head .name {
	text-transform:uppercase;
	float:left;
	margin:11px 20px 0 20px;
}
#main-head .des {
	text-transform:none;
	float:left;
	margin:11px 0 0 20px;
}
#main-head span {
	border-left:1px solid #e2e4e4;
	border-right:1px solid #babbbb;
	width:0px;
	height:43px;
	float:left;
}
#main-head .help {
	float:right;
}
#main-head .help span {
	border-left:1px solid #e2e4e4;
	border-right:1px solid #babbbb;
	width:0px;
	height:43px;
	float:left;
}
#main-head .help a {
	float:right;
	font-size:13px;
	color:#6f7175;
	text-decoration:none;
	margin:14px 10px 0 10px;
	width:auto;
	height:auto;
	position:relative;
}
#main-head .help a:hover {
	color:#111;
}
.acordion {
	position:relative;
	margin:50px 0;
	height:auto;
	width:auto;
	overflow:hidden;
	border:none;
}
.acordion hr {
	position:relative;
	top:19px;
	height:0px;
	width:100%;
	border:none;
	border-top:1px solid #636363;
	z-index:150;
}
.acordion a {
	color:#636363;
	font-size:18px;
	text-decoration:none;
}
.acordion a li {
	float:left;
}
.acordion a li.help {
	display:block;
	position:relative;
	width:20px;
	height:20px;
	margin:0 0 0 15px;
}
.acordion .acordion-title {
	position:relative;
	left:100px;
	height:20px;
	width:auto;
	background:#fff url(../img/v2/arrow-down.png) 10px center no-repeat;
	display: table-cell;
	padding:0 20px 0 30px;
	z-index:200;
}
.acordion .acordion-title:active {
	background:#fff url(../img/v2/arrow-up.png) 10px center no-repeat;
}
.acordion-content {
	padding:20px 15px 10px;
}
.acordion-content p {
	font-weight:300;
	font-size:15px;
	line-height:17px
}
#footer {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background:#468ab4;
	width:100%;
	height:15px;
	z-index:300300
}
#expand {
	width:50px;
	height:50px;
	background:url(../img/v2/expand-in.png) center center no-repeat;
	position:absolute;
	right:0px;
	top:10px;
	z-index:50000;
}
#expand:hover {
	background:url(../img/v2/expand-in-hover.png) center center no-repeat;
}
#expand.in {
	width:50px;
	height:50px;
	background:url(../img/v2/expand-out.png) center center no-repeat;
	position:absolute;
	right:0px;
	top:10px;
}
#expand.in:hover {
	background:url(../img/v2/expand-out-hover.png) center center no-repeat;
}
#expand-mobil {
	display:none;
	position:relative;
	width:54px;
	height:50px;
	background:url(../img/v2/expand-mobil.png) center center no-repeat;
	float:left;
	border-right:1px solid #77b0ce;
	cursor:pointer;
}
#head-info-mobil {
	display:none;
}
#left-col-wrap #support {
	display:none;
}
/*-----------------------------------------old-subnav-begin------------------------------------*/
ul#modul-subnav {
	list-style:none;
	position: relative;
	bottom:10px;
}
ul#modul-subnav li a {
	color:#fff;
	float:left;
	background: #468AB4;
	border: 1px solid gainsboro;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0px gray;
	padding: 6px 24px 6px 24px;
	display: inline-block;
	margin:2px 5px 2px 0;
}

ul#modul-subnav li a:hover {
	text-decoration:none;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3D84B0), color-stop(1, #7FABC7) );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d84b0', endColorstr='#7fabc7');
	background-color: #3D84B0;
	opacity:1;
}
/*-----------------------------------------old-subnav-end------------------------------------*/



/*-----------------------------------------old-tabel-begin------------------------------------*/
fieldset {
	border:1px solid rgba(119, 119, 119, 0.5);
	padding: 0 10px 0 8px;
	width: auto;
	margin:20px 0;
}
fieldset.left {
	width: 44%;
	float: left;
	margin: 8px 6% 0 0;
}
fieldset.end {
	width: 44%;
	margin: 8px 0 0 0;
}
fieldset legend {
	font-weight: 300;
	padding: 0 5px;
	width: auto;
}
fieldset li {
	list-style-type: none;
	padding: 2px 0 2px 0;
	clear: left;
	font-size:14px;
}
fieldset li div {
	display:inline-block;
}
fieldset label {
	width: 180px;
	display: inline-block;
	float: left;
	text-align: right;
	margin: 5px 5px 0 0;
	color:#6F7175;
	font-size:14px;
	white-space:nowrap;
}
fieldset input[type=text], select {
	width: 220px;
}
.table li:hover fieldset {
    background:none;
}
span.fileinput-button, a.button {
	background:#468AB4;
	border:1px solid #dcdcdc;
	color:#ffffff;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #808080;
	padding: 6px 24px 6px 24px;
	display: inline-block;
}
span.fileinput-button:hover, a.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d84b0), color-stop(1, #7fabc7) );
	background:-moz-linear-gradient( center top, #3d84b0 5%, #7fabc7 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d84b0', endColorstr='#7fabc7');
	background-color:#3d84b0;
}
a.button:active {
	position:relative;
	top:1px;
}
span.fileinput-button span {
	color: #FFF;
	margin: 0;
	padding: 0;
}
span.fileinput-button {
	height: 16px;
	overflow:hidden;
	padding-top: 4px;
	padding-bottom: 8px;
}
button, label, a {
	cursor: pointer;
}
ul.labelform li div {
}
/*-----------------------------------------FIELDSET-MIT-CLASS---------------------------------*/


div.fieldset {
	border:1px solid #E0E0E0;
	padding: 0 10px 0 8px;
	width: auto;
	background: #fafafa;
	margin:10px 0 3px 0;
	clear:both;
	display: block;
}
div.fieldset.left {
	width: 44%;
	float: left;
	margin: 0 6% 0 0;
}
div.fieldset.end {
	width: 44%;
	margin: 0 0 0 0;
}
div.fieldset legend {
	margin: -8px 0 8px 0;
	background-color: #fff;
	font-weight: 300;
	padding: 0 5px;
	color:#000;
	display: block;
	-webkit-padding-start: 2px;
	-webkit-padding-end: 2px;
	border: none;
	border-image: initial;
	width: auto !important;
}
div.fieldset li {
	list-style-type: none;
	padding: 2px 0 2px 0;
	clear: left;
	font-size:14px;
}
div.fieldset li div {
	display:inline-block;
}
/*-----------------------------------------old-tabel-end------------------------------------*/

ul.none li {
	margin:1px 0 1px 0;
}
/*------------------------------alert.css - javascript alert replacement v2.3------------------------------------*/
 
div.alert-modal {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900900900900900;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /* IE7 */
}
/**
 * wrapper
 */ 
div.alert {
	font-family: 'Open Sans', sans-serif;
	;
	border: 1px solid #ccc;
	background-color: #468AB4;
	padding: 10px;
	display: none;
	position: absolute;
	z-index: 900900900900909;
	color:#fff;
}
/**
 * title
 */ 
div.alert div.title {
	font-family: 'Open Sans', sans-serif;
	;
	font-weight: bold;
	border-bottom:1px solid #fff;
	color: #fff;
	padding: 0 0 15px 0;
}
/**
 * body
 */ 
div.alert div.body {
	padding: 10px 0 25px;
	font-family: 'Open Sans', sans-serif;
	;
	height: 70%;
}
/**
 * button wrapper
 */ 
div.alert div.button {
	float:right;
	padding-bottom:6px;
}
/**
 * button
 */   
div.alert div.button a:link, div.alert div.button a:active, div.alert div.button a:visited {
	padding: 2px 4px 2px 4px;
	background-color: #468AB4;
	text-decoration: none;
	font-weight: 300;
	color: #E0E0E0;
	width:26px;
	border:1px solid #fff;
}
/**
 * button hover
 */
div.alert div.button a:hover {
	background-color: #f0f0f0;
	color: #000;
}
#ladeanimation {
	position:fixed;
	top:0px;
	left:0px;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background: #FFF url(../img/v2/ladeanimation.gif) center center no-repeat;
	opacity:0.8;
	z-index:999990;
	display:none;
}
#head-info-mobil {
	display:none;
}

input[type="text"].small {width: 100px;}
input[type="text"].medium {width:142px;}
fieldset input[type="password"] {width:220px;}


/*-----------------------------------------Login-seite-------------------------------------------------*/
#login-back {
	position:fixed;
	width:100%;
	height:100%;
	margin:0;
	background:url(https://www.page-center.de/data/img/v2/login-back.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#login-back-imp {
	position:static;
	width:100%;
	height:100%;
	margin:0;
	background:url(https://www.page-center.de/data/img/v2/login-back.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#login-div {
	max-width:300px;
	height:200px;
	position:relative;
	margin:-100px auto 0 auto;
	top:50%;
	padding:0 20px;
	z-index:500;
}
#login-logo {
	position:relative;
	height:54px;
	background:url(../img/v2/logo-page-center.png) center top no-repeat;
	margin-bottom:20px;
}
#login-field {
	position:relative;
	height:120px;
}
#login-field input, #login-login button, #login-field input:focus {
	position:relative;
	width:100%;
	background:#FFF;
	margin:0 auto 10px;
	height:30px;
	border:none;
	color:#7a7a7a;
	font-family:'Open Sans', sans serif;
	font-size:20px;
	font-weight:bold;
	text-indent:40px;
}
#login-field input[type=text], #login-field input[type=text]:focus {
	background:#FFF url(../img/v2/login-id.png) 13px center no-repeat;
}
#login-field input[type=password], #login-field input[type=password]:focus {
	background:#FFF url(../img/v2/login-lock.png) 13px center no-repeat;
}
#login-field button {
	margin:0;
	text-align:left;
}
#login-text {
	position:relative;
	color:#fff;
	text-align:center;
	padding-bottom: 50px;
}
#login-text a, #login-text p {
	color:#fff;
	line-height:19px;
	font-size:14px;
}
#login-text span {
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;
	opactiy:0.4;
}
#login-footer {
	position:absolute;
	width:100%;
	margin:8px 0;
	bottom:0;
	text-align:center;
	color:#fff;
	z-index:500;
}
#login-footer a {
	color:#FFF;
	font-size:12px;
	font-weight:300;
	height:15px;
	color:#fff;
	line-height:15px;
}
/*----------------------------------------------AUFGABEN-TOOL------------------------*/

.column div.prio0 .portlet-header {
	background-color: #51758f;
    color: #fff;
}

.column div.prio1 .portlet-header {
	background-color: #668ba4;
    color: #fff;
}

.column div.prio2 .portlet-header {
	background-color: #8da0ae;
    color: #fff;
}

.column div.prio3 .portlet-header {
	background-color: #bbbbbb;
}

.column div.prio4 .portlet-header {
	background-color: #9d5454;
    color: #fff;
}
.column div.prio5 .portlet-header {
	background-color: #9b2727;
    color: #fff;
}
.column div.prio6 .portlet-header {
	background-color: #770a0a;
    color: #fff;
}
.column div.prio6 .portlet-header a, .column div.prio5 .portlet-header a, .column div.prio4 .portlet-header a, .column div.prio2 .portlet-header a, .column div.prio1 .portlet-header a, .column div.prio0 .portlet-header a {
    color: #fff;
}
.message_list li {
	margin: 0 0 5px 0;
	/*border: 1px solid #D0D0D0;*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fafafa;
}
.message_list li.prio6 div.message_head {
	background-color: #770a0a;
}
.message_list li.prio5 div.message_head {
	background-color: #9b2727;
}
.message_list li.prio4 div.message_head {
	background-color: #9d5454;
}
.message_list li.prio3 div.message_head {
	background-color: #bbbbbb;
}
.message_list li.prio2 div.message_head {
	background-color: #8da0ae;
}
.message_list li.prio1 div.message_head {
	background-color: #668ba4;
}
.message_list li.prio0 div.message_head {
	background-color: #51758f;
}
div.message_head {
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.prio6 div.message_head *, .prio5 div.message_head *, .prio4 div.message_head * {
	color: #fff !important;
}
span.kunde, span.aufgabe, span.mitarbeiter, span.status, span.prio, span.termin {
	width:100px;
	overflow:hidden;
	display:inline-block;
	white-space:no-wrap;
}
span.kunde {
	width:160px;
}
span.aufgabe {
	width:250px;
}
span.mitarbeiter {
	width:170px;
}
span.status {
	width:140px;
}
span.prio {
	width:130px;
}
span.termin {
	width:80px;
}
p {
	margin: 0;
}
hr {
	border-bottom: 1px #505050 solid;
	margin: 5px 0 5px 0;
}
/*----------------------------------URLAUBS-MODUL-------------------------------*/
.title {
	font-weight: bold;
	background-color: silver;
	text-align: center;
}
.grund, .state, .bearb {
	float: left;
	width: 140px;
}
.von, .bis, .days {
	float: left;
	width: 90px;
}
.days {
	text-align: center;
}
.message_list {
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #D0D0D0;
	border-radius: 5px 5px 5px 5px;
	margin: 0 0 5px;
	padding: 3px;
}
li.abwesenheit-line span.datebis {
	display:none;
}
ul.abwesenheit-gesamt {
	float:right;
}
.monatuebersicht {
	width:100%;
}
li.monatuebersicht th, li.monatuebersicht td {
	width:18px;
	text-align:center;
}

fieldset ul li span {
	margin-left:186px;
	display:block;
}
iframe {
    border: 1px #c0c0c0 solid;
}
.defaultSkin .mceStatusbar span {
	display:inline-block !important; 
}
li.small .defaultSkin iframe {
	min-height:100px;
}
li.medium .defaultSkin iframe {
	min-height:200px;
}
.defaultSkin iframe {
	min-height:300px;
}
#mce_fullscreen_container {
	z-index: 600600 !important;
}
fieldset ul li a span {
	margin-left:0;
}

fieldset li button {
margin: 0 5px 0 185px;}

fieldset.inline li {float:left; display:block; clear:none;}
fieldset.inline label {width:auto; margin-left:9px;}
fieldset.inline button {margin-left:20px; margin-top:-5px;}

table.monat {margin-bottom:25px; height:162px; width:92%;}
.monat tbody {background:#ECECFF !important;}



/*------------------------------------------ANGEBOTE-TOOl-BEGIN---------------------------------------*/

.angebote .hquad {position:relative; width:400px; margin:15px 10px 40px 0; height:450px; float:left;}

.angebote .hquad-small {position:relative; width:200px; margin-right:20px; height:450px; float:left; }

.angebote .hquad .pic {width:400px; height:250px; overflow:hidden; border-bottom:10px solid #468ab4; }
.angebote .hquad-small .pic {width:200px; height:250px; overflow:hidden; border-bottom:10px solid #468ab4; }

.angebote  h1 {background:none; color:#468ab4; margin:10px 0; padding:0; font-weight:bold; font-weight:19px; line-height:20px; text-transform:none; }
.angebote  p {color:#2d2d2d; font-size:15px; font-weight:300; line-height:18px;}
.angebote b {color:#2d2d2d;}
.angebote a.more {bottom:0px; position:absolute; width:100%; border-bottom:1px solid #A0A0A0; padding:10px 0;}
.angebote .abstand {width:100%; height:20px; position:absolute;}



/*------------------------------------------ANGEBOTE-TOOl-END---------------------------------------*/

ul#log li span {font-weight:bold;}
ul#log li ul li {font-weight:normal; margin:5px 0 25px 30px;}





/* table#content_tbl {height:auto !important;}


/*------------------------------------------Kontakte-TOOl----------------------------------------*/
li#kontaktheadline {font-weight:bold; margin:15px 0 10px;}
li#kontaktpoints {margin:4px 0;}
.field1, .field2, .field3, .field4, .field5, .field6, .field7  {display:inline-block; width:140px; }
.field2 {width:330px;}
.field3 {width:190px;}
.field4 {width:290px;}
.field6 {width:90px;}
.field7 {width:auto;}

.screen {display:none;}

/*------------------------------------------Spalten----------------------------------------*/
ul.table li span.xxs, ul.table li span.xs, ul.table li span.s, ul.table li span.m, ul.table li span.l, ul.table li span.xl, ul.table li span.xxl, ul.table li span.xxxl, ul.table li span.xxxxl  {display:inline-block; min-height: 5px; padding: 0 10px 5px 0; vertical-align: text-top; } /*float: left; */
ul.table li span.xxs {width:40px;}
ul.table li span.xs {width:80px;}
ul.table li span.s {width:100px;}
ul.table li span.m {width:200px;}
ul.table li span.l {width:300px;}
ul.table li span.xl {width:400px;}
ul.table li span.xxl {width:440px;}
ul.table li span.xxxl {width:500px;}
ul.table li span.xxxxl {width:600px;}
ul.table li { clear: both; }
ul.table li span.right { text-align:right; padding: 0 20px 0 0; }
.red { color: #ee0000; }
.green { color: #23A244; }
.orange { color: #CD853F; }
.bold { font-weight: bold; }

.ace_editor span {
	margin-left: 0;
    display: inline;
}
.ace_editor {
    border: 1px solid lightgray;
    height: 200px;
    position: relative;
}
.ace_editor, .ace_editor * {
    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
    padding: 0;
}
.ace_editor div.ace_line {
    display: block;
}

.fullScreen {
    overflow: hidden;
}

.ace_editor.fullScreen {
    border: 0;
    margin: 0;
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000000;
    width: 100% !important;
    height: 100% !important;
}

.ekko-lightbox {
    z-index: 10000000;
}
.modal-backdrop {
    z-index: 9999998;
}
.modal {
    z-index: 9999999;
}
.fullScreen .ace_scroller, .fullScreen .ace_gutter {
    height: 10000px;
}

.colorpicker {
    z-index: 1000;
}