html, body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background:#fffdf4;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:0.85em;
	line-height:1.4em;
	color:#333333;
}

img {
	border:0;
}
img.thumb {
	margin:0 10px 0 0;
	border:1px solid #CAC3AD;
	padding:5px;
	background:#FFFFFF;
}
em {
	font-weight:bold;
	font-style:normal;
}
a, .fake_link {
	color:#0072E4;
	text-decoration:none;
}
a:active img.thumb, a:hover img.thumb, a:focus img.thumb {
	background:#CAC3AD;
}
.fake_link { cursor:hand; cursor:pointer; }
a:active, a:hover, a:focus {
	text-decoration:underline;
}
a.plain, a .plain {
	color:#333333;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6,h7 {
	line-height:1em;
	font-size:1em;
	padding:0;
	margin:0;
	margin-bottom:0.5em;
	font-weight:normal;
	color:#000000;
	text-shadow:-1px -1px 0px #eeeeee, 1px 1px 1px #aaaaaa;
}
h1 { font-size:2.0em; font-size:32px; }
h2 { font-size:1.5em; font-size:22px; }
h3 { font-size:1.2em; font-size:14px; }

p { margin:4px 0 4px 0; }

span.error { color:#CF1919; }

.hidden { display:none; }
.display { display:block; }




#wrapper {
	width:100%;
	background:#FFFFFF url("../gfx/bg_main.jpg") repeat-x top;
}
.clear, #clear { clear:both; }




/*******************************************************************
	KOPF
*******************************************************************/


#head {
	width:100%;
	background:url("../gfx/bg_head.jpg") repeat-x top;
}
#head_inner {
	position:relative;
	width:900px;
	height:87px;
	left:50%;
	margin-left:-450px;
	overflow:hidden;
}
#head_logo {
	float:left;
	display:block;
	width:177px;
	height:58px;
	margin-top:18px;
	background:url("../gfx/head_logo.jpg") no-repeat top left;
}
#head #head_right {
	float:right;
}
#head #head_right_top {
	float:right;
	height:61px;
	text-align:right;
	padding-top:22px;
	margin-bottom:-22px;
}


/*******************************************************************
	BREADCRUMBS ("trace")
*******************************************************************/


div#trace_muster {
	position:absolute;
	top:0;
	right:0px;
	width:237px;height:82px;
	padding:10px 20px 0;
	text-align:left;
	background:transparent url("../gfx/menu/musterkorb_bg.png") no-repeat top left;
}
div#trace_muster a {
	display:block;
	font-size:29px;
	text-decoration:none;
	color:#E7D405;
}
div#trace_muster a .plain {
	font-size:16px;
	line-height:26px;
	color:#BF9F0B;
}
div#trace_muster a:hover, div#trace_muster a:active, div#trace_muster a:focus {
	color:#D8BA02;
}
div#trace_muster a:hover .plain, div#trace_muster a:active .plain, div#trace_muster a:focus .plain {
	color:#AF8B2B;
}


/*******************************************************************
	HAUPTMENUE
*******************************************************************/


#mainmenu {
	width:100%;
	height:49px;
	background:transparent url("../gfx/menu/bg_menu.jpg") repeat-x top;
}
#mainmenu.index_menu {
	width:100%;
	height:278px;
	background:transparent url("../gfx/bg_teaser.jpg") repeat-x top;
}
#mainmenu.index_menu a.teaser {
	position:relative;
	display:block;
	float:left;
	height:239px;
	margin-left:17px;
	top:19px;
	background:none;
	overflow:hidden;
}
#mainmenu.index_menu a.teaser.werbemittel {
	margin-left:0px;
	width:285px;
	background:transparent url("../gfx/teaser_werbemittel.jpg") no-repeat top left;
}
#mainmenu.index_menu a.teaser.lettershop {
	width:244px;
	background:transparent url("../gfx/teaser_lettershop.jpg") no-repeat top left;
}
#mainmenu.index_menu a.teaser.web-entwicklung {
	width:186px;
	background:transparent url("../gfx/teaser_web-entwicklung.jpg") no-repeat top left;
}
#mainmenu.index_menu a.teaser.grafik-design {
	width:141px;
	background:transparent url("../gfx/teaser_grafik-design.jpg") no-repeat top left;
}
#mainmenu.index_menu a.teaser img {
	position:absolute;
	-float:right;
	right:5px;
	bottom:7px;
	width:0px;
	height:0px;
}
#mainmenu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	list-style-position:inside;
}
#mainmenu ul li {
	float:left;
}
#mainmenu ul li a {
	display:block;
	height:49px;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
}

