/**
 * CSS File for article like pages or some article modules of other pages
 */
 
/**
 * change the terminal and panorama
 */  
body.panorama #terminal-wrap {
	margin-top:0px;	
}

body.panorama #viewport-bg02 {background-image: inherit;}

#content-center { font-size: 12px; }

.inner-content {clear:both;}
#terminal, #terminal-main { /*background:transparent none; */ }
#terminal-head-02 {width:500px;float:left;}

.terminal-navigation-right {float:right;width:190px;height:60px;}
#terminal-wrap .searchForm {position:static;right:0px;height:0px;top:0px;}


*+html #terminal-subnavigation { position: relative; top: -8px; }


p.date { margin-bottom: 5px; position: relative; top: -16px; color: #AAA; font-style: italic;}

/**
 * Layout of the boxes on the left/right side
 * with breadcrum
 */
.content-bar-left div.box { color: #000; font-size:12px;}
.content-bar-left div.box.bright { background-color: #eeeeee; }
.content-bar-left div.box.border { border-bottom: 1px solid #333; }
.content-bar-left div.box a { color: #000; }
.content-bar-left div.more a { padding-left: 18px; background: url('../img/general/more-black.png') left 5px no-repeat; color: #000; }

div.content-bar div.breadcrum h3 { margin-bottom: 5px; font-size: 1em; font-weight: bold; }
div.content-bar div.breadcrum ul {  margin-left: 5px; list-style: none; }
div.content-bar div.breadcrum ul li { list-style: none; background-color: #666; }
div.content-bar div.breadcrum ul ul {  margin-left: 10px; padding-top:3px; }
div.content-bar div.breadcrum ul li a {padding-left:10px; background: url(../img/general/breadcrum_arrow.gif) no-repeat left 3px;font-weight: normal; color: #fff; }

div.content-bar div.greybox { padding: 8px 0px 0px 0px; position: relative; left: -4px; background: url('../img/general/box-title-box-top.png') top left no-repeat; color: #FFF; }
div.content-bar div.greybox p { padding-bottom: 7px; padding-right: 15px; background: url('../img/general/box-title-box-bottom.png') bottom left no-repeat; }
div.content-bar div.greybox * { padding-left: 15px; line-height: 1.3em; }
.content-bar .greybox ul.subnavigation {list-style: none; padding: 5px 0 5px 20px; }
.content-bar .greybox ul.subnavigation li {margin-bottom:5px;}
.content-bar .greybox ul.subnavigation a {padding-left: 18px; background: url('../img/general/more-black.png') left no-repeat;font-weight: normal;}

.content-bar div.box div.more {margin-top:0px;}
.content-bar div.box { padding: 10px; padding-right: 0px; font-size: 12px;margin-bottom: 1px;}
.content-bar-right div.box h2 { font-weight: 100; line-height: 22px; font-size: 18px; margin-bottom: 10px; }
.content-bar-right div.box div.more {border:0px;padding:0;}
.content-bar-right div.box div.more a { }
.content-bar-right div.box div.more li.download a { background-image: url(../img/general/more-black-down.png); }
.content-bar-right div.box ul { margin: 10px 0px 0px 0px; list-style: none;}
.content-bar-right div.box a {color:#000;font-weight: normal; display:block;}
.content-bar-right div.box p.lineHeight { line-height: 24px; margin-bottom: 0; }
.content-bar-right div.box ul.pagenavigation { margin-bottom: 10px; text-align:right}
.content-bar-right div.box ul.pagenavigation li {display:inline;padding-right:10px;}
.content-bar-right div.box ul.pagenavigation li a {display:inline;}
.content-bar-right div.box ul.pagenavigation li.current a { font-weight: 800; }


/**
 * Black preview text box, can fount on the galerie.html
 */
.article-preview-media-box {clear:both;padding-bottom:30px;border-bottom:1px dotted #000;overflow: hidden;}
.article-preview-text-box {clear:both;background: #212121 none;padding:20px 5px;color:#fff;margin-bottom:45px;}


/**
 * Arrcordion layout
 */ 
div.infobox { margin-bottom: 15px; width: 100%; color: #FFF; background: url(../img/article/infobox-bg-center.png) center repeat-y; }
div.infobox-wrap-1 { background: url(../img/article/infobox-bg-top.png) top no-repeat; }
div.infobox-wrap-2 { padding: 10px 10px 22px 10px; background: url(../img/article/infobox-bg-bottom.png) bottom no-repeat; }
#content-center div.infobox ul { list-style-type: none; padding:0px;}
#content-center div.infobox li { padding: 7px 0px 7px 0px; background: url('../img/article/infobox-spacer.png') top no-repeat; }
div.infobox li.first { background-image: none; }
div.infobox li.active { margin-bottom: -29px; }
div.infobox li.active h4 { background: url(../img/general/more_up_quadrat.png) left no-repeat;  }
div.infobox h4 { padding-left: 20px; position: relative;  left: 5px; z-index: 100; cursor: pointer; }
div.infobox p { margin-bottom: 5px; }
div.infobox div.infobox-more { position: relative; top: -22px; background: #000; overflow: hidden; }
div.infobox div.infobox-more-padding { padding: 25px 27px 5px 27px; }


/**
 * special layout for the article content
 */ 
.article-preview, .article-contact { padding: 0 0px; }
.article-preview p.right-field { text-align: right; margin-bottom: 10px; }
.article-preview p, .article-contact p { margin-bottom: 15px; }
.article-preview p.small { font-size: 12px; text-align:justify; }
.article-preview .article-preview-image { margin-bottom: 15px; }
.article-preview .article-preview-image img { margin-bottom: 8px; }
.article-preview .article-preview-image .desc { width: 288px; color: #646464; font-size: 11px; display: inline-block; float: left; }
.article-preview .article-preview-image a.article-preview-image-link { float: right; clear: right; }
#content-center div.content-frame .article-preview-image a.more { clear: right; }

/**
 * paging navigation
 */ 
.article-contact ul.pagenavigation, .article-gallery ul.pagenavigation { clear: both; overflow: hidden; list-style: none; text-align: right; }
.article-contact ul.pagenavigation li, .article-gallery ul.pagenavigation li { display: inline-block; margin-right: 5px; }
.article-contact ul.pagenavigation li a, .article-gallery ul.pagenavigation li a { color: #303030; font-size: 12px; }
.article-contact ul.pagenavigation li.current a, .article-gallery ul.pagenavigation li.current a { font-weight: 800; }
.article-contact ul.pagenavigation li.prev, .article-gallery ul.pagenavigation li.prev { margin-right: 20px; }
.article-contact ul.pagenavigation li.next, .article-gallery ul.pagenavigation li.next { margin-left: 15px; margin-right: 0; }
.article-contact ul.pagenavigation li.prev a, .article-contact ul.pagenavigation li.next a, .article-gallery ul.pagenavigation li.prev a, .article-gallery ul.pagenavigation li.next a { font-size: 11px; font-weight: 800; }

/**
 * article footer layout with 5 boxes and page navigation
 */ 
div.article-content-foot { clear: both; }
#content-center div.article-content-foot ul { list-style-type: none; line-height: 1.8em; padding:0px;}
#content-center div.article-content-foot ul li {padding:0px;}
div.article-content-foot a { color: #000; }
div.article-content-foot a:hover { color: #FFF; }
div.article-content-foot li a { display: block; }
div.article-content-foot a.like { padding-left: 23px; background: url('../img/article/icon-star.png') left no-repeat; }
div.article-content-foot address { font-style: normal; }
div.article-content-foot h3 { font-weight: normal; font-size: 1em; }
div.article-content-foot div.clear { height: 0px; }
div.article-content-foot div.article-content-foot-row { border-bottom: 1px solid #FFF; clear: left; }
div.article-content-foot div.article-content-foot-box { float: left; min-height: 80px;  border-right: 1px solid #FFF; }
div.article-content-foot div.article-content-foot-box.no-border { border-right: 0px; }
div.article-content-foot div.article-content-foot-box.cbcbcb { background: #cbcbcb; }
div.article-content-foot div.article-content-foot-box.d9d9d9 { background: #d9d9d9; }
div.article-content-foot div.article-content-foot-box.bebebe { background: #bebebe; }
div.article-content-foot div.article-content-foot-box.b1b1b1 { background: #b1b1b1; }
div.article-content-foot div.article-content-foot-box.e7e7e7 { background: #e7e7e7; }
div.article-content-foot div.article-content-foot-box div.padding { padding: 5px 8px 5px 8px; }
div.article-content-foot div.article-content-foot-box.no-border div.padding { border: 0px; }
div.article-content-foot div.article-content-foot-row.first-row { background-color: #e7e7e7; }
div.article-content-foot div.article-content-foot-row.first-row div.article-content-foot-box { width: 33.2%; height:73px;}
div.article-content-foot div.article-content-foot-row.second-row { background: #b1b1b1; }
div.article-content-foot div.article-content-foot-row.second-row div.article-content-foot-box { width: 49.9%; }
div.article-content-foot div.article-content-foot-row.third-row { background: #d9d9d9; }
div.article-content-foot div.article-content-foot-row.fourth-row { background: #b1b1b1; padding:20px; padding-bottom:0px;}

div.article-content-foot div.article-content-foot-row.fourth-row p {line-height:20px;}

#content-center .article-content-foot-row.third-row {padding:20px;}
#content-center .article-content-foot-row h5 {font-size:16px;font-weight: normal;padding:0px;padding-bottom:20px;border:0px;}
#content-center .article-content-foot-row .field {clear:both;overflow: hidden;margin-bottom:10px;}
#content-center .article-content-foot-row .field label {width:75px;display: inline-block;float:left;font-weight: bold;}
#content-center .article-content-foot-row .field input {width:235px;height:20px;line-height: 20px;float:left;background: transparent url(../img/general/input_field_long.png) left top no-repeat;border:0px;}
#content-center .article-content-foot-row .field textarea {margin-left:2px;width:391px;height:105px;float:left;background: #dddee0 url(../img/general/textarea_big.png) left top no-repeat;border:0px;}
#content-center .article-content-foot-row .field .button {border:0px; background: transparent url(../img/general/link_button_white_left.png) no-repeat left 1px;vertical-align: middle; text-align: center;overflow:visible;}
#content-center .article-content-foot-row .field .button span {display:block;background: transparent url(../img/general/link_button_white_right.png) no-repeat right top;padding-left:10px;height:21px;line-height:21px;padding-right:10px;}
#content-center .article-content-foot-row .fieldButton {margin-left:78px;}

#kontakt-autor-form {display:none;}

.content-bar-right div.box p.lineHeight a.more { background-position: left center;padding-left: 20px; }
.content-bar-right div.box p.lineHeight a.favorit { padding-left: 16px; background: url(../img/general/icon_start.png) left center no-repeat; }
.content-bar-right div.box p.lineHeight a.print { padding-left: 16px; background: url(../img/general/printer_black_small.png) left center no-repeat;}
a.favorit { padding-left: 16px; background: url(../img/general/icon_start.png) left center no-repeat; }

/**
 * comments layout section
 */
.comments {clear:both;margin: 25px 2px;color:#fff;}
.comments h2 {line-height:1.8em;}
#content-center .comments ul {background: #505050 none;padding:0px;}
#content-center .comments ul li {padding:0px;}
#content-center .comments ul.list li {border-bottom:1px solid #232424;padding:10px 15px;}
.comments .header, .comments .footer, .comments .comments-form-button { background: #303030; height: 33px; padding-left: 8px; padding-top: 12px; }
.comments .header { background-color: #303030; position: relative; }
.comments .header a.asbutton { position: absolute; right: 15px; top: 13px; }
#content-center .comments .footer ul {list-style: none;background: transparent none; text-align: right; clear: both; overflow: hidden;}
#content-center .comments .footer ul li {list-style: none;display:inline-block;margin-right:12px; width: auto;}
#content-center .comments .footer ul li a { display:inline-block;color: #fff;}
#content-center .comments .footer ul li a.link-twitter { background: url(../img/general/twitter.png) 0 100% no-repeat; }
.comments .open h2 {color:#2e2d2b;} 
#content-center .comments .list .comment-subnav {list-style: none;}
#content-center .comments .list .comment-subnav li {list-style: none;display:inline;padding:0px;border:0px;margin-right:5px;}
#content-center .comments .list .comment-subnav li a {display:inline;color: #fff; }
#content-center .comments .header h2,
#content-center .comments .footer h2 { margin: 0px; height: 26px; display: block; font-size: 18px; position: relative; top: -3px; line-height: 26px; }

.comments .comments-form { background-color: #717171;position:relative; display: none;min-height: 210px; }
.comments .comments-fields { padding: 10px; }
.comments .comments-fields .field { margin-bottom: 10px; }
.comments .comments-fields .field label { float: left; width: 73px; color: #000; }
.comments .comments-fields input.com-text { width:235px;height:20px;clear: right; background: transparent url(../img/general/input_field_long.png) left top no-repeat;border:0px; line-height: 20px; }
.comments .comments-fields textarea.com-area { width:391px;height:105px; clear: right; background: transparent url(../img/general/textarea_big.png) left top no-repeat;border:0px; }
.comments .comments-form-button button { background:url(../img/general/link_button_white_left.png) 0 1px no-repeat;display:inline-block;border: 0; list-style: none; font-family: Arial; font-size: 12px;color: #303030; cursor: pointer;overflow:visible;text-align:center;vertical-align:middle; }
.comments .comments-form-button button span { background:url(../img/general/link_button_white_right.png) 100% 0 no-repeat;color:#303030;display:inline-block;padding:0 6px 0 3px;height:21px;line-height:21px; }
.comments .comments-form-button { padding-left: 84px; padding-top: 10px; height: 35px; }

/**
 * small gallery section
 */
.article-gallery { width: 789px; float: right; font-size: 12px; }
.article-gallery .right a.mb8 { display: block; color: #303030; font-size: 13px; }
.article-gallery ul.pagenavigation { margin-bottom: 8px; }


.article-gallery-wrap { width: 600px; position: relative; }
.article-gallery-wrap div.article-gallery-img-wrap { position: relative; overflow: hidden; }
.article-gallery-wrap div.article-gallery-img { width: 20000px; position: relative; }
.article-gallery-wrap div.article-gallery-menu { width: 100%; position: absolute; top: 0px; left: 0px; }

.article-gallery-wrap div.article-gallery-desc { width: 480px; height: 70px; float: left; color: #FFF; background: url('../img/article/articlegallery-back-60.png'); }
.article-gallery-wrap div.article-gallery-text { padding: 7px 0px 0px 7px; float: left; position: relative; }

/**
 * small gallery section: preview pics
 */
.article-gallery-wrap div.article-gallery-preview-wrap { padding: 0px 26px 0px 26px; float: right; position: relative; top: 3px; right: 12px; }
#content-center .article-gallery-wrap div.article-gallery-preview-wrap ul { list-style-type: none; padding:0px;}
.article-gallery-wrap div.article-gallery-preview-spacer { width: 199px; position: relative; overflow: hidden; }
.article-gallery-wrap div.article-gallery-preview { width: 2000px; position: relative; }
#content-center .article-gallery-wrap div.article-gallery-preview li { padding: 1px; float: left; }
.article-gallery-wrap div.article-gallery-preview li.active { padding: 0px; }
.article-gallery-wrap div.article-gallery-preview img { margin-right: 3px; cursor: pointer; }
.article-gallery-wrap div.article-gallery-preview li.active img { border: 1px solid #FFF; }
.article-gallery-wrap div.article-gallery-preview-controls a { padding: 22px 0px 22px 0px; display: block; }
.article-gallery-wrap div.article-gallery-preview-controls li.previous { position: absolute; left: 0px; }
.article-gallery-wrap div.article-gallery-preview-controls li.previous { position: absolute; left: 0px; }
.article-gallery-wrap div.article-gallery-preview-controls li.next { position: absolute; right: 0px; }

.article-gallery-wrap div.article-gallery-data { display: none; }

.article-gallery-wrap div.article-gallery-info { width: 100%; height: 269px; color: #FFF; position: absolute; top: 71px; background: url('../img/article/articlegallery-back-60.png'); }
.article-gallery-wrap div.article-gallery-info p { padding: 30px 25px 0px 25px; }
.article-gallery-wrap div.article-gallery-info p.copyright { padding: 10px 0px 0px 10px; margin: 15px 25px 0px 25px; border-top: 1px solid #FFF; font-size: .9em; }

/**
 * small gallery section: download, share links and the controlls for preview pics
 */
.article-gallery-wrap div.article-gallery-functions { width: 119px; height: 70px; line-height: 20px; float: right; color: #FFF; background: url('../img/article/articlegallery-back-60.png'); }
#content-center .article-gallery-wrap div.article-gallery-functions ul { margin: 3px 0px 0px 10px; list-style-type: none; padding:0px;}
#content-center .article-gallery-wrap div.article-gallery-functions ul li { padding:0px;}
.article-gallery-wrap div.article-gallery-functions a { padding-left: 17px; margin-top: 2px; color: #FFF; display: block; }
.article-gallery-wrap div.article-gallery-functions a.gallery { background: url('../img/article/articlegallery-icon-galerie.png') left no-repeat; }
.article-gallery-wrap div.article-gallery-functions a.download { background: url('../img/article/articlegallery-icon-download.png') left no-repeat; line-height: 1.2em; }
.article-gallery-wrap div.article-gallery-functions a.download span.fileSize { }
.article-gallery-wrap div.article-gallery-functions a.share { margin-top: 4px; background: url('../img/article/articlegallery-icon-share.png') left no-repeat; }
.article-gallery-wrap.infos div.article-gallery-functions a.info-white { background: url('../img/icon-close-white.png') 0px 4px no-repeat; }

.article-gallery-wrap div.article-gallery-controls { color: #FFF; position: absolute; bottom: 30px; right: 0px; background: url('../img/article/articlegallery-slider.png') center no-repeat; }
#content-center .article-gallery-wrap div.article-gallery-controls ul { list-style-type: none; padding:0px;}
#content-center .article-gallery-wrap div.article-gallery-controls li { float: left; padding:0px;}
.article-gallery-wrap div.article-gallery-controls li.center { width: 43px; text-align: center; line-height: 45px; font-size: .9em; }
.article-gallery-wrap div.article-gallery-controls img { width: 45px; height: 45px; display: block; }
.article-gallery-wrap div.article-gallery-controls div.clear { height: 0px; }

/**
 * small gallery section: picture navigation on the big image
 */
.article-gallery-desc .gallery-navigation { position: absolute; right: 6px; bottom: 6px; }
.article-gallery-desc .gallery-navigation ul { height: auto; list-style: none; }
.article-gallery-desc .gallery-navigation ul li { float: left; }
.article-gallery-desc .gallery-navigation ul li a { display: inline-block; height: 20px; background: url(../img/general/icon_block_withborder.gif) 0 0 repeat-x; }
.article-gallery-desc .gallery-navigation ul li a.prev { width: 21px; background: url(../img/general/icon_black_prev.gif) 0 0 no-repeat; }
.article-gallery-desc .gallery-navigation ul li a.label { padding: 0 10px; height: 20px; line-height: 20px; color: #fff; }
.article-gallery-desc .gallery-navigation ul li a.next { width: 19px; background: url(../img/general/icon_black_next.gif) 0 0 no-repeat; }
.article-gallery-desc .gallery-desc { padding: 12px 6px 12px 28px; color: #fff; }
.article-gallery-desc .gallery-desc p { margin-bottom: 10px; }
.article-gallery-desc .gallery-desc ul { list-style: none; }
.article-gallery-desc .gallery-desc ul a { color: #fff; display: block; line-height: 24px; }