/*
    $Id: screen.css 368 2009-11-03 11:28:27Z patrick $
    CSS for state-of-mind.de website
    Patrick Ben Koetter, p@state-of-mind.de
*/

/*
    Defaults, Globals
*/
html, body {
    margin:0;
    padding:0;
    height:101%;
}

body {
    background:url(../images/body_bg.png) top left repeat-x;
    font-family:Georgia;
    color:#58585A;
}

img {
    border:none;
    display:block;
}

a {
    color:#3380A7;
    text-decoration:none;
}

.error {
    color:#D4021D;
}

p, address {
    font-size:0.79em;
}

address {
    line-height:1.7em;
}

address img {
    margin-top:4px;
    margin-right:4px;
    display:inline;
    vertical-align:middle;
}

span.highlight {
    margin-left:8px;
    padding:2px 7px 1px 7px;
    background:url(../images/highlight_bg.png) right top #f26b1f no-repeat;
    color:#FFFFFF;
}



/*
    Canvas
*/
div.chapter,
div.canvas {
    position: relative;
    top:0px;
    min-height: 100%;
    width:1086px;
    padding-left:100px;
    margin-left:auto;
    margin-right:auto;
}


/*
    Header
*/
div.header {
    position:relative;
    height:84px;
    width:986px;
}

div.chapterheader {
    width:1086px;
    padding-left:100px;
    margin-left:auto;
    margin-right:auto;
}


/*
    Logo
*/
div.logo {
    position:relative;
    top:45px;
    left:2px;
    height:35px;
    width:180px;
}


/*
    Service
*/
div.service {
    position:absolute;
    top:0px;
    right:0px;
    height:35px;
}

div.service ul {
    list-style:none;
    margin-top:7px;
}

div.service ul li,
div.navigation ul li {
    display:inline;
}

div.service ul li a {
    margin-left:8px;
    color:#969697;
    font-size:0.68em;
}


/*
    Navigation
*/
div.navigation {
    position:absolute;
    top:56px;
    left:447px;
}

div.navigation ul {
    list-style:none;
    margin-top:0px;
    padding-top:0px;
    margin-left:0px;
    padding-left:0px;
}

div.navigation ul li a {
    margin-right:60px;
    color:#58585A;
    font-family:Verdana, Georgia;
    font-size:1em;
    text-transform:uppercase;
}

div.navigation ul li a:hover,
div.navigation ul li a:focus,
body.web   div.navigation ul li a.web, 
body.email div.navigation ul li a.email, 
body.print div.navigation ul li a.print, 
body.chapter div.navigation ul li a.howto, 
div.navigation ul li a.selected {
    color:#3380A7;
}

/*
    Footer
*/
div.footer {
   position:absolute;
   bottom:0px;
   width:986px;
   height:80px;
   text-align:right;
}

div.footer ul {
    margin:40px 0px 0px 0px;
    padding:0;
    list-style:none;
}

div.footer ul li {
    margin:0;
    display:inline;
}

div.footer ul li a {
    font-size:0.6em;
    margin-left:8px;
}


/*
    Content
*/
div.content {
    width:986px;
    padding-bottom:87px;
}

div.content a {
    border-bottom:1px #3380A7 dotted;
}


/*
    Stage
*/
div.stage {
    position:relative;
    top:77px;
    height:428px;
}

div.clear {
    clear:both;
}

div.left {
    float:left;
    width:453px;
}

div.right {
    margin-left:453px;
}

div.stage img {
    border:2px solid #E3ECF3;
}

div.stage h1 {
    font-size:1.4em;
    font-weight:normal;
    margin-bottom:0.3em;
}

div.text {
    margin-left:2px;
}


div.steinmeierfeature {
    padding-top:97px;
    height:285px;
    background:url(../images/state-of-mind_signet.png) right top no-repeat;
}


/*
    Spalten
*/
div.columns {
    margin-top:60px;
}

div.stage p {
    margin-top:0px;
}


/*
    4-Spalter
*/
div.four {
    color:#58585A;
}

div.four div.col {
    float:left;
    width:224px;
    padding-right:30px;
}

div.four div.lastcol {
    float:left;
    width:224px;
}

div.col h1,
div.lastcol h1 {
    color:#3380A7;
    margin-bottom:0em;
    padding-bottom:0em;
    font-family:Verdana;
    font-weight:normal;
    font-size:1.4em;
}

div.col hr,
div.lastcol hr {
    width:224px;
    border:1px solid #3380A7;
    margin-left:0;
    margin-top:6px;
    text-align:left;
}

/*
    3-Spalter
*/
div.three {
    color:#58585A;
}

div.three div.col {
    float:left;
    width:293px;
    padding-right:30px;
}

div.three div.lastcol {
    float:left;
    width:293px;
}

