@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) IE7-Patch stylesheet for YAML standard layout (3 columns without column dividers)
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

/* Layout-dependent adjustments | Layout-abhängige Anpassungen --------------------------------------- */
@media screen, projection {
body
{
  padding: 0;
  font-size: 85.00%;
}
.page_margins
{
  background-image:  none;
  width: 980px;
}
.page
{
  margin: -5px 0 0 0;
  padding: 0;
  background-image: none;
}
#main {
 height: 500px;
 overflow-y: scroll;
}
#border-top { display: none; }
#border-bottom { display: none; }
div.listheader
{
  height: 16px;
  margin-bottom: 5px;
  padding: 0 8px 0 8px;
  border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  font-size: 14px;
  line-height: 10px;
  padding-top: 4px;
}

/* Anamnese */

div.popupcontainer select,
div.popupcontainer select.multi
{
  height: auto!important;
  padding-left: 10px;
}
table#wunde div.icon
{
  margin-left: 6px;
  margin-top: -2px;
}
table#wunde div.icon img
{
  width: 24px;
  height: 24px;
}
div.infobutton
{
  -webkit-border-radius:12px;
  font-size:14px;
  line-height:20px;
  padding:0 5px;
  margin-left: 6px;
  margin-top: -2px;
  height: 24px;
  width: 14px;
  text-align: center;
  box-shadow: rgb(150, 150, 150) 2px 2px 5px;
  -moz-box-shadow: rgb(150, 150, 150) 2px 2px 5px;
  -webkit-box-shadow: rgb(150, 150, 150) 2px 2px 5px;
}
div.icon img
{
  box-shadow: rgb(150, 150, 150) 2px 2px 5px;
  -moz-box-shadow: rgb(150, 150, 150) 2px 2px 5px;
  -webkit-box-shadow: rgb(150, 150, 150) 2px 2px 5px;
}
#upload_button { display: none; }
div.button_edit,
div.reply_button { background:#e6e6e6 url(/images/icon-edit.png) no-repeat 2px 2px; }
div.button { background:#e6e6e6 url(/images/icon-plus.png) no-repeat 2px 2px; }
div.button_info { background:#e6e6e6 url(/images/icon-info_search.png) no-repeat 2px 2px; }
div.button,
div.button_edit,
div.reply_button,
div.button_info
{
  height: 18px;
  padding-left: 14px;
  border-radius: 9px;
  -ms-border-radius: 9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  box-shadow: rgb(150, 150, 150) 2px 2px 5px;
  -moz-box-shadow: rgb(150, 150, 150) 2px 2px 5px;
  -webkit-box-shadow: rgb(150, 150, 150) 2px 2px 5px;
}
div.button div,
div.button_edit div,
div.reply_button div,
div.button_info div,
div.button_more-info div
{
  background-image: none;
  white-space: nowrap;
  padding-right:1px;
  font-size: 12px;
}
/* PrettyPopin */

#overlay
{
  background: #fff;
  opacity: 1.0!important;
}
div.prettyPopin { top: 0!important;}
div.rounded { border: none; }

div.popupcontainer
{
  width: 980px!important;
  font-size: 90%;
}
.inner { /* Einrueckung Content gegen die h1 */
	margin: 10px 5px 0 5px;
}
div.buttons {border-bottom: 1px solid #CCCCCC; padding: 0 12px 12px 12px;}

div.popupcontainer.falldoku select, div.popupcontainer.falldoku input {
	width: 360px;
}
 div.popupcontainer.falldoku textarea {
	height: 120px;
}
div.popupcontainer.wundstatus div.inputline label {
width: 180px;}
div.popupcontainer.wundstatus select.multi, div.popupcontainer.wundstatus textarea {
    width: 380px;
}
div.popupcontainer.fileupload input.beschreibung, div.popupcontainer.fileupload span.beschreibung {
    width: 770px;
}
div.popupcontainer.fileupload div.rm_attachment, div.popupcontainer.fileupload div.no_rm_attachment {
    margin: 15px 0;
}
}

/* portrait mode */

@media only screen and (orientation:portrait) {
    #main {
 height: 1040px;
    }
 #col1 {
width: 950px;
}
#col3 {
display: none;
}
#nav a {
font-size: 100%;
}
#pagenav a {
font-size: 115%;
}
img.contentpic {
width: 450px;
height: auto;
}
#anamnese div.picframe img {
width: 708px;
height: auto;
}
/*#anamnese div.picframe div.marker {margin: 7.5% 0 0 7.5%;}*/
#anamnese div.picframe div.marker img {
width: 18px;
height: auto;
}
div.username2 {
 display: block;
 text-align: right;
 margin: 42px 5px 0 0;
 line-height: 2em;
 width: 280px;
position: absolute;
right: 10px;
z-index: 1;
}
div.username2 a {
 color: #777;
 display: inline-block;
margin-left: 20px;
}
}