/** CSS **/

/** FARBEN ::::::::::::

	#19639D		blau
	
	#F3940C		orange
	#FFBEA5		hell-orange
	
	#666666		grau
	#E7E7E7		hell-grau 1
	#E5E5E5		hell-grau 2
	
	#A5BA60		grün

**/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn,
em, img, ins, kbd, q, samp, strong, sub, sup, var, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

:focus { outline: 0; }

html { overflow-y:scroll; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

td.align-c {
	text-align: center;
}

blockquote, q { quotes: "/00AB" "/00BB"; }

form input[type=text],
form textarea {
	border: 1px solid #82a6c3;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* Clearfix Patches für den IE */
.clearfix { display: inline-block; }
 
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */

.hidden {
	display: none;
}

.block {
	display: block;
}

.clear {
	clear: both;
}

body {
	font: normal 11px/140% Arial, sans-serif;
	color: #333333;
}

a {
	color: #19639D;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

sup {
	font-size: 11px;
}

#outerwrapper {
	width: 100%;
}

#wrapper {
	margin: 10px auto 0 auto;
	text-align: center;
	background-color: transparent;
	width: 100%;
}

#headwrapper {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	padding-top: 10px;
	position: relative;
	z-index:1;
}

#contentwrapper {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

#footerwrapper {
	clear: both;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

#homelink {
	position:absolute; top: 0; left: 0;
}

#head {
	height: 120px;
	margin: 0 0 50px 0;
}

#mainnav {
	height: 35px;
	border-bottom: 1px solid #D9D9D9;
	position: relative;
	z-index: 10;
}

#content {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#footer {
	width: 970px;
	text-align: left;
	margin: 20px auto 0 auto;
	padding: 0 15px 50px 15px;
	background: #E7E7E7;
}

#identity {
	width: 273px;
	height: 95px;
	margin: 7px 0 0 0;
	float: left;
	background: #ECEDEB url(../images/template/verlauf-header.png) top left repeat-x;
}

#identity img {
	margin: 13px 0 0 15px;
}

#searchwrapper {
	width: 350px;
	height: 110px;
	margin: 0 1px;
	float: left;
	background: #ECEDEB url(../images/template/verlauf-header.png) top left repeat-x;
}

#searchwrapper p {
	text-align: center;
	line-height: 16px;
}

#print-id-suche {
	display: block;
	height: 40px;
	margin: 70px 0 0 0;
	background-color: #A5BA60;
}

#print-id-suche input.input-text {
	float: left;
	width: 180px;
	height: 18px;
	line-height: 18px;
	margin: 10px 0 0 15px;
	padding: 0 5px;
	outline: none;
	border: none;
}

#print-id-suche input.input-button {
	margin: 11px 0 0 15px;
	padding: 0;
	outline: none;
	border: none;
}

#contactwrapper {
	width: 375px;
	height: 95px;
	margin: 7px 0 0 0;
	float: left;
	background: #ECEDEB url(../images/template/verlauf-header.png) top left repeat-x;
}

#contact {
	width: 230px;
	height: 75px;
	margin: 13px 0 0 62px;
	background: #ECEDEB url(../images/template/kontakt.png) top left no-repeat;
	position: relative;
}

#stage {
	height: 385px;
	margin: 0 0 20px 0;
	background: #19639D url(../images/stage/stage-pic.jpg) top left no-repeat;
	position: relative;
	z-index:0;	
}

/** Headlines **/

.headline-blau {
	font: normal 16px/120% Arial, sans-serif;
	color: #19639D;
}

.headline-grau {
	font: bold 13px/140% Arial, sans-serif;
	color: #333333;
}

.headline-schwarz {
	font: normal 13px/120% Arial, sans-serif;
	color: #000000;
}

.headline-blau-klein {
	font: normal 12px/120% Arial, sans-serif;
	color: #19639D;
}