#mainmenu ul li.werbemittel a {
	width:101px;
	background-image:url("../gfx/menu/normal/werbemittel.jpg");
}
#mainmenu ul li.werbemittel a:hover, #mainmenu ul li.werbemittel a:active, #mainmenu ul li.werbemittel a:focus {
	background-image:url("../gfx/menu/aktiv/werbemittel.jpg");
}
#mainmenu ul li.lettershop a {
	width:88px;
	background-image:url("../gfx/menu/normal/lettershop.jpg");
}
#mainmenu ul li.lettershop a:hover, #mainmenu ul li.lettershop  a:active, #mainmenu ul li.lettershop a:focus {
	background-image:url("../gfx/menu/aktiv/lettershop.jpg");
}
#mainmenu ul li.webentwicklung a {
	width:132px;
	background-image:url("../gfx/menu/normal/web-entwicklung.jpg");
}
#mainmenu ul li.webentwicklung a:hover, #mainmenu ul li.webentwicklung a:active, #mainmenu ul li.webentwicklung a:focus {
	background-image:url("../gfx/menu/aktiv/web-entwicklung.jpg");
}
#mainmenu ul li.grafikdesign a {
	width:103px;
	background-image:url("../gfx/menu/normal/grafik-design.jpg");
}
#mainmenu ul li.grafikdesign a:hover, #mainmenu ul li.grafikdesign a:active, #mainmenu ul li.grafikdesign a:focus {
	background-image:url("../gfx/menu/aktiv/grafik-design.jpg");
}
#mainmenu ul li.preise a {
	width:59px;
	background-image:url("../gfx/menu/normal/preise.jpg");
}
#mainmenu ul li.preise a:hover, #mainmenu ul li.preise a:active, #mainmenu ul li.preise a:focus {
	background-image:url("../gfx/menu/aktiv/preise.jpg");
}
#mainmenu ul li.team a {
	width:56px;
	background-image:url("../gfx/menu/normal/team.jpg");
}
#mainmenu ul li.team a:hover, #mainmenu ul li.team a:active, #mainmenu ul li.team a:focus {
	background-image:url("../gfx/menu/aktiv/team.jpg");
}
#mainmenu ul li.kontakt a {
	width:72px;
	background-image:url("../gfx/menu/normal/kontakt.jpg");
}
#mainmenu ul li.kontakt a:hover, #mainmenu ul li.kontakt a:active, #mainmenu ul li.kontakt a:focus {
	background-image:url("../gfx/menu/aktiv/kontakt.jpg");
}

