/* 
 * Prometheus Website CSS stylesheet. 
 * (c) 2005 Thomas Ganter 
 * 
 * Based on the mozilla europe stylesheet. 
 *
 * Some part are covered by various licenses, please see the respective parts for details. 
 */



/*** reset some basic style
******************************************************************/
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}

ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}

ul {list-style: disc;}
ul li {margin: 0 0 1em 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}



/*** major document sections
******************************************************************/

/*** body
*********************************/
body {
min-width: 660px;
margin: 10px;
background: #fff url(body_back.gif) repeat-x top left;
color: #000;
font-family: verdana, sans-serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}


/*** container-outer
*********************************/
#all-main {

background: #fff url(body_back.gif) repeat-x top left;

        position: fixed;
        width: auto;
        height: auto;
        top: 60px;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        padding: 2px .5em;
        border-top: solid 1px #8a8;
/*//        border: solid 1px black;*/
        background-color: #ffffff;



}

#container-outer {
/* //border: solid green 1px; */
margin: 10px auto;
max-width: 70em;
width: 95%;
}


/*** nav-access
*********************************/
ul#nav-access {
font-size: 90%;
list-style: none;
}

ul#nav-access li {
float: left;
margin: 0 5px 5px 0;
}

ul#nav-access li+li {
border-left: 1px solid #ddd;
padding-left: 5px;
}

ul#nav-access a {
color: #888;
}

ul#nav-access a:hover {
color: #333;
text-decoration: underline;
}



/*** header
*********************************/
#header {
//bborder: solid blue 1px;
position: fixed;
        top: 0;
        right: 0;
        bottom: 80px;
        left: 0;
width: 100%;
background: #333 url(qt_ppat.gif) repeat top left;
clear: both;
//hheight: 40px;
min-height: 39px;
voice-family: "\"}\"";
voice-family: inherit;
//hheight: 80px;
padding: 49px 0 50px;
margin-top: 0;
}

#header h1 {
//bbackground: url(header_tl.gif) no-repeat;
font-size: 2px;
height: 8px;
left: 0;
position: absolute;
top: 0;
z-index: 100;
}

#header h1 a {
background: url(prometheus_klein.gif) no-repeat bottom right;
display: block;
height: 40px;
text-indent: -700em;
width: 150px;
}

#header form,
#header #no-form {
//bbackground: url(header_tr.gif) no-repeat top right;
padding: 12px 20px 0 0;
position: absolute;
right: 0;
text-align: right; /* need for IE Mac */
top: 0;
white-space: nowrap; /* for Opera */
}

#header form label {
color: #fff;
font-size: 85%;
font-weight: bold;
}

#header form input#search-input {
background-color: #d9dbe1;
border: 1px solid #9097a2;
font-size: 85%;
padding: 2px;
width: 170px;
}

#header form input#search-input:focus, 
#header form input#search-input:hover {
background: #fff;
}

#header form input#search-submit {
background-color: #6a7389;
border-bottom: 1px solid #283043;
border-left: 1px solid #9097a2;
border-right: 1px solid #283043;
border-top: 1px solid #9097a2;
color: #fff;
font-size: 85%;
font-weight: bold;
padding: 1px 4px;
}



/*** nav-main
*********************************/
#nav-main {
position: absolute;
width: 100%;
top: 78px;
voice-family: "\"}\"";
voice-family: inherit;
top: 61px;
}

#nav-main #no-ul {
//bbackground: url(header_br.gif) no-repeat bottom right;
bottom: 0;
padding: 0 0 15px 20px;
position: absolute;
right: 0;
z-index: 90;
}

#nav-main ul {
//bbackground: url(header_br.gif) no-repeat bottom right;
bottom: 0;
list-style: none;
padding-right: 30px;
position: absolute;
right: 0;
width: auto;
z-index: 90;
}

#nav-main ul li {
background: transparent url(header_tab.gif) no-repeat 100% -600px;
border-bottom: 1px solid #515358;
float: right;
padding-right: 6px;
margin: 0 0 0 1px;
}

#nav-main ul li:hover {
background-position: 100% -400px;
}

#nav-main ul li a {
background: transparent url(header_tab.gif) no-repeat 0% -600px;
color: #fff;
display: block;
font-weight: bold;
float: left;
padding: 4px 4px 4px 10px;
text-decoration: none;
}

#nav-main ul li:hover a {
background-position: 0% -400px;
}

/*** container-inner
*********************************/
#container-inner {
margin-top: 15px;
position: relative;
width: 100%;
}


/*** columns
*********************************/
#leftCol {
color: #222;
font-size: 90%;
left: 0;
position: absolute;
top: 0;
width: 150px;
}

.twoCol #main {
margin: 0 0 0 180px;
}

.threeCol #main {
margin: 0 220px 0 180px;
}

#rightCol {
color: #222;
font-size: 90%;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 200px;
}

.twoCol #rightCol {
display: none;
}