.headline-content-top {
	font: normal 22px/120% Arial, sans-serif;
	color: #FFFFFF;
	text-shadow: 1px 1px #666;
}

.headline-absatz {
	font: normal 15px/140% Arial, sans-serif;
	color: #000000;
}

/** Fließtext **/

.text-11 {
	font: normal 11px/140% Arial, sans-serif;
	color: #333333;
}

.text-11-hell {
	font: normal 11px/120% Arial, sans-serif;
	color: #666666;
}

.text-11-weiss {
	font: normal 11px/120% Arial, sans-serif;
	color: #FFFFFF;
}

.text-11-rot {
	font: normal 11px/140% Arial, sans-serif;
	color: red;
}

.text-12 {
	font: normal 12px/140% Arial, sans-serif;
	color: #333333;
}

.text-12-intro {
	font: normal 12px/140% Arial, sans-serif;
	color: #000000;
}

/** Buttons **/
a.btn-orange-big {
	clear: both;
	display: block;
	height: 41px;
	color: #FFFFFF;
	font: bold 16px/140% Arial, sans-serif;
	background: transparent url(../images/template/btn-angebot-mi.png) left top repeat-x;
}

a.btn-orange-big p {
	text-indent: 30px;
	line-height: 41px;
	background: transparent url(../images/template/btn-angebot-li.png) left top no-repeat;
}

a.btn-orange-big p span {
	display: block;
	background: transparent url(../images/template/btn-angebot-re.png) right top no-repeat;
}

a.btn-orange {
	clear: both;
	display: block;
	height: 29px;
	color: #FFFFFF;
	font: bold 13px/140% Arial, sans-serif;
	background: transparent url(../images/template/btn-orange-mi.png) left top repeat-x;
}

a.btn-orange p {
	text-indent: 25px;
	line-height: 29px;
	background: transparent url(../images/template/btn-orange-li.png) left top no-repeat;
}

a.btn-orange p span {
	display: block;
	background: transparent url(../images/template/btn-orange-re.png) right top no-repeat;
}

a.btn-grau {
	clear: both;
	display: block;
	height: 29px;
	color: #19639D;
	font: bold 11px/120% Arial, sans-serif;
	background: transparent url(../images/template/btn-grau-mi.png) left top repeat-x;
}

a.btn-grau p {
	text-indent: 15px;
	line-height: 29px;
	background: transparent url(../images/template/btn-grau-li.png) left top no-repeat;
}

a.btn-grau p span {
	display: block;	
	background: transparent url(../images/template/btn-grau-re.png) right top no-repeat;
}

a.btn-blau {
	clear: both;
	display: block;
	height: 29px;
	margin: 0 0 0 10px;
	color: #FFFFFF;
	font: bold 11px/120% Arial, sans-serif;
	background: transparent url(../images/template/btn-blau-mi.png) left top repeat-x;
}

a.btn-blau p {
	text-indent: 15px;
	line-height: 29px;
	background: transparent url(../images/template/btn-blau-li.png) left top no-repeat;
}

a.btn-blau p span {
	display: block;
	background: transparent url(../images/template/btn-blau-re.png) right top no-repeat;
}

a.special {
	color: #19639D;
	font: bold 13px/120% Arial, sans-serif;
	padding: 0 0 0 12px;
	background: transparent url(../images/template/linkpfeil-blau.png) left 3px no-repeat;
}

a.special-weiss {
	color: #FFFFFF;
	font: bold 13px/120% Arial, sans-serif;
	padding: 0 0 0 12px;
	background: transparent url(../images/template/linkpfeil-weiss.png) left 3px no-repeat;
}

span.gt {
	color: #19639D;
}
/** Positionierung **/

.top2		{margin-top: 2px;}
.bottom2	{margin-bottom: 2px;}
.left2		{margin-left: 2px;}
.right2		{margin-right: 2px;}

