/* @override http://entrance-mobile.dyndns.org/css/meinspiel.css */

*         { margin: 0; padding: 0; border: 0; font-family: "Trebuchet MS", Verdana, Arial; }
body      { font-family: "Trebuchet MS", Verdana, Helvetica, Arial; color: #444; font-size: 12px; background: url(/img/css/bg.jpg) no-repeat center 0; background-color:#f3f3f3; }
div       { color: #444; }
/* img, li   { behavior: url(/css/iepngfix.htc) } */
h1        { font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; color: #1b8ebd; }
h2	    { font-size: 16px; font-weight: bold; color: #136282; margin: 0px 0px 5px 0px; }
h3        { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; color: #1b8ebd; }
h4        { font-size: 14px; font-weight: bold; margin: 0px 0px 10px 0px; color: #1b8ebd; }

a         { color: #3d98c3; text-decoration: none; font-weight: bold; }
a:hover   { text-decoration: underline; }
a:focus   { outline:none; }
a.grey    { color: #707173; }
a.white { color: #F3F3F3; }
a.red { color: #FF0000; }
a.grey:hover { text-decoration: none; }
div.clear { clear: both; width: 1px; height: 1px; overflow: hidden; }
input     { border: 1px solid #bfd2dd; margin: 4px 0px; color: #707173; }
select    { border: 1px solid #bfd2dd; margin: 4px 0px; color: #707173; }
textarea  { border: 1px solid #bfd2dd; margin: 4px 0px; color: #707173; }
.error    { color: #f00; font-weight: bold; }
label     { width: 200px; float: left; }
.w40      { width: 40px; }
.w80      { width: 80px; }
.w100     { width: 100px; }
.w120     { width: 120px; }
.w140     { width: 140px; }
.w200     { width: 200px; }
.w300     { width: 300px; }
.m10      { margin-top: 10px; }
button    { background: url(/img/btn_login.png) no-repeat center 0; #bcbe00; color: #092e3d; font-weight: bold; font-size: 10px; padding: 1px; cursor: pointer; width:34px; height: 20px; padding: 0 0 2px 0; }
/*button    { background: url(/img/btn_login.png) no-repeat center 0; #bcbe00; color: #fff; font-weight: bold; font-size: 10px; border: 1px solid: #cdce40; padding: 1px; cursor: pointer; }*/
.button   { background: #e0dfe3; color: #707173; font-weight: normal; font-size: 13px; border: 1px solid #bfd2dd; padding: 1px; cursor: pointer; margin: 10px 0px; }
.button a { color: #707173; }
.button a:hover { text-decoration: none; }
ol { padding-left: 20px; margin: 10px 0px 10px 0px; text-indent: 0px; }
li { line-height: 14px; /*list-style: none;*/ text-indent: 0px; padding: 0; margin: 0; font-weight: bold; }
h4.b2b { margin-bottom: 0px;}

table.list      { width: 100%; }
table.list th   { padding: 2px 10px; background: #f8f8f8; border: 1px solid #f1f1f1; font-weight: bold; }
table.list th.l { text-align: left; }
table.list td   { padding: 2px 3px; border: 1px solid #f1f1f1; vertical-align: top; }
table.list td.b { font-weight: bold; }
table.list td.r { text-align: right; }
table.list td.c { text-align: center; }

#warningMsg{ background: #c8d8ff; border: 1px solid #a2ef95; margin: 0 0 15px 0; padding: 10px; }
#warningMsgBig{ background: #c8d8ff; border: 3px solid #ff0000; margin: 0 0 15px 0; padding: 10px; }
#successMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 15px 0; padding: 10px; }
#errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; margin: 0 0 15px 0; padding: 10px; }
#errorMsg dt, #errorMsg h3, #successMsg dt, #successMsg h3 #warningMsg dt, #warningMsg h3 {
	margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold;
}
#errorMsg dd, #successMsg dd, #warningMsg dd{ margin: 0; padding: 0; }
#errorMsg ul, #successMsg ul, #warningMsg ul{ margin: 0; padding: 0; }
#errorMsg ul li, #successMsg ul li, #warningMsg ul li, li {
	margin: 0; padding: 2px; list-style-position: inside; position: relative; list-style: none;
}

#tip{ background: #ffff99; border: 1px solid #df7d7d; margin: 15px 0 15px 0; padding: 10px; font-weight: bold; }

div.header150 { background: transparent url(/img/css/cont_150_header.gif) no-repeat; width: 150px; height: 8px; overflow: hidden;}
div.con150    { background: transparent url(/img/css/cont_150_content.gif) repeat-y; width: 130px; padding: 0px 10px; }
div.footer150 { background: transparent url(/img/css/cont_150_footer.gif) no-repeat; width: 150px; height: 8px; overflow: hidden;}

div.header270 { background: transparent url(/img/css/cont_270_header.gif) no-repeat; width: 270px; height: 12px; overflow: hidden;}
div.con270    { background: transparent url(/img/css/cont_270_content.gif) repeat-y; width: 250px; padding: 0px 10px; }
div.footer270 { background: transparent url(/img/css/cont_270_footer.gif) no-repeat; width: 270px; height: 12px; overflow: hidden;}

div.header460 { background: transparent url(/img/css/cont_460_header.gif) no-repeat; width: 550px; height: 12px; overflow: hidden;}
div.con460    { background: transparent url(/img/css/cont_460_content.gif) repeat-y; width: 530px; padding: 0px 10px; }
div.footer460 { background: transparent url(/img/css/cont_460_footer.gif) no-repeat; width: 550px; height: 12px; overflow: hidden;}

div.header662 { background: transparent url(/img/css/header662_bg.gif) no-repeat; width: 662px; height: 42px; overflow: hidden; padding: 6px 0 0 16px; }
div.con662 { margin: 0px 32px 0px 16px; }
div.con662  h2 { color:#1b8ebd; font-size: 14px; }
div.content662_left { width: 299px; float: left; margin:0 24px 0 8px; }
div.content662_left h2 { color:#1b8ebd; font-size: 14px; }
div.content662_right { width: 299px; float: left; margin:0 8px 0 24px;  }
div.content662_right h2 { color:#bdbe00; font-size: 14px; }
div.con662_trenner { position:absolute; background: transparent url(/img/css/con662_trenner.gif) no-repeat; width:2px; height: 298px; position:absolute; left:331px; }

div.header880 { background: transparent url(/img/css/header880_bg.gif) no-repeat; width: 880px; height: 42px; overflow: hidden; padding: 6px 0 0 16px; }



div.header350 { background: transparent url(/img/css/cont_350_header.gif) no-repeat; width: 350px; height: 12px; overflow: hidden;}
div.con350    { background: transparent url(/img/css/cont_350_content.gif) repeat-y; width: 330px; padding: 0px 10px; position: relative;}
div.footer350 { background: transparent url(/img/css/cont_350_footer.gif) no-repeat; width: 350px; height: 12px; overflow: hidden;}

div.header322 { background: transparent url(/img/css/cont_322_header.gif) no-repeat; width: 322px; height: 12px; overflow: hidden;}
div.con322    { background: transparent url(/img/css/cont_322_content.gif) repeat-y; width: 322px; position: relative; }
div.footer322 { background: transparent url(/img/css/cont_322_footer.gif) no-repeat; width: 350px; height: 12px; overflow: hidden;}

div.wrap322 { float: left; width: 322px; height: 150px; position: relative; overflow: hidden; }

div.header2col { background: transparent url(/img/css/cont_662_header.gif) no-repeat; width: 662px; height: 12px; overflow: hidden;}
div.con2col   { background: transparent url(/img/css/cont_662_content.gif) repeat-y; width: 642px; position: relative; padding: 0px 10px; }
div.footer2col { background: transparent url(/img/css/cont_662_footer.gif) no-repeat; width: 662px; height: 12px; overflow: hidden;}


/*div.header2col { background: transparent url(/img/css/cont_2col_header.gif) no-repeat; width: 715px; height: 12px; overflow: hidden;}
div.con2col    { background: transparent url(/img/css/cont_2col_content.gif) repeat-y; width: 695px; padding: 0px 10px; }
div.footer2col { background: transparent url(/img/css/cont_2col_footer.gif) no-repeat; width: 715px; height: 12px; overflow: hidden;}*/

div.header3col { background: transparent url(/img/css/cont_3col_header.gif) no-repeat; width: 880px; height: 12px; overflow: hidden;}
div.con3col    { background: transparent url(/img/css/cont_3col_content.gif) repeat-y; width: 860px; padding: 0px 10px; }
div.footer3col { background: transparent url(/img/css/cont_3col_footer.gif) no-repeat; width: 880px; height: 12px; overflow: hidden;}

div.con460 a, div.con2col a, div.con3col a  { color: #3d98c3; font-weight: bold; }
div.con150 a, div.con270 a  { color: #bcbe00; }

div.con150 ul { list-style: none; margin: 0; padding: 0; }
div.con150 li { list-style: none; list-style-position:outside; margin: 0; padding: 0px 0px 0px 22px; line-height: 22px; background: transparent url(/img/css/check.gif) no-repeat 0px 4px; font-size: 13px; font-weight: normal; }

/*select.product { width: 250px; border: 1px solid #333; margin: 158px 0px 0px 288px; }*/
div.anfordern_hilfe { background : transparent url(../../img/grossauflagen/anfordern_hilfe_schritt1.jpg) no-repeat; width: 661px; height: 92px; margin-bottom: 25px; }

#wrapper, #wrapper2  { width: 940px; padding: 0px 0px 0px 50px; margin: 0px auto; border: 0px; background: transparent url(/img/css/bg_navi.png) no-repeat 16px 110px; }
#header   { height: 155px; padding: 12px 0px 0px 0px; /*margin-top: 12px;*/ }

#navi1    { height: 25px; margin-left: 10px; }
/*#navi1 a  { font-family: Arial, Helvetica, Verdana; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; margin-right: 80px; }
#navi1 a:hover, #navi1 a.active  { color: #004a77; } */
#content  { /*background: transparent url(/img/css/bg_content_right.png) repeat-y 915px 0px;*/ padding: 0px 0px 40px 0px; min-height: 720px; }

#login_btn { background: transparent url(/img/btn_user_login.png); width:34px; height:20px; }

#middle      { float: left; width: 550px; overflow: hidden; margin-right: 14px; }
/*#middle      { float: left; width: 550px; overflow: hidden; margin-right: 14px; }*/
#middle2col  { float: left; width: 715px; overflow: hidden; margin-right: 14px; }
#middle3col  { float: left; width: 880px; overflow: hidden; }

#breadcrumb { font-size: 11px; color: #b6b6b6; margin: 0px 0px 5px 0px; }
#breadcrumb a { color: #b6b6b6; text-decoration: none; }
#breadcrumb a:hover { color: #000; }

#subnavi    { background: transparent url(/img/css/bg_subnavi.png) no-repeat; width: 150px; height: 395px; padding: 15px 0px 10px 0px; line-height: 22px; float: left; margin-right: 15px;}
#subnavi a.level1 { font-size: 12px; color: #707173; font-weight: bold; display: block; padding: 0px 0px 0px 10px; }
#subnavi a.level1:hover, #subnavi a.level1.active { color: #3d98c3; text-decoration: none; }
#subnavi a.level2 { font-size: 11px; color: #707173; font-weight: normal; display: block; padding: 0px; margin: 0px 0px 0px 20px; }
#subnavi a.level2:hover, #subnavi a.level2.active { color: #fff; text-decoration: none; margin: 0px; padding: 0px 0px 0px 30px; background: #1b8ebd url(/img/css/bullet.png) no-repeat 15px 7px; }

#left_big { float:left; width:677px; overflow:hidden; margin: 16px 16px 32px 0px; }
#left   { float: left; width: 150px; overflow: hidden; margin-right: 15px; }
#right  { float: left; width: 130px; height: 400px; padding: 10px; overflow: hidden; background: transparent url(/img/css/bg_subnavi.png) no-repeat; }
#right2 { float: left; width: 180px; overflow: hidden; margin: 16px 0px 0px 0px; }

#footer     {  padding: 32px 0px 32px 0px; background: transparent url(/img/css/footer_bg.jpg) repeat-x }
#footer_small     {  padding: 32px 0px 32px 0px; }
#footer_inner { width: 940px; margin: 0px auto; }
div.footer_item { width: 150px; float: left; }
div.footer_item a { color: #b6b6b6; text-decoration: none; font-size: 11px; display: block; }
div.footer_item a:hover { color: #000; }
/*#footer li  { float: left; list-style: none; font: 11px; margin: 0px 0px 0px 5px; }*/



div.header_info a {font-weight:bold; color:red; background-color:#FFFFFF; font-size:1.1em; text-shadow:white 0px 0px;}

/* Configurator */
span.item_no { font-size: 24px; font-weight: bold; margin: 0px 0px 10px 0px; color: #bcbe00; }
span.item_label { font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; color: #1b8ebd; }
span.item_product_label { font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; color: #bcbe00; }

div.nav_configurator { width: 850px; height: 64px; background: transparent url(/img/configurator/navi_backgr.png); margin: 0px 0px 0px 0px; text-align: center; font-size: 11px; }
div.next_configurator { width: 126px; height: 64px; background: transparent url(/img/configurator/navi_weiter.png); margin: 0px 0px 0px 0px; position: relative; float: right; top: -1px; right: -10px; cursor: pointer;}
div.next_configurator_inactive { width: 126px; height: 64px; background: transparent url(/img/configurator/navi_weiter_off.png); margin: 0px 0px 0px 0px; position: relative; float: right; top: -1px; right: -10px; }
div.back_configurator { width: 127px; height: 64px; background: transparent url(/img/configurator/navi_zurueck.png); margin: 0px 0px 0px 0px; position: relative; float: left; top: -1px; cursor: pointer; }
div.back_configurator_inactive { width: 127px; height: 64px; background: transparent url(/img/configurator/navi_zurueck_off.png); margin: 0px 0px 0px 0px; position: relative; float: left; top: -1px; }

div.pager_background { width: 340px; height: 41px; background: transparent url(/img/configurator/graue_flaeche_kartenanzeiger.png) no-repeat center 0; }
div.next_card { width: 130px; height: 28px; background: transparent url(/img/configurator/karte_weiter.png); margin: 0px 0px 0px 0px; position: relative; float: right; top: 3px; cursor: pointer;}
div.next_card_inactive { width: 130px; height: 28px; background: transparent url(/img/configurator/karte_weiter_off.png); margin: 0px 0px 0px 0px; position: relative; float: right; top: 3px; }
div.back_card { width: 130px; height: 28px; background: transparent url(/img/configurator/karte_zurueck.png); margin: 0px 0px 0px 0px; position: relative; float: left; top: 3px; cursor: pointer; }
div.back_card_inactive { width: 130px; height: 28px; background: transparent url(/img/configurator/karte_zurueck_off.png); margin: 0px 0px 0px 0px; position: relative; float: left; top: 3px; }
div.next_player { width: 130px; height: 32px; background: transparent url(/img/configurator/btn_spieler_vor_aktiv.png); margin: 0px 0px 0px 0px; position: relative; float: right; top: 2px; cursor: pointer;}
div.next_player_inactive { width: 130px; height: 32px; background: transparent url(/img/configurator/btn_spieler_vor_deaktiv.png); margin: 0px 0px 0px 0px; position: relative; float: right; top: 2px; }
div.back_player { width: 130px; height: 32px; background: transparent url(/img/configurator/btn_spieler_zurueck_aktiv.png); margin: 0px 0px 0px 0px; position: relative; float: left; top: 2px; cursor: pointer; }
div.back_player_inactive { width: 130px; height: 32px; background: transparent url(/img/configurator/btn_spieler_zurueck_deaktiv.png); margin: 0px 0px 0px 0px; position: relative; float: left; top: 2px; }
div.card_number { width: 80px; float: right; color: #000; font-size: 12px; font-weight: bold; text-align: center; margin-top: 8px; }

h3.heading { font-size: 14px; outline: none; background: #008dbd; color: #fff; padding: 4px; border-color: #3d98c3; border-width: 2px; border-style: solid solid none solid; margin: 0px; }
h3.heading a { text-decoration: none; color: #fff; margin: 4px; }
h3.heading span { font-size: 12px; }
h3.heading_tools { font-size: 14px; outline: none; background: #008dbd; color: #fff; padding: 4px; border-color: #3d98c3; border-width: 2px; border-style: solid solid none solid; margin: 0px; }
h3.heading_tools a { text-decoration: none; color: #fff; margin: 4px; }img.delete_layer { float: right; }
span.tools_title {float: left; width: 90px; margin: 8px 10px 0px 5px;}
div.layer_controls { border-color: #3d98c3; border-width: 2px; border-style: none solid none solid; padding: 4px; overflow:hidden !important; }
span.tab_front_page { float: left; width: 150px; height: 25px; border-color: #3d98c3; border-width: 2px; border-style: solid solid none solid; padding: 4px; position: relative; font-size: 14px; text-align: center; }
span.tab_back_page { float: right; width: 150px; height: 25px; border-color: #3d98c3; border-width: 2px; border-style: solid solid none solid; padding: 4px; position: relative; font-size: 14px; text-align: center; }
#preview { float: left; width: 500px; height: 500px; padding: 0px; overflow: hidden; background: #fff;}
#layer_container { float: left; width: 340px; padding: 0px 10px 10px 10px; overflow: hidden; }
#layers { width: 340px; margin-top: 13px; }
div.frame_layer { position: absolute; border: 1px dashed #333; display: none; background: transparent url(/img/spacer.gif); cursor: move; }
img.alignment { margin: 0px 2px 0px 0px; position: relative; top: 3px; }
img.alignment_active { margin: 0px 2px 0px 0px; position: relative; top: 3px; filter: alpha(opacity = 50);  opacity: 0.50; }
select.font_style { font-size: 11px; margin: 1px 0px; width: 116px; height: 18px; }
select.font_size { font-size: 11px; margin: 1px 0px; width: 48px; height: 18px; }
textarea.text_layer { font-size: 11px; color: #000; width: 326px; height: 70px; }


div.thumb_content_small { width: 90px; height: 90px; margin-right: 0px; border: 1px solid #008dbd; }
div.thumb_quartett_small { width: 45px; height: 45px; margin-right: 0px; border: 1px solid #bcbe00; }
.slide_wrapper { width: 340px; margin: 20px 0px 0px 0px; font-size: 12px; }
.slider { background: #fff; overflow: hidden; color: #3d98c3; }
.slider_menu { padding: 5px; background: #fff; color: #fff; float: right; }
.slider_ce_menu { background: #fff; color: #fff; float: left; font-size: 0.6em;}
div.quartett_text { font-size: 12px; font-weight: bold; color: #3d98c3; }
div.quartett_layout_file { font-size: 11px; width: 250px; float: left; }
div.quartett_layout_font { font-size: 11px; width: 130px; float: left; }
div.quartett_layout_color { font-size: 11px; width: 80px; float: left; }
div.quartett_card_label { font-size: 11px; width: 170px; float: left; }
input.quartett_card_value { font-size: 11px; width: 158px; float: right; margin: 0px; }
textarea.quartett_card_text { font-size: 11px; color: #000; width: 158px; height: 50px; float: right; }
div.thumb_gallery { width: 180px; height: 180px; margin-right: 0px; border: 1px solid #bcbe00; float: left;}

.b2b-owl img      { width: 95% !important; max-width: 95% !important; border: 1px solid #eee; }
.owl-clients-v1 img, .owl-clients-v1 span { display: block; }
.owl-clients-v1 span { padding: 5px 10px; text-align:center; background-color: #337ab7; color: #fff; width: 120px; }
.owl-clients-v1 a { text-decoration: none; }
.referenzen .owl-clients-v1 span { min-height: 70px; margin-top: 10px; }

.weiter { display:block; width:104px; height:28px; background:transparent url('../img/btn_weiter.png') no-repeat top left; margin: 8px; cursor: pointer;}
a.zurueck { display:block; width:104px; height:28px; background:transparent url('../img/btn_zurueck.png') no-repeat top left; margin: 8px;}
.anfrage_absenden { display:block; width:300px; height:74px; background:transparent url('../img/grossauflagen/btn_anfrage_absenden_gross.png') no-repeat top left; cursor: pointer; margin: 8px 8px 8px 8px;}
.preis_anzeigen { display:block; width:300px; height:74px; background:transparent url('../img/grossauflagen/btn_preis_anzeigen.png') no-repeat top left; cursor: pointer; margin: 8px 8px 8px 8px;}

a.auswahl { display:block; width:104px; height:28px; position: absolute; bottom: 0px; right: 10px; background:transparent url('../img/btn_auswaehlen2.png') no-repeat top left; _margin: 8px; cursor: pointer;}

a.preisanfrage {  display:block; width:169px; height:33px;  position: absolute; bottom: 10px; right: 10px; background:transparent url('../img/btn_preisanfrage_stellen.png') no-repeat top left;}
/* hover Effekte fuer die Buttons im Grossauflagenformular*/
a.preisanfrage_hover {  display:block; width:195px; height:34px; float: left; margin-top: 10px; position: absolute; right: 10px; bottom: 0; background:transparent url('../img/preisanfrage_stellen_hover.jpg') no-repeat top left;}
a.preisanfrage_hover:hover {  display:block; width:195px; height:34px; float: left; margin-top: 10px; position: absolute; right: 10px; bottom: 0; background:transparent url('../img/preisanfrage_stellen_hover.jpg') no-repeat bottom right;}
a.weiter_step1_hover {  width:106px; height:34px;  position: absolute; left: 200px; top: 140px; background:transparent url('../img/btn_weiter_hover.jpg') no-repeat top left;}
a.weiter_step1_hover:hover {   background:transparent url('../img/btn_weiter_hover.jpg') no-repeat bottom right;}
a.zurueck_hover {  display:block; width:106px; height:34px; background:transparent url('../img/btn_zurueck_hover.jpg') no-repeat top left; margin:4px 0 4px 0;}
a.zurueck_hover:hover {  display:block; width:106px; height:34px; background:transparent url('../img/btn_zurueck_hover.jpg') no-repeat bottom right; margin:4px 0 4px 0;}
.weiter_hover {  display:block; width:106px; height:34px; background:transparent url('../img/btn_weiter_hover.jpg') no-repeat top left;}
.weiter_hover:hover {  display:block; width:106px; height:34px; background:transparent url('../img/btn_weiter_hover.jpg') no-repeat bottom right; cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */}
.angebot_anfordern {  display:block; width:172px; height:34px; background:transparent url('../img/angebot_anfordern_hover.jpg') no-repeat top left;}
.angebot_anfordern:hover {  display:block; width:172px; height:34px; background:transparent url('../img/angebot_anfordern_hover.jpg') no-repeat bottom right; cursor: pointer;}
/*.anfrage_absenden {  display:block; width:161px; height:34px; background:transparent url('../img/anfrage_absenden_hover.jpg') no-repeat top left;}
.anfrage_absenden:hover {  display:block; width:161px; height:34px; background:transparent url('../img/anfrage_absenden_hover.jpg') no-repeat bottom right; cursor: pointer; }*/
/*------------------------------------------------------------*/

div.wrapper, div.wrapper2 { overflow:hidden; width:100%; }
/*a.preisanfrage_notext { text-decoration:none; font-size:16px; color:#4d4e00; display:block; width:195px; height:34px; float: left; margin-top: 10px; position: absolute; right: 10px; bottom: 0; background:transparent url('../img/preisanfrage_stellen_notext.jpg') no-repeat top left;}*/

#result_pager, #results_shown { margin-top: 10px; }
#result_pager a       { padding: 1px 4px; border: 1px solid #f1f1f1; }
#result_pager a:hover { background: #efefef; text-decoration: none; }

#result_pager a.active  { padding: 1px 4px; border: 1px solid #f1f1f1; background: #eee; }


div.my_game { width: 65px; height: 65px; }

div.hilfe {
	position:fixed;
	top:30%;
	right:0px;
	height:73px;
	width:35px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
#cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
#cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
#cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
#cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}

.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

#faq h1, #faq h2, #faq h3, #faq h4, #faq h5, #faq h6 {
    cursor: pointer;
}


/*--------------------------Hauptnavigation Dropdown---------------------*/

.dropdown { margin:0; padding: 0; }

.dropdown > li {padding: 2px 1px 2px 0;z-index: 10;list-style:none;float: left;color: #bdbe00;font-size: 14px;font-weight: bold;font-family: Arial, Helvetica, Verdana;}
.dropdown a:link, .dropdown a:visited {text-decoration:none;color:#f3f3f3;}
.dropdown a:hover {background-color:#136282;	color: #f3f3f3;}

.level_1 {list-style: none; text-align: center; display:block; width:110px; padding:11px 11px; }

.sub_menu a:link {display:block;padding: 2px;margin-bottom: 2px;}
.sub_menu a:hover {display: block;padding: 2px 2px 2px 2px; }


.sub_menu { visibility:hidden; z-index:10;	background-color: #1b8ebd; position:absolute; top: 38px; margin:0; padding-left:15px; }
#sub_menu_spielkarten { width: 725px; height: 280px; border-bottom: 1px solid #136282; border-left: 1px solid #136282; border-right: 1px solid #136282;}
#sub_menu_zubehoer { width: 220px; height: 140px; border-bottom: 1px solid #136282; border-left: 1px solid #136282; border-right: 1px solid #136282; }
#sub_menu_aktionen { width: 340px;height: 140px; border-bottom: 1px solid #136282; border-left: 1px solid #136282; border-right: 1px solid #136282; }
#sub_menu_grossauflagen { width: 210px; height: 180px; border-bottom: 1px solid #136282; border-left: 1px solid #136282; border-right: 1px solid #136282; }

.sub_menu  ul { float:left; width: 200px; margin: 15px 15px 0 0;}
.sub_menu li { padding:0;}
.sub_menu li:first-child { border-bottom: 1px dotted #bdbe00; padding-bottom: 4px; margin-bottom:10px; color:#bdbe00; }

	/*-----------------------------------Ende Hauptnavigation dropdown---------------------------------------------*/

.additional_info { font-size: 12px; font-weight:normal; color: #c0c0c0; }

.teaser_small { float: left; width: 210px; height: 230px; margin-right: 15px; }
.teaser_grossauflagen { position: relative; }

.sub_teaser:hover { text-decoration:none; }

.home_teaser_button  { margin: 230px 0px 0px 695px; float: left; }
.teaser_button  { margin: 12px 0px 0px 695px; border-style: none; }
img.home_teaser_left { float: left; margin: 0px 0px 5px 600px; }
img.home_teaser_right{ float: right; margin: 0px 221px 5px 0px; }

.bottom_left { position:absolute; bottom:6px; left: 10px; }
.top_left { position:relative; top:8px; left: 10px; color: #f3f3f3; }
.bottom_right { position: absolute; bottom: 6px; right: 32px; }
#grossauflagenteaser_bg  { position: relative; background: url('../img/grossauflagenteaser_klein.png') no-repeat center; width:180px; height:196px; }
#postit_gelb_bg  { position: relative; background: url('../img/postit_gelb.png') no-repeat center; width:180px; height:196px; }

#kleinauflagenteaser_bg { position: relative; background: url('../img/kleinauflagenteaser_klein.png') no-repeat center; width:180px; height:196px; margin: 33px 0px 0px 0px;  }
#trusted_bewerten_bg { position: relative; background: url('../img/trusted_bewerten_bg.png') no-repeat center; width:180px; height:196px; margin: 33px 0px 0px 0px;  }
.con_180_bg { float: left; background: url('../img/con_180_bg.png') no-repeat top left; width:180px; min-height:196px; margin: 33px 0px 0px 0px;  }

#referenzen { height: 120px;	 position:relative; margin: 35px 0; }
#referenzen  h4{ color:#c0c0c0; font-size:16px;}

div.product { background: transparent url(/img/home_slideshow.jpg) no-repeat; width: 888px; height: 342px; background-color:red; }

div.teaser_gross { background: transparent url(../img/grossauflagen/teaser_grossauflagen_gross.jpg) no-repeat; width: 713px; height: 296px; } /*Grossauflagenteaser*/
select.product { width: 180px; border: 1px solid #333; margin: 210px 0px 0px 695px; } /* Formauswahl*/
select.product_and_details { width: 174px; border: 1px solid #333; } /* Formauswahl*/

span.attention { font-size: 16px; font-weight: normal; color: #136282; margin: 0px 0px 5px 0px; color:red; }

div.line_top {  border-top: 1px solid #d0ccc9; width:654px; float: left; padding: 5px 0 0 10px; }

ul.list_small { line-height: 5px; list-style-type: circle; list-style-position:outside; text-indent: 0; padding-left: 12px; margin: 0; font-weight: normal; }
ul.list_small li { padding-top:1px; font-weight:normal; list-style-type: circle; list-style-position:outside; }

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

/*----------------------------------------------------Tabbed Content style----------------------------------------------------*/

#container{   width: 661px; }
.menu { margin-left: 16px;list-style-position: outside;  }
.menu li.menupoint{  float: left;  margin-right: 5px;  }
.menu li.menupoint{  font-size: 12px;font-weight: bold;  width: 80px;text-align:center;display: block;   padding: 8px 10px 8px 10px;  background: transparent url(../img/css/tab_bg_inactive.jpg) repeat-x; border: 1px solid #d0ccc9; border-width: 1px 1px 1px 1px; position: relative; top: 2px; color: #898989; cursor: pointer;  }
.menu li.active{  border-bottom: none; background: #f3f3f3;  top: 3px;    color: #5f95ef;  }
.content{    background: #f3f3f3;  border-top: 1px solid #d0ccc9;  text-align: left;   padding: 16px 16px 16px 16px;   font-size: 12px;  }
.content.preise{   display: none; 	}
.content.verpackungen{   display: none;  }
.content.versand{ display: none;}
.content.details{ display: none;}
.bulletlist ul { list-style: none; margin: 0; padding: 0; }
.bulletlist li { list-style: none; list-style-position:outside; margin: 0; padding: 0px 0px 0px 28px; line-height: 22px; background: transparent url(/img/css/check.gif) no-repeat 0px 4px; font-size: 13px; font-weight: normal; }
.list_circle ul { list-style: none; margin: 0; padding: 0; }
.list_circle li{ line-height: 17px; list-style: circle; text-indent: 0px; padding-left: 10px; margin: 0; font-size: 13px; font-weight: normal; }


input.button_form_submit{ background: transparent url(../img/produkte/btn_jetzt_gestalten.png) no-repeat; width:174px; height:42px; border:none; cursor:pointer; margin: 32px 0px 0px 0px;}

input.button_form_zur_auswahl{ background: transparent url(../img/produkte/btn_zur_auswahl.png) no-repeat; width:174px; height:42px; border:none; cursor:pointer; margin: 8px 0px 0px 695px;}
/*----------------------------------------------------Ende Tabbed Content-----------------------------------------------------*/
em.hervorheben { font-size: 18px; font-weight: bold; color: #d2d319; }

.mb-3 {
  margin-bottom: 3rem;
}

/* collab hild */
.bluebox {
	padding: 15px;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #3b8dbe;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3b8dbe), to(#3885b5));
	background: -webkit-linear-gradient(#3b8dbe, #3885b5);
	background: -moz-linear-gradient(#3b8dbe, #3885b5);
	background: -ms-linear-gradient(#3b8dbe, #3885b5);
	background: -o-linear-gradient(#3b8dbe, #3885b5);
	background: linear-gradient(#3b8dbe, #3885b5);
	color: white;
}

.bluebox a.bluelink {
	color: #e0e47b;
	text-decoration: underline;
}

a#whatsthat {
    position: relative;
    bottom: 10px;
}

.margin_top {
	margin-top: 30px;
}

div.con3col_padding {
	padding-top: 20px;
	padding-left: 30px;
	height: 900px;
}

h3.collaborative_editing {
	color: white;
	background-color: none;
	background: none;
	font-size: 1.5em;
	font-weight: normal;
}

div.collab_editing_editor {
	color: white;
	margin-bottom: 5px;
}

div#invitation_container {
	width: 736px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	padding: 30px;
	margin-bottom: 42px;
}

form.einladen input {
	display: block;
	height: 20px;
	width: 300px;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

form.einladen textarea {
	display: block;
	height: 130px;
	width: 734px;
	overflow: auto;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
}

form.einladen label {
	color: white;
	font-size: 1.5em;
	display: block;
	float: none;
	width: 100%;
}

form.einladen label.error {
	color: #b72117;
}

form.einladen #inv_admin {
	float: left;
}

form.einladen #inv_reason {
	float: right;
}

form.einladen #inv_admin, #inv_reason {
	display: inline-block;
}

form.einladen #inv_reason {
	position: absolute;
	right: 30px;
}

.inv_hint {
	color: white;
}

div#invitation_actions {
	width: 833px;
    padding-top: 15px;
    height: 60px;
}

div#invitation_actions #next, #cancel {
	border: none;
	color: #9f9f9f;
}

div#invitation_actions #next {
	float: right;
}

h1.invitation_head {
	color: #999;
	font-weight: normal;
	font-size: 1.5em;
}

h1.invitation_head_padding, .slide_ce_wrapper {
	color: #999;
	font-weight: normal;
	font-size: 1.5em;
	padding-left: 25px;
}

h2.invitation_head2 {
	color: white;
	font-weight: normal;
}

h3.collab_head {
	color: #599AC9;
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 13px;
}

div#invitation_send {
	margin-bottom: 30px;
	width: 760px;
	padding: 26px;
	margin-top: 25px;
}

div#invitation_send input {
	display: block;
	height: 30px;
	width: 100%;
	font-size: 1em;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-bottom: 30px;
}

div#invitation_send_actions {
	position: relative;
}

div#invitation_email {
	display: block;
	width: 50%;
}

div#invitation_facebook {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
}

div#invitation_send p {
	color: white;
}

span.collab_subhead {
	display: block;
	color: #599AC9;
	font-size: 0.8em;
	font-weight: normal;
	padding-top: 15px;
}

div#collab_invite_more {
	margin-top: 20px;
	height: 18px;
	position: relative;
}

#invite_more_actions {
	position: absolute;
	right: 0px;
	top: 6px;
	width: 220px;
}

#invite_more_actions div.fb-send {
	position: relative;
	top: -13px;
}

div.collab_deactivate {
	margin-bottom: 5px;
	float: left;
}

div#layer_container.collab_contributor {
	width: 90%;
	margin-top: 10px;
	padding: 15px;
}

div#layer_container.collab_contributor label {
	width: auto;
	color: white;
	font-size: 1.2em;
}

div#layer_container.collab_contributor label.error {
	color: #b72117;
}

div#layer_container.collab_contributor div#collab_save_name.error {
	color: #b72117;
}

div#layer_container.collab_contributor div.form-input {
	margin-top: 10px;
	height: 30px;
	position: relative;
}

div#layer_container.collab_contributor div.form-input2 {
  margin-top: 10px;
  height: 140px;
  position: relative;
  font-size: 1.2em;
}

div#layer_container.collab_contributor input {
	display: block;
	position: absolute;
	right: 0px;
	width: 185px;
	font-size: 1.5em;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	bottom: 5px;
}

div#layer_container.collab_contributor input#ce_tac {
	left: 0px;
	top: -3px;
	width: auto;
	border: 0px;
}

div#layer_container.collab_contributor div#collab_save_name {
	margin-left: 25px;
	color: white;
	font-size: 0.8em;
}

div#layer_container.collab_contributor div#collab_save_name em {
	font-style: normal;
	font-size: 1.2em;
}

div#layer_container.collab_contributor div#collab_save_name span {
    color: #e0e47b;
}

input#collab_contributor_save {
	margin-top: 25px;
	float: right;
	border: none;
}

div#collab_confirm_container {
	position: relative;
}

div#collab_confirm_left, div#collab_confirm_right {
	width: 40%;
	padding: 20px;
}

div#collab_confirm_right {
	position: absolute;
	top: 0px;
	right: 0px;
}

div#collab_voucher {
	margin-top: 30px;
	text-align: center;
}

div#collab_voucher span.collab_subhead {
	color: white;
	font-size: 1em;
}

div#collab_voucher h1.collab_voucher_head {
	font-size: 2em;
	color: #e0e47b;
}

div#collab_voucher table {
	width: 60%;
	text-align: left;
	margin-left: 20%;
	margin-bottom: 20px;
}

div#collab_voucher table td {
	font-size: 1.2em;
	padding: 3px;
}

div#collab_voucher p.voucher_foot {
	margin-top: 10px;
	font-size: 0.8em;
}

div#step_1, div#step_2 {
	position: relative;
}

div#step_1 img, div#step_2 img {
	position: absolute;
	left: -60px;
	top: -15px;
}

div.collab_intro {
	padding-left: 70px;
	padding-top: 25px;
	position: relative;
	margin-bottom: 30px;
}

div.collab_intro img {
	position: absolute;
	left: 0;
	top: 9px;
}

div.invitation_actions {
	width: 100%;
	height: 59px;
}

div.invitation_actions input {
    display: block;
	border: none;
	float: right;
	padding-right: 45px;
	margin-top: 9px;
}

div.invitation_actions input#game_overview {
	padding-right: 46px;
}

div.invitation_actions input#game_overview2 {
	padding-right: 16px;
}

div.invitation_actions2 {
	width: 100%;
	height: 123px;
}

div.invitation_actions2 input#next {
	padding-right: 29px;
}

div#invitation_links {
	float: left;
}

div#invitation_links a {
	color: #999;
	text-decoration: underline;
	line-height: 1.5em;
}

input#next {
	border: none;
	float: right;
	margin-right: 30px;
}

div#invitation_friends {
	text-align: right;
	width: 811px;
}

div#collab_ready {
	text-align: right;
	padding-right: 13px;
	margin-bottom: 18px;
}

div#collab_contributor_col div#invitation_links {
	padding-left: 23px;
}

div#collab_contributor_other_card {
	position: absolute;
	width: 248px;
	text-align: center;
	left: 127px;
}

#preview-dialog {
	background: #fff;
	font-weight: bold;
}

div.packing_headline {
	color: #3d98c3;
	font-size: 22px;
	margin-top: 25px;
}

div.individual_packing_label {
	border: 1px solid #3d98c3;
	font-size: 14px;
	margin-top: 60px;
	float: left;
}

div.individual_packing_label .headline {
	color: #fff;
	background: #3d98c3;
	padding: 5px;
}

div.individual_packing_label .content {
	color: #3d98c3;
	padding: 8px;
	float: left;
}

.no-close .ui-dialog-titlebar {
  display: none;
}

/* ANFANG STYLES FÃœR VAAS von Affiliprint */

div.vaas_wrapper {
    height: 160px;
    margin-left: 20px;
	width: 95%;

}

div.vaas_box {
border: 1px solid #1B8EBD;
}

div.vaas_box_header {background: none repeat scroll 0 0 #1B8EBD}

div.vaas_button a {
    background: -moz-linear-gradient(center top , #BDBE00 5%, #BDBE00 50%) repeat scroll 0 0 #BDBE00;
    border: 1px solid #BDBE00;
	color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    font-family: "Lucida Sans","Lucida Grande",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 6px;
	box-shadow: 0 0px 0 0 #FFFFFF inset;
	text-shadow: 0px 0px 0 #CC9F52;

}

div.vaas_button a:hover {
    background: -moz-linear-gradient(center top , #1B8EBD 5%, #1B8EBD 50%) repeat scroll 0 0 #1B8EBD;


/* ENDE STYLES FÃœR VAAS von Affiliprint */