div.col h1,
div.lastcol h1 {
    color:#3380A7;
    margin-bottom:0em;
    padding-bottom:0em;
    font-family:Verdana;
    font-weight:normal;
    font-size:1.4em;
}

div.col hr,
div.lastcol hr {
    width:224px;
    border:1px solid #3380A7;
    margin-left:0;
    margin-top:6px;
    text-align:left;
}

div.three div.col hr,
div.three div.lastcol hr {
    width:293px;
}

div.col ul {
    font-size:0.8em;
    list-style-image:url(../images/arrow_bullet.png);
    padding-left:15px;
}

div.col ul li {
    line-height:1.6em;
}

div.lastcol a,
div.col a {
    color: #58585A;
    border-bottom:1px dotted #58585A;
}


/*
.transparent {
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background:#E3ECF3;
    position:absolute;
    top:240px;
    left:30px;
    font-size:1.6em;
    padding-left:0.5em;
    padding-right:0.5em;
    padding-bottom:0.2em;
}
*/

/* Howto */

div.chapter {
    position:relative;
}

div.chapter > div.titlepage h2.title {
    padding-top:78px;
    padding-bottom:0px;
    border-bottom:1px dotted #548DB5;
    text-align:center;
    font-weight:normal;
    font-size:1.2em;
}

div.abstract p.title {
    font-size:1.2em;
}

div.revhistory table {
    margin-top:1em;
    margin-bottom:1em;
}

div.revhistory table,
div.revhistory table th,
div.revhistory table td {
    border:none;
}

div.head a.backward {
    float:left;
}

div.head a.forward {
    float:right;
}

div.foot {
    position:relative;
    top:0px;
    left:0px;
    margin-top:45px;
    border-top:1px dotted #548DB5;
}

div.foot p.top {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

div.foot a.backward {
    float:left;
}

div.foot a.forward {
    float:right;
}

div.note,
div.tip,
div.important,
div.caution {
    padding:12px 43px 0px 43px;
    border:2px solid #D0E0EA;
    margin-top:22px;
    margin-bottom:22px;
}

div.note {
    background:url(../images/note.png) 13px 10px no-repeat #F7F9FB;
}

div.tip {
    background:url(../images/tip.png) 13px 10px no-repeat #F7F9FB;
}

div.important {
    background:url(../images/important.png) 13px 10px no-repeat #F7F9FB;
}

div.caution {
    background:url(../images/warning.png) 13px 10px no-repeat #F7F9FB;
}


div.note > h3,
div.caution > h3,
div.important > h3,
div.tip > h3 {
    margin-top:0em;
    margin-bottom:0.2em;
    font-size:1.1em;
}


div.note > h3 {
    color:#3380A7;
}

div.tip > h3,
div.important > h3,
div.warning > h3 {
    color:#F26B1F;
}

div.chapter h3.author {
    font-weight:normal;
    font-size:1em;
    margin-bottom:0em;
}

div.chapter div.legalnotice {
    margin-top:1em;
}

div.chapter div.toc {
    margin-top:1em;
}

div.chapter div.toc > p {
    font-size:1.2em;
    margin-bottom:0em;
}

div.chapter div.toc > dl {
    margin-top:0em;
    margin-bottom:1.5em;
}

div.chapter h1 {
    font-size:1.4em;
    margin-bottom:0em;
}

div.chapter p {
    margin-top:0em;
    margin-bottom:0.4em;
    line-height:1.6em;
}

div.chapter pre {
    border:2px solid #D0E0EA;
    padding:11px 43px 16px 43px;
    overflow:auto;
    color:#000000;
}

div.chapter pre img,
div.calloutlist img {
    display:inline;
}

code {
    font-size:1.2em;
}

code.email {
    font-size:1em;
}

strong.userinput > code {
    font-size:1em;
    color:#3380A7;
    font-weight:normal;
}

span.citerefentry,
span.command {
    font-family:monospace;
    font-size:1.2em;
}

span.term {
    font-size:0.9em;
}

samp {
    font-size:1em;
}

kbd {
    font-weight:bold;
}

div.head a,
div.foot a {
    font-size:1em;
}

/*
    ChapterFooter
    Footer für DocBook Dokumente
*/
div.chapterfooter {
   position:relative;
   bottom:0px;
   width:1086px;
   padding-left:100px;
   margin-left:auto;
   margin-right:auto;
   width:986px;
   height:80px;
   text-align:right;
}

div.chapterfooter ul {
    margin:40px 0px 0px 0px;
    padding:0;
    list-style:none;
}

div.chapterfooter ul li {
    margin:0;
    display:inline;
}

div.chapterfooter ul li a {
    font-size:0.6em;
    margin-left:8px;
}



.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    background:#FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #3380A7;
    padding: 10px;
    display: none; /* keeps the popup hidden if no JS available */
}