.margin10	{margin: 10px;}
.top10		{margin-top: 10px;}
.bottom10	{margin-bottom: 10px;}
.left10		{margin-left: 10px;}
.right10	{margin-right: 10px;}

.margin15	{margin: 15px;}
.top15		{margin-top: 15px}
.bottom15	{margin-bottom: 15px;}
.left15		{margin-left: 15px;}
.right15	{margin-right: 15px;}

.margin30	{margin: 30px;}
.top30		{margin-top: 30px}
.bottom30	{margin-bottom: 30px;}
.left30		{margin-left: 30px;}
.right30	{margin-right: 30px;}

.margin50	{margin: 50px;}
.top50		{margin-top: 50px}
.bottom50	{margin-bottom: 50px;}
.left50		{margin-left: 50px;}
.right50	{margin-right: 50px;}

.left150	{margin-left: 150px;}
.left170	{margin-left: 170px;}
.left210	{margin-left: 210px;}

.right150	{margin-right: 150px;}
.right170	{margin-right: 170px;}
.right210	{margin-right: 210px;}

.left		{float: left;}
.right		{float: right;}

.top0		{margin-top: 0px;}
.bottom0	{margin-bottom: 0px;}
.left0		{margin-left: 0px;}
.right0		{margin-right: 0px;}

.w100		{width: 100px;}
.w125		{width: 125px;}
.w150		{width: 150px;}
.w175		{width: 175px;}
.w200		{width: 200px;}
.w220		{width: 220px;}
.w250		{width: 250px;}
.w275		{width: 275px;}
.w310		{width: 310px;}
.w350		{width: 350px;}
.w565		{width: 565px;}
.w796		{width: 796px;}

.h100		{height: 100px;}

.border-top {
	border-top: 1px dotted #19639D;
	padding-top: 10px;
}

.border-btm {
	border-bottom: 1px dotted #19639D;
	padding-bottom: 10px;
}

form input[type=text].border-red,
.border-red {
	border: 1px solid red;
}

.border-r {
	border-right: 1px dotted #19639D;
}

/** Elemente **/

#contact a {
	position: absolute;
	display: block;
	width: 84px;
	height: 23px;
	top: 47px;
}

#contact a.kontakt-top {
	background: transparent url(../images/template/btn-kontakt.png) 0 0 no-repeat;
	width: 84px;
	left: 50px;
}

#contact a.anfrage-top {
	background: transparent url(../images/template/btn-anfrage.png) top right no-repeat;
	width: 88px;
	left: 134px;
}

.showontop {
	z-index: 1105;
}

#contact a.kontakt-top span,
#contact a.anfrage-top span {
	display: none;
}

ul#topnav {
	margin: 0;
}

ul#topnav li {
	float: left;
	display: block;
	height: 35px;
	margin: 0 0 0 -1px;
	background: transparent url(../images/template/navtab-mi.png) left 8px repeat-x;
	position: relative;
	z-index:11;
}

ul#topnav li a {
	display: block;
	height: 35px;
	background: transparent url(../images/template/navtab-li.png) left 8px no-repeat;
	text-decoration: none;
	font: normal 18px/1 Arial, sans-serif;
	color: #666666;
	cursor: pointer;
}

ul#topnav li a span {
	display: block;
	height: 23px;
	padding: 12px 20px 0 20px;
	background: transparent url(../images/template/navtab-re.png) right 8px no-repeat;
}

ul#topnav li:hover {
	border-bottom: 1px solid #E8E8E8;
}

ul#topnav li.active,
ul#topnav li:hover {
	height: 35px;
	background: transparent url(../images/template/navtab-mi.png) left 0 repeat-x;
}

ul#topnav li:hover a {
	height: 35px;
	background: transparent url(../images/template/navtab-li.png) left 0 no-repeat;
	color: #666666;
}
ul#topnav li.active a {
	height: 35px;
	background: transparent url(../images/template/navtab-li.png) left 0 no-repeat;
	color: #19639D;
}

