/* =========================================================
import_basicsPopup.css for popups in AOSurgery2008-P6

Version: 2008-09-15 (rbu*)
Update: 2012-11-08 msc
--

Resets all browser specific styles and sets basic instructions
========================================================= */



/* =========================================================
reset styles courtesy of Eric Meyer:
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
========================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
/* background: transparent; */ /* 28.08.2008: commented out because of legacy tables!!! */
}


body {
line-height: 1;
margin: 7px 20px 20px 20px;
font: normal normal 13px/160% Verdana,Arial,sans-serif;
text-align:left;
color:#000;
/*  removed due to a Chrome in iFrame bug (strange horizontal lines when scrolling iFrame Content)
background: #fff; */
}

ol, ul {
list-style: none;
}

ol.normal {   
  list-style-type: decimal;
  margin-left: 30px;
}

ul.normal {
  list-style-type: disc;
  margin-left: 30px;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}



/* =========================================================
Global basics
========================================================= */
/* Nececcary to get scrollbar space with FF */
html {
/*  overflow-y: scroll; */
/* min-height: 100.05%; */
}

/* Same reason - following workaround is possible for Opera stylesheet */
/* html {
height: 100%;
margin-bottom: 1px;
} */



img {
display: block;
border: 0;
}

strong {font-weight: bold;}

sup {
position: relative; top: -.5em; left: .1em;
font-size: .7em;
}

/* future music ... */
/* sup:before {
content: "[";
}

sup:after {
content: "]";
} */

.floatRight {float: right;}
.floatLeft {float: left;}
.clearBoth {clear: both;}
.displayBlock {display: block;}

br.clearBoth {
clear: both;
line-height: 1px;
}    

/* caf = clear all floats
+ + + + + + + + + + + + +  + + + + + + + + + + + + + + + */
.caf:after,
#header:after,
#header h1:after,
#header .buttonRow:after,
#headerLyteframe:after,
#headerLyteframe h1:after,
#headerLyteframe .buttonRow:after,
.contentUnit:after,
.contentUnitIndent:after,
.contentUnitIndentDouble:after,
#footer:after {
content: ".";
display: block;
height: 0;
clear: both; 
visibility: hidden;
}



table {border-collapse: collapse;}

caption,
th,
td {
text-align: left;
vertical-align: top;
}


/* all elements set to display:none
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
#backTo span,
#mainNav a span,
.displayNone,
.unsichtbar {display: none;}


/* use icon with text instead of text only for 'enlarge'-link */
#content .contentUnit .picEnlargeFloat a.enlargeButton {
display: block;
height: 20px;
width: 120px;
color: #868EB2;
background: #fff url(img09/sprite_enlarge.png) no-repeat 0 -20px;
font-size: 10px;
line-height: 16px;
font-weight: bold;
padding-left: 20px;
margin-top: 2px;
cursor: pointer;
z-index: 30;
text-decoration: none;
}
#content .contentUnit .picEnlargeFloat a.enlargeButton:focus,
#content .contentUnit .picEnlargeFloat a.enlargeButton:hover,
#content .contentUnit .picEnlargeFloat a.enlargeButton:active {
color: #CACEDE;
background-position: 0 0;
text-decoration: none;
}



/* Version Info Lightbox */
div.info-lightbox {
   background: #fff;
   margin: 0;
   padding:0;
}

div.info-lightbox h2 {
   color: #074377;
   border-bottom: 1px solid #074377;
   padding: 5px 0 10px 0;
   margin-bottom: 20px;
}

div.info-lightbox div.grid-2xN {
   border-top: 1px solid #074377;
   margin-top: 20px;
   padding-top: 20px;
   clear: both;
   background: #fff;
   min-height: 10px;
   zoom: 1;
}
div.info-lightbox div.grid-2xN a {
   display: block;
   float: left;
   margin: 0 0  20px 0;
   opacity: 0.8;
   border: 1px solid #fff;
}
div.info-lightbox div.grid-2xN a.even {
   float: right;
}
div.info-lightbox div.grid-2xN a:hover {
   opacity: 1;
   border: 1px solid #074377;
}


/* Button "close window"
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
div.info-lightbox  a.btnClose, 
div.info-lightbox  a.btnClose:link {
position: absolute; right: 10px; top: 10px;
display: block;
width: 20px;
height: 20px;
background: transparent url(icons/SRiconset.gif) right -1180px no-repeat;
text-indent: -9999px;
overflow: hidden;
}

div.info-lightbox  a.btnClose:hover,
div.info-lightbox  a.btnClose:focus,
div.info-lightbox  a.btnClose:active {
background: transparent url(icons/SRiconset.gif) right -1200px no-repeat;
}

/* directly embedded in page */
#videoContainer {
   margin: 0 20px 8px 0;
   width: 218px;
   float: left;
}
#video {
   width: 100%;
   display: inline-block;
   position: relative;
   border: none;
   padding: 0;
   padding-bottom: 80%;
   height: 0;
   overflow: hidden;
}
#kaltura_player_1 {
   max-width: 100%;
}