@charset 'utf-8';
@import url(reset.css);
@import url(default.css);

/*  Seitenlayout */

body {background: url(../img/bgPageAll.jpg) #A4A19D no-repeat;font: 12px "Trebuchet MS", Arial, Calibri, sans-serif;margin: 0;line-height: 18px;}

a:link {color: #45474A;text-decoration: none;}
a:visited {color: #45474A;text-decoration: none;}
a:hover {color: #F00;}

h1 {color: #F00;font-size: 16px;font-weight: bold;margin: 0 0 15px 0;}
h2 {color: #000;font-size: 16px;font-weight: bold;margin: 0 0 30px 0;text-align:center;}
h3 {color: #45474A;font-weight: bold;font-size: 12px;margin: 10px 0 10px 0;}
h4 {color: #45474A;font-weight: bold;font-size: 11px;margin: 15px 0 10px 0;}

p, ul, ol {line-height: 18px;margin-bottom: 10px;}
tblAuflage
.s {font-size: 10px;}
.sColor {font-size: 10px;color:#F00;}

strong {font-weight: bolder;}

#wrapper {margin-left: 20px;}

#topNav {background: url(../img/bgBogenOben.png) no-repeat;text-align:center;width:933px;height:30px;}
#topNav span.trenner {font-size: 10px;}
#topNav ul {color: #45474A;list-style-type: none;padding: .2em 0;margin: 0;text-align: center;}
#topNav li { display: inline; }
#topNav li a {color: #45474A;padding: .2em .3em;text-decoration: none;}
#topNav li a:hover, #topNav li a#current {color: #F00;}

#logo {margin: 40px 0 0 381px;}
h1#logo a {background: url(../img/logoPrintzipia.png);display:block;height: 59px;text-indent: -2000px;width: 171px;}

#boxContent {margin-top: 30px;position: relative;width: 942px;}

#leftCol {float: left;position:relative;width: 204px;}
#leftCol #leftNav {background: url(../img/bgLeftCol.png) transparent no-repeat;padding-top:70px}
#leftCol #leftNavFinish, #rightCol #rightNavFinish {background: url(../img/bgSidebarFinish.png) transparent no-repeat;height:7px;}
#leftCol h3 {font-weight:bold;text-transform: uppercase;padding: 0 0 0px 21px;}
#leftCol #leftNav .navcontainer {margin-left: 21px;}
#leftCol #leftNav .navcontainer li {background: url(../img/li.gif) 1px 10px no-repeat transparent;list-style-type: none;margin-right: 4px;}
#leftCol #leftNav .navcontainer a:link, #leftCol #leftNav .navcontainer a:visited {background: url(../img/bgNavlist.gif) right 0px no-repeat transparent;color: #45474a;display:block;height: 18px;text-indent: 12px;	padding-top: 3px;padding-bottom: 2px;}
#leftCol #leftNav .navcontainer a:hover, #leftCol #leftNav .navcontainer a#current {background: url(../img/bgNavlist.gif) right -24px no-repeat transparent;}
#leftCol #leftNav .navcontainer a:hover {color: #F00;}
#leftCol #leftNav .trenner {background: url(../img/sidebarTrenner.gif) no-repeat 4px 0;height: 10px;}

#twoCols {float: right;position: relative;width: 738px;}

#rightCol {float: right;position: relative;width: 204px;}
#rightCol #rightNav {background: url(../img/bgRightCol.png) transparent no-repeat;padding-top:70px;}
#rightCol h3 {font-weight:bold;text-transform: uppercase;padding: 0 0 0px 21px;}
#rightCol p {color: #45474a;line-height: 15px;padding: 0 15px 0 21px;}
#rightCol #rightNav .navcontainer {margin-left: 21px;}
#rightCol #rightNav .navcontainer li {background: url(../img/li.gif) 1px 10px no-repeat transparent;list-style-type: none;margin-right: 4px;}
#rightCol #rightNav .navcontainer a:link, #rightCol #rightNav .navcontainer a:visited {background: url(../img/bgNavlist.gif) right 0px no-repeat transparent;color: #45474a;display:block;height: 18px;text-indent: 12px;	padding-top: 3px;padding-bottom: 2px;}
#rightCol #rightNav .navcontainer a:hover, #rightCol #rightNav .navcontainer a#current {background: url(../img/bgNavlist.gif) right -24px no-repeat transparent;}
#rightCol #rightNav .navcontainer a:hover {color: #F00;}
#rightCol #rightNav .trenner {background: url(../img/sidebarTrenner.gif) no-repeat 4px 0;height: 10px;margin-top:15px;}
#rightCol #suche {margin-left: 21px;}
#rightCol #suche .feldSuche {border: 1px solid #A4A19D;color: #666666 ;font:11px "Trebuchet MS", Arial, Calibri, sans-serif;margin-right:3px;padding:2px 2px 2px 3px;width: 110px;}
#rightCol #suche .submit {background-color:#A4A19D;border: 1px solid #A4A19D;color:#FFF;font:10px "Trebuchet MS", Arial, Calibri, sans-serif;height: 16px;width:36px;}
#rightCol .rightNavLink {background: url(../img/li.gif) no-repeat 0 8px;margin-left: 21px;text-indent: 10px;}
#rightCol #banner {margin: 0; margin-left: 2px; padding: 0} 

#rightCol #loginForm {margin-left: 21px;}
#rightCol #loginForm label {display:block; width: 60px; float:left; margin: 5px 0 0 0;}
#rightCol #loginForm input {border: 1px solid #A4A19D;color: #666666 ;font:11px "Trebuchet MS", Arial, Calibri, sans-serif;margin: 5px 3px 0 0;padding:2px 2px 2px 3px;width: 100px;}
#rightCol #loginForm .loginButton {margin-left: 60px; width:105px}

#mainCol {float: left;display:inline;padding: 0 0 0 0;position: relative;width: 533px;}
#mainCol #mainColContent {background: url(../img/bgMainCol.png) transparent no-repeat;}
#mainCol #mainColFinish {background: url(../img/bgMainColFinish.png) transparent no-repeat;height:7px;}
#mainCol #innerContent {padding: 60px 26px 20px 26px;}
#mainCol #innerContent .image {float: left; margin: 5px; padding: 0}
#linkRotGross {margin: 0 20px 0 300px; font-size: 1.5em; font-weight: bold}

#mainCol #iconListe {margin-top: 10px;}
#mainCol #iconListe a:link, #mainCol a:visited {color:#F00;}
#mainCol #iconListe a:hover {color: #45474A;}
#mainCol .vorschauIcon {float: left;margin-right: 8px;margin-bottom: 7px;padding-bottom: 7px;text-align: center;width: 106px;}

#mainCol .trenner {border-bottom: 2px solid #A4A19D;height: 2px;line-height: 2px;margin: 0;padding: 0;}

#mainCol .listing {margin-top: 10px;margin-bottom: 10px;}
#mainCol .listingContent {float:left;padding-top: 5px;position:relative;width: 235px;}
.listingIcon {float: left;width: 110px;margin-right: 5px;background: url(../img/bg_normal.gif) no-repeat;display:block}
#mainCol .listingBeschreibung {float: left;width: 115px;}
#mainCol .listingBeschreibung h2 {color: #F00;font-size: 12px;font-weight: bold;margin: 0;padding: 0;text-align: left;text-transform: uppercase;}
#mainCol .listingBeschreibung p {line-height: 14px;margin: 0;}

/*#mainCol .tblAuflage {float: right;width: 230px;text-align: right;}*/
#mainCol .tblAuflage {width: 230px;text-align: right; white-space:nowrap}
#mainCol .tblAuflage td {border-top: 1px dashed #cccccc;color: #45474A;padding: 2px 7px 2px 5px;text-align: right;}
#mainCol .tblAuflage th {font-weight: bold;padding: 2px 7px 2px 5px;text-align: right;}

#mainCol #bestellVorgang {margin: 15px 0 15px 0;position: relative;}
#mainCol #bestellVorgang span {padding-right: 5px;}

#mainCol .tblAuswahl {float: right;position:relative;text-align: left;width: 230px;}
#mainCol .tblAuswahl table {margin: 10px 0;}
#mainCol .tblAuswahl td.auswahlDesc {color: #45474A;padding: 2px 10px 2px 0;margin:5px 0;text-align: right;}
#mainCol .tblAuswahl td.select {color: #45474A;padding: 4px 6px 2px 5px;text-align: left;width:70px}
#mainCol .tblAuswahl td.select select {border: 1px solid #AAA7A4;color:#AAA7A4;font-size:10px;padding: 1px 0 1px 3px;}

#mainCol div .submit {background-color:#A4A19D;border: 1px solid #A4A19D;color:#FFF;font:11px "Trebuchet MS", Arial, Calibri, sans-serif;padding:2px 6px 2px 6px;margin:10px 0;}
#mainCol div .submit:visited {color: #FFF;}
#mainCol div .submit:hover{color: #F00;}

#mainCol div .submitRot {background-color:#F00;border: 1px solid #F00;color:#FFF;font:11px "Trebuchet MS", Arial, Calibri, sans-serif;padding:2px 6px 2px 6px;margin:10px 0;}
#mainCol div .submitRot:link, #mainCol .submitRot a:visited {color: #FFF;}
#mainCol div .submitRot:hover{color: #999999;}

#mainCol #interneLinks {margin-top: 15px;}
#mainCol #interneLinks a:link, #mainCol #interneLinks a:visited {background: url(../img/li.gif) no-repeat 0 8px;color:#000;padding-left: 10px;margin-left:0;text-indent: 10px;}
#mainCol #interneLinks a:hover {color: #F00;}

/* NEU Style f�r die Vorschaubilder mit Hover-Effekt NEU */
#mainCol .vorschauIcon a.iconHover {background: url(../img/bg_normal.gif) no-repeat;display:block}
#mainCol .vorschauIcon a:hover.iconHover {background: url(../img/bg_over.gif) no-repeat;}


/* Styles f�r die Vorschaubilder mit Hover-Effekt */

#mainCol .vorschauIcon a.iconBriefpapier {background: url(../img/icons/iconBriefpapier.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconBriefpapier {background: url(../img/icons/iconBriefpapierHL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconVordruck {background: url(../img/icons/iconVordrucke.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconVordruck {background: url(../img/icons/iconVordruckeHL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconPlakat {background: url(../img/icons/iconPlakat.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconPlakat {background: url(../img/icons/iconPlakatHL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconVisitenkarte {background: url(../img/icons/iconVisitenkarte.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconVisitenkarte {background: url(../img/icons/iconVisitenkarteHL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconPostkarte {background: url(../img/icons/iconPostkarte.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconPostkarte {background: url(../img/icons/iconPostkarteHL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconFlyer135 {background: url(../img/icons/iconFlyer135.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconFlyer135 {background: url(../img/icons/iconFlyer135HL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconFlyer170 {background: url(../img/icons/iconFlyer170.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconFlyer170 {background: url(../img/icons/iconFlyer170HL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconFlyer250 {background: url(../img/icons/iconFlyer250.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconFlyer250 {background: url(../img/icons/iconFlyer250HL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconUmschlag {background: url(../img/icons/iconUmschlag.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconUmschlag {background: url(../img/icons/iconUmschlagHL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconFalzflyer {background: url(../img/icons/iconFalzflyer.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconFalzflyer {background: url(../img/icons/iconFalzflyerHL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconKlappkarte {background: url(../img/icons/iconKlappkarte.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconKlappkarte {background: url(../img/icons/iconKlappkarteHL.gif) top left no-repeat transparent;}
#mainCol .vorschauIcon a.iconMappe {background: url(../img/icons/iconMappe.gif) top left no-repeat transparent;display:block;margin-bottom:5px;}
#mainCol .vorschauIcon a:hover.iconMappe {background: url(../img/icons/iconMappeHL.gif) top left no-repeat transparent;}

#boxFooter {color: #FFF;font-size: 10px;text-align: center;width: 925px;}
#boxFooter p {line-height: 12px;margin: 9px 0;}
#boxFooter a:link {color: #FFFFFF;text-decoration: none;}
#boxFooter a:visited {color: #FFFFFF;text-decoration: none;}
#boxFooter a:hover {color: #F00;}



/* ************************************** eingefügt von alex ***************************/
/* Tabelle für Warenkorb */
.tblWarenkorb table {width:470px}
.tblWarenkorb td {border-top: 1px dashed #cccccc;color: #45474A;padding: 2px 7px 2px 5px; vertical-align:top; text-align:right; white-space:nowrap}
.tblWarenkorb .td_left {border-top: 1px dashed #cccccc;color: #45474A;padding: 2px 7px 2px 5px; vertical-align:top; white-space:normal; text-align:left}
.tblWarenkorb table th {font-weight: bold;padding: 2px 7px 2px 5px; white-space:nowrap}

/*buttons
#mainCol submit {background-color:#A4A19D;color:#FFF;display:block;font-size:10px;padding:4px 0 4px 10px;margin-top:6px;margin-left:79px;text-align:left;width:87px}
#mainCol .tblAuswahl .submit a:link, #mainCol .submit a:visited {color: #FFF;}
#mainCol .tblAuswahl .submit a:hover{color: #F00;}

input#submit { background-color:#A4A19D;color:#FFF;display:block;font-size:10px;padding:2px 4px;text-align:center;}
input#submit:hover{ color: #F00;}
input#submit:visited{ color: #F00;} */

.linkAktiv { color:#FF0000; }
.linkInaktiv {color: #999999}

.fehler{color: #FF0000; font-weight:bold; padding: 5px 0 0 0; margin: 0}

.inputLang {border: 1px solid #A4A19D;color:#666666;font:11px "Trebuchet MS", Arial, Calibri, sans-serif;margin:0 20px 5px 0;padding:2px 2px 2px 3px;width: 150px;}
.inputKurz {border: 1px solid #A4A19D;color:#666666;font:11px "Trebuchet MS", Arial, Calibri, sans-serif;margin:0 0 5px 0;padding:2px 2px 2px 3px;width: 40px; display:inline}
.inputMittel {border: 1px solid #A4A19D;color:#666666;font:11px "Trebuchet MS", Arial, Calibri, sans-serif;margin:0 20px  5px 0;padding:2px 2px 2px 3px;width: 97px; display:inline}

#headline {font-weight: bold; padding: 10px 0; }

fieldset textarea {width: 330px; height:100px; border: 1px solid #A4A19D;color:#666666;font:11px "Trebuchet MS", Arial, Calibri, sans-serif; overflow:hidden}

.trenner_text {background: url(../img/bgTrenner.gif) repeat-x;height: 1px;}

h5 {color: #F00;font-size: 12px;font-weight: bold;margin: 0;padding: 0;text-align: left;}
h6 {color:#000000;font-size: 12px;font-weight: bold;margin: 0;padding: 0;text-align: left;}

#sitemap a:link {color: #000000;text-decoration: none;}
#sitemap a:visited {color:#999999;text-decoration: none;}
#sitemap a:hover {color: #F00;}
#sitemap h6 {margin: 7px 0}

.textarea_small {width: 200px}

#Bemerkung {margin: 5px 0}

/*style index.php "Waehlen Sie jetzt bitte Ihr Format / Grammatur etc...*/
#subHeadlineIconListe{margin: 10px 0;}

#mainCol #innerContent a:link {color:#F00;}
#mainCol #innerContent a:visited {color:#F00;}
#mainCol #innerContent a:hover {color: #45474A;}

#mainCol #innerContent a.schwarz {color: #000000;text-decoration: none;}
#mainCol #innerContent a:hover.schwarz {color: #45474A;}

#papiermuster fieldset label {font-weight: bold}

/*Styles fuer Partner*/
#partnerHeadline {margin: 10px 0 5px 0}
.partnerHeadlineBBMV {margin: 0; margin-left: 20px; color: #FF8401}

.rot {color: #900 }