ul.furtherList {font-weight: bold;clear: both;float:right;list-style: none;
    list-style-position: outside;margin:0;padding:0 5px 0px 0;}
ul.furtherList a {background: url(../images/list_arrow.gif) no-repeat 0 4px;
    padding:0 0 0 7px;color: #54544d;text-decoration: none;}
ul.furtherList a:hover {text-decoration: underline;}



#article {font-size:14px;line-height:18px; color:#3D3D3F;}

#article span.dachzeile {font-size:20px;line-height: 20px;padding: 0;}
#article h1 {font-size:27px;line-height:30px;}
#article h2, #article h5 {font-size:20px;line-height:20px;padding:5px 0 5px 0;}
#article h2 strong, #article h5 strong {font-weight: normal;}

#article.red h1, #article.red h2,#article.red h5, #article.red span.dachzeile {color:#BE0057;}
#article.green h1, #article.green h2,#article.green h5, #article.green span.dachzeile {color:#006A18;}
#article.blue h1, #article.blue h2,#article.blue h5, #article.blue span.dachzeile {color:#00C0D7;}
#article.yellow h1, #article.yellow h2,#article.yellow h5, #article.yellow span.dachzeile {color:#FE6F00;}




#article .intro, #article .articleIntro {font-weight:bold; padding:0;}
#article p {font-size:14px; line-height:18px; padding:0 0 10px 0;}
#article .articleContent ul {line-height: 18px; padding: 0 0 10px 15px;}
#article .articleContent ul li {list-style:disc outside;}
#article .articleContent ul li p {padding:0;}

#article .infobox {padding:10px;}
#article.red .infoBox, #article.red .infobox  {background-color:#FFCEC2;}
#article.green .infoBox, #article.green .infobox {background-color:#C7FAE0;}
#article.blue .infoBox, #article.blue .infobox {background-color:#CBF5F6;}
#article.yellow .infoBox, #article.yellow .infobox  {background-color:#FFE6B8;}






/* das wär besser wenns ganricht gerendert wird */
#article .articleContent .tag {display:none;}

#article .articleContent {padding:0 0 20px 0;}
#blog .meta,
#article .articleMeta {background-color:#e0dbd6;padding:3px 5px 3px 7px; font-size: 10px;}
#blog .meta,
#article .articleMeta span {font-weight:bold;}



/* * * * * * * * * * * * * */
/* MEDIA BOX */
/* * * * * ** * * * * * * */

#mediaBox {padding:10px; float:left;margin:10px 0 20px 0; position:relative; width:350px;}
.contentWide #mediaBox {width:550px;}
#mediaBox .viewBox {width:350px; overflow:hidden; position:relative; }
#mediaBox .viewBox .imageSlider {position: relative; left:0px; top:0px;  }
#mediaBox .viewBox .imageSlider .imageWrapper {float:left;width:350px; text-align: center;}
#mediaBox .viewBox .imageSlider .imageWrapper img {height:250px;}



#mediaBox .mediaNavi {width: 350px; text-align:center; float:left; padding:8px 0 10px 0;
    position: absolute; top:260px; z-index: 1;}
#mediaBox .mediaNavi a.back {float:left;background-image: url(../images/img-back-1.png);
      width:33px; height:27px; }
#mediaBox .mediaNavi a.back:hover {background-image: url(../images/img-back-2.png);}
#mediaBox .mediaNavi a.next {float:left;background-image: url(../images/img-next-1.png);
      width:33px; height:27px;float:right}
#mediaBox .mediaNavi a.next:hover {background-image: url(../images/img-next-2.png);}
#mediaBox .mediaNavi span.count {line-height:25px;}


#mediaBox .mediaBU {float: left; overflow: hidden; padding:30px 0 0 0;}
#mediaBox .mediaBU  p {font-size:10px; line-height: 14px;font-weight:bold;
           padding:10px 10px 0 0; width:340px; float:left;}
#mediaBox .mediaBU span.credits {font-size:10px; line-height: 14px;
         float:left; clear:left; font-weight: normal; padding: 20px 0 0 0;}


.red #mediaBox {background-color:#FFCEC2;}
.green #mediaBox {background-color:#C7FAE0;}
.blue #mediaBox {background-color:#CBF5F6;}
.yellow #mediaBox {background-color:#FFE6B8;}





/* * * * * * * * * * * * * */
/* COMMENTS */
/* * * * * ** * * * * * * */

/* alte comments für zb blog */
#comments {padding:10px 0 0 0;}
#comments ul li {padding: 10px 0 10px 0; float: left;}


#comments ul li form {margin-left:90px;}
#comments ul li form textarea{width:95%; margin-bottom: 10px; height:70px;}

#comments ul li img {float:left; width:80px; height:80px; background-color: #C5C6C8}
#comments ul li.uncommandable {background-color: #E4DCD6;padding: 3px; color:#FF0023; text-align: center;}
#comments ul li .text span.name {font-weight: bold; }
#comments ul li .text span.meta {padding:1px 0 2px 0;display: block;}
#comments ul li .text {margin-left:90px;}
#comments ul li .text p {padding:5px 0 10px 0;}

#comments a.delete {clear:left;}



/* jComments */

#jc {font-family:"Lucida Grande", "Lucida Sans", Tahoma, Helvetica, Arial, sans-serif !important;}

#jc .extra, #jc .smiles {display: none;}
#jc form#comments-form {padding:10px; background-color: #F8F4F3;}
#jc form#comments-form p  {padding:0; margin: 0;}
#jc form#comments-form button {}
#jc form#comments-form textarea {width:100%; margin-bottom: 10px; height: 90px;}
#jc form#comments-form .grippie {display: none;}
#jc #comments-footer {display: none;}
#jc a.refresh, #jc h4 a.refresh {display:none;}
#jc h4 {font-size: 16px; color: #3D3D3F; font-weight: normal; padding: 10px 0 20px 0;}
#jc #comments-list-footer {display: none;}

#jc #comments-list {margin:0; padding:0;}
#jc div.rbox_tr {display: none;}
#jc div.rbox_br {display:none;}

#jc .even, #jc .odd {padding: 0 0 20px 0 !important;}
#jc div.rbox_m {border:none; padding: 0; color: #3D3D3F !important; font-size: 12px;}
#jc a.comment-anchor {display:none;}
#jc img.user-img {width: 80px; height: 80px; background-color:#C5C6C8; float: left;}
#jc .comment-box {margin-left: 90px !important;}
#jc .comment-author {width:100%; display: block; padding: 0 0 5px 0; font-weight: bold;}
#jc .comment-date {display: block; padding: 0 !important;
              background-image:none !important; padding: 0 0 10px 0 !important;}
#jc .comment-body { line-height: 18px;}



/* * * * * * * * * * * * * */
/* SIDEBAR */
/* * * * * ** * * * * * * */

#leftSidebar {text-align: left;}

#leftSidebar .box {background-color:#F8F4F3;padding:10px;margin-bottom:10px;}
#leftSidebar h2 {font-size: 16px; font-weight: bold;line-height: 20px; padding-bottom: 10px;}

#leftSidebar .box.tags a {color:#3D3D3F; line-height: 18px;}
#leftSidebar .box.tags a:hover {color:black;}

#leftSidebar .box ul#documents {padding:10px 0 5px 0;}
#leftSidebar .box ul#documents li {padding:0 0 5px 0;}

#leftSidebar .box ul#documents a {}
#leftSidebar .box ul#documents a:hover {text-decoration:none; color:black;}
#leftSidebar .box a img {vertical-align:middle;}
#leftSidebar .box a span {vertical-align:middle;}




/* * * * * * * * * * * * * */
/* TEASER */
/* * * * * ** * * * * * * */


#teaser {float:left;}

#teaser span.dachzeile {font-size:16px;line-height: 20px;padding: 0;}
#teaser.red span.dachzeile {color:#BE0057;}
#teaser.green span.dachzeile {color:#006A18;}
#teaser.blue span.dachzeile {color:#00C0D7;}
#teaser.yellow span.dachzeile {color:#FE6F00;}

#teaser .imgBox {overflow:hidden;}
#teaser .txtBox {padding-top:10px;}

#teaser .txtBox.red {background-color:#FFCEC2; padding: 10px;}
#teaser .txtBox.green {background-color:#C7FAE0; padding: 10px;}
#teaser .txtBox.blue {background-color:#CBF5F6; padding: 10px;}
#teaser .txtBox.yellow {background-color:#FFE6B8; padding: 10px;}


#teaser ul.furtherList {padding-top:20px;}


#teaser h2, #teaser h2 a {font-size: 24px; line-height:27px;margin:0;padding:0 0 10px 0;}
#teaser.red h2, #teaser.red h2 a {color:#BE0057;}
#teaser.green h2, #teaser.green h2 a {color:#006A18;}
#teaser.blue h2, #teaser.blue h2 a {color:#00C0D7;}
#teaser.yellow h2, #teaser.yellow h2 a {color:#FE6F00;}


#teaser .imgBox {background-color: #F8F4F3;}
#teaser.level-1A {width:570px;}
#teaser.level-1A .imgBox{/*width: 570px;height:200px;*/overflow:hidden;}
#teaser.level-1A .imgBox img {width: 570px;}

#teaser.level-1C {width:570px;}
#teaser.level-1C .txtBox {padding:10px;}
#teaser.level-1C.red .txtBox {background-color: #FFCEC2;}
#teaser.level-1C.green .txtBox {background-color: #C7FAE0;}
#teaser.level-1C.blue .txtBox {background-color: #CBF5F6;}
#teaser.level-1C.yellow .txtBox {background-color: #FFE6B8;}
#teaser.level-1C .imgBox{width: 570px;height:200px;overflow:hidden;}
#teaser.level-1C .imgBox img {/*width: 570px;*/}

#teaser.level-1B {/*width:570px;*/}
#teaser.level-1B .imgBox{width:280px;height:210px;float:right; overflow:hidden; margin:0 0 0 10px;}
#teaser.level-1B .imgBox img {/*width: 280px;*/}
#teaser.level-1B .txtBox {width:280px;float:left;}
#teaser.level-1B .txtBox h2 {}


#teaser.level-2 {width:280px; float:left;}
#teaser.level-2 .imgBox{width:280px;height:130px; overflow:hidden;}
#teaser.level-2 img {width:280px;}
#teaser.level-2.left {padding-right: 10px;}
#teaser.level-2.right {}


ul.teaser.level-3 {}
ul.teaser.level-3 li {padding:5px 0 0 0; font-size: 10px;}
ul.teaser.level-3 li a {font-size: 12px;}
ul.teaser.level-3 li.red a {color:#BE0057;}
ul.teaser.level-3 li.green a {color:#006A18;}
ul.teaser.level-3 li.blue a {color:#00C0D7;}
ul.teaser.level-3 li.yellow a {color:#FE6F00;}


ul.teaser.level-3 li a {font-weight: bold;}


#teaser.portrait {width:570px;}
#teaser.portrait.red {background-image: url(../images/portBack_red.jpg);}
#teaser.portrait.green {background-image: url(../images/portBack_green.jpg);}
#teaser.portrait.blue {background-image: url(../images/portBack_blue.jpg);}
#teaser.portrait.yellow {background-image: url(../images/portBack_yellow.jpg);}


#teaser.portrait .imgBox {background: url(../images/polaroid.png) no-repeat 10px 10px;
    width:200px; height:210px; float: left; padding:23px 0 0 31px;}
#teaser.portrait .imgBox a {display:block; width: 160px; overflow:hidden;}
#teaser.portrait .imgBox img {}
#teaser.portrait .txtBox {width:320px; float:left;}
#teaser.portrait ul.furtherList {padding-bottom: 10px;}

#teaser.tipsFeed {}
#teaser.tipsFeed ul {float: left;}
#teaser.tipsFeed ul li {width:280px; padding:0 0 10px 0; float:left;}
#teaser.tipsFeed ul li h2 {padding: 0; line-height: 16px;}
#teaser.tipsFeed ul li h2 a {font-size: 12px; font-weight: bold; padding:0; line-height: 16px; }
#teaser.tipsFeed ul li .meta {clear:left; color:#C5C6C8;}
#teaser.tipsFeed ul li .meta span.date {font-weight: bold;}


/* * * * * * * * * * * * * */
/* RESULTS */
/* * * * * ** * * * * * * */

div.pagination-center {width:100%; text-align: center; float:left;}
ul.pagination {display:inline; }
ul.pagination li {display:inline; padding: 0 5px 0 0;}
ul.pagination li a {font-weight:normal;}

.results {}
.results ol {padding-top: 20px;}
.results ol li {padding:0 0 20px 0; line-height: 16px; float: left; width: 100%;}
.results ol li h4 {font-size:16px; font-weight:bold; padding-bottom: 3px; }
.results ol li span.result-type {font-size:10px; color:#C5C6C8; padding: 5px 0 0 5px;}

.results ol li p {padding-top:3px;}
.results ol li p.meta {font-size: 10px; font-weight: bold;}

.results ol li.red h4 a {color:#BE0057;}
.results ol li.green h4 a {color:#006A18;}
.results ol li.blue h4 a {color:#00C0D7;}
.results ol li.yellow h4 a {color:#FE6F00;}

.results ol li span.category {font-weight:bold;}
.results ol li p {clear:left;}

.results ol .furtherList li {padding: 0;}