@media print, screen, handheld
{
	div.tabpanelmain div.tab-row li
	{
		clear:left;
		width:100%;
		margin:10px;
		
	}
	
	div.autocomplete    {
		z-index:0;	
		width            :250px;
	    background-color :white;
	    color:black;
	    border           :1px solid #888;
	    margin           :0px;
	    padding          :0px;
	}
	li.selected    { background-color: #ffb; }	
	
	
	/* SQL log */
	.cake-sql-log {
		background: grey;
		
	}
	.cake-sql-log td {
		padding: 4px 8px;
		text-align: left;
		font-family: Monaco, Consolas, "Courier New", monospaced;
	}
	.cake-sql-log caption {
		color:#fff;
	}
	
	/** Paging **/
	.paging {
		
		margin-top: 1em;
		clear:both;
	}
	.paging .current,
	.paging .disabled,
	.paging a {
		text-decoration: none;
		padding: 5px 8px;
		display: inline-block
	}
	.paging > span {
		background-color: #1e90ff;
		display: inline-block;
		border: 1px solid #ccc;
		border-left: 0;
	}
	.paging > span:hover {
		background: #efefef;
	}
	.paging .prev {
		border-left: 1px solid #ccc;
		-moz-border-radius: 4px 0 0 4px;
		-webkit-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
	}
	.paging .next {
		-moz-border-radius: 0 4px 4px 0;
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}
	.paging .disabled {
		color: #ddd;
	}
	.paging .disabled:hover {
		background: transparent;
	}
	.paging .current {
		background: #efefef;
		color: #c73e14;
	}
		
		/** Debugging **/
	pre {
		color: #000;
		background: #f0f0f0;
		padding: 15px;
		-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	}
	.cake-debug-output {
		padding: 0;
		position: relative;
	}
	.cake-debug-output > span {
		position: absolute;
		top: 5px;
		right: 5px;
		background: rgba(255, 255, 255, 0.3);
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: 5px 6px;
		color: #000;
		display: block;
		float: left;
		-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
	}
	.cake-debug,
	.cake-error {
		font-size: 16px;
		line-height: 20px;
		clear: both;
	}
	.cake-error > a {
		text-shadow: none;
	}
	.cake-error {
		white-space: normal;
	}
	.cake-stack-trace {
		background: rgba(255, 255, 255, 0.7);
		color: #333;
		margin: 10px 0 5px 0;
		padding: 10px 10px 0 10px;
		font-size: 120%;
		line-height: 140%;
		overflow: auto;
		position: relative;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	.cake-stack-trace a {
		text-shadow: none;
		background: rgba(255, 255, 255, 0.7);
		padding: 5px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin: 0px 4px 10px 2px;
		font-family: sans-serif;
		font-size: 14px;
		line-height: 14px;
		display: inline-block;
		text-decoration: none;
		-moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
		box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
	}
	.cake-code-dump pre {
		position: relative;
		overflow: auto;
	}
	.cake-context {
		margin-bottom: 10px;
	}
	.cake-stack-trace pre {
		color: #000;
		background-color: #F0F0F0;
		margin: 0px 0 10px 0;
		padding: 1em;
		overflow: auto;
		text-shadow: none;
	}
	.cake-stack-trace li {
		padding: 10px 5px 0px;
		margin: 0 0 4px 0;
		font-family: monospace;
		border: 1px solid #bbb;
		-moz-border-radius: 4px;
		-wekbkit-border-radius: 4px;
		border-radius: 4px;
		background: #dcdcdc;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
		background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
		background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
		background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
		background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
		background-image: linear-gradient(top, #fefefe, #dcdcdc);
	}
		
		/* excerpt */
	.cake-code-dump pre,
	.cake-code-dump pre code {
		clear: both;
		font-size: 12px;
		line-height: 15px;
		margin: 4px 2px;
		padding: 4px;
		overflow: auto;
	}
	.cake-code-dump .code-highlight {
		display: block;
		background-color: rgba(255, 255, 0, 0.5);
	}
	.code-coverage-results div.code-line {
		padding-left:5px;
		display:block;
		margin-left:10px;
	}
	.code-coverage-results div.uncovered span.content {
		background:#ecc;
	}
	.code-coverage-results div.covered span.content {
		background:#cec;
	}
	.code-coverage-results div.ignored span.content {
		color:#aaa;
	}
	.code-coverage-results span.line-num {
		color:#666;
		display:block;
		float:left;
		width:20px;
		text-align:right;
		margin-right:5px;
	}
	.code-coverage-results span.line-num strong {
		color:#666;
	}
	.code-coverage-results div.start {
		border:1px solid #aaa;
		border-width:1px 1px 0px 1px;
		margin-top:30px;
		padding-top:5px;
	}
	.code-coverage-results div.end {
		border:1px solid #aaa;
		border-width:0px 1px 1px 1px;
		margin-bottom:30px;
		padding-bottom:5px;
	}
	.code-coverage-results div.realstart {
		margin-top:0px;
	}
	.code-coverage-results p.note {
		color:#bbb;
		padding:5px;
		margin:5px 0 10px;
		font-size:10px;
	}
	.code-coverage-results span.result-bad {
		color: #a00;
	}
	.code-coverage-results span.result-ok {
		color: #fa0;
	}
	.code-coverage-results span.result-good {
		color: #0a0;
	}
	
	/** Elements **/
	#url-rewriting-warning {
		display:none;
	}
	/* Form errors */
	form .error {
		background: #FFDACC;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		font-weight: normal;
	}
	form .error-message {
		-moz-border-radius: none;
		-webkit-border-radius: none;
		border-radius: none;
		border: none;
		background: none;
		margin: 0;
		padding-left: 4px;
		padding-right: 0;
	}
	form .error,
	form .error-message {
		color: #9E2424;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		text-shadow: none;
	}
	
	/** Notices and Errors **/
	.message {
		clear: both;
		color: #fff;
		font-size: 140%;
		font-weight: bold;
		margin: 0 0 1em 0;
		padding: 5px;
	}
	
	.success,
	.message,
	.cake-error,
	.cake-debug,
	.notice,
	p.error,
	.error-message {
		background: #ffcc00;
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
		background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
		background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
		background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
		background-image: linear-gradient(top, #ffcc00, #E6B800);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		border: 1px solid rgba(0, 0, 0, 0.2);
		margin-bottom: 18px;
		padding: 7px 14px;
		color: #404040;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	}
	.success,
	.message,
	.cake-error,
	p.error,
	.error-message {
		clear: both;
		color: #fff;
		background: #c43c35;
		border: 1px solid rgba(0, 0, 0, 0.5);
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
		background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
		background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
		background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
		background-image: linear-gradient(top, #ee5f5b, #c43c35);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	}
	.success {
		clear: both;
		color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.5);
		background: #3B8230;
		background-repeat: repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
		background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
		background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
		background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
		background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
		background-image: linear-gradient(top, #76BF6B, #3B8230);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	}
	p.error {
		font-family: Monaco, Consolas, Courier, monospace;
		font-size: 120%;
		padding: 0.8em;
		margin: 1em 0;
	}
	p.error em {
		font-weight: normal;
		line-height: 140%;
	}
	.notice {
		color: #000;
		display: block;
		font-size: 120%;
		padding: 0.8em;
		margin: 1em 0;
	}
	.success {
		color: #fff;
	}
	

	input.whnvrtext[type=text], input.whnvrtext[type=password], input.whnvrtextsmall[type=text], input.whnvrtextlong[type=text]
	{
		width:170px;
		background-color:white;
		border:2px solid black;	
	}
	
	input.whnvrtextsmall[type=text]
	{
		width:90px;	
	}

	input.whnvrtextlong[type=text]
	{
		width:319px;	
	}

	input.whnvrsubmit[type=submit]
	{
		width:170px;
		background-color:grey;
		border:2px solid black;	
	}

	table.document td.textLabel, table.document span.textLabel p
        {
                vertical-align:top;
                width:100%;
                margin:0px;
                padding:0px;
                color:black;
                
        }  

	.mainlogintable td
	{
		font-size:10px;
	}

	.mainkasten a
	{

		font-size:16px;
		color:white;
	}

	.mainlogintable input[type=text], .mainlogintable input[type=password]
	{
		width:170px;
		background-color:white;
		border:2px solid black;	
	}

	.mainlogintable input[type=submit]
	{
		width:170px;
		background-color:grey;
		border:2px solid black;	
	}


	.registerPanel input[type=text], .registerPanel input[type=password]
	{
		width:300px;
		background-color:white;
		border:2px solid black;	
	}

	.registerPanel input[type=submit]
	{
		width:300px;
		background-color:grey;
		border:2px solid black;	
	}

	div.documentPanel {
	
		width:90%;
		height:90%;
		position:fixed;
		top:0;
		left:0;
		margin-left:5px;
		margin-right:5px;
		margin-top:5px;
		background-color:black;
		padding:5px;
		border:solid 3px #1e90ff;
		overflow:auto;
		z-index:1000;

	}

	tr.auftragdocument {
		background-color: green;
		color: white;
		font-weight: bold;
	}
	
	
	tr.auftragposition {
		background-color: orange;
	}

        p.navigation span span a, p.navigation span a, p.navigation span span em
	{
                float:left;
                width:30px;
                background-color:#1e90ff;
                color:white;
                margin:2px;
                
                text-align:center;
                text-decoration:none;
                font-weight:bold;
                font-size:17px;

        }

        p.navigation span span em{
                color:orange;
        }

	div.newsContent
	{
		font-size: 13px;
		line-height: 18px;
		margin-bottom:15px;
	}
	
	div.newsLinkContent {
		font-size: 11px;
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
		color: rgb(51, 51, 51);
		line-height: 1.28;
		text-align: left;
		direction: ltr;
		background: none repeat scroll 0% 0% rgb(246, 247, 249);
		border: 1px solid rgb(211, 218, 232);
		display: block;
		margin-bottom: 12px;
		text-decoration: none;
	}
	div.newsLinkContent img
	{
		max-width: 120px;
	}
	
	div.newsLeft {
		border-right: 1px solid rgb(211, 218, 232);
		float: left;
		height: 116px;
		line-height: 110px;
		padding-right: 11px;
		margin-right:5px;
		min-width: 72px;
		position: relative;
		text-align: center;
		margin-left:11px;
		text-decoration:none;
	}
	div.newsHead {
		font-weight: bold;
		color: rgb(59, 89, 152);
		word-wrap: break-word;
		font-size: 11px;
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
		color: rgb(51, 51, 51);
		line-height: 1.28;
		text-align: left;
		direction: ltr;
		text-decoration:none;
	}
	div.newsCaption {
		font-weight: normal;
		color: rgb(59, 89, 152);
		font-size: 11px;
		text-decoration:none;
	}
	div.newsShortText {
		margin-top: 14px;
		color: gray;
		font-size: 11px;
		word-wrap: break-word;
		text-decoration:none;
	}
	table.prevnexttable
	{
		width:100%; 
		color:white; 
		background-color:#1e90ff; 
		padding:4px; 
		border-top:2px solid white; 
		border-bottom:2px solid white;	
	}
	
	table.prevnexttable td
	{
			width:33%;
			border:1px solid white;
	}
	
	table.prevnexttable td.center
	{
			width:33%;
			border:1px solid white;
			text-align:center;
	}
	
	table.prevnexttable a
	{
		color:white;
		text-decoration:none;
		font-weight:bold;
	}
	

	a.pages
	{
		float:left;
		margin:2px;
		font-size:12px;
		background-color:#1e90ff;
		padding:3px;
		padding-left:20px;
		padding-right:20px;
		color:white;
	}
	div.marketitem
	{
		float:left;
		width:285px;
		max-width:285px;
		height:200px;
		margin:5px;
		background-color: rgb(242, 242, 242);
	}
	
	div.marketangebote
	{
		font-size:16px;
		font-weight:bold;
	}
	div.aktionitem
	{
		float:left;
		width:285px;	
		max-width:285px;
		margin:5px;
	}
	
	div.produktePreisMwstList
	{
		font-size:10px;
	}
	div.produktePreisList
	{
		font-weight:bold;
	}
	div.produktePreisBruttoMwstList
	{
		#display:none;
		font-size:10px;
	}
	table.messagebox
	{
		border:1px solid black;
		max-width:320px;
		width:310px;		
		margin-bottom:10px;
		border-spacing:0px;
	}
	
	table.messagebox textarea
	{
		height:120px;
		width:100px;
		font-family Verdana;
		font-size:14px;
	}
	
	td.mText
	{
		border-bottom:2px solid black;
		font-size:14px;
	}
	td.mLink
	{
		border-bottom:2px solid black;
		font-size:12px;
	}
	td.mVon, td.mDate
	{
		font-size:10px;
	}	
	td.mNeu, td.mDelete
	{
		background-color:red;
	}

	
	table.messagebox td
	{
		border-bottom:1px solid black;
		
	}

        div.socialmedia
        {
                padding-left:20px;
                max-width:120px;
        }

        div.socialmedia div
        {
                padding-top:10px;
                padding-bottom:10px;
        }

        td.loginpanel, div.loginstatus {
                font-size:10px;
        }
	tr.account {
		background-color:#FFDDBA;

	}	
	p.sortierung , p.sortierung a{
		font-size:12px;
		text-decoration:none;
		
		background-color:lightgray;
	}
	div.artikelTop
	{
		min-width:400px;
		position:fixed;
		top:0px;
		left:auto;
		right:auto;
		background-color:lightgray;

	}

	div.artikelTop p
	{
		text-align:center;
	}
	.tags
	{
		top:left;
		left:0px;
		v-align:top;
		clear:left;
		font-size:12px;
		color:orange;
	}

	div.adsense
	{
		margin-top:10px;
		margin-bottom:10px;
	}

	div.kastenKategorie
	{
		display:block; 
		margin-right:5px; 
		float:left; 
		border:1px solid black; 
		max-width:180px;
		width:180px;
		min-height:60px;
	}

	a.grouplink
	{
		text-decoration:none;
		font-weight:bold;
		width:180px;
		font-size:16px;
		border-bottom:1px;
		border-bottom-style:solid;
	}

	a.subgrouplink
	{
		text-decoration:none;
		font-weight:bold;
		font-size:12px;
	}

	a.testlink
	{
		text-decoration:none;
		font-size:16px;
		margin:10px;
		font-weight:bold;
	}

	div.anmeldung
	{
		margin-left:30px;
		background-color:orange;
		padding:3px;
	}
	div.anmeldung a
	{
		font-weight:bold;
		text-decoration:none;
	}

	td.textBrutto
	{
		font-weight:bold;
	}
	td.numberBrutto
	{
		font-weight:bold;
		text-align:right;
	}

	select.selectMaingroup
	{
		font-size:25px;
		margin-top:20px;
	}

	textarea.info
	{
		width:100%;
		height:200px;
	}

	span.sum
	{
		font-size:10px;
	}

	div.dateien
	{
		clear:both;
	}

	div.kasten
	{
		width:100%;
		background-color:#1e90ff;
		margin-top:5px;
		text-align:center;
	}
	
	div.kasten a
	{
		font-weight:bold;
		font-variant: small-caps;
		font-family: verdana, arial, helvetica, sans-serif;
		text-decoration: none;

	}

	div.kasten img
	{
		padding:5px;
		max-width:200px;
	}

	ul.feedbackpanel
	{

		background-color:#E4C92F;
		padding-top:20px;
		padding-bottom:20px;
	}

	li.feedbackPanelERROR
	{
		list-style-image: url('/img/warning.png');
		color:#FF1C14;
	}

	li.feedbackPanelINFO
	{
		list-style-image: url('/img/info.png');
		color:#FF6A00;
	}

	.sumLine
	{
		width:100%;
		border-top:1px solid black;
	}

	.sumDoubleLine
	{
		width:100%;
		border-top:3px double black;
	}
	html, body
	{
		
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:12pt;
		margin:0px;
		padding:0px;
		min-height:100%;
		height:100%;
		max-width:600px;
		color:yellow;
		margin-left:auto;
		margin-right:auto;
		
	}

	body
	{
		border:0px;
		margin:0px;
		padding:0px;
		background-color:black;
		color:white;
		margin-left:0px;
		
			
	}

	h1, h2
	{
		color: #1E90FF;
		font-size:30px;

	}
		
	h1
	{
		border-bottom:1px solid #1E90FF;
	}

	h3
	{
		color: #1E90FF;
		font-size:16px;
	}

	h2
	{
		font-size:20px;
	}


	div.menu, a.menu
	{
		font-variant: small-caps;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		border-color:black;
		color: #ffffff;
		font-size:12px;
		margin-left:3px;
		margin-right:3px;
		
	}

	a.menu1, a.menu1anmeldung, a.menu1warenkorb, a.menu1bestellung
	{
		display:inline-block;
        padding:8px;
        margin:3px;
		border:1px solid white;
		margin-left:3px;
		margin-right:3px;
		font-variant: small-caps;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		color:white;
		padding-left:2px;
		padding-right:2px;
		font-size:12px;
		width:95%;
		text-align: center;

	}

        a.menu1anmeldung, a.menu1bestellung, a.menu1warenkorb
        {
                color:yellow;

        }


	a.menu1warenkorb
	{
		#display:none;
	}

        a.menu1anmeldung
        {
                background: url('/img/user10.png') no-repeat left center;
		padding-left:12px;
        }
        a.menu1warenkorb
        {
                background: url('/img/shop10.png') no-repeat left center;
		padding-left:2.5em;
        }


	
	a.menu2
	{
		display:block;
                padding:5px;
                margin:3px;font-size:11px;
		font-variant: small-caps;
		font-family: verdana, arial, helvetica, sans-serif;
		text-decoration: none;
		color: white;
		margin-left:3px;
		margin-right:3px;
		padding-left:2px;
		padding-right:2px;
		border:1px solid yellow;
		text-align:center;
	}

	a.menu1:hover
	{
		border: 3px solid lightgray;
	}

	div.mainobenMobile
	{
		padding:0px;
		margin:0px;
		background-color:#1e90ff;
		border:0px;		
	}

	a.area, a.areawarenkorb, a.areahilfe, a.areasmall
	{
		border:1px solid white;
		color:white;
		font-size:12px;
		font-variant: small-caps;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		height:12px;
		padding-left:2px;
		padding-right:2px;
		margin-left:5px;
	}

	a.areawarenkorb
	{
		display:none;
	}

	a.area:hover
	{
		text-decoration: underline; 
		color: 	white;
	}

	        table.news-float a.newsLink {text-align:center; height:200px;}
        table.news-float a.newsLink img
        {
                max-width:280px;
                max-height:150px;
                           
        }

	td.newsLinkImage { text-align:center; }

        table.news-float {
                background-color: #F2F2F2;
                width: 290px;
                height:400px;
                max-height:800px;
                text-align: left;
                vertical-align: top;
                border: 0px;
                border-style: solid;
                color:black;
                float:left;
                margin:10px;
        }

	


	table.news
	{
		background-color:#F2F2F2;   
		width:100%;
		text-align:left;
		vertical-align:top;
		border:0px;
		border-style:solid;

	}
	
	td.alignTop
	{
		min-width:200px;
		vertical-align:top;
	}

	table.news td
	{
		vertical-align:top;
	}

	table.news td
	{
		text-align:left;
		
	}

	td.newsheadline
	{
	  font-weight:bold;
	  font-size:18px;

	}
	td.newslink
	{
		width:120px;
	}

	td.newsshorttext
	{
	  width:600px;
	  max-width:800px;
	  font-size:14px;
	  text-align:left;
	  vertical-align:top;

	}

	td.newsshorttextview
	{
	  width:100%;
	  font-weight:bold;
	  font-size:14px;
	  text-align:left;
	  vertical-align:top;

	}


	textarea
	{
	   width:100%;
	   height:auto;
	   overflow:auto;
	}

	div.produktePreis
	{
        margin-top:10px;
		display:block;
        font-size:14px;
	}
	
	div.produktePreiscart
	{
		display:none;
		font-weight:bold;
		font-decoration:none;
		margin:5px;
		font-size:14px;
	}
	
	div.produktecontent
	{
		margin:5px;
		display:block;
	}

	div.produktePreisBrutto
	{
		font-weight:bold;
		display:none;
	}
	div.produktePreisBruttoList {
		#display:none;
		font-weight:bold;
		font-size:16px;
	}

	div.produkteArtikelnummer, div.produkteBestellung
	{
		font-weight:bold;
	#	display:none;
	}

	div.produkteBestellung{
		padding-top:10px;
	}

	div.produkteLager
	{
		display:none;
	}

	p.produkteFoto
	{
		float:left;
		margin:5px;
	}
	
	p.produkteFoto img
    {
    	max-width:220px;
	}
	
	a.newsLink, a.newsLink img
	{
		text-decoration:none;
		border:none;
		color:black;
	
	}

	div.startseite
	{
		text-align:center;

	}

	div.produkteText
	{
		display:none;
	}

	td.produkteTop
	{
		vertical-align:top;

	}

	table.urlaub
	{
		border:1px;
		border-style:solid;
		background-color:#F0F0F0;
		empty-cells:show;
		font-size:12px;
	}

	table.urlaub td 
	{
		border:1px;
		border-style:solid;


	}

	td.nichtbestaetigt
	{
		background-color:red;
	}

	td.bestaetigt
	{
		background-color:green;
	}

	td.offen
	{
		background-color:yellow;
	}
	td.frei, td.frei table
	{
		background-color:green;
		font-size:12px;
	}

	td.voll, td.voll table
	{
		background-color:orange;
		font-size:12px;
	}

	td.halb, td.halb table
	{
		background-color:yellow;
		font-size:12px;
	}

	td.ueber, td.ueber table
	{
		background-color:red;
		font-size:12px;
	}


	.background-table
	{
		width:100%;
	}

	.htmlobject
	{
	  width:100%;
	  height:100%;
	}

	a.menuNavigation,a.passwort
	{
	   display:inline-block;
           width:140px;
           height:20px;
           margin:2px;
           font-size:16px;
           color:white;
           border:1px solid white;
           font-variant: small-caps;
           font-family: verdana, arial, helvetica, sans-serif;
           font-weight: bold;


	}
	a.passwort
	{
	   font-size:10px;
	}

	div.boxInvisible
	{
		display:none;
	}

	div.boxVisible
	{
		float: right;
		width: 400px;
		margin: auto;

		position: fixed;
		top: 50%;
		right: auto;
		border: solid 1px #ffffff;
		background-color:#FFC43D;

	}

	input.date
	{
		
		width:100px;
		text-align:left;
		font-family:verdana;
		font-size:14px;
	}

	input.smalltext
	{
		width:80px;
	}

	td.tableDecimal
	{
		text-align:right;
		
	}

	tr.red
	{
		background-color:#EA8A8A;
	}
	
	tr.green
	{
		background-color:#B0FF8E;
	}
	
        tr.green:hover, tr.red:hover, tr.gerade:hover, tr.ungerade:hover,tr.subgerade:hover, tr.subungerade:hover
        {
                background-color:yellow;
                color:black;
        }

        tr.subgerade, tr.subungerade
        {
                background-color:#FFF0E5;
                font-size:10px;

        }

	tr.gerade
	{
		background-color:#ECFFF8;
		color:black;
		
		
	}	
	tr.ungerade
	{
		background-color:#FFFFF8;
		color:black
	}

	div.materialgruppe
	{
		overflow-x:hidden;
		overflow:scroll;
		width:300px;
		max-width:300px;
		max-height:200px;
		height:200px;
		background-color:#D8F8FF;
	}


	td.maxtext, td.groupmaxtext
	{
		min-width:200px;
		text-align:left;
	}

	

	div.materialgruppe table
	{
		width:310px;
	}



	table.materialtable, table.materialgroup
	{
		width:100%;
		font-size:12px;
	}

	tr.listUngerade:hover, tr.listGerade:hover
	{
		background-color:yellow;
		font-size:12px;
	}

	tr.listUngeradeTouch:hover, tr.listGeradeTouch:hover
	{
		background-color:yellow;
		font-size:24px;
	}
	
	tr.listGeradeTouch
	{
		background-color:#ECFFF8;
		font-size:20px;
		
	}	
	tr.listUngeradeTouch
	{
		font-size:20px
	}
	
	tr.listGerade
	{
		background-color:#ECFFF8;
		font-size:12px;
		
	}	
	tr.listUngerade
	{
		font-size:12px
	}

	tr.listSelection
	{
		background-color:orange;
		font-size:12px;
	}

	
	.leftAlign
	{
		text-align:left;
	}
	
	.rightAlign
	{
		text-align:right;
	}

	.text
	{
		vertical-align:top;
	}

	input.number, td.number
	{

		width:80px;
		text-align:right;
		font-size:14px;
		font-family:Verdana;
	}

	.number
	{
		text-align:right;
	}

	input.numbermwst
	{

		width:50px;
		text-align:right;
	}

	input.text
	{
		width:100px;
		font-size:14px;
		font-family:Verdana;
		

	}
	input.fulltext
	{
		width:200px;
		font-size:14px;
		font-family:Verdana;
		

	}

	input.normaltext
	{
		width:250px;
		font-size:14px;
		font-family:Verdana;
		

	}
	
	input.textright
	{
		width:200px;
		font-size:14px;
		font-family:Verdana;
		text-align:right;
	
	}
	
	
	input.smalltext
	{
		width:40px;
		text-align:left;
		font-size:14px;
		font-family:Verdana;
	}

	textarea.text
	{
		width:340px;
		height:40px;

	}
	.number
	{
		vertical-align:top;
	}
	
	td.longtext
	{
		width:370px;
		vertical-align:top;
		height:auto;	
	}

	a.morelink
	{
		float:left;
		font-size:10px;
		font-family:Verdana;
		display:inline;
	}

	span.produkteShortText
	{
		font-size:10px;
		font-family:Verdana;
	}

	table.documetTable, table.customerTable
	{
		width:100%;
		font-size:12px;
	}
	
	th.smallth
	{
		font-size:9px;
	}

	div.line
	{
		border:0px;
		border-top:1px;
		border-style:solid;
		width:100%;
	}

	div.navigation
	{
		color: #f2f2ff;		
	}

	table td 
	{
		vertical-align:top;
	}
	
	div.produktePreisContainer
{
	background-color:orange;
	float:right;
	margin:5px;
	padding:5px;
	width:200px;	
	height:110px;
	max-width:220px;
	max-height:110px;
}

p.produktePreiscart
{
	padding-top:5px;
	text-decoration:none;
	font-size:12pt;
	font-weight:bold;

}

form.produktePreiscart
{
	display:block;
}
form.produktePreiscart input.number
{
        width:30px;
}


form.produktePreiscart a, div.produktePreiscart a
{
	font-size:10pt;
	text-decoration:none;
	background-color:#1e90ff;
	width:115px;
	margin:5px;
	padding:5px;
	color:red;
	
}
div.produktePreiscart a
{
	background-color:#1e90ff;
}
div.produktePreis
{
	font-weight:bold;
	font-size:16px;
	
}

p.produktePreiscartInfolink
{
	text-decoration:none;
	margin:5px;
	padding:5px;
	width:180px;
	margin:5px;
	padding:5px;
	color:pink;
	background-color:#1e90ff;
	width:115px;
	float:right;
}
p.produktePreiscartInfolink a
{
	font-size:10pt;
	text-decoration:none;

}
form.produktePreiscart a:hover
{
	background-color:yellow;
	cursor:pointer;
}

span.produktePreisMwst
{
	font-size:10px;
	text-align:right;
	display:none;
}
div.produktePreisBrutto
{
	display:none;
}

span.produktePreisBruttoList {
    font-weight: bold;
    margin-left: 20px;
    padding-top: 10px;
    text-align: right;
    display:none;
    #visible:none;
}

div.thumbnail {
		float: left;
		text-align: center;
		margin: 5px;
		max-width: 120px;
		max-height:100px;
		background-color: #1e90ff;
	}
	div.thumbnail img {
		text-align: center;
		margin: 5px;
		width: 110px;
		max-height:85px;
	}
	table.galerieviewtable {
		width: 100%;
		margin-bottom: 10px;
		background-color: white;
		border: 5px solid #1e90ff;
		border-right: 10px solid #1e90ff;
		border-bottom: 10px solid #1e90ff;
	}
	table.galerietable {
		width: 100%; #
		background-color: #015523;
	}
	td.galerieicon img,td.galerieicon {
		width: 20px;
	}
	td.galerieheadline a {
		text-decoration: none;
		font-weight: bold;
		font-size: 18px;
		color: #c40000;
	}
	div.galeriebig {
		text-align: center;
		background-color: white;
		border: 5px solid #1e90ff;
		border-right: 10px solid #1e90ff;
		border-bottom: 10px solid #1e90ff;
	}
	div.galeriebig img {
		max-width: 300px;
	}
	div.bilder, div.files
	{
		float:left;
		margin:3px;
	
	}
	div.bilder img, div.files img
	{
		max-width:140px;
		max-height:140px;
	}

}

@media handheld, screen
{

	div.mainoben
	{
		background-color:#1E90FF;
		margin-top:15px;
		width:200px;
		max-width:210px;
		vertical-align:top;
	}

	div.mainmenu
	{
		padding-top:15px;
		padding-bottom:50px;
		border:2px solid #ff6a00;
		background-color:#1E90FF;
	}

	div.mainmenuTop
	{
		min-height:15px;
		background-color:#1E90FF;
		padding-top:5px;
		padding-bottom:5px;

	}
	
	
	div.analyse
	{
		clear:left;
	}
	
	div.loginPanel
	{
		display:none;
	}


	div.MenuNavigation
	{
		margin-top:20px;
		border:2px;
		border-color:lightgray;
		border-style:solid;
		padding-top:10px;
		padding-bottom:10px;
		color:white;
		background-color:#1E90FF;
		font-weight:bold;
	
	}
	
	div#MenuNavigation
	{
		position:fixed;
		top:30px;
		left:0px;
		width:100%%;
		height:100%;
		max-height:480px;
		overflow-y:auto;
		margin-top:20px;
		border:2px;
		border-color:lightgray;
		border-style:solid;
		padding-top:10px;
		padding-bottom:10px;
		color:white;
		background-color:#1E90FF;
		font-weight:bold;
	}
	
	div#MenuNavigationSub
	{
		position:fixed;
		top:30px;
		right:0px;
		width:100%%;
		height:100%;
		max-height:480px;
		margin-top:20px;
		border:2px;
		border-color:lightgray;
		border-style:solid;
		padding-top:10px;
		padding-bottom:10px;
		color:white;
		background-color:#1E90FF;
		font-weight:bold;
		overflow-y:auto;
	}
	
	

	div.mainunten
	{
		text-align:center;
		min-height:24px;
		font-size:14px;
		padding-top:2px;
		color:#ffffff;
		font-family: verdana, arial, helvetica, sans-serif;
		background-color:#1E90FF;
		background-position:top;
		background-repeat:repeat-x;
		background-image:url('/img/unten.png') ;
	}
	
	td.mainunten
	{
		text-align:center;
		background-color:#1e90ff;
		color:white;
	}
	
	td.mainunten span
	{
		background-color:#1e90ff;
		vertical-align:top;
	}

	td.mainunten a
	{
		background-color:#1e90ff;
		color:white;
		text-decoration:none;
		font-family: verdana, arial, helvetica, sans-serif;
	}
	td.leftmenu
	{
		display:none;
		margin:0px;
		padding:0px;

	}

	td.leftmenu img
	{
		width:120px;
	}


	td.rightmenu
	{
		background-repeat:no-repeat;
		background-position:left top;	
		vertical-align:top;

	}

	div.mainarea
	{
		padding-left:10px;
		vertical-align:top;
		background-color:#1e90ff;
		padding-bottom:5px;
		
	}


	div.mainvar
	{
	#	padding-left: 10px;
	#	padding-right:10px;
		padding:0px;
		margin:0px;
		padding-top:5px;
		padding-bottom:10px;
		vertical-align:top;
		width:100%;
		max-width:100%;
	}

	div.lo
	{
		margin:0px;
		padding:0px;
		
		vertical-align:top;  
      
	}
	maintable td, maintable tr
	{
		border:0px;
		margin:0px;
		padding:0px;
	
	}
	
	table.maintable
	{
		height:100%;
		min-width:310px;
		width:100%;
		min-height:100%;
		border:0px;
		margin:0px;
		padding:0px;
		margin-bottom:50px;
		background-color:black;
		color:white;
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}

	table.maintable tbody
	{
		border:none;
		margin:0px;
		padding:0px;
	}

	td.customerRight
	{
		vertical-align:top;
		background-color:#1E90FF;
	}

}

@media print
{

	span.topInfo
	{
		#display:none;
	}
	div.mainoben
	{
		display:none;
	}
	td.mainoben
	{
		display:none;
	}
	div.MenuNavigation
	{
		display:none;
	}

	td.mainunten
	{
		display:none;
	}
	div.mainmenu
	{
		display:none;
	}

	div.mainarea
	{
		display:none;
	}

	a
	{
		display:none;
	}

	table.maintable
	{
		background-color:black;
		color:white;
		border:0px;
		margin:0px;
		padding:0px;
	}

	div.mainvar
	{
		display:inline;	  
		border:0px;
		background-color:black;
		color:white;
	}

	div.lo
	{
		display:inline;   
		background-color:black;
		color:white;    
		border:0px;
		padding:0px;
		margin:0px;
	}

	input.button
	{
		display:none;
	}
	
	html, body
	{
		background-color:black;
		color:white;
	}

	.noprint
	{
		display:none;
	}

	.invisible
	{
		visibility:hidden;
	
	}

	input
	{
		border:none;
		background:white;
	}	
	
	select
	{
		border:none;
		background-color:black;
		color:white;
		padding-left:none;
	}
	textarea
	{
		border:none;
		background:white;
	}
	
	td.customerRight
	{
		display:none;
	}
	

}

	