#mainmenu ul li.en.werbemittel a {
	width:153px;
	background-image:url("../gfx/menu/en/normal/werbemittel.jpg");
}
#mainmenu ul li.en.werbemittel a:hover, #mainmenu ul li.en.werbemittel a:active, #mainmenu ul li.en.werbemittel a:focus {
	background-image:url("../gfx/menu/en/aktiv/werbemittel.jpg");
}
#mainmenu ul li.en.lettershop a {
	width:88px;
	background-image:url("../gfx/menu/en/normal/lettershop.jpg");
}
#mainmenu ul li.en.lettershop a:hover, #mainmenu ul li.en.lettershop  a:active, #mainmenu ul li.en.lettershop a:focus {
	background-image:url("../gfx/menu/en/aktiv/lettershop.jpg");
}
#mainmenu ul li.en.webentwicklung a {
	width:140px;
	background-image:url("../gfx/menu/en/normal/web-entwicklung.jpg");
}
#mainmenu ul li.en.webentwicklung a:hover, #mainmenu ul li.en.webentwicklung a:active, #mainmenu ul li.en.webentwicklung a:focus {
	background-image:url("../gfx/menu/en/aktiv/web-entwicklung.jpg");
}
#mainmenu ul li.en.grafikdesign a {
	width:116px;
	background-image:url("../gfx/menu/en/normal/grafik-design.jpg");
}
#mainmenu ul li.en.grafikdesign a:hover, #mainmenu ul li.en.grafikdesign a:active, #mainmenu ul li.en.grafikdesign a:focus {
	background-image:url("../gfx/menu/en/aktiv/grafik-design.jpg");
}
#mainmenu ul li.en.preise a {
	width:57px;
	background-image:url("../gfx/menu/en/normal/preise.jpg");
}
#mainmenu ul li.en.preise a:hover, #mainmenu ul li.en.preise a:active, #mainmenu ul li.en.preise a:focus {
	background-image:url("../gfx/menu/en/aktiv/preise.jpg");
}
#mainmenu ul li.en.team a {
	width:56px;
	background-image:url("../gfx/menu/en/normal/team.jpg");
}
#mainmenu ul li.en.team a:hover, #mainmenu ul li.en.team a:active, #mainmenu ul li.en.team a:focus {
	background-image:url("../gfx/menu/en/aktiv/team.jpg");
}
#mainmenu ul li.en.kontakt a {
	width:68px;
	background-image:url("../gfx/menu/en/normal/kontakt.jpg");
}
#mainmenu ul li.en.kontakt a:hover, #mainmenu ul li.en.kontakt a:active, #mainmenu ul li.en.kontakt a:focus {
	background-image:url("../gfx/menu/en/aktiv/kontakt.jpg");
}

#mainmenu_inner {
	position:relative;
	width:910px;
	left:50%;
	margin-left:-450px;
}



/*******************************************************************
	FOOTER + MAIN
*******************************************************************/



#foot {
	clear:both;
	width:100%;
	height:85px;
	background:#E2C500 url("../gfx/bg_footer.jpg") repeat-x top;
}
#foot #foot_menu a {
	color:#106BDB;
	text-decoration:none;
}
#foot #foot_menu a:hover, #foot #foot_menu a:active, #foot #foot_menu a:focus {
	color:#333333;
}
#foot #foot_menu {
	position:relative;
	top:44px;
	width:900px;
	left:50%;
	margin-left:-450px;
	text-align:left;
	font-size:12px;
	text-shadow: #AF9015 -1px -1px 0px, #F8F200 1px 1px 0px;
	color:#333333;
}

#main {
	position:relative;
	width:900px;
	left:50%;
	margin-left:-450px;
	padding:25px 0 50px;
}

/*******************************************************************
	STARTSEITE
*******************************************************************/

