html * { margin: 0px; padding: 0px; }
body { background-color: #4087ba; font: 12px/16px Verdana, Geneva, Arial, Helvetica, Sans-Serif; margin:0px; padding:0px }
#page_background { background: transparent url('../template-blue/main-bg.png') repeat-x; height: 100%; min-height: 780px; position: relative; }
 /*#page_container { width: 980px; height: 100%; min-height: 680px; margin: 0px auto; position: relative;} */
#page_container { height: 100%; min-height: 780px; min-width: 980px; width:96%; max-width:1200px; margin: 0px auto; position: relative; }
#basket { width: 300px; height: 120px; text-align: center; float: right; background: transparent url('../portal/basket.png') no-repeat top; line-height: 14px; padding: 5px 16px 7px 16px; }
#footer { position: absolute; bottom: 0px; height: 25px; color: #bab7ff; min-width: 980px; width:100%; max-width:1200px; }
#footer p { text-align: center; }
#footer a { color: #bab7ff; }
#footer a:hover, a:focus { color: #d7d7ff; }

a { text-decoration: none; }
a { text-decoration: none; color: #924116; }
a:hover, a:focus { color: #6C4604; }
a img { border: none; }
ul { list-style: none; }
hr { border: none; border-bottom: 1px solid #ffb800; margin: 0px 12px;}

input, select, textarea { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 12px; margin-bottom: 3px;}
input.fehleingabe { border: 1px solid #E93616; }
.blockform label { display: block; width: 220px; float: left; margin-right: 20px; text-align: right; font-size: 13px; line-height: 16px; }
.smallabel label { width: 60px; margin-right: 12px; }
.smallabel label.normal { width: 60px; margin-right: 2px; }
.blockform .mediumlabel label{ width: 110px; margin-right: 15px; }
.blockform .regchecklabel { float: none; font-size: small; text-align: left; width: auto; }
.blockform input:after { clear: both; content: '.'; visibility: hidden; }


#logo { position: absolute; top: 200px ; left: 43%; /*360px;*/ }
/* List Positions */
#overview { text-align: center; }
#xeibo-deal { display: block; width: 178px; height: 178px; left: 15%; /*150px; */ top: 150px; position: absolute; background: transparent url('../portal/c-main.png') no-repeat; z-index: 3; }
#xeibo-deal li { position: absolute; z-index: 1; }
#xeibo-live { display: block; width: 178px; height: 178px; right: 4%; /*60px; */ top: 290px; position: absolute; background: transparent url('../portal/c-main.png') no-repeat; z-index: 4; }
#xeibo-live li { position: absolute; z-index: 2; }
#xeibo-shop { display: block; width: 178px; height: 178px; left: 19%; /*60px; */ top: 490px; position: absolute; background: transparent url('../portal/c-shop.png') no-repeat; z-index: 2; }
#xeibo-deal div, #xeibo-live div { position: absolute; color: #ffffff; }
#xeibo-deal .c0, #xeibo-live .c0 { background: transparent url('../portal/c-0.png') no-repeat; width: 145px; height: 108px; margin-top: 36px; margin-left: 175px; }
#xeibo-deal .c36, #xeibo-live .c36 { background: transparent url('../portal/c-36.png') no-repeat; width: 128px; height: 109px; margin-top: 138px; margin-left: 154px; }
#xeibo-deal .c72, #xeibo-live .c72 { background: transparent url('../portal/c-72.png') no-repeat; width: 108px; height: 144px; margin-top: 168px; margin-left: 86px; }
#xeibo-deal .c108, #xeibo-live .c108 { background: transparent url('../portal/c-108.png') no-repeat; width: 107px; height: 146px; margin-top: 168px; margin-left: -21px; }
#xeibo-deal .c144, #xeibo-live .c144 { background: transparent url('../portal/c-144.png') no-repeat; width: 128px; height: 110px; margin-top: 137px; margin-left: -109px; }
#xeibo-deal .c180, #xeibo-live .c180 { background: transparent url('../portal/c-180.png') no-repeat; width: 145px; height: 107px; margin-top: 36px; margin-left: -143px; }
#xeibo-deal .c216, #xeibo-live .c216 { background: transparent url('../portal/c-216.png') no-repeat; width: 131px; height: 109px; margin-top: -70px; margin-left: -110px; }
#xeibo-deal .c252, #xeibo-live .c252 { background: transparent url('../portal/c-252.png') no-repeat; width: 109px; height: 141px; margin-top: -135px; margin-left: -20px; }
#xeibo-deal .c288, #xeibo-live .c288 { background: transparent url('../portal/c-288.png') no-repeat; width: 108px; height: 138px; margin-top: -133px; margin-left: 88px; }
#xeibo-deal .c324, #xeibo-live .c324 { background: transparent url('../portal/c-324.png') no-repeat; width: 129px; height: 107px; margin-top: -69px; margin-left: 159px; }

#xeibo-deal .c0 .smallbutton, #xeibo-live .c0 .smallbutton { top: 15px; left: 40px; }
#xeibo-deal .c36 .smallbutton, #xeibo-live .c36 .smallbutton { top: 20px; left: 23px; }
#xeibo-deal .c72 .smallbutton, #xeibo-live .c72 .smallbutton { top: 47px; left: 4px; }
#xeibo-deal .c108 .smallbutton, #xeibo-live .c108 .smallbutton { top: 48px; left: 2px; }
#xeibo-deal .c144 .smallbutton, #xeibo-live .c144 .smallbutton { top: 16px; left: 2px; }
#xeibo-deal .c180 .smallbutton, #xeibo-live .c180 .smallbutton { top: 9px; left: 3px; }
#xeibo-deal .c216 .smallbutton, #xeibo-live .c216 .smallbutton { top: 9px; left: 3px; }
#xeibo-deal .c252 .smallbutton, #xeibo-live .c252 .smallbutton { top: 9px; left: 2px; }
#xeibo-deal .c288 .smallbutton, #xeibo-live .c288 .smallbutton { top: 9px; left: 3px; }
#xeibo-deal .c324 .smallbutton, #xeibo-live .c324 .smallbutton { top: 10px; left: 23px; }

div.bigbutton { width: 175px; height: 125px; padding-top: 50px; cursor: pointer; font-size: 14px; line-height: 18px;}
#xeibo-shop .bigbutton { cursor: default; }
div.bigbutton h1 { font-size: 22px; font-weight: bold; margin-bottom: 15px; }
div.bigbutton a { color: #ffffff; }
div.bigbutton a:hover, div.bigbutton a:focus, div.bigbutton:hover a { color: #fcfeba; }
div.smallbutton { width: 100px; height: 80px; cursor: pointer; font-size: 12px; line-height: 16px; z-index: 9; text-align: center; }
div.smallbutton h2 { font-size: 13px; font-weight: bold; margin-bottom: 2px; margin-top: 6px; }
div.smallbutton a { color: #924116; }
div.smallbutton a:hover, div.smallbutton a:focus, div.smallbutton:hover a { color: #f4920b; }


/* button */
.art-button-wrapper .art-button { display: inline-block; width: auto; outline: none; border: none; background: none; margin: 0 !important; padding: 0 !important; cursor: pointer; z-index: 0; height: 32px; font-size: 14px; padding: 0 14px !important; line-height: 28px; text-decoration: none !important; color: #FFFFFF !important; }
.art-button-wrapper { display: inline-block; position: relative; height: 32px; overflow: hidden; white-space: nowrap; width: auto; z-index: 0; }
.art-button-wrapper.hover .art-button, .art-button:hover
{ color: #ffffff !important; text-decoration: none !important; }
.art-button-wrapper.active .art-button { color: #F0F0F0 !important; }
.art-button-wrapper .l, .art-button-wrapper .r 
{ display: block; position: absolute; z-index: -1; height: 96px; background-image: url('../template-blue/Button.png'); }
.art-button-wrapper .l { left: 0; right:9px; }
.art-button-wrapper .r { width: 411px; right: 0; clip: rect(auto, auto, auto, 402px); }
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r { top: -32px; }
.art-button-wrapper.active .l, .art-button-wrapper.active .r { top: -64px; }

div.clear { clear: both; font-size: 1px; line-height: 1px; }
br.clear { clear: both; line-height: 1px;}
.aright { text-align: right; }
.floatleft { float: left; }
.floatright{ float: right; }
.green { color: #31b51e; }
.red { color: #bf0000; }
.strong { font-weight: bold; }
.center { text-align: center; }
.error { color: #ff0000; font-size: 16px; text-align: center; padding: 5px; }

/* Lightbox und Fehler nicht entfernen! */
#schleier { position: absolute; left: -300px; top: 100px; width: 1px; height: 1px; background-color: #000000; /*#3E3F4E;*/ z-index: 30; }
#ajaxformdiv { position: absolute; background-color: #fcfcfc; /*#f3ffc4;*/ border: 4px outset #0058ac; z-index: 90; }
.werbebanner { position: absolute; background-color: #ffffff; border: 4px outset #d66624; padding: 15px; z-index: 95; }
#fehlerdiv { position: absolute; top: 0px; left: -500px; width: 180px; padding: 5px; font-weight: bold; font-size: 14px; line-height: 18px; color: #000000; background-color: #EA0000; z-index: 100; }
#fehlerdiv img { position: absolute; left: 0px; bottom: -11px; }
#ie-hinweis { display: none; }