ul#topnav li.active a span,
ul#topnav li:hover a span {
	padding: 7px 20px 0 20px;
	height: 28px;
	background: transparent url(../images/template/navtab-re.png) right 0 no-repeat;
}

#subnav {
	width: 203px;
	float: left;
}

#subnav ul {
	height: 200px;
	height: auto;
	padding: 10px 0;
	background: #E6E6E6;
	border: 1px solid #d5d5d5;
	margin: 10px 0 0 0;
}

#subnav ul li {
	background: #E6E6E6;
}

#subnav ul li a {
	display: block;
	margin: 0 14px 0 2px;
	height: 21px;
	line-height: 21px;
	text-indent: 20px;	
	border-bottom: 1px solid #FFFFFF;
}

#subnav ul li a:hover,
#subnav ul li.active a {
	color: #FFFFFF;
	background: #19639D;
	text-decoration: none;
}

#subnav ul li.active a {
	background: #19639D url(../images/template/linkpfeil-subnav.png) left top no-repeat;
}

#subnav ul li ul {
	display: none;
	margin: 0;
}

#subnav ul li.active ul {
	display: block;
	padding: 0;
	border: none;
	height: auto;
}

#subnav ul li.active ul li a {
	display: block;
	margin: 0 14px 0 2px;
	height: 21px;
	line-height: 21px;
	text-indent: 30px;
	color: #19639D;
	background: #E6E6E6;
	border-bottom: 1px solid #FFFFFF;
}

#subnav ul li.active ul li a:hover,
#subnav ul li.active ul li.active a {
	color: #FFFFFF;
	background: #82a6c3;
}

#subnav ul li.active ul li.active a {
	background: #82a6c3 url(../images/template/linkpfeil-subsubnav.png) left top no-repeat;
}

#content-head {
	background-color: #19639D;
	height: 170px;
	margin: 10px 0 10px 10px;
	position: relative;
}
#content-head.h100 {
	height: 100px;
}
#content-head.plastikkarten {
	background: #19639D url(../images/content-head/plastikkarten.jpg) left top no-repeat;
}
#content-head.etiketten {
	background: #19639D url(../images/content-head/etiketten.jpg) left top no-repeat;
}
#content-head.kompetenzen {
	background: #19639D url(../images/content-head/kompetenzen.jpg) left top no-repeat;
}
#content-head.ueberuns {
	background: #19639D url(../images/content-head/ueberuns.jpg) left top no-repeat;
}
#content-head.beratung-und-service {
	background: #19639D url(../images/content-head/beratung-und-service.jpg) left top no-repeat;
}
#content-head.beratung {
	background: #19639D url(../images/content-head/beratung.jpg) left top no-repeat;
}
#content-head.etiketten-drucken {
	background: #19639D url(../images/content-head/etiketten-drucken.jpg) left top no-repeat;
}
#content-head.karten-drucken {
	background: #19639D url(../images/content-head/karten-drucken.jpg) left top no-repeat;
}
#content-head.service {
	background: #19639D url(../images/content-head/service.jpg) left top no-repeat;
}
#content-head.farbbaender {
	background: #19639D url(../images/content-head/farbbaender.jpg) left top no-repeat;
}

#content-head p {
	position: absolute;
	bottom: 40px;
	left: 10px;
	color: #FFFFFF;
}

#content-head p a {
	color: #FFFFFF;
}

#content-head h1 {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.stage-content {
	background: #19639d;
	float: right;
	width: 350px;
	height: 385px;
}

.stage-content-headline {
	font: normal 22px/120% Arial, sans-serif;
	color: #FFFFFF;
}

.stage-content-text {
	font: normal 12px/140% Arial, sans-serif;
	color: #FFFFFF;
}

.stage-content-text a.textlink {
	color: #FFFFFF;
	text-decoration: underline;
}

.start-left {
	float: left;
	width: 355px;
}