/*** footer
*********************************/
#footer {
border-top: 1px solid #999;
padding: 1em 0;
text-align: center;
}

.twoCol #footer {
margin: 4em 0 2em 180px;
}

.threeCol #footer {
margin: 4em 220px 2em 180px;
}

#footer dl {
margin-bottom: 1em;
}

#footer dt {
margin: 0;
}

#footer dd {
display: inline;
margin: 0;
}

#footer dd+dd {
border-left: 1px solid #ddd;
padding-left: 5px;
}

#footer ul {
margin-bottom: 1em;
}

#footer li {
display: inline;
white-space: nowrap;
margin: 0;
}

#footer li+li {
border-left: 1px solid #ddd;
padding-left: 5px;
}

#footer p {
margin: 0.6em 0;
}

#footer,
#footer p a {
color: #666;
font-size: 85%;
}

#footer a:hover {
color: #333;
text-decoration: underline;
}

/** folge-AbsŠtze sind eingerŸckt **/
/*
#main p+p {
	text-indent: 2em;
}
*/

/** NAV **/

        #nav3:before {
                line-height: 0.1;
                font-size: 1px;
                background: transparent; /* url("../../images/menu_tr.gif") no-repeat top right; */
                margin: 0;
                height: 9px; 
                display: block;
                border-bottom: 1px solid #ddd;
                content: " "; /* url("../../images/key-point_tl.gif"); */
        }

        #nav3 {
                background: #E0E9E9; /* url("../../images/menu_back.gif") right repeat-y; */
        }
        #nav3:after {
                display: block;
                padding-top: 0;
                line-height: 0.1;
                font-size: 1px;
                content: " "; /* url("../../images/key-point_bl.gif"); */
                margin: 0 0 0 0;
                height: 8px;
                background: transparent; /* url("../../images/menu_br.gif") scroll no-repeat bottom right ; */
                border-top: 1px solid #fff;
        }
        
        #nav3, #nav3 ul {
                margin: 0;
                padding: 0;
                list-style: none;
        }
        #nav3 {
                margin-bottom: 1em;
        }       
        #nav3 li {
                display: inline;
                padding: 0;
                margin: 0;
        }
        
        #nav3 li span { /* used for un-linked menu items */
                display: block;
                padding: 6px 10px;
                font-weight: bold;
                color: #666;
        }

        #nav3 li span#configParent, #nav3 li span #configuration {
                display: inline;
                font-weight: normal;
                padding: 0;
        }
        
        #nav3 li a {
                display: block;
                padding: 8px 10px;
                text-decoration: none;
                background: #EDF2F2;
                border-bottom: 1px solid #ddd;
                border-top: 1px solid #fff;
                border-right: 1px solid #ddd;
        }

        #nav3 li a:hover {
                background: #E0E9E9;
        }

        #nav3 li { /* used for un-linked menu items */
                font-weight: bold;
        }
                
        #nav3 li li { /* used for un-linked menu items */
                font-weight: normal;
        }
                
        #nav3 li li li { 
                font-size: 90%;
        }
                
        #nav3 li li span { /* used for un-linked menu items */
                padding: 4px 8px 4px 20px;
        }
        
        #nav3 li li a {
                padding: 6px 8px 6px 20px;
        }
                
        #nav3 li li li span { 
                padding: 4px 8px 4px 30px;
        }
        
        #nav3 li li li a {
                padding: 4px 8px 4px 30px;
        }
        
        #oN3 {
                background-color: #E0E9E9;
        }
        #oN3:hover {
                background-color: #C6DCDC;
        }
        
        





/*** minor document sections
******************************************************************/

/*** download
*********************************/
.dl {
font-style: italic;
}

.key-point .dl:before {
border: none;
content: url(download_tl.gif);
display: block;
font-size: 1px;
height: 15px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
text-align: left;
}

.key-point .dl {
background: #C4EFA1 url(download_back.gif) top right no-repeat;
font-style: normal;
margin-bottom: 0.5em;
padding: 15px 60px 15px 15px;
}

.key-point .dl:after {
background: transparent url(download_br.gif) scroll no-repeat bottom right;
content: url(download_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -10px -60px -15px -15px;
padding-top: 15px;
text-align: left;
}

.key-point .dl a {
color: #1D9101;
font-weight: bold;
}

.key-point .dl a:hover {
color: #156B01;
}


/*** .key-point
*********************************/
.key-point {
background: #e4ecec url(key-point_back.gif) right repeat-y;
margin-bottom: 1em;
padding: 15px 15px 14px 15px;
}

.key-point:before {
background: transparent url(key-point_tr.gif) no-repeat top right;
content: url(key-point_tl.gif);
display: block;
font-size: 1px;
height: 15px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
text-align: left;
}

.key-point:after {
background: transparent url(key-point_br.gif) scroll no-repeat bottom right;
clear: both;
content: url(key-point_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -15px;
padding-top: 15px;
text-align: left;
}

#main .key-point h2 {
border: none;
font-size: 200%;
margin-left: 0;
}

#main .key-point h3,
#main .key-point h4,
#main .key-point h5 {
border: none;
margin-left: 0;
}