#main.frontpage {
	padding:45px 0 50px;
    margin-left: -458px;
    position: relative;
    width: 916px;
}
.frontpage_box h1,
.frontpage_box_drittel h1 {
	display:block;
	padding:13px 15px;
	font-size:28px;
	color:#106bdb;
	text-shadow:-1px -1px 1px #EEE9FF, 1px 1px 1px #99AACC, 3px 2px 5px #AAAA99;
	margin:0;
}
.frontpage_box ul, .frontpage_box_drittel ul {
	list-style-type:none;
	font-size:16px;
	line-height:24px;
}
.frontpage_box ul li, .frontpage_box_drittel ul li {
	background:url("../gfx/li.png") center left no-repeat;
	padding-left:22px;
	margin-top:0;
}
/* STARTSEITE BOX WERBEMITTEL */
.frontpage_box.werbemittel_fp {
	position:relative;
	left:8px;
	float:left;
	width:598px;
	height:381px;
	background:transparent url("../gfx/index/bedruckte-werbemittel_bg.png") top left no-repeat;
}
.frontpage_box a, .frontpage_box_drittel a {
	display:block;
	color:#000000;
	text-decoration:none;
    text-shadow: #FFFFFF 0 0 2px;
}
.werbemittel_fp_texts {
	float:right;
	width:230px;
	margin-right:20px;
}
.werbemittel_fp_artikel {
	position:relative;
	width:589px;
	height:177px;
	margin-top:13px;
	overflow:scroll;
	/*white-space:nowrap;*/
}
.frontpage_box.werbemittel_fp ul {
	margin-top:26px;
}
.werbemittel_fp_artikel div {
	position:relative;
	overflow:hidden;
}
.werbemittel_fp_artikel div a.artikel {
	position:relative;
	display:block;
	float:left;
	text-decoration:none;
	color:#000000;
	width:144px;
	height:150px;
	text-align:center;
	margin:10px 0;
	overflow:hidden;
	font-size:1.1em;
	text-shadow:none;
}
.werbemittel_fp_artikel div.atikelbild {
	position:relative;
	width:112px;
	height:112px;
	background:transparent url("../gfx/werbemittel_thumb-bg.png") top left no-repeat;
	left:16px;
}
.werbemittel_fp_artikel div a.artikel:hover div.atikelbild {
	background:transparent url("../gfx/werbemittel_thumb-bg_a.png") top left no-repeat;
}
.werbemittel_fp_artikel div.atikelbild img {
	display:block;
	width:96px;
	height:96px;
	position:relative;
	margin:0;padding:0;
	top:8px;left:8px;
}
/* STARTSEITE BOX NEWS */
.frontpage_box.news_fp {
	position:relative;
	float:right;
	width:280px;
	height:381px;
	background:transparent url("../gfx/index/werbemittel-news_bg.png") top left no-repeat;
}
div#newslist {
	display:block;
	width:255px;
	height:271px;
	position:relative;
	left:16px;
	overflow:auto;
	color:#000000;
	text-decoration:none;
}
.frontpage_box.news_fp div#newslist h2 {
	color:#000000;
	font-size:18px;
	margin:3px 0 8px;
	background: url("../gfx/li.png") 0 2px no-repeat transparent;
	padding-left:22px;
}
.frontpage_box.news_fp div#newslist p {
	padding-left:22px;
	margin:0;padding:0;
}
.frontpage_box.news_fp div#newslist p.news_teaser {
	margin-bottom:15px;
}
.frontpage_box.news_fp a#link_newsletter {
	display:block;
	padding:5px 16px 0 0;
	width:255px;
	height:46px;
	overflow:hidden;
	font-size:16px;
	color:#106bdb;
	text-shadow:#C3DFC7 -1px -1px 0px, #081F17 1px 1px 0px, #999 4px 2px 6px;
	text-align:right;
	letter-spacing:1px;
}
.frontpage_box.news_fp a#link_newsletter span {
	font-size:11px;
	text-shadow:none;
	letter-spacing:0px;
}
.frontpage_box.news_fp a#link_newsletter:hover, .frontpage_box.news_fp a#link_newsletter:active, .frontpage_box.news_fp a#link_newsletter:focus  {
	color:#000000;
	text-shadow: #D8DF99 -1px -1px 0px, #444444 1px 1px 0px, #999 4px 2px 6px;
}
.frontpage_box.news_fp a#link_newsletter:hover span, .frontpage_box.news_fp a#link_newsletter:active span, .frontpage_box.news_fp a#link_newsletter:focus span  {
	color:#000000;
	text-shadow: none;
}
.fp_text {
	padding-left:17px;
}
/* STARTSEITE BOXEN DRITTEL/REST */
.frontpage_box_drittel {
	position:relative;
	float:left;
	width:280px;
	height:264px;
	margin-top:22px;
	font-size:16px;
	line-height:24px;
}
.frontpage_box_drittel.lettershop_fp {
	position:relative;
	left:8px;
	background:transparent url("../gfx/index/lettershop_bg.png") top left no-repeat;
}
.lettershop_fp_text {
	font-size:16px;
	line-height:24px;
	padding:0 18px;
}
.lettershop_fp_text2 {
	position:relative;
	top:0px;
	left:115px;
	width:140px;
	font-size:16px;
}
.frontpage_box_drittel.webentwicklung_fp {
	position:relative;
	margin-left:42px;
	background:transparent url("../gfx/index/webentwicklung_bg.png") top left no-repeat;
}
.frontpage_box_drittel.webentwicklung_fp ul {
	padding-left:10px;
}
.frontpage_box_drittel.grafikservice_fp {
	position:relative;
	float:right;
	background:transparent url("../gfx/index/grafik_bg.png") top left no-repeat;
}
.frontpage_box_drittel.grafikservice_fp ul {
	padding-left:40px;
}



