/*
 * @author: Oliver Lorenz
 * @since: 2010-04-13
 * @description: Beinhaltet alle Stukturellen Styleangaben für Screen-Medien
 */

/* Laden der Standard Module */

html { height: 100%; }
body.standardlayout{ }
/* Definiert das Gesamt-Größe der Seite */
body.optimized1024 div.main { width: 960px; }
body.middlelayout div.main { margin: 0 auto; left: 50%; }

/*prettyPhoto http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/*/
div.kanal8 .pp_top .pp_left { background: url(/Images/common/prettyPhoto/kanal8/sprite.png) -88px -53px no-repeat; }
div.kanal8 .pp_top .pp_middle { background: url(/Images/common/prettyPhoto/kanal8/contentPatternTop.png) top left repeat-x; }
div.kanal8 .pp_top .pp_right { background: url(/Images/common/prettyPhoto/kanal8/sprite.png) -110px -53px no-repeat; }
div.kanal8 .pp_content .ppt { color: #000; }
div.kanal8 .pp_content_container .pp_left { background: url(/Images/common/prettyPhoto/kanal8/contentPatternLeft.png) top left repeat-y; }
div.kanal8 .pp_content_container .pp_right { background: url(/Images/common/prettyPhoto/kanal8/contentPatternRight.png) top right repeat-y; }
div.kanal8 .pp_content { background: #fff; }
div.kanal8 .pp_expand { background: url(/Images/common/prettyPhoto/kanal8/sprite.png) -31px -26px no-repeat; cursor: pointer; }
div.kanal8 .pp_expand:hover { background: url(/Images/common/prettyPhoto/kanal8/sprite.png) -31px -47px no-repeat; cursor: pointer; }
div.kanal8 .pp_contract { background: url(/Images/common/prettyPhoto/kanal8/sprite.png) 0 -26px no-repeat; cursor: pointer; }
div.kanal8 .pp_contract:hover { background: url(/Images/common/prettyPhoto/kanal8/sprite.png) 0 -47px no-repeat; cursor: pointer; }
div.kanal8 .pp_close { width: 75px; height: 22px; background: url(/Images/common/prettyPhoto/kanal8/sprite.png) -1px -1px no-repeat; cursor: pointer; }
div.kanal8 #pp_full_res .pp_inline { color: #000; }
div.kanal8 .pp_loaderIcon { background: url(/Images/common/prettyPhoto/kanal8/loader.gif) center center no-repeat; }
div.kanal8 .pp_nav .pp_arrow_previous { background: url(/Images/common/prettyPhoto/kanal8/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.kanal8 .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.kanal8 .pp_nav .pp_arrow_next { background: url(/Images/common/prettyPhoto/kanal8/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.kanal8 .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.kanal8 .pp_nav { margin-top: 0; }
div.kanal8 .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.kanal8 .pp_next:hover { background: url(/Images/common/prettyPhoto/kanal8/btnNext.png) center right no-repeat; cursor: pointer; }
div.kanal8 .pp_previous:hover { background: url(/Images/common/prettyPhoto/kanal8/btnPrevious.png) center left no-repeat; cursor: pointer; }
div.kanal8 .pp_bottom .pp_left { background: url(/Images/common/prettyPhoto/kanal8/sprite.png) -88px -80px no-repeat; }
div.kanal8 .pp_bottom .pp_middle { background: url(/Images/common/prettyPhoto/kanal8/contentPatternBottom.png) top left repeat-x; }
div.kanal8 .pp_bottom .pp_right { background: url(/Images/common/prettyPhoto/kanal8/sprite.png) -110px -80px no-repeat; }
div.pp_pic_holder a:focus { outline: none; }
div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 10001; }
div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10002; }
.pp_top { height: 20px; position: relative; }
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
.pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
* html .pp_top .pp_middle { left: 0; position: static; }
.pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_content { height: 40px; }
.pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; }
.pp_fade { display: none; }
.pp_content_container { position: relative; text-align: left; width: 100%; }
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details { margin: 10px 0 2px 0; }
.pp_description { display: none; margin: 0 0 5px 0; }
.pp_nav { clear: left; float: left; margin: 3px 0 0 0; }
.pp_nav p { float: left; margin: 2px 4px; }
.pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; }
.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; }
a.pp_next { background: url(/Images/common/prettyPhoto/kanal8/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_previous { background: url(/Images/common/prettyPhoto/kanal8/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; }
a.pp_close { display: block; float: right; text-indent: -10000px; }
.pp_bottom { height: 20px; position: relative; }
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
.pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
* html .pp_bottom .pp_middle { left: 0; position: static; }
.pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; }
#pp_full_res { line-height: 1 !important; }
#pp_full_res .pp_inline { text-align: left; }
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 10000; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*END prettyPhoto*/

/*Jquery Pagination*/
.pagination { width: 100%; font-size: 1.0em; font-weight: bold; float: left; clear: both; margin: 10px 0 10px 3px; }
.pagination a { text-decoration: none; border: solid 1px #055F94; color: #055F94; }
.pagination a:hover { background-color: #D3D3D3; }
.pagination a, .pagination span { display: block; float: left; width: 2.0em; text-align: center; padding: 0.6em 0; margin-right: 5px; margin-bottom: 5px;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.pagination .prev, .pagination .next { color: #999; border-color: #055F94; background: #fff; }
.pagination .prev { background: transparent url(/Images/common/icons/16x16/iconPrev.png) no-repeat; background-position: center center; }
.pagination .next { background: transparent url(/Images/common/icons/16x16/iconNext.png) no-repeat; background-position: center center; }
.pagination .current { background: #6A99D1; color: #fff; border: solid 1px #055F94; }
.pagination .current.prev, .pagination .current.next { color: #D3D3D3; border-color: #D3D3D3; background: #fff; }
.pagination .current.prev { background: transparent url(/Images/common/icons/16x16/iconPrevInactive.png) no-repeat; background-position: center center; }
.pagination .current.next { background: transparent url(/Images/common/icons/16x16/iconNextInactive.png) no-repeat; background-position: center center; }

/*Paging Project8*/
.pager { margin: 5px 0; }
.pager, .pager a:link, .pager a:visited, .pager a:hover { color: #6F6F6F; font-weight: bold; text-decoration: none; }
.pager a:hover { color: blue; border-color: blue; }
.pager .pageItem { background-color: White; display: inline-block; border-width: 1px; border-style: solid; border-color: #6F6F6F; padding: 3px 5px; margin: 0 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.pager .pageSeperator { border: none; background-color: Transparent; }
.pager .pageEntry { }
.pager .pageNavItem { width: 10px; background-position: center 3px; background-repeat: no-repeat; }
.pager .pageNext { background-image: url(/Images/common/icons/16x16/iconNext.png); }
.pager .pagePrev { background-image: url(/Images/common/icons/16x16/iconPrev.png); }
.pager .pageActive { }
.pager .pagePrev.pageInActive { border: 1px solid #BFBFBF; background-image: url(/Images/common/icons/16x16/iconPrevInactive.png); }
.pager .pageNext.pageInActive { border: 1px solid #BFBFBF; background-image: url(/Images/common/icons/16x16/iconNextInactive.png); }
.pager a.pageSelected { background-image: url("/Images/standard/bgBlue.png"); background-repeat: repeat; color: white; border-color: blue; }

/*****************************************************************************
* Verification and Errors
*****************************************************************************/
.verification ul { margin: 0; }
.verification { width: 89%; min-height: 35px; background-repeat: no-repeat; background-position: 5px 5px; font-weight: bold; padding: 5px 2% 5px 8%; overflow: visible; margin: 5px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.verificationSuccess { background-image: url(/Images/common/icons/32x32/verificationSuccess.png); background-color: #E6FEEF; border: 2px solid #039338; color: #039338; }
.verificationError { background-image: url(/Images/common/icons/32x32/verificationError.png); background-color: #FFD6D6; border: 2px solid #A2131B; color: #A2131B; }
.verificationInfo { background-image: url(/Images/common/icons/32x32/verificationInfo.png); background-color: #DDF1FF; border: 2px solid #1D5F92; color: #1D5F92; }
.verificationWarning { background-image: url(/Images/common/icons/32x32/verificationWarning.png); background-color: #FFEDB5; border: 2px solid #F39501; color: #F39501; }
.verificationModal { position: absolute; top: 2%; left: 2%; z-index: 50000; width:86%; }

.debug {
    position: fixed;
    top:5px;
    right:5px;
    z-index:200000;
    border:1px solid #A2131B;
    background-color:#FFD6D6;
    width:280px;
}
.debug h2 { color: #FFD6D6; background-color: #A2131B; padding: 0 5px; cursor: move; }
.debug h5 { color: #000000; }
.debug .border { padding:10px; }

.link.archiveLink{font-weight:bold; margin:10px 0 0 0;}

 div.markAsAd {
    background-image: url(/Images/common/icons/iconAZE.gif);
    height: 5px;
    margin: 0px 10px 0px 0px;
    width: 35px;
}

.detailview div.markAsAd {
    margin: 5px 10px 0 0;
}