/****************
 ***  basic  ****
 ****************/

html,body {
    height:100%;
}
* {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
}
img {
    border:0;
}
body {
    background:#ffffff url(img/intern/bg_body_V2.jpg) center 120px no-repeat;
    color:#000000;
    font-size:.6875em;
    overflow:-moz-scrollbars-vertical; /* Keine Spruenge im FF */
}

/* Farben der allgemeinen Links */
a:link,a[href]:active,a:visited {
    color:#009682;
    text-decoration:none;
}
a[href]:hover {
    text-decoration:underline;
}

sup {
    vertical-align: baseline;
    position: relative;
    bottom: .33em;
}

sub {
    vertical-align: baseline;
    position: relative;
    bottom: -.33em;
}
hr {
    color: #CCCCCC;
    height: 1px;
}


/********************************
 ***  general structure divs ****
 ********************************/

/* Wrapper */
div#wrapper {
    background:url(img/intern/bg_wrapper_V2_right.png);
    width: 1015px;
    margin:0 auto;
    position:relative;
    height: auto !important;
    min-height: 100%;
}

/* Head */
div#head {
    height:108px;
    width:1015px;
    background-color:#ffffff;
    padding-top: 8px;
    }
div#logo {
    background-color:#fff;
    float:left;
    height:108px;
    width:204px;
    }
div#head-image {
    background:url(img/intern/14_V2.jpg) 0 0 no-repeat;
    float:left;
    height:108px;
    width:811px;
    }
div#head-text {
    background-color:#fff;
    float:left;
    font-weight:700;
    height:33px;
    line-height:1.25em;
    margin-top:74px;
    overflow:hidden;
}
div#head-text a {
    background:#fff;
    color:#000000;
    display:block;
    line-height:1.25em;
    padding:4px 0 4px 10px;
    text-decoration:none;
}
div#head-text-spacer {
    width:5px;
    background-color:#fff;
    float:left;
    height:33px;
    margin-top:74px;
}
div#head-text-end {
    background-color: #ffffff;
    background:url(img/intern/head_text_corner.png) 0 0 no-repeat;
    float:left;
    height:33px;
    margin-top:74px;
    width:15px;
}
.big_font{
    font-size:1.09em !important;
    height:27px !important;
    padding-top:6px;
}

/* Footer */
div#footer-container {
    height:53px;
    left:0;
    position:absolute;
    width: 1015px;
    background:#ffffff url(img/intern/bg_footer_V2.png) left top no-repeat;
    bottom:0;
}
div#footer {
    height:23px;
    width: 1015px;
    }
div#footer-text {
    font-size:.8182em;
    height:21px;
    float:left;
    width:965px;
}
div#footer-corner {
    display: none;
}
div#footer-content {
    border-top:1px #b3b3b3 solid;
    height:20px;
    line-height:2.2727em;
    margin-left:204px;
    width:780px;
    }
div#footer-content a:link,div#footer-content a:active,div#footer-content a:visited {
    color:#808080;
    text-decoration:none;
    text-transform:uppercase;
}
div#footer-content a:hover {
    text-decoration:underline;
}
.footer-left {
    float:left;
    margin-right:15px;
}
.footer-right {
    float:right;
}

/* 10px Abstand für Head/Foot - auch zum clear'en der Floats! */
div.spacer {
    background-color:#e5e5e5;
    border-left:2px #fff solid;
    border-right:2px #fff solid;
    clear:both;
    height:10px;
    margin-left: 16px;
    width:979px ;
}

/* Container */
div#container {
    padding-bottom:53px;
    margin-left: 16px;
    border-left:2px #fff solid;
}


/**************************
 ***  page navigation  ****
 **************************/

/* Navigation Area */
div#left-row {
    float:left;
    margin-right:5px;
    width:181px;
}

#menu-box {
    margin: 0;
    margin-left: -2px;
    margin-top: -4px;
    padding: 0;
    width: 178px;
    font-family: verdana;
    font-size:.9091em;
    color: #000000;
    overflow: hidden;
}
#menu-box ul {
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
}
#menu-box ul li {
    margin-bottom: 5px;
    background-color: #d9efec;
    text-transform: none;
}
#menu-box a {
    padding: 0px 0px 0px 15px; /*3px 5px 3px 15px;*/
    border-bottom: 0;
    text-decoration: none;
    display: block;
    position: relative; /* ie8 display:block-problem */
}
#menu-box a:hover {
    text-decoration: underline;
}
#menu-box .li_sel {
    padding-bottom: 5px;
    background-image: url(img/intern/left_navi_V2.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #009682;
}
#menu-box .li_not_sel {
    padding-bottom: 5px;
    background-image: url(img/intern/left_navi_V2.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #ffffff;
}
#menu-box .not_sel {
    margin-top: 5px;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    border-bottom: 0;
    color:#808080;
    font-weight:700;
}
#menu-box .sel {
    margin-top: 5px;
    border: 2px solid #ffffff;
    border-bottom: 0;
    font-weight: 700;
    color: #ffffff;
    background-color: #009682;
}


/***********************
 ***  content area  ****
 ***********************/

/* Middle Row / Content */
div#middle-row {
    background-color:#fff;
    padding:10px;
    margin:0 10px 0 0;
    float:left;
    width:762px;
}