/*** news-item
*********************************/
#newsBox div {
background: #e1F6e5; // url(news-item_back.gif) right repeat-y;
margin-bottom: 1em;
padding: 15px;
border-top: solid 1px #bdb;
border-left: solid 1px #bdb;
border-bottom: solid 2px #8a8;
border-right: solid 2px #8a8;
}

#newsBox div:before {
background: transparent; // url(news-item_tr.gif) no-repeat top right;
//content: url(news-item_tl.gif);
display: block;
font-size: 1px;
height: 15px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
text-align: left;
}

#newsBox div:after {
background: transparent; // url(news-item_br.gif) scroll no-repeat bottom right;
clear: both;
//content: url(news-item_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -15px;
padding-top: 15px;
text-align: left;
}

h2, h3, h4, h5 {
	clear: both;
}

#newsBox div h3 {
margin-top: 0;
}


/*** .prod-list
*********************************/
body#home #main dl,
body#products #main dl {
margin-left: 0;
}

body#home #main dl dd,
body#products #main dl dd {
margin-left: 44px;
}

body#home #main dl img,
body#products #main dl img {
float: left;
margin: 0 10px 5px 0;
}

body#home #main dl dt a,
body#products #main dl dt a {
font-weight: bold;
}

body#home #main dl dd+dt,
body#products #main dl dd+dt {
margin-top: 35px;
}


/*** search page
*********************************/
body#search #main dl {
margin-top: 2em;
}

body#search #main dt {
font-weight: bold;
}

body#search #main dd+dt {
border-top: 1px solid #ddd;
padding-top: 1em;
}






/*** specific tags
******************************************************************/

/*** address
*********************************/
address {
margin: 0 0 1em 0;
}


/*** dd
*********************************/
/* product quotes */
body.product #rightCol dl:first-child dd {
text-align: right;
}


/*** dt
*********************************/
body#about #main dt {
font-weight: bold;
}


/*** form
*********************************/
body#search #main form {
margin-bottom: 1em;
}


/*** h
*********************************/
/* h1 is the swapped to display the mozilla logo*/

h2 {
border-bottom: 1px solid #ccc;
font-size: 160%;
font-weight: normal;
margin: 0 0 .4em 0;
padding-bottom: 4px;
}

#main h2 {
margin-left: -10px;
}

#nav-main h2 {
display: none;
}

h3 {
border-bottom: 1px solid #ccc;
font-size: 130%;
font-weight: normal;
margin: 1.5em 0 .5em 0;
padding-bottom: 4px;
}

#main h3 {
margin-left: -10px;
}

#leftCol h3, 
#rightCol h3 {
border: 0;
font-size: 120%;
padding-bottom: 0;
}

h4 {
font-size: 115%;
font-weight: bold;
}

body#firefox #main h4 {
margin: 1.5em 0 .5em 0;
}

body#firefox #main h3+h4 {
margin-top: .5em;
}

h5 {
font-size: 100%;
}

h6 {
font-size: 90%;
}


/*** hr
*********************************/
hr {
display: none;
}

#main hr {
display: block;
}


/*** q
*********************************/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}

body.product #rightCol q {
font-size: 140%;
font-family: Georgia;
color: #394A6C;
}


/*** a
*********************************/
:link {color: #039;}
:visited {color: #636;}
:link:hover, :visited:hover {color: #333;}
:link:active, :link:active {color: #000;}

#container-inner a {
text-decoration: underline;
}

#container-inner a[hreflang]:after {
content: " [" attr(hreflang) "]";
font-size: 80%;
}

body.product #rightCol q a {
color: #394A6C;
text-decoration: none;
}

body.product #rightCol q a:hover {
color: #333;
text-decoration: underline;
}


/*** img
*********************************/
img.inline {
	float: none;
	margin: 0;
	vertical-align: middle;
}
img.screenshot {
	display: block;
	margin-bottom: 10px;
}
img.imgright {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

/*** Firefox Central styles
*********************************/
#ffcentral #container-outer {
	min-width: 780px;
}
#ffcentral-welcome {
	min-width: 335px;
	margin-left: -5px;
}
#ffcentral-welcome div {
	background: url(welcomefirefox.gif) no-repeat top left;
	float: left;
	line-height: 140%;
	padding: 40px 0 0 100px;
	margin-left: -5px;
}
#ffcentral-welcome h2,
#ffcentral-welcome h3,
#ffcentral-welcome p,
#ffcentral-welcome ul {
	margin-left: 0;
	margin-top: 0;
	color: #4C5C5C;
}



/*** problem items
******************************************************************/
/* removes problem images */
#rightCol h2 img {
display: none;
}
/* removes styling on problem h2 a */
#rightCol h2 a {
color: #000;
text-decoration: none;
}