/*******************************************************************
	SUCHFELD / SPRACHBUTTON
*******************************************************************/

#search_form {
	float:right;
	margin-top:10px;
	margin-right:10px;
}
#search_pattern {
	margin:0;
	padding:1px 0 0 7px;
	height:28px;
	width:109px;
	border:0;
	color:#333333;
	vertical-align:top;
	background:transparent url("../gfx/menu/suche_feld.jpg") no-repeat top left;
}
#search_button {
	margin:0;
	padding:0;
	height:28px;
	width:28px;
	border:0;
	vertical-align:top;
	background:transparent url("../gfx/menu/normal/suche_button.jpg") no-repeat top left;
}
#search_button:hover, #search_button:active, #search_button:focus {
	background:transparent url("../gfx/menu/aktiv/suche_button.jpg") no-repeat top left;
}
a#lang {
	displaY:block;float:left;
	margin-left:15px;
	margin-top:10px;
	width:28px;height:28px;
	background:transparent no-repeat top left;
	background:url("../gfx/menu/en/normal/lang_button.jpg");
}
a#lang.en {
	background:url("../gfx/menu/normal/lang_button.jpg");
}
a#lang:active, a#lang:hover, a#lang:focus {
	background:url("../gfx/menu/en/aktiv/lang_button.jpg");
}
a#lang.en:active, a#lang.en:hover, a#lang.en:focus {
	background:url("../gfx/menu/aktiv/lang_button.jpg");
}


/*******************************************************************
	SITEMAP
*******************************************************************/

#sitemap_line,
#sitemap_cross {
	float:left;
	width:20px;
	height:18px;
}
#sitemap_line {
	background:transparent url("../gfx/sitemap_line.png") repeat-y top left;
}
#sitemap_cross {
	background:transparent url("../gfx/sitemap_cross.png") no-repeat top left;
}

#cols_left_narrow {
	float:left;
	width:224px;
	margin-right:40px;
	margin-top:14px;
}

#cols_right_wide {
	float:right;
	padding:12px 0px;
	width:630px;
}



/*******************************************************************
	PEN BUILDER
*******************************************************************/


#penbuilder {
	position:relative; margin-top:14px; padding-left:-55px; left:-55px; width:1012px;
	background:transparent;
}
#pb_rahmen_oben_dummy,
#pb_rahmen_unten_dummy {
	height:1px; overflow:show;
	background:transparent;
}
#pb_rahmen_unten_dummy {
	position:relative; top:-50px;
}
#pb_rahmen_oben {
	position:relative; z-index:200; top:0px; left:0px;
	height:106px; width:1010px;
	background:transparent url("../gfx/penbuilder_rahmen_oben.gif") no-repeat top;
}
#pb_rahmen_oben h1 {
	margin: 0 0 1em;
}
#pb_prodbild {
	position:relative;
	float:left; margin-left:55px; margin-right:47px; width:222px; height:90px;
	border:1px solid #CAC3AD;
	background:transparent url("../gfx/penbuilder_prodbild.jpg") no-repeat top;
}
#pb_iframe {
	position:relative; top:-70px;
	margin-bottom:-30px;
	border:1px solid #CAC3AD; height:700px; width:1008px;
}
#pb_rahmen_unten {
	position:relative; z-index:200; top:0px; left:0px;
	margin-top:7px;
	height:76px; width:1010px;
	background:transparent url("../gfx/penbuilder_rahmen_unten.gif") no-repeat top;
}
#pb_imprint_cover {
	width:60px;height:15px; position:relative;top:-16px;left:940px; background:#FFFFFF;
}



