/*****************************************************

					LFI StyleSheet

******************************************************/

* { margin: 0; padding: 0;}
img { border: none;}

html, body {
	background-color: #fff;
	text-align: center;
	color: #656565;
	font-family: Times, Times New Roman, serif;
	}

p {font-size: 13px; line-height: 140%; margin: 0; text-align: justify;}	
h1, h2, h3, h4 { text-transform: uppercase;}
td, th { font-size: 12px; }
td td, th th, li {font-family: Times, Times New Roman, serif; font-weight: normal; font-size: 13px;}
a, a:link, a:active, a:visited, a:focus { color: #000; text-decoration : none;}
a:hover { text-decoration: underline;}

/* VARIOUS CLASSES */
.px8 { font-size: 8px !important; line-height:8px !important; }
.px9 { font-size: 9px !important; line-height:9px !important; }
.px10 { font-size: 10px !important; line-height:10px !important; }
.px11 { font-size: 11px !important; line-height:11px !important; }
.px12 { font-size: 12px !important; line-height:12px !important; }
.px13 { font-size: 13px !important; line-height:13px !important; }
.px14 { font-size: 14px !important; line-height:14px !important; }
.px15 { font-size: 15px !important; line-height:15px !important; }

.red { color: red !important;}
.right { width: 100%; text-align: right !important;}
.center {text-align:center !important;}
.bold {font-weight: bold;}
.valign,
.valign * { vertical-align: middle;}
.noborder { border: none !important;}
.divider {width: 100%; height: 5px; margin: 10px 0 5px 0; border-bottom: 1px solid #999; }
.ppadding {padding: 0 0 10px 0;}
.topbottom { margin: 10px 0;}
.contentstart { margin: 10px 0 0 0;}
.hidden { display:none !important;}
.topmargin { margin: 10px 0 0 0 ;}
.auto { width: auto !important;}
.bottommargin { margin: 0 0 10px 0;}
.smallhead { font-size: 15px !important;}
.double-headline {display: block; margin: 5px 0 0 0;}
.horiz-divider { height: 1px; padding:0; margin: 0; width: 100%; border-bottom: 1px solid #000; }
.link { color: #000; text-decoration: underline; cursor: pointer; }

.showaddress { display: block; padding: 0 0 5px 0; border-bottom: 1px solid #8f8f8f;  }
.showaddress h2 {font-size: 1.0em; color: red; margin: 5px 0;  }

.issoldoutde {position: absolute; top: 1px; left: 1px; width: 694px; height: 225px; z-index: 1000; background: url(/img/ausverkauft.gif) no-repeat top left;}
.issoldoutde .footer input {visibility: hidden;}


.issoldouten {position: absolute; top: 1px; left: 1px; width: 694px; height: 225px; z-index: 1000; background: url(/img/soldout.gif) no-repeat top left;}
.issoldouten .footer input {visibility: hidden;}

.downloadcontents { float:left; font-size:12px; text-align:center !important; width:125px !important; margin: 0 15px 0 0; }
.downloadcontents a:link { text-decoration: underline;}

.errorcontainer { border: 1px solid red; margin: 5px; padding: 5px 0;}
.errorcontainer div {font-size: 12px; font-weight: bold; color: red; margin: 3px 0 3px 30px; text-indent: 15px; background: url(/ceemes/base.php?webfile/show/987) no-repeat left top; padding: 4px 0;}

.blockimg { display: block; margin: 10px 0 10px 0;}

/* CLEARING */
* html .cfix {height: 1%;}
.cfix {display: block; clear: both; visibility: hidden; border: none; margin: 0;}
.cleft {clear: left;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}

.floats-right { float: right; margin: 10px 0 10px 10px; }
.preishit { display: block; color: black;}

#wrapper { text-align: left; margin: 0 auto; width: 1003px; position: relative;}

#ads_delimiter {position: absolute; top: 220px;left: 745px; height: 550px; width: 1px; background: #000;}

* html #sidebar {margin: 0 55px 0 15px;}
* html #head_logo {margin: 40px 50px 0 15px}

#head { background: #DBDBDB; width: 100%; height: 196px; position: relative;}
#head_logo {float: left; width: 183px; margin: 40px 50px 0 32px}
#head_else {width: 706px; height: 127px; float: left; margin: 38px 0 0 0;}

#tooltip { position: absolute; background: #fff; border: 1px outset #666; padding: 5px 15px; font-size: 14px; color: #333;}

#sidebar { margin: 0 55px 10px 33px; width: 184px; float: left;}
#sidebar .sidebarHead { margin-top: 24px; position: relative; height: 34px; border-bottom: 1px solid #999999; }
#sidebar .sidebarHead .start { position: absolute; bottom: 7px; left: 0;}
#sidebar .sidebarHead .lang { position: absolute; bottom: 7px; left: 110px;}
#pager {display: none;}

li { list-style: none;}
li a img { display: block;}
ul li { border-bottom: 1px solid #ccc; margin: 0;}
ul ul li { border: none; margin: 5px 0;}
ul ul ul li { border: none; margin: 5px 0;}
ul ul  {margin: -5px 0 10px 0}
ul ul ul { margin: 0 0 10px 0;}

.basketnotes {margin: 0 60px 0 20px ; }
.basketnotes li { font-size: 14px; margin: 10px 0; border: none; list-style-type: circle !important ; }

li.magazin a { display: block;width: 184px; height: 120px;}
li.magazin a:link, 
li.magazin a:visited, 
li.magazin a:hover, 
li.magazin a:active { text-decoration : none;}

#contentarea { width: 695px; float: left;}
#contentarea h3 { margin: 10px 0; border-bottom: 1px solid black; padding: 0 0 5px 0;}
#contentarea h4 { margin: 10px 0 0 0;border: none; font-weight: normal; color : red;}

.contentHead { margin: 24px 0 0 0; position: relative; height: 34px;border-bottom: 1px solid #000; width: 695px;} 
.contentHead div { margin: 0; position: absolute; bottom: 7px; border: none; height: auto;}
.contentHead div.issueimg { position: absolute; bottom: 7px !important; right: 0 !important; }

#colL {float: left; width: 450px;}
#colL .colLHead { margin: 24px 0 0 0; position: relative; height: 34px;border-bottom: 1px solid #000; width: 450px;} 
#colL .colLHead div { margin: 0; position: absolute; bottom: 7px; left: 0; border: none; height: auto;}
#colR {float: left; width: 200px; margin: 0 0 0 45px;}
#colR .colRHead { margin: 24px 0 0 0; position: relative; height: 34px;border-bottom: 1px solid #000; width: 200px;} 
#colR .colRHead div { margin: 0; position: absolute; bottom: 7px; left: 0; border: none; height: auto;}

/* @ special issue photokina */
#colR .cover { float: left; width: 80px; margin: 10px 0 10px 0; }
#colR .order { float: left; width: 110px; font-size: 11px; margin: 18px 0 0 0;}
#colR .order p { font-size: 11px; text-align: left;}
#colR .order img { margin: 0 5px 0 0;}

/* @ adheader */
#colR .adheader {padding: 5px 0; margin: 20px 0 10px 0; border-top:1px solid #a2a2a2; border-bottom:1px solid #a2a2a2;}
#colR .adsbildtxt p {font-size: 11px; margin: 5px 0 0 0; text-align: left;}

#linesplit { float: left; width: 1px; height: 30px; background: #000;}

.contentleft {float: left; width: 350px; margin: 0 25px 0 0;}
.contentleft h4 {font-size: 15px;}
.contentleft h2 { margin: 10px 0 0 0;border: none; font-weight: normal; color : #333; font-size: 15px;}
.contentleft p { text-align: left;}
.contentright { float: left; width: 320px; text-align:top}

.item p img { float: right; margin: 3px 0 10px 10px;}
.item div {font-size: 13px; line-height: 140%; margin: 0; text-align: justify;}
.item div p { float: right; margin: 0 0 10px 10px; line-height: normal;}
.item div p span { font-size: 11px; padding: 0; text-align: left;}
.item div p img { float: none; margin: 0 0 5px 0;}
.item h1  { color: red; font-size: 24px; font-weight: normal; margin: 10px 0 6px 0;}
.item h2 { margin: 0;color: #333; border: none; margin: 0;}

.item .captionbottomright {}
.item .captionbottomright span img  { padding: 5px 0 0 0 ;}
.item .captionbottomright img { float: left;}
.item .captionbottomright p { float: left}

.qa { margin: 15px 0 10px 5px;}
.qa h1 {font-size: 13px; color: #000; text-transform: none;}
.qa p {background: #f5f5f5; padding: 10px; font-size: 13px;}
.qalink { color: #ff0000 !important; font-size: 13px; display: block; margin: 5px 0 10px 5px ; }
.qatopimg { margin: 5px 0 10px 0; float: none;}
.qaanswerimg { margin: 40px 0 10px 0; float: none;}

.portfolio div img { margin: 0 5px 0 0; border: 1px solid #ccc;}
.portfolio h1{ color: #333; font-size: 14px; font-weight: normal; margin: 10px 0 6px 0;}
.portfolio h2 { color: red; border: none; margin: 0 0 6px 0; }
.portfolio .left { float: left; width: 330px; margin-right: 15px;}
.portfolio .full { float: left; width: 700px; margin-right: 15px;}
.portfolio .full img { margin-left: 10px; }
.portfolio .right { float: left; width: 340px;}
.portfolio .right img {margin: 0 0 5px 0; border: 1px solid #ccc;}
.portfolio .left img {border: 1px solid #ccc;}
.portfolio .columned div { width: 340px; float: left; margin: 0 5px 0 0 ; font-size: 12px; }
.portfolio .columned div img { margin: 0 0 5px 0;}

.issueview { margin: 20px 0 0 5px;}
.issueview img { float: left; }
.issueview p { float: left;width: 500px; margin: 0 0 0 10px; line-height: normal;}
.issueview p.alignright { float: none; clear: both; text-align: right;width: 100%; margin: 5px 0 0 0; border-bottom: 1px solid #ccc;}
.issueview p.alignright a img { float: none; margin: 0 0 10px 0;}
	
.issueview p span.issuedate {color: #58607B; font-weight: bold;}
.issueview p span.fromthecontents {font-style: italic; font-weight: bold;}
.issueview p span.issuedownloads {}
.issueview p span.issueprice {font-weight: bold;}
.issueview p span a { color: red; }

.abo_start { border: 1px solid black; width: 99%;}
.abo_start div { width: 215px; margin: 5px 5px;float: left;}
.abo_start div.center { border-right: 1px solid black;border-left: 1px solid black;}
.abo_start div img { margin: 5px 5px 5px 0; }
.abo_start div p *, .abo_start div p {vertical-align: top; float: left;}
.abo_start div p.txt { line-height: normal; font-size: 11px; width: 115px; text-align: left;}

.abo_bestell p { margin: 10px 0 0 0; font-size: 14px !important; text-align: left;}
.abo_bestell p select { margin: 10px 0; width: 200px; font-size: 11px;}

.abo_list { border-bottom: 1px solid #000; margin: 10px 10px 10px 0; }
.abo_list img  { margin: 2px 0 7px 0; }
.abo_list p { margin: 0 0 0 2px; }
.abo_list p img { margin: 0;}
.abo_list p.arrownavi { margin: 5px 0 5px 0;}
.abo_plist {float: left: text-align: left;}

.abocontent {}
.abocontent .contentleft { width: 500px; margin: 0 10px 0 0; }
.abocontent .contentright { width: 140px; margin: 5px 0 0 0; padding: 0 0 0 10px ;  border-left: 1px solid #000;}
.abocontent .contentright div.abo_plist { font-size: 9px; margin: 10px 0;}

.praemienselect { width: 250px !important; }

.abo_bonusselect {margin: 10px 10px 10px 0; }
.abo_bonusselect select { float: left; }
.abo_bonusselect input { float: right; margin: 10px 20px 0 0; }

.abo_heftselect select { display: block ; width: 200px;  padding: 1px; margin: 1px 0;  } 

.subscribe_international { clear: both; display: block; border: 1px solid red; margin: 20px 0;}
.subscribe_international p { color: #333;margin: 10px 60px; font-size: 14px;}
.subscribe_international a { color: red;font-weight: bold;}
.subscribe_international p.teaser { width: 200px; float: left; margin: 10px ; }
.subscribe_international p.teaser img { margin: 0 0 15px 0;}
.subscribe_international p.teaser span { display: block; color: #808080; font-size: 13px;}
.subscribe_international p.teaser select { width: 100px;}
.subscribe_international p.text { float: left ;width: 440px ;  margin: 10px 10px 20px 10px;}
.subscribe_international p.orderbutton { clear: left;  text-align: right; margin: 0 20px 0 10px;}

/* show customer selected autorenewal in bs row */
.autorenewal { display: block !important; font-weight: bold; }


/* GO BACK, READ ON (DE/EN) */
.arrownavi { margin: 0 0 20px 0;}
.arrownavi * { vertical-align: middle;}
.arrownavi a { font-size: 13px; font-style: italic;}
.arrownavi img { margin-right: 10px; }

.diashow { border: 1px solid #ccc; margin: 10px 0 0 0; }
.diashow img { margin: 2px; }
.diapfeile { margin: 10px 0 0 0;}

.special h1 { border-bottom: 1px solid #000;}
.special h1 img { padding: 0 0 5px 0;}

/* SHOP */

p.orderlinks * {vertical-align: middle;}
p.orderlinks a { color: black;}

.shop_start_3row { clear: both; margin: 10px 0 10px 0 !important; height: 196px;}
.shop_start_3row div {text-align: center;float: left; border: 1px solid #666666; width: 200px;}
.shop_start_3row div div {border: none; height: 150px; float: none;}
.shop_start_3row div img { margin: 10px 0 0 0;}
.shop_start_3row p { text-align: left; margin: 0 15px; color: red; font-weight: bold; font-size: 11px;}
.shop_start_3row p span {color: black; font-weight: normal;}
.shop_start_3row p a {display: block; float: right; margin: 0 0 10px 0;}
.shop_start_3row p a img {margin: 5px 0 0 0;}
.shop_start_3row div.center {margin: 0 40px;}

.archiv_3row div { width: 185px;text-align: center;float: left; border: 1px solid #999999;}
.archiv_3row div div {margin: 10px 0;border: none;}
.archiv_3row div p {float: left; text-align: left; margin: 1px 10px;}
.archiv_3row p.img {float: right; width: 10px; margin: 5px 10px 0 0;}
.archiv_3row div.center {margin: 0 50px;}

.thumb_row div { width: 33%; float: left; margin: 15px 0;}
.thumb_row div div { float: none; margin: 0; }
.thumb_row div p { margin: 5px 0 5px 0; text-align: left; font-weight: bold;}
.thumb_row div p.bottom { margin: 0;}
p.bottominfo { margin: 0 0 15px 0;}
.thumb_row div p a { color: #333;}
.thumb_row div.center {}

.basketview { position: absolute; top: 5px !important; left: 590px !important; text-align: right; width: 100px;}

table.basket { margin: 10px 0; border-collapse: collapse; width: 100%;}
table.basket tr td,
table.basket tr th {text-align: center; border: 1px solid #777777; padding: 1px  3px; color: #000;}
table.basket tr th { background: #cccccc; }
table.basket tr td { background: #fff; }
table.basket tr td.sum { padding: 0 10px 0 0; text-align: right;}
table.basket tr.kassesum td { border-top: 1px solid #000;}
table.basket tr.kassefinal td { background: #ccc;}
table.basket tr td img { margin: 2px 5px 0 0; }
.shopnav { width: 100%; text-align: right !important; margin: 30px 0 0 0;}

table.kunde { margin: 10px 0;}
table.kunde td.first {color: #656565; width: 135px;}
table.kunde td { font-size: 11px;color: #000;width: 135px; vertical-align: middle; padding: 2px 0;}
table.kunde td  img { padding: 2px 0 0 0; }
table.kunde td a { font-size: 11px;color: red; font-weight: bold; text-transform: uppercase;}
table.kunde td input,
table.kunde td select { padding: 2px 0; width: 150px; border: 1px solid #9c9c9c; }
table.kunde textarea { border: 1px solid #9c9c9c; font: 11px;}

.default_list { padding: 10px 0; border-bottom: 1px solid #ccc; width: 695px; position: relative;}
.default_list .img { float: left; text-align: right; margin: 0 15px 0 0; width: 120px;}
.default_list .contents { float: left; width: 550px;}
.default_list .contents p { margin: 0; }
.default_list .footer { clear: left; vertical-align: middle; text-align: right; margin-left: 135px;}
.default_list .footer p { float: left; width: 200px; margin: 10px 0 0 0 ; text-align: left; }
.default_list .footer p.right { text-align: right; float: right; width: 260px;}
.default_list .autor, .issue_list .autor { font-weight: bold; font-size: 14px;} 
 
.issue_list { padding: 10px 0; border-bottom: 1px solid #ccc; width: 695px; position: relative;}
.issue_list .img { float: left; text-align: right; margin: 0 15px 0 0; width: 125px;}
.issue_list .contents { float: left; width: 550px;}
.issue_list .contentsheight { height: 140px;}
.issue_list .contents p, .issue_list .arrownavi { margin: 0; }
.issue_list .footer { vertical-align: middle; text-align: right; height: 25px; clear:left;}
.issue_list .footer p { float: left; width: 200px; text-align: left; }
.issue_list .footer p.right { text-align: right; float: right; width: 260px;}

.default_view { padding: 10px 0; width: 695px; position: relative;}
.default_view .img { float: left; width: 170px; text-align: right; margin: 0 15px 0 0;}
.default_view .contents { float: left; width: 500px; }
.default_view .contents p { margin: 0; }
.default_view .contents .arrownavi { margin-top: 15px;}
.default_view .footer { clear: left; vertical-align: middle; text-align: right; margin-left: 185px;}
.default_view .footer p { float: left; width: 200px; margin: 10px 0 0 0 ;text-align: left;  }
.default_view .footer p.right { text-align: right; float: right; width: 150px;}
.default_view table tr td table tr td { font-size: 13px;}

.labelform { position: relative; }
.labelform br {clear: left;}
.labelform input, .labelform textarea, .labelform select {width: 200px ;padding: 2px;margin: 3px 0; border: 1px solid #999999;}
.labelform select {width: 206px;}
.labelform textarea { width: 400px; height: 200px;}
.labelform label {font-size: 13px;width: 150px; display: block;float: left;  margin: 3px 0 4px 0;}	
.labelform .auto {width: auto;}
.labelform ul li {border: none; display: block;  }
.labelform ul li * { vertical-align: middle; }
.labelform ul { float: left; }


#renewal-form { width: 200px; position: absolute; top: 0; right: 30px; border: 1px solid red; padding: 20px; font-size: 13px; }
#renewal-form div { width: 200px; } 
#renewal-form input {border: none; padding:0;}


.labelform #creditcard { border-top: 1px solid #8f8f8f; padding: 10px 0; margin: 10px 0; border-bottom: 1px solid #8f8f8f; width:  23em; }
.labelform #bankaccount { padding: 0 0 10px 0; margin: 10px 0; border-bottom: 1px solid #8f8f8f; width:  23em;  }

.webform fieldset { border: 1px dotted #ccc; margin: 1em 0; padding: .5em 0; }
.webform legend { font-size: 13px; text-transform: uppercase; color: red; }
.webform label, .webform h4 { display: block; clear: left; font-size:  0.8em;	margin: 1em; }
.webform label * { vertical-align: middle; }
.webform label span {display: block; float: left; width: 15em; line-height: 1.4em; margin-bottom: .5em; color: black; }
.webform em {text-indent: -9999em; display: block; float: left;	 width: .5em; margin-left: -.5em; background: transparent url("required.png") 0 .2em no-repeat; } 
.webform p em { margin: 0 1em; }
.webform p { margin: 2px 0;}
.webform select { width: 18.2em; border: 1px solid #999; font-size: 1em;}
.webform textarea { width: 40em; height: 20em; border: 1px solid #999;font-size: 1em; }
.webform input { width: 18em; border: 1px solid #999; font-size: 1em; font-family: Times, Times New Roman, serif;}
.webform .submit {width: auto; clear: left; font-size: 12px; margin: 0 5px 0 0; padding: 2px; background: red; border: 1px solid #fff; color: white; font-weight: bold; cursor: pointer;}

#footer { width: 100%; background: #DBDBDB; margin: 20px 0; text-align: right;}
#footer ul { margin: 0 32px 0 0;}
#footer li { list-style-type: none; display: inline;  border: none;}
#footer li img { display: inline;}

ul#admarketnav { white-space: nowrap; margin: 5px 0; }
#admarketnav li { display: inline; list-style-type: none; }
#admarketnav a { padding: 1px 5px;}
#admarketnav a:link, #admarketnav a:visited {font-size: 12px; font-weight: bold; color: #fff; background-color: #ff0000;; text-decoration: none; border: 1px solid #fff;}
#admarketnav a:hover { color: #ff0000; background-color: #fff;text-decoration: none; border: 1px solid #ff0000; }
#admarketnav li.active a { color: #ff0000; background-color: #fff;text-decoration: none; border: 1px solid #ff0000; }

.niceButton { width: auto; background: #ff0000; border: 1px solid #fff; cursor: pointer; color: white!important; font-weight: bold; font-size: 12px; padding: 2px !important;}

div#hold { position:relative; overflow:hidden; width:700px; height:125px; z-index:100 }
div#wn	{ position:absolute; left:0px; top:0px;  width:700px; height:125px;  clip:rect(0px, 700px, 125px, 0px); overflow:hidden; z-index:1; }
div#lyr1 { position:absolute; visibility:hidden; left:0px; top:0px; z-index:1; }
#t1 td img { margin: 0 5px 0 0 ;}
#scrollArrow { margin: 5px 0 0 0 ; text-align: center; }
#scrollArrow img {margin: 0 10px 0 0 ;}

li.neu {position:relative;}
li.neu span { position: absolute; display: block; top: 4px; right: 0; height: 20px; width: 75px; background: url(/img/neu.gif) no-repeat top left; z-index: 37857;}

li.new {position:relative;}
li.new span { position: absolute; display: block; top: 4px; right: 0; height: 20px; width: 75px; background: url(/img/new.gif) no-repeat top left; z-index: 37857;}

.feedbacklist { width: 500px; }
.feedbacklist li { padding: 5px; margin: 2px 0; border-bottom:1px solid #ccc !important; }



.cboth { clear:both; }

.item div.m82_serialnumbercheck {margin:5px 5px 0 5px;}
.item div.m82_newsubscriber {margin:5px 5px 0 5px;}
.item div.m82_sd_order {margin:5px 5px 0 5px;}
.item div.m82_succeed {margin:5px 5px 0 5px;}

.subscriptionLFIMagsImg {}

.subscriptionPrompErrorWrapper {  height:140px !important;}
.subscriptionPrompt { display:none; position:absolute; float:left; height:110px; width:200px;}
.subscriptionPromptContinue { display: none; }
.subscriptionSerialErrorMessage { float:left; display:none; position:absolute; z-index:2; height:50px; width:200px;}
.subscriptionSerialErrorMessageSpan { }

.subscriptionStep {margin:5px 0 0 20px !important;}
.subscriptionStepCenterWrap{width:550px; text-align:center !important; margin:0 auto !important; border: 1px lightgray solid; padding:4px;}
.subscriptionAddressLabel { float:left; width:180px;}
.subscriptionAddressWrapper {padding: 1px 0;}
.subscriptionHidden { display:none !important; }
.subscriptionFieldMissingError { display:none !important; }


.subscriptionValidateButton {margin:4px 3px 0px; float:left;}
.subscriptionSerialCorrect {float:left; display:none; z-index:2; position:absolute;}
.subscriptionSerialWrong {float:left; display:none; position:absolute;}
.subscriptionSerialCheckWrapper { margin:0 !important;}
.subscriptionSerialCheckIconWrapper {float:left; margin: 0 0 0 10px;}
.subscriptionNoReturn {float:left; margin:6px 0 0 0;}
.subscriptionSerialNotEntered {float:left; display:none; position:absolute; z-index:3;}

.subscriptionRadioText {margin:3px 2px 0px 0px;}

.onehundredpercentwidth {width:100% !important;}
.marginleft10 {margin-left:10px !important;}
.marginright10 {margin-right:10px !important;}