/* CSS solusy/oryco     */
/* (c) 2009 solusy GmbH */

/* Zusätzliche Formate */

@import url(print.css);

/* Alle Medien */

@media all {

/* Standardformate */
* {
    font-family:Arial; 
    letter-spacing:1px; 
    border-collapse:collapse; 
    border-style:none; 
    border-width:0px; 
    padding:0;
    } 

p, dd                     {margin: 0.5em 0em; line-height: 1.25em; padding:0; text-align:justify; }
p.figure                  {margin-top:0.1em; margin-bottom:0; text-align:left; letter-spacing:0; font-size:smaller; }
p.quote                   {font-style:italic; font-size:smaller; text-align:left; }
p.footnote                {padding: 1em 0em; line-height: 1em; color: gray; font-style:italic; font-size:smaller; letter-spacing:0; }

h2, h3                    {padding-top: 1.5em /* 01 */; margin:0 0 0.75em 0; font-variant:small-caps; }
h2                        {font-size:1.75em; border-bottom:2px solid #D21; }
h3                        {font-size:1.5em;    }
h4                        {font-size:1em;    margin:0.75em 0em 0.5em;  }
h5, dt /* Randnotiz */    {position:absolute; margin:0 0 0 -220px; width:200px; text-align:right; 
                           letter-spacing:0px; font-weight:bold; font-size:1em; }
dt                        {font-style:italic; }
acronym                   {border-bottom:1px dashed #000; cursor:help; }

ol, ul                    {margin:0.25em 0 0.25em 1.5em; padding-left:1.25em; }
td ol, td ul              {margin:0.25em 0 0.25em 0;     padding-left:1.25em; }
li                        {margin:0.25em 0; text-align:justify; }

a                         {color:#D21; font-weight:bold; padding:1px; letter-spacing:0px; white-space:nowrap; text-decoration:none; }

table                     {margin:0; width:100%; }   /* IE: styles_ie.css */
tr                        {vertical-align:top; }
th, td                    {border-left:  1px dashed #DDD; text-align:left; }
th                        {border-bottom:1px dashed #DDD; padding:0.5em; font-weight:bold; }
td                        {padding:0.25em 0.5em; }

table.lined-grey tr td, .border-top-grey {
    border-top:1px dashed #DDD; 
    }

.firstchild { /* 02 */
    border-left:none; 
    padding-left:0; 
    }

/* Visitenkarte */

.vcard {
    border: 2px outset grey; 
    height: 160px; width: 320px;
    }
.vcardpic {
    height: 120px;
    float: left; 
    padding: 1em 1em 1em 0.5em;
    }
.vcard p {
    letter-spacing: 0px;
    font-size: smaller;
    font-weight: normal;
    }
.vcard p span {
    letter-spacing: 0px;
    font-weight: normal;
    }
.vcard a, .vcard a span {
    letter-spacing: 0px;
    font-weight: bold;
    }


/* Formulare */

.form {
    height: 36em; 
    }

.form iframe {
    height: 100%; 
    width: 100%; 
    }

/* Einzelformate */

.border-red               {border:1px solid  #D21; padding:0.5em; margin:0 }
.border-grey              {border:1px dashed #DDD; padding:0.5em; margin:0 !important; }
.nobr                     {white-space:nowrap; }
.nosmallcaps              {font-variant:normal; }
.oryco                    {vertical-align:bottom; padding-bottom:1px; }
.oryco-module             {color:gray; }
.reg                      {font-size:smaller; vertical-align:top; }               /* Hochstellung, z.B. Copyright, Registered */
.rot                      {color:#D21; font-weight:bold; }

/* Schaubild-Formate */

.diag-hc {
    text-align: center; 
    padding: 0 0.25em !important; 
    }

.diag-vc {
    text-align: center; 
    vertical-align: middle; 
    }

.diag-arrow-r {
    width: 30px;
    background-image: url(diagram/diag_o_r_arrow_right.gif); background-position: center; background-repeat: no-repeat; 
    }

.diag-box {
    position: relative;
    background-color:#FFF; 
    border:2px solid  #D21;
    color:#000; font-weight:bold; letter-spacing: 0; 
    padding: 0.25em; 
    margin: 0.25em !important; 
    min-height: 2.5em;
    }

.diag-1l {
    min-height: 1.25em;
    }

.diag-red {
    background-color:#D21; 
    border:0px none;
    color:#FFF; 
    }


/* Textboxen */

.cont-box-r400            {margin:1em -100px 1em 2em; max-width:400px; float:right; display:inline; /* 04 */ }
.cont-box-r200            {margin:1em -100px 1em 2em; max-width:200px; float:right; display:inline; /* 04 */ }
.cont-box-r               {margin:1em -100px 1em 2em;                  float:right; display:inline; /* 04 */ }
.cont-box-l400            {margin:1em 2em 1em 0em;    max-width:400px; float:left;  display:inline; /* 04 */ }
.cont-box-l200            {margin:1em 2em 1em 0em;    max-width:200px; float:left;  display:inline; /* 04 */ }
.cont-box-l               {margin:1em 2em 1em 0em;                     float:left;  display:inline; /* 04 */ }

/* Tag Cloud */

#tag                      {padding:1em; text-align:center; margin:0; }
.tag-table                {padding:0.5em; text-align:center; }
.tagall                   {margin:0.5em; line-height:1.5em; }
.tag-xs                   {font-size:x-small; color:#000; vertical-align:middle; font-weight:bolder;}
.tag-st                   {font-size:small;   color:#666; vertical-align:top;    font-weight:normal;}
.tag-sm                   {font-size:small;   color:#999; vertical-align:middle; font-weight:bolder; }
.tag-s2                   {font-size:small;   color:#333; vertical-align:middle; font-weight:100; }
.tag-mt                   {font-size:medium;  color:#666; vertical-align:top;    font-weight:bolder; }
.tag-mb                   {font-size:medium;  color:#333; vertical-align:bottom; font-weight:100; }
.tag-mm                   {font-size:medium;  color:#999; vertical-align:bottom; font-weight:bolder; }
.tag-m2                   {font-size:medium;  color:#333; vertical-align:bottom; font-weight:100; }
.tag-lm                   {font-size:large;   color:#CCC; vertical-align:middle; font-weight:normal; }
.tag-lb                   {font-size:large;   color:#666; vertical-align:bottom; font-weight:100; }

/* Sitemap */

#sitemap ul               {background:url(layout/line_td.gif ) repeat-y  0% 0%; padding:0 0 5px 60px; margin:0 0 0 -60px; list-style-type: none; }
#sitemap ul.last          {background-image: none; }
#sitemap li               {background:url(layout/line_tdr.gif) no-repeat 0% 0%; padding:0 0 0   60px; margin:0; line-height:1.5em; }
#sitemap li.last          {background:url(layout/line_tr.gif ) no-repeat 0% 0%;}

a.sitemapowl              {background-image:url(media/solusy_logo_head_rc_t.gif); background-position:left; background-repeat:no-repeat; }
a.sitemapowl:hover, a.sitemapowl:focus
                          {background-image:url(media/solusy_logo_head_wo_t.gif); }
}


/* Bildschirmlayout inkl. Mobiltelefon */
/* ----------------------------------- */

@media handheld, projection, screen, tv {

/* Content-Fußzeile */

.fusszeile                {margin-top:1em; border-top:1px solid #DDD; clear:both; /* Floats beenden */ }    /* IE: styles_ie.css */
.fusszeile td             {width:33%; border:none; }
.links                    {text-align:left;  padding-left:0; }
.mitte                    {text-align:center; }
.rechts                   {text-align:right; padding-right:0; }

}


/* Bildschirmlayout exkl. Mobiltelefon */
/* ----------------------------------- */

@media projection, screen, tv {

html {
    height: 100%; 
    }

body {
    height: 100%; 
    margin: 0;
    overflow: hidden; 
    background: url(media/solusy_logo_head_rc_t_light.gif); 
    }

/* Seitenaufbau */

#page {
    position:relative; 
    min-width:640px; max-width:1280px; 
    height:100%; 
    margin: 0 auto;
    background-color:#FFF; 
    }

#head, #foot, #content-area {
    position:absolute; left: -2px; 
    width:100%; 
    border-left: 2px solid #D21; border-right: 2px solid #DDD; 
    text-align: left; 
    }

#head                     {top:    0px; height: 90px; }
#foot                     {bottom: 0px; height: 30px; }
#content-area             {top:   90px; bottom: 30px; overflow:auto; }
#content-text             {padding:0 120px 0 240px; height: 100%; }
#content-text div, dl     {margin-bottom: 1em; }

/* Kopf-/Fußzeile */

#headfoot {
    background-color:#DDD; overflow:hidden; 
    background-image: url(layout/line_red_grey_h.gif); 
    background-repeat: repeat-y; 
    }

#headfoot *               {margin:0; letter-spacing:0px; white-space:nowrap; }
#headfoot ul              {padding:0; height:100% /* IE6 */; }
#headfoot li              {color:white; font-size:12px; line-height:34px; /* IE7*/ display:inline; list-style:none; }
#headfoot a               {color:white; font-size:16px; line-height:1.5em; padding:12px 6px; }
#headfoot a:focus         {color:#D21;  background-color:white; } /* LVFHA */
#headfoot a:hover         {color:#D21;  background-color:#DDD; }

#headnav1                 {position:absolute; bottom:0px; left:20px; height:34px; background-color:#D21; overflow:hidden; border:1px solid white; border-bottom:0; clear: left; }

a.headnavowl              {background-image:url(media/solusy_logo_head_w_ani.gif); background-position:center; background-repeat:no-repeat; border-right:1px solid white; vertical-align:middle; }
a.headnavowl:hover, a.headnavowl:focus
                          {background-image:url(media/solusy_logo_head_rc_t.gif); }

#headlogo                 {position:absolute; top:10px; right:20px; }
#headlogo a               {float:right; padding:1px; }
#headlogo a:hover         {background-color:#D21; }
#headlogo a:focus         {background-color:white; color:#DDD; }

#foot p                   {position:absolute; top:0px; left: 20px; font-size:smaller; color:white; line-height:30px !important; }
#foot ul                  {position:absolute; top:0px; right:20px; float:right; /* 08 */ }
#foot a                   {color:#D21; font-size:1.1em; line-height:30px; }
#foot a:hover             {color:white; background-color:#D21; }


/* Details */

a:hover, a:focus {
    color:white; background-color:#D21; 
    }

a.sim-url {  /* simulierte URL */
    cursor:pointer; 
    }

span.taste {
    font-size:12px; font-style:normal; font-family:monospace; color:black; 
    background-color:#EEE; 
    border-width:2px; border-style:solid; border-color:#DDD #999 #999 #DDD; 
    padding:0em 0.3em 0.1em 0.3em; vertical-align:middle; 
    }

span.taste img {
    vertical-align:text-bottom; 
    }

}


/* Bildschirmlayout Mobiltelefon */
/* ----------------------------- */

@media handheld {

* {
    font-size: 0.5em;
    letter-spacing: 0px; 
    } 

h2 {
    padding-top: 0.25em;
    font-size: 1.5em;
    } 

h2 img {
    height: 2em;
    }

h5, dt {
    position: static; margin: 0; width: auto; 
    text-align: left; 
    font-size: 1.25em;
    }

a {
    white-space:normal
    }

#page {
    min-width:240px; 
    }

#content-text {
    padding:0 0 1em 0;
    }

.cont-box-r400, .cont-box-r200, .cont-box-r, .cont-box-l400, .cont-box-l200 {
    margin:1em 0 1em 1em; 
    width:120px; 
    }

span.taste {
    display:none;
    }

}