/*******************************************************************
	LETTERSHOP
*******************************************************************/



#ls_box {
	width:628px;
}
#ls_box #ls_box_top {
	width:628px; height:3px;
	background:url(../img/illustration/ls_box_top.jpg) top left no-repeat;
}
#ls_box .ls_topic {
	float:left; width:157px; height:146px;
	background-position: top left; background-repeat:no-repeat;
	cursor:pointer;
	cursor:hand;
}
#ls_box .ls_topic div {
	display:none;
	width:157px; height:146px;
	background-position: top left; background-repeat:no-repeat;
	cursor:pointer;
	cursor:hand;
}
#ls_box #ls_topic_druck {
	background-image:url(../img/illustration/ls_druck.jpg);
}
#ls_box #ls_topic_druck div {
	background-image:url(../img/illustration/ls_druck_a.jpg);
}
#ls_box #ls_topic_perso {
	background-image:url(../img/illustration/ls_perso.jpg);
}
#ls_box #ls_topic_perso div {
	background-image:url(../img/illustration/ls_perso_a.jpg);
}
#ls_box #ls_topic_kuvert {
	background-image:url(../img/illustration/ls_kuvert.jpg);
}
#ls_box #ls_topic_kuvert div {
	background-image:url(../img/illustration/ls_kuvert_a.jpg);
}
#ls_box #ls_topic_versand {
	background-image:url(../img/illustration/ls_versand.jpg);
}
#ls_box #ls_topic_versand div {
	background-image:url(../img/illustration/ls_versand_a.jpg);
}
#ls_body {
	position:relative; width:628px; height:108px;
	background:url(../img/illustration/ls_body_bg.jpg) top left repeat-y;
	padding-bottom:15px;
	border-bottom:1px solid #cac3ad;
}
.ls_box_body_contents {
	display:none;
	position:absolute;top:0px;left:0px;width:608px; padding:12px;
	background:url(../img/illustration/ls_box_bg.jpg) top left no-repeat;
}
#ls_topic_druck_body {
	width:628px;
	background:url(../img/illustration/ls_druck_body.jpg) top left no-repeat;
}
#ls_topic_perso_body {
	width:628px;
	background:url(../img/illustration/ls_perso_body.jpg) top left no-repeat;
}
#ls_topic_kuvert_body {
	width:628px;
	background:url(../img/illustration/ls_kuvert_body.jpg) top left no-repeat;
}
#ls_topic_versand_body {
	width:628px;
	background:url(../img/illustration/ls_versand_body.jpg) top left no-repeat;
}

#ls_box #ls_box_bottom {
	background:url(../img/illustration/ls_box_bg.jpg) top left no-repeat;
}


/**********************************
         Reseller-Bereich
**********************************/

a.reseller_prod_fav {
	font-size:18px;line-height:18px;
}
a.reseller_prod_xml {
}
#prodlist_all a:hover, #prodlist_all a:active, #prodlist_all a:focus,
#prodlist_favs a:hover, #prodlist_favs a:active, #prodlist_favs a:focus,
.prodlist_action:hover, .prodlist_action:active, .prodlist_action:focus {
	text-decoration:none;
}
#prodlist_save {
	position:relative;
	font-size:24px;line-height:20px;
}
#prodlist_clear {
	font-size:19px;line-height:18px;
}
#prodlist_xml {
	font-size:18px;line-height:16px;
}
.prodlist_action_text {
	font-size:16px;
}
.prod_action_text {
	font-size:12px;
}
#save_msg {
	position:absolute;
	color:#000000;
	font-size:24px;line-height:20px;
}