/* Formatting for Content */
div#content {
    color:#000000;
    line-height:1.45em;
    margin:-3px 0 19px;
    overflow:hidden;
    font-size: 9pt;
}
div#content blockquote {
    font-size:0.9em;
    margin: 10px 20px 10px 20px;
}
p {
    margin-top:1.5ex;
    margin-bottom: 0;
}
h1 + p {
    margin-top: 0ex;
}
p + p {
    margin-top: 0.7ex;
}
div#content ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
dd {
    margin-bottom: 1.5em;
}
div.authors img {
    border-radius: 5px;
    box-shadow: 5px 5px 5px #aaa, inset 0 0 4px #bbb;
    padding: 4px;
}
div.authors td {
    vertical-align: top;
    padding: 20px 30px 20px 20px;
}
div.code pre {
    padding: 1.5em 0 1.5em 2em;
    font-family: monospace;
    font-size: 1.1em;
}
div.subtitle {
    margin-top: 10px;
    font-size: 0.9em;
    color: #777;
}
span.tool {
    font-family: monospace;
    font-weight: bold;
}
span.code {
    font-family: monospace;
}
span.todo {
    color: red;
    font-weight: bold;
}
div.sideswitch {
    background-color: #efe;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 55px;
    text-align: right;
    font-size: 0.8em;
    padding: 4px;
    float: right;
}
div.sideswitch a {
    color: #3a3;
}
div.license pre {
    font-family: monospace;
    background-color: #fffff5;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #aaa, inset 0 0 8px #bbb;
    padding: 15px;
    margin: 1em 10em 1.5em 2em;
}
div.license form {
    margin: 0 0 3em 1.5em;
}
div.license form input {
    margin: 0 10px 10px 15px;
}
div.warning {
    color: #f80;
    background-color: #fed;
    margin: 5em;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 5px 5px 5px #aaa, inset 0 0 4px #bbb;
    font-weight: bold;
}
/* For Google Tech Talk video */
iframe {
    margin: 2em;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #aaa, inset 0 0 4px #bbb;
    padding: 4px;
}

/* Clear'er */
.clear {
    clear:both;
    height:0;
    overflow:hidden;
}

/* Header */
h1 {
    border-bottom:1px solid #ccc;
    color:#000000;
    font-size:1.27em;
    margin-bottom:10px;
    padding-bottom:0px;
    padding-top:10px; /* neu */
    line-height:16px;
}
h2 {
    color:#000000;
    font-size:1.0909em;
    font-weight:700;
    line-height:16px;
    margin:0;
    padding-top:10px;
    padding-bottom:0px;
}
h1 + h2 {
    color:#000000;
    font-size:1.0909em;
    font-weight:700;
    line-height:16px;
    margin-top:15px;
    padding-top:0px;
    padding-bottom:0px;
}
h3 {
    color:#108050;
    font-size:1em;
    font-weight:bold;
    line-height:16px;
    margin:0;
    padding-top:10px;
    padding-bottom:0px;
}
h4 {
    background:url(img/intern/headline_bg.gif) center left repeat-x;
    font-size:1em;
    height:1.45em;
    margin-bottom:5px;
}

ul {
    margin-left:2em;
}
ul li {
    list-style-image: url(img/intern/dynimg-009682.gif);
}

/* Table Captions */
caption {
    background-color:#808080;
    border-bottom:1px #fff solid;
    color:#fff;
    font-weight:700;
    height:auto;
    line-height:20px;
    padding:0 6px;
    text-align:left;
}

/***********************
 ***  result table  ****
 ***********************/

.results-table {
    cell-spacing: 0;
    border-collapse: collapse;
    color: #009682;
    background-color: #fff8ff;
    margin: 0.8em 0 0 1em;
    //border: 1px solid #ccc;
    //border-radius: 3px;
    padding: 10px;
    //box-shadow: 3px 3px 3px #aaa, inset 0 0 4px #bbb;
    font-weight: bold;
    font-size: 90%;
}
.results-table th {
    text-align: left;
    color: #004030;
    vertical-align: middle;
    padding: 3px 5px 3px 5px;
    border: 1px solid #aaa;
}
.results-table td {
    color: #405040;
    vertical-align: baseline;
    text-align:right;
    padding: 3px 5px 3px 5px;
    //font-size: 1.1em;
    border: 1px solid #ccc;
}
.solver {
    text-align: left;
    width: 300px;
}
/***********************
 ***  solver types  ****
 ***********************/
.vbs {
    background-color: #e8e8e8;
}
.portfolio {
    background-color: #ffd2ff;
}
.multi-engine {
    background-color: #d2e0ff;
}
.single-engine {
    background-color: #d2ffd2;
}
.parallel {
    background-color: #fad250;

/***************
 ***  misc  ****
 ***************/
.required {
    color: #009682;
}
.optional {
    color: #00b098;
}
.header th {
    text-align: center;
    font-size: 1.1em;
    border: 2px solid gray;
    background-color: #009682;
    color: white;
    padding: 20px;
}
div.form-buttons: {
    float: right;
    width: 200px;
    padding: 10em;
    margin: 3em;
}
.support img {
    margin: 10px 0 10px 0;
    vertical-align: middle;
    display: block;
}
.support a {
    margin-right: 15px;
    font-weight: bold;
}
#content ol {
    list-style-type: decimal;
    margin: 5px 0 5px 20px;
    padding-left: 10px;
}
#content ol li {
    margin: 5px 0 5px 0;
    color: #009682;
    font-weight: bold;
}
#content ol p {
    color: #000;
    font-weight: normal;
}