/* welcome to the stylish stylefile stylesheet
 * 
*/

/* basis layout & styles */

body {background:#1e1e1e url("../img/hgr_backdrop.jpg") 5% -80px no-repeat;color:#333;} 

#sf-center {margin:0 auto; width:960px;}
.sf-on-dark {padding:0; color:#eee;width:960px;}
#sf-center div.sf-on-dark {width:960px;}
.sf-off-dark > div {margin-right:10px;}
.sf-on-hell {margin-top:10px !important; padding:10px 5px; background-position:5px;background:#fff;}
h1,h2,h3,h4,h5,h6 {color:grey;text-transform:uppercase;letter-spacing:0px;word-spacing:0.2em; }
a {text-decoration:none;}
a:hover {text-decoration:underline overline;}

.xxl {font-size:3em;line-height:1;margin-bottom:0.5em;}
h1 {font-size:2em;line-height:1.5;margin-bottom:0.75em;}
h2 {font-size:1.5em;line-height:1.5;margin-bottom:0.25em;}
h3 {font-size:1.2em;line-height:1.25;margin-bottom:0.25em;}
.sf-on-hell h1, .sf-on-hell h2, .sf-on-hell h3, .sf-on-dark h1, .sf-on-dark h2, .sf-on-dark h3 {font-weight: 800;}

p+p {text-indent:0; margin-bottom:2em;}
.unsichtbar {display:none;}
.active {}
.rechts {float:right;}
.center {text-align:center;}
.box-colored {padding:5px;}

.caps {font-size:inherit;font-variant:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding:inherit;text-transform:inherit;}
.sectionheading {display:block;padding:3px;font-weight:bold;text-transform:uppercase;font-size:1.2em;letter-spacing:-1px;word-spacing:0.2em; }
.morelink {float:right;position: absolute;bottom:0;right:0;z-index:10;}
.morelink a {padding:5px;width:30px;height:30px;}
.border-bottom {border-bottom:1px solid #555;margin-bottom:0.25em;padding-bottom:0.25em;}
.border-top {border-top:1px solid #555;margin-top:1em;padding-top:1em;margin-bottom:0;}

.small {margin-bottom:0;}
.mini-indent-form {padding-left:25px;}
span {display:inline-block;}

.error {}
.error, .success {float:left;padding:0;width:956px;}
.sf-on-hell .error, .sf-on-hell .success {width:946px;}
.jqmOverlay { background-color: #000; }
.jqmClose {position:absolute;top:0;right:0;}
.modalbox { text-align:center; position: fixed; top: 17%; left: 50%;  margin-left: -300px; width: 600px !important; padding:60px; display: block;}

/* farbrotation basis
 */
.topbox {color:#029C9C;}
.morelink a {background:#89CDD0;color:#029C9C;}
.sf-on-dark form {background:#89CDD0;color:#029C9C; padding:5px;}

.sf-on-dark a, .sf-breadcrumb a {color:#029C9C;}
.sf-on-hell a {color:#029C9C;}

.sf-on-dark a:hover, .sf-menu a:hover, a.aktuell {color:#89CDD0;}
.sf-on-hell a:hover {color:#89CDD0;}
.sf-menu a:hover {background:url(../img/hgr_backdrop.jpg) 60% 60%;}

.sf-breadcrumb {border-color:#89CDD0;}

.sf-on-dark h1, .sf-on-dark h2, .sf-on-dark h3, .sf-on-dark h4, .sf-on-dark h5, .sf-on-dark h6 {color:#89CDD0;}
.sf-on-dark .box-colored, .box, .int-issuebox {background:#89CDD0;}
.sf-on-dark .box-colored, .box, .int-issuebox, .mag-detail-vorschaubox, .sf-on-dark .box-colored h1, .sf-on-dark .box-colored h2, .sf-on-dark .box-colored h3, .sf-on-dark .box-colored h4 {color: #029C9C;}  

.mag-detail-infobox {}

.sf-on-hell h1, .sf-on-hell h2, .sf-on-hell h3, .sf-on-hell h4, .sf-on-hell h5, .sf-on-hell h6 {color:#89CDD0;}

.sf-footer {background: #89CDD0; color:#029C9C;}

/* header 
 */

.sf-header {width:960px !important; position:relative;}
.sf-header .hauptlogo a {background: url(../img/logo_png.png) no-repeat; width:226px;height:63px; display:block; text-indent:-9999px;}
.topbox {float:right; display:block; position:absolute; top:0; right:0;}
#topboxsearch input {background:#888;}
#topboxsearch button {border: 1px solid #000; display: inline-block; font-family: inherit; font-weight: 400; padding: 1px 8px; text-align: center; text-indent: 0px; white-space: nowrap;}
#topboxsearch button, #topboxsearch input {padding:1px;border:1px solid #888; }
#sfsearch {width:149px;}

/* navi 
 */
.sf-menu-container {padding-top:30px;height:45px;}
.sf-menu {margin-left:135px;width:720px;font-size:0.95em;float:left;border-top:2px solid #eee; text-transform: uppercase ; letter-spacing:0px; font-weight:400;}
.sf-menu, .sf-menu * {list-style:none outside none;margin:0;padding:0;}
.sf-menu li {float:left;position:relative;}
.sf-menu a {font-weight: 800;color:#fefefe; padding:0.5em 1px;text-decoration:none; text-shadow: 2px 2px 5px #333; }
.sf-menu a {display:block;position:relative; width:auto; text-align:center;}

/* breadcrumb 
 */
.sf-breadcrumb {border-top:1px solid;border-bottom:1px solid; margin-top:10px !important; text-transform: lowercase ;display:block;padding:5px;}

/* home 
 */
.home-hell {margin:5px; padding:5px;}
.home-mag-cur-rotate {margin:10px 0;height:53px;}
.home-mag-cur-rotate ul {list-style-type:none;margin:0;padding:0;}
.home-mag-cur-rotate ul li {float:left;}
.home-infobox {margin:20px 0;padding:10px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;float:left;width:400px;}
.home-infobox-heading {margin-bottom:0.25em;}
.home-int-liste-item-titel {margin-bottom:0.25em;text-transform:uppercase;font-size:1.25em;}
.home-blog-titel {font-size:1.25em;}
.home-blog-item {color:#333;}
.home-blog-text {margin-top:1em;}
.home-title {margin:0.25em 0;}
.home-upcoming p+p {margin-bottom:0;}
.home-upcoming .sectionheading {margin-bottom:0.25em;margin-left:-2px;}
.home-infobox-heading {padding:0;}
.home-linx-pre-box ul {padding:0; margin:0;}
.home-linx-pre-box ul li {padding-left:20px;margin-right:10px; background-repeat:no-repeat;background-position-y: 2px;}
.home-linx-pre-box ul li a {}
.home-linx-pre-box ul .linx-kat-list-item {float:left;}
.home-linx-link {background:#fff;text-transform:uppercase;}
.home-linx-link a {padding:5px;height:30px;font-weight:bold;display:inline-block;font-size:10px;line-height:12px;}
.home-flix-pre-box {width:400px;}
.home-flix-pre-box .flix-prev-container {height:40px;}
.home-flix-uploader {height:30px;line-height:1em;}
.jcarousel-container {}
.jcarousel-list {width:550px;}
.jcarousel-clip {height:53px;width:550px;}
.jcarousel-next, .jcarousel-prev {text-decoration:none;height:23px;font-size: 26px; line-height: 0.75em;font-weight:bold;position:absolute;padding:5px;cursor:pointer;z-index:10;background:#ffffff;color:#000;overflow:hidden; }
.jcarousel-next {float:right; right:0; top:10px;}
.jcarousel-prev {float:left; top:10px;left:0;}
.jcarousel-item {margin:0 5px 0 10px;}
.jcarousel-next-disabled,.jcarousel-prev-disabled {color:inherit;text-shadow:none;}

/* interviews 
 */
.int-header {border-bottom:1px solid #ccc; margin-bottom:2em;}
.int-detail-contentbox {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom: 20px;float:left;}
.int-detail-contentbox hr {display:none;}
.int-titel {margin-bottom:0.25em;float:left;}
.int-subheader {bottom:0;margin-bottom:0.25em;color:#aaa;font-weight:normal; text-align:right; text-transform:uppercase;}
.int-einleitung {margin-bottom:2em;padding-bottom:1em;border-bottom: 1px solid #ccc;}
.int-fliesstext {text-indent:0;}
.int-issuebox {margin:42px 0 5px 0;padding:5px;width:300px;}
.int-issuebox strong {text-transform:uppercase;font-size:1.25em;}
.int-issuebox img {float:right;}
.int-issuebox-container {}
.int-resourcebox {margin-top:0px;}
.int-liste-item {margin-bottom:1.5em !important;color:#333;position:relative;}
.int-liste-header {text-transform:uppercase; font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em; display:block;}
.int-liste-teaser {height:4.5em;display:block;line-height:1.5;color:#eee;}
.int-liste-extrabilder a {margin-right:5px;}
.int-morelink {float:right;}

/* magazine issues 
 */
.mag-detail-container {border-bottom:1px solid #ccc;margin-bottom:0.5em;}
.mag-ueberblick {color:#89CDD0;}
.mag-header {margin-top:0 !important;}
.mag-detail-vorschaubox {border-top:1px none #333;/* temp bis comments */margin-top:0.5em;padding-top:1em;}
.mag-detail-vorschauitem {margin-bottom:10px;}
.mag-detail-infobox {padding:5px;width:140px;}
.mag-detail-social {background-color:#eee;}
.mag-detail-fbbox {margin:5px;}
.mag-detail-socialbox {margin:5px;}
.mag-detail-flipbook {padding:0.5em 0;border-bottom:1px solid #ccc;}
.mag-list-overlay {display:inline-block;color:white;background-color:#333;-moz-opacity:0.6;opacity:0.6;width:100%;bottom:0; }
.mag-list-item {margin-bottom:10px;}
.mag-list-item a, .mag-list-item a:hover {text-decoration:none; }
.mag-list-item a img {width:150px; height:106px ;}
a.fb_share_button:link, a.fb_share_button:active {background:url("http://publikat.de/files/icon_facebook_name_54.gif") no-repeat scroll left bottom transparent;color:#859BA6;display:inline-block;height:15px;margin-bottom:1em;padding:1px 5px 0 65px;}

/* comments 
 */
ul.comments-list {margin:0;}
.comments-list {text-transform:lowercase;}
.comments-list-item {position:relative; margin:0;padding-left:40px;list-style-type:none;border-bottom:1px solid #ddd;background:no-repeat top left;}
.commentbox {text-transform:lowercase;width:460px;}
.mag-detail-commentbox {}
.mag-detail-comments {margin-top:0.5em;}
.int-detail-comments {margin-top:1em;}
.comments-list ul li {}
.comments-list ol {margin:0 0 0.75em 0;padding-left:25px;}
.comments-list ol * {font-weight:normal;}
.comments-list ol li {color:#029C9C; font-weight: bold; padding:0 25px; margin:0; list-style-type: decimal-leading-zero; }
.comments-list-date {right:0; position:absolute; display:inline;}

/* linkbase 
 */
.linx-container {margin-bottom:10px !important;}
.linx-kat-box li {list-style-type:none;padding:0 0 0 20px;margin:0;background:no-repeat 0px 2px;}
.linx-kat-box-tops {overflow-y:hidden; display:block; margin-bottom:0.75em;}
.linx-kat-box ul {margin:0;}
.linx-kat-box-tops ul {margin:0;height:8em;}
.linx-kat-header {background:#89CDD0;color:#fff;padding:3px;}
h3.linx-kat-detail-header {float:left;}
.linx-kat-header a {color:inherit;}
.linx-kat-box span {display:inline-block;}
.linx-kat-list-item {overflow:hidden;white-space:nowrap;list-style-type:none;padding:0 0 0 20px;margin:0;background:no-repeat 0px 2px;}
.linx-kat-item {float:left;color:#222;}
.linx-kat-item span {height:1.5em;overflow:hidden;}
.linx-navi-back {position:relative;top:0;left:10px;}
.linx-disclaimer {background:#eee;padding:10px;} 
.linx-disclaimer p {}

/* flix 
 */
div.flix-submitbox {padding:5px 0 5px 5px;height:auto;margin-right:10px;width:465px;}
div.flix-helpbox {padding:5px;margin-top:0 !important;height:260px;color:#333;}
input#file1 {width:395px;}
.flix-freshestbox {margin-left:5px;}
.flix-prev-container {margin-bottom:10px;}
.flix-detailbox {width:300px;margin: 0 0 10px 0;}
.flix-headernavibox {height:50px;}
.flix-header h1 {margin-bottom:0;padding:0;white-space: nowrap;overflow-x:hidden;}
.flix-subheader {margin-bottom:0.25em; text-align:right; background:#eee; height:35px;}
.flix-subheader span {margin: 7px 10px auto auto; }
.flix-navi {position:relative; }
.flix-navi a {text-decoration:none;}
.flix-navi-prev, .flix-navi-next {top:0; height:25px;width:20px;}
a.flix-navi-goto-month {background:#eee;text-align:center;padding:10px 5px 5px;display:block;right:0;position:absolute;height:25px;}
a.flix-navi-goto-month:hover , .flix-detail-nav div a:hover {text-decoration:underline overline;}
.flix-detail-image-container {background:grey;text-align:center;}
.flix-detail-image-container a {display: block; float: left;}
.flix-detail-nav {padding:0;}
.flix-detail-nav a {padding:5px;display:block;position:relative;height:80px;}
.flix-detail-nav a.styled {color:#fff !important;text-shadow:1px 1px 2px #111;}
.flix-detail-nav a span {position:absolute;bottom:0;padding:5px;}
.flix-detail-nav-next a span {text-align:right;right:3px;}
.flix-detail-info {text-transform:uppercase;}
.flix-detail-ort {text-overflow:ellipsis;white-space:normal ; overflow-x: hidden;}

.flix-link-deactivated {text-decoration:none;background:#eee !important;color:#fff !important;text-shadow:-1px -1px 2px #ddd;cursor:default;}
#flixselectmonth, #flixselectyear {width:75px;margin-right:10px;}
#flixselectgo {width:40px;}
.flixselectdate {width:220px;height:25px;background:#eee;padding:5px;}
.flixselectdatecontainer .flix-navi-next, 
.flixselectdatecontainer .flix-navi-prev {position:relative;float:left;}
.flix-uploadbox {display:none;padding:20px;}
.flix-uploadbox .jqmClose {top:20px;right:20px;}
.flix-uploadbox.modalbox {border:1px solid #fff;}
.flix-uploadbox span.uploading {width:100%; height:20px; display: block; background:url("../img/sf_prefload_g_xl.gif") repeat scroll 0 0 transparent;}
.flix-upload-checkbox {margin:0 0 10px 0;}
.flix-upload-checkbox p {margin:10px 0;}

/* hijacker / external
 */
.hijack-box {}
.hijack-box div form div.span-18 {width:640px;}
a.fb_share_button:hover {color:#999;}

/* forms 
 */
input,button {border:1px solid #ccc;} 

.sf-form h2 {margin:0;}
form.sf-form fieldset {position:relative;}
form.sf-form fieldset input {}

fieldset {padding: 0;margin:0;border:none;}
fieldset.kontaktdaten label, fieldset.formbox label {float: left;font-weight:bold;vertical-align:middle;margin-top: 0.5em; padding: 2px 1em 2px 0;text-transform:uppercase;}
fieldset.kontaktdaten label {width:470px;}
.formtext {margin-bottom:0.5em;}
input.text, input.title, textarea, select {width:460px;margin:0;padding:3px;font-family: Helvetica, Arial, sans-serif; font-style:italic;color:#888;}
input.checkbox {float:left;clear:both;}
.formsubmit {float:right;}
input.submit {}
fieldset p+hr {margin-top:1.5em;}
input.form_warning {border-color:red;}
.formbox textarea {height:5em;}
fieldset.formbox label.checkbox {float:none;}

#submitbutton {margin-top:1.5em;}
.button:active, input[type="submit"]:active, input[type="reset"]:active, button:active, .button:focus, input[type="submit"]:focus, input[type="reset"]:focus, button:focus {
    background: url('../img/sf_prefload_g_xl.gif') ;
    color: #FFFFFF;
}


label.checkbox {font-weight:normal !important;text-transform:none !important;}
.required {margin:0;}

input.inputerror {border-color:red;background:#fbe3e4;color: red;}
label.inputerror{position: absolute;clear:both; top:0;left:0; background:red;text-transform:none;color:#fff;font-size:0.75em;}
label.inputvalid{display:none;}
div.errormessage{width:230px;background: transparent url(../img/msg_arrow.gif) no-repeat scroll left center;padding-left: 7px; border-color: #924949; color: #924949;}
div.inputerror{background-color:#F3E6E6;border-color: #924949;border-style: solid solid solid none;border-width: 2px;padding: 5px;}


div.jdpicker_w {float:left;}
div.jdpicker_w .date_clearer {display:none;}
div.jdpicker_w div.date_selector {position:absolute;}
div.datepick-popup {width:290px;background:#eee;border:2px solid #fff;}
.datepick {width:288px;}
select.datepick-month-year {width:135px;}
.datepick-month-header {padding:5px;}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {float: left;padding-left: 2%;}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {float: right;padding-right: 2%;text-align: right;}
.datepick-cmd {width: 30%;}
.datepick-cmd-current, .datepick-cmd-today {float: left;text-align: center;width: 35%;}

.linx-submitbox, .flixbox {position: relative;}
.linx-submitbox #submitbutton , .flixbox #submitbutton {margin-top:0em;}
.linx-submitbox-set-1 {float:left;}
.linx-submitbox-set-2 {float:right;}

.flixbox  {}
.recaptchabox {float:left;background:#fff;padding:10px;margin:0.5em 0;width: 420px;}

#ac_country {background: #fff 4px 4px no-repeat;padding-left:27px;width:363px; border:2px solid #ddd;}
#ac_country_hidden {visibility: hidden;height:0px;width:0px;}
.ac_results {background-color:#fff;}

/* fuuter 
 */
#sf-footer {width:950px !important;}
.sf-footer {margin-top:10px !important; padding:5px;}
.sf-footer-wrapper {background:url(../img/texture_graff_1.png) no-repeat top left;}
.sf-footer li.col  {float:left;}
.sf-footer ul {margin-left:0;}
.sf-footer li {list-style-type:none;text-transform:uppercase;font-weight:bold;}
.sf-footer li ul {border-top:1px solid #89CDD0;margin-right:5px;}
.sf-footer li ul li {text-transform:lowercase;font-weight:normal;}
.sf-footer .span-4 {width:150px;}
.sf-footer .span-4+.span-4 {width:155px;margin-left:5px;}

#orderform_reviewcopy h1 {display:none;}