/*
	.pagination
	.button
    Message Boxes
*/

/*------------------------------------------------------------------------------
	.pagination
------------------------------------------------------------------------------*/
.pagerbar {  overflow: hidden; margin: 0; padding:0; }
.pagerbar ul { display:block; margin:0px 0; padding:0; }
.pagerbar li { line-height: 16px; height:16px;float:left; margin:0 0 0 5px; padding:0px 0px;  background:  url('/templates/mymediawelt/images/sprite.png') no-repeat -310px -172px;color:#fff;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.pagerbar li.aktuell,
.pagerbar li.activepage  {  background-position: -255px -172px; }
.pagerbar a {display:block; line-height: 16px; height:16px; text-decoration:none; color:#fff;padding:0px 5px; }

.pagerbar li.back { background-position: -128px -172px;overflow: hidden;}
.pagerbar li.back a { width:54px;  text-indent: -200px;}
.pagerbar li.next { background-position: -191px -172px;overflow: hidden;}
.pagerbar li.next a { width:54px;  text-indent: -200px;}
.pagerbar .disable  { opacity:0.5;;}
.pagerbar .pageno { background: transparent; padding: 0 10px;}

/*------------------------------------------------------------------------------
	Buttons <a href="#" class="button button-blue">button blue</a>
------------------------------------------------------------------------------*/
	/*
a.button {opacity: 0.8; background: #222;display: inline-block;padding: 5px 10px 6px;color: #fff;text-decoration: none;font-weight: bold;line-height: 1;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);-moz-border-radius: 5px;-webkit-border-radius: 5px;position: relative;cursor: pointer;}
a.button-black {background: #000;display: inline-block;padding: 5px 10px 6px;color: #fff;text-decoration: none;font-weight: bold;line-height: 1;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);-moz-border-radius: 5px;-webkit-border-radius: 5px;position: relative;cursor: pointer;}
a.button-red {  background-color: #e33100;}
a.button-blue {  background-color: #2daebf;}
a.button-green  {  background-color: #659F00;}
a.button-grey  {  background-color: #777;}
a.button:hover {opacity: 0.99;}

input.button { opacity: 0.8; border:1px solid #111; background: #111;display: inline-block;padding: 5px 10px 6px;color: #fff;text-decoration: none;font-weight: bold;line-height: 1;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);-moz-border-radius: 5px;-webkit-border-radius: 5px;position: relative;cursor: pointer;}
input.button:hover {opacity: 0.99;}
*/
a.button ,
input.button,
.Formular input[type=submit]  { text-transform: uppercase;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);text-align: center;font-family: arial;text-decoration: none; padding: 0 10px; font-size:16px; font-weight: bold;color: #fff !important;line-height:30px !important;border:0; vertical-align: middle;height:30px;background:  url('/templates/mymediawelt/images/sprite.png') repeat-x -183px -443px;display: inline-block;position: relative;cursor: pointer;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
a.button {line-height:32px !important;}
#LoginPage input[type=submit] { width:120px;}
 
input.button.mini,
a.button.mini { font-size: 12px; height:20px; line-height: 20px !important; background-position: -183px -448px;padding: 0 10px 1px 10px; font-weight: normal;}
a.button.mini { line-height: 20px !important; padding: 0 10px 0px 10px; }

input.button.red,
a.button.red { background-position: -183px -403px; font-size: 16px; font-weight: bold;text-transform: uppercase}

input.button.red.mini,
a.button.red.mini { background-position: -183px -408px; font-size: 12px; }

.buttonwrapper { overflow:hidden; text-align: right; padding: 30px 0 20px 0;}


/*------------------------------------------------------------------------------
    .Formular
------------------------------------------------------------------------------*/
.Formular {}
.Formular .formelement {overflow: hidden;margin: 0 -5px 10px 0;padding:3px 0;}
.Formular .formelement label {width:160px;float: left; padding-top: 8px}
.Formular .formelement input[type=text],
.Formular .formelement input[type=password] ,
.Formular .formelement textarea {font-family: arial;  width:546px;border:1px solid #aaa;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; padding: 5px; font-size: 14px; -webkit-box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);-moz-box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);}
.Formular .formelement select { width:558px;border:1px solid #aaa;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;padding: 5px;font-size: 14px; -webkit-box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);-moz-box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);box-shadow: inset 0px 0px 5px rgba(100,100,100,0.5);}
.Formular  .submitelement {overflow: hidden;margin: 0 0 10px 0px; padding-left: 160px;}
.Formular  .submitelement input {}
.Formular .formelement .value label { float:none; }


.datatable {}
.datatable .datarow { overflow:hidden; margin: 0 0 5px 0; padding:3px 0}
.datatable .caption {float:left; width:150px;}
.datatable .value {}

#login input[type=text], #login input[type=password] {width:400px;}
#JoinForm {width:717px;}
#JoinForm input[type=text],
#JoinForm input[type=password] {width: 400px;}
#JoinForm select  {width: 412px;}
#JoinForm #zip {width:75px; margin-right:10px;}
#JoinForm #city {width:300px;}
#JoinForm #street {width:300px;margin-right:10px;}
#JoinForm #streetno {width:75px;}
/*------------------------------------------------------------------------------
    Message Boxes
------------------------------------------------------------------------------*/
.MsgBoxInfo,
.MsgBoxNotify,
.MsgBoxOk,
.MsgBoxError,
.MsgBoxWarn { position: relative; margin: 0 0 20px 0; padding: 0; border: 1px solid;  display:block; background-repeat: no-repeat !important; font-size: 13px; font-style:normal; padding: 10px ;  line-height: 1.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.MsgBoxInfo {background: #EAF0F6 url('/templates/mymediawelt/images/icons/information_16x16.png') 10px 11px; padding-left:35px;border-color: #BCC6D0;color: #404040;}
.MsgBoxNotify {background: #fffbcc  url('/templates/mymediawelt/images/icons/bell_16x16.png') 10px 11px; padding-left:35px; border-color: #e6db55;color: #666452;}
.MsgBoxOk { background: #d5ffce url('/templates/mymediawelt/images/icons/accept_16x16.png') 10px 11px ; padding-left:35px; border-color: #9adf8f;color: #556652;}
.MsgBoxError {background: #ffcece url('/templates/mymediawelt/images/icons/error_16x16.png') 10px 11px ; padding-left:35px; border-color: #df8f8f;color: #665252;}
.MsgBoxWarn { background: #fffbcc url('/templates/mymediawelt/images/icons/error_16x16.png') 10px 11px; padding-left:35px; border-color: #e6db55; color: #666452; }

#ErrorMsg404 {text-align: center; width:400px; margin: 0 auto; padding-top: 160px; font-size: 24px; font-weight: bold; color: #2f2f2f; background: url('/templates/mymediawelt/images/caution_icon_125x125.png') no-repeat 50% 20px ;}

#debugvars { font-size:8pt; font-family: tahoma,arial;}


.fsklogo_0 { background: url('/templates/mymediawelt/images/fsk_usk_logos.png') 0 0px; width:64px; height:64px; }
.fsklogo_6 { background: url('/templates/mymediawelt/images/fsk_usk_logos.png') -64px 0px; width:64px; height:64px; }
.fsklogo_12 { background: url('/templates/mymediawelt/images/fsk_usk_logos.png') -128px 0px; width:64px; height:64px; }
.fsklogo_16 { background: url('/templates/mymediawelt/images/fsk_usk_logos.png') -192px 0px; width:64px; height:64px; }
.fsklogo_18 { background: url('/templates/mymediawelt/images/fsk_usk_logos.png') -256px 0px; width:64px; height:64px; }

.games .fsklogo_0 { background: url('/templates/mymediawelt/images/fsk_usk_logos.png') 0 -64px; width:64px; height:64px; }
.games .fsklogo_6 { background: url('/templates/mymediawelt/images/fsk_usk_logos.png') -64px -64px; width:64px; height:64px; }
.games .fsklogo_12 { background: url('/templates/mymediawelt/images/fsk_usk_logos.png') -128px -64px; width:64px; height:64px; }
.games .fsklogo_16 { background: url('/templates/mymediawelt/images/fsk_usk_logos.png') -192px -64px; width:64px; height:64px; }
.games .fsklogo_18 { background: url('/templates/mymediawelt/images/fsk_usk_logos.png') -256px -64px; width:64px; height:64px; }


.not_to_sales { float:right; width:255px; height:55px; margin: 0 20px 0px 0; padding: 0; border: 1px solid;  display:block;  
			   background: #fffbcc ; padding-left:35px; border-color: #e6db55;
			   color: #666452; font-size: 13px; font-style:normal; padding: 10px ;  line-height: 1.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }


.clearfix-both { clear:both;}
.bestand-bubble { position: absolute;  right: -100px; top: -82px; background: url(/public/images/aktionspreis_button_klein.png) no-repeat; width:205px; height:180px; } 
.bestand-bubble .bestand {color: #FFFFFF; font-size: 35px; font-weight: bold; position: absolute; right: 68px; top: 74px;}
.bestand-bubble-ink { right:  0px; top: 10px;}
.bestand-bubble-music { right:  0px; top: 10px;}
.bestand-bubble-zubehoer { right:  0px; top: 10px;}
.bestand-bubble-games { right:  0px; top: 10px;}