.start-center {
	float: left;
	width: 322px;
	border-right: 1px dotted #80A8C6;
	border-left: 1px dotted #80A8C6;
}

.start-right {
	float: left;
	width: 320px;
}

.story {
	border-bottom: 1px dotted #80A8C6;
	width: 272px;
}

.story-read-more {
	float:right;
	margin: 10px 0;
}

.footer-left {
	float: left;
	width: 450px;
}

.footer-center {
	float: left;
	width: 180px;
}

.footer-right {
	float: left;
	width: 340px;
}

.footer-right p.text-11-hell {
	width: 275px;
}

.footer-links {
	border-bottom: 1px dotted #666;
}
.footer-links ul li {
	float: left;
}

.footer-links ul li a {
	display: block;	
	margin: 15px 20px 15px 0;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

ul.beliebte-produkte,
ul.beliebte-kategorien {
	display: block;
	float: left;
	width: 150px;
}

ul.beliebte-produkte li a,
ul.beliebte-kategorien li a {
	color: #666666;
	text-decoration: none;
}

ul.beliebte-produkte li a:hover,
ul.beliebte-kategorien li a:hover,
.footer-links ul li a:hover {
	text-decoration: underline;
}

ul.checked-list {
	margin: 10px 0 20px 10px;
}

ul.checked-list li{
	list-style-type: none;
	line-height: 20px;
	padding-left: 20px;
	background: url(../images/template/checked_list.gif) no-repeat 0px 3px;
}

ul.printer-specs li {
	clear: both;
	border-bottom: 1px dotted #19639D;
	padding: 5px 0;
}

ul.printer-specs li.last {
	border: none;
}

ul.printer-specs li label {
	display: block;
	float: left;
	width: 130px;
}

.teaserbox1,
.teaserbox2,
.teaserbox3 {
	position: absolute;
	width: 197px;
	height: 98px;
	bottom: 15px;
	left: 15px;
	background-image: url(../images/stage/teaserbox.png);
}

.teaserbox2 {
	left: 227px;
}

.teaserbox3 {
	left: 439px;
}

.text-gewichtet {
	width: 610px;
	background: url(../images/template/text-gewichtet-unten.png) no-repeat bottom left;
}

.text-gewichtet-top {
	width: 610px;
	height: 6px;
	background: url(../images/template/text-gewichtet-oben.png) no-repeat top left;
}

.text-gewichtet-content {
	width: 606px;
	min-height: 165px;
	background: transparent;
	border-left: 2px solid #DEDEDE;
	border-right: 2px solid #DEDEDE;
	margin: 0 0 6px 0;
	padding: 10px 0 0 0;
}

.copy {
	margin: 10px auto;
	text-align: center;
}

p.form-head {
	text-indent: 10px;
	height: 26px;
	line-height: 26px;
	background-color: #19639D;
	color: #FFFFFF;
	position: relative;
}

p.form-head span {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 155px;
	height: 26px;
	text-indent: -99999px;
	background: url(../images/template/btn-optionen.png) top left no-repeat;
}
p.form-head span.ausblenden {
	background-position: bottom left;
}

.slideToggle div.slideContainer {
	display: none;
}

table.border-blue td {
	border-bottom: 1px solid #19639D;
}

a.thumbnail {
	display: block;
	width: 64px;
	height: 64px;
	background: url(../images/template/thumbnail-bg.png) top left no-repeat;
}

a.thumbnail img {
	margin: 7px;
}

table.printer-features {
	margin: 0 10px;
	width: 96%;
}

table.printer-features td {
	border-bottom: 1px solid #19639D;
}

table.printer-features td.td-left {
	width: 33%;
	padding-right: 5px;
}

.price,
.price a,
.price a sup {
	color: #F3940C;
	font: bold 16px/140% Arial, sans-serif;
	text-decoration: none; 
}

.inventaretiketten-farbe {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
}

/* MEGADROPDOWN */
ul#topnav li .sub {
	position: absolute;	
	top: 36px;
	left: 0;
	background: #FFFFFF url(../images/template/verlauf-mainnav.png) top left repeat-x;
	padding: 20px 0px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border: 2px solid #DCDCDC;
	border-top: none;
	display: none;
}
ul#topnav li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 180px;
	float: left;
}
ul#topnav .sub ul li {
	background: transparent;
	width: 100%;
	color: #fff;
	float: none;
	display: block;
	height: auto;
	margin: 0;
	border: none;
}
ul#topnav .sub ul li h2 {
	padding: 0;
	margin: 0;
}
ul#topnav .sub ul li h2 a,
ul#topnav .sub ul li.mainnav-title a {
	padding: 5px 0 5px 5px;
	color: #19639d;
	background-image: none;
	border-bottom: 1px dotted #19639d;
	font: bold 16px/1.2 Arial, sans-serif;
}
ul#topnav .sub ul li h2 a:hover,
ul#topnav .sub ul li.mainnav-title a:hover {
	background: #19639d;
}
ul#topnav .sub ul li a {
	height: auto;	
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: transparent;
	margin: 0 20px 0 0;
	padding: 5px;
	display: block;
	text-decoration: none;
	color: #19639d;
	font: normal 12px/1 Arial, sans-serif;
}
ul#topnav .sub ul li a:hover {
	color: #FFFFFF;
	background: #82a6c3;
}

.formular-auswahl {
	background: #f9e3c2;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

table.inventaretiketten_preise {
	width: 250px;
}

table.inventaretiketten_preise th {
	font-weight: bold;
	text-align: right;
	padding: 0 5px;
}

table.inventaretiketten_preise td {
	border-top: 1px solid #82a6c3;
	text-align: right;
	padding: 0 5px;
}

table.inventaretiketten_preise input {
	text-align: right;
	border: none;
	font: normal 12px/1 Arial, sans-serif;
}

table.inventaretiketten_bestellung td {
	border-top: 1px solid #82a6c3;
	padding: 0px 5px;
	width: 140px;
}

table.inventaretiketten_bestellung tr.first td {
	border: none;
}

table.inventaretiketten_bestellung td.td_right {
	width: 250px;	
}

table.inventaretiketten_bestellung input {
	border: none;
	text-align: right;
	font: normal 12px/1 Arial, sans-serif;
	width: 100px;
}

#inventaretikett-text1,
#inventaretikett-text2,
#inventaretikett-text3,
#inventaretikett-text4,
#inventaretikett-startnummer {
	position: absolute;
	left: 0;
	width: 250px;
	color: #FFFFFF;
	font: bold 9pt/1.5 Arial, sans-serif;
	text-align: center;
}

#inventaretikett-text1 span,
#inventaretikett-text2 span,
#inventaretikett-text3 span,
#inventaretikett-text4 span,
#inventaretikett-startnummer span {
	white-space: nowrap;
}

#inventaretikett-text1 {
	top: 10px;
}
#inventaretikett-text2 {
	top: 27px;
	font-size: 11pt;
}
#inventaretikett-text3 {
	top: 48px;
}
#inventaretikett-text4 {
	top: 108px;
}
#inventaretikett-startnummer {
	top: 72px;
	font-size: 17pt;
	color: #000000;
}

#inventaretikett-text1.mitbarcode {
	top: 5px;
}
#inventaretikett-text2.mitbarcode {
	top: 22px;
	font-size: 11pt;
}
#inventaretikett-text3.mitbarcode {
	top: 40px;
}
#inventaretikett-text4.mitbarcode {
	top: 112px;
}
#inventaretikett-startnummer.mitbarcode {
	top: 91px;
	font-size: 11pt;
	color: #000000;
}
img.schlagschatten {
	border:1px solid #ccc;
	padding:5px;
}