/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*SVN Add-ins

$Rev:: 8             $: Revision of last commit
$Author:: jde        $: Author of last commit
$Date:: 2010-06-24 1#$: Date of last commit

Authors: JDE, SPI
Copyright (c) A&B FACE2NET GmbH
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    screen.css (Styleeinbindung fuer Screenlayout)
    fuer Bistum Bannerkampagne(BOS10002)
    24.06.2010 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + global basics + + + + + */
.out, .hint, .copy{ position: absolute; top: -25000px; left: -17000px; }
.none, hr.structure, .hide{ display: none; }
div.clearer{ clear: both; font-size: 1px; height: 1px; width: 100px; }


/* + + + + + + + + + + + + + + */
/* + +  Strukturlinien + + + + */

.inline{ display: inline; }
.block{ display: block; }
.noWrap{ white-space: nowrap; }


/* + + + + + + + + + + + + + + */
/* + +  clearing / floating+ + */
.floatLeft{ float: left; }
.floatRight{ float: right; }
.noFloat{ float: none; }
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.clearBoth{ clear: both; }
.clearBothDisplayNone{ clear: both; display: none; }

.half{ width: 50%; }

img{ display: block; font-size: .69em; }

a:link, a:visited{ font-weight: bold; text-decoration: none; }
a:hover, a:focus, a:active{ text-decoration: underline; }
p, h1, h2, h3, h4, h5, h6{ color: #444; }
acronym{ cursor: help; }

body{ background: #000000; width: 100%; height: 100%; }
body.pop{ background: #B6D8E2; }
.popwrapper{ background: #B6D8E2; position: absolute; width: 100%; height: 100%;  }
#flashactive, #player, .wrapper{ position: absolute; top: 0; left:0; overflow: hidden; width: 100%; min-width: 1000px; min-height: 500px; height: 100%; }

#flashcontent{ position: absolute; top: 0; right:0; overflow: hidden; width: 100%; height: 100%; text-align: right;}
#flashcontent img{ height: 100%; text-align: right; float: right;  }
#flashcontent .techint{ background: #D5CFC5; position: absolute; top: 0; left:0; width: 300px; padding: 10px; text-align: left; margin: 100px 0 0 0; border: 1px solid #615D54; border-left-width:0;}
#flashcontent .techint *{ }
#flashcontent .techint p{ padding: 8px 0; }

#logocontent{ position: absolute; top: 0; left:0; width: 215px; height: 57px; margin-top: 18px; }

#servicecontent{ position: absolute; top: 0; right:0; width: 205px; height: 100px;text-align: right; }
#servicecontent ul{ padding-top: 20px; text-align: right; }
#servicecontent ul li{ background: #B6D8E2; padding: 4px; margin: 4px 0; font-size: .93em; }
#servicecontent ul li.extern{ width: 125px; float: right;}
#servicecontent ul li img{ float: left; }

#servicecontent2{ position: absolute; bottom: 0; left:0; width: 430px; margin-bottom: 30px; }
#servicecontent2 ul{ padding: 12px 0 12px 10px; float: left; }
#servicecontent2 ul li{ float: left; padding-right: 10px; }
#servicecontent2 li a:link, #servicecontent2 li a:visited{ font-size: .75em; display: block; min-height: 20px; border: 1px solid #615D54;  }
#servicecontent2 li a:link img, #servicecontent2 li a:visited img{ padding: 1px; }
#servicecontent2 li.imprint a:link, #servicecontent2 li.imprint a:visited{ padding: 5px 4px 1px; background: #E8E4DF; font-weight: normal; }
#servicecontent2 div{ width: 120px; overflow: hidden; margin-top: 12px; background: #E8E4DF/* #D5CFC5 url('styleimages/bg_service.png') repeat 0 0 */; border: 1px solid #615D54; padding: 2px 0 0 2px; margin-left: 133px; }
#servicecontent2 div iframe{ border: 0 none; overflow:hidden; width: 120px; height: 20px; } 

#bannercontent{position: absolute; bottom: 32px; right: 0; width: 510px; height: 77px; }

#bannercontent span{ position: absolute; top:0; }
#bannercontent .fb_banner{ right: 340px }
#bannercontent .ebay_banner{ right: 170px;}
#bannercontent .twitter_banner{ right:0px; }
#bannercontent span img{ padding-right: 10px;  }

/* z-indices */
#flashcontent{ z-index: 10; }
#flashcontent .techint{ z-index: 14; }
#flashactive, object, embed{ z-index: 10; }
#flashcontent .techint p{ font-size: .75em; }
#logocontent, #servicecontent, #servicecontent2, #bannercontent{  z-index: 12; }

#winpop .closing{ width: 100%; height: 1.5em; background: #B6D8E2; position: fixed; top: 0; right: 0; padding: 5px; }
#winpop span.close a:link, #winpop span.close a:visited{ display: inline-block; background: #971053 url("styleimages/close.gif") no-repeat right center; color: #fff; font-size: .75em; padding: 2px 20px 2px 2px; border:1px solid #87120E; margin:0; text-decoration:none; }
#winpop span.close{background: #B6D8E2; padding: 1px; border:1px solid #87120E; float:right; }
#winpop{ padding: 5px; }
#winpop h1, #winpop p{ padding: 4px 20px 9px; }
#winpop h1{ font-size: 1.32em; padding-top: 26px; }
#winpop p a:link, #winpop p a:visited{ color: #971053; text-decoration: none; }
#winpop p a:hover, #winpop p a:focus, #winpop p a:active{ text-decoration: underline; }
#winpop p .important{ font-size: 110%; }