/*
 *
 * Dirk Langer
 * <info@vvovgonik.de>
 *
 * Colors:
 *   background: white  #fff #ffffff;
 *   textcolor:  grey   #555 #555555;
 *               lgrey  #999 #999999;
 *   linkcolor:  grey   #555 #555555;
 *   link hover: orange #f60 #ff6600;
 *   link visit: grey   #555 #555555;
 *
 * Fontfamilies:
 *   Verdana, Tahoma, Arial, Helvetica, sans-serif;
 *
 * Fontsizes:
 *   normal:       11pt;
 *   link submenu:  9pt;
 *
 * Fontweights:
 *   normal: 400;
 *   bold:   700;
 *
 */
html,body {
    margin: 0;
    padding: 0;
    /* height:100%; */
    text-align: center;
}

body {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: 400;
    color: #555;
    background-color: #fff;
}

img {
    border: 0;
}

/* --------------------------------------------------------------------------- */
/* paragraphs */
div#id0 div#page div p {
    position: relative;
    float: left;
    padding-left: 16px;
    padding-top: 10px;
    margin: 0;
    text-align: justify;
}

div#id0 div#page div p a {
    text-decoration: none;
    color: #555;
    background-color: #fff;
    font-weight: 700;
}

div#id0 div#page div p a:hover {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page p+p {
    text-indent: 10px;
}

div#id0 div#page h1 {
    font-size: 12pt;
    vertical-align: top;
    margin: 0;
    padding: 0;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    top: -4px;
    position: relative;
}

div#id0 div#page h2 {
    font-size: 11pt;
    padding-top: 12pt;
    vertical-align: top;
    margin-top: 0;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

div#id0 div#page h6 {
    font-size: 11pt;
    line-height: 10pt;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 12px;
    padding-bottom: 4px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

/* --------------------------------------------------------------------------- */
/* the main area */
div#id0 {
    margin: 0px auto;
    width: 778px;
    text-align: center;
    height: 98%;
}

/* --------------------------------------------------------------------------- */
/* the page area */
div#id0 div#page {
    text-align: left;
    vertical-align: top;
    padding: 8px 8px 4px 8px;
    min-height: 400px;
    height: auto;
}

/* th IE min-height-bug-hack */ /* up to 6 */
* html div#id0 div#page {
    height: 400px;
}

/* ie 5*/
html+body div#id0 div#page {
    height: 400px;
}

/* up to 6 */
* html .prop {
    display: none
}

/* Safari */
.prop {
    height: 400px;
    float: right;
    width: 1px;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#id0 div#page div#services ul {
    position: absolute;
    list-style-image: url(/square8x8.png);
    margin: 0;
    padding-left: 15px;
    width: 580px;
}

/* --------------------------------------------------------------------------- */
div#id0 div#page div#references,
div#id0 div#page div#sitemap {
    text-align: left;
    margin: 0;
    padding-left: 8px;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 32px;
}

div#id0 div#page div#references ul,
div#id0 div#page div#sitemap ul {
    position: absolute;
    list-style-image: url(/square8x8.png);
    padding: 0px;
    margin: 0px;
    top: 6px;
    /* float:left; */
}

div#id0 div#page div#references ul.column,
div#id0 div#page div#sitemap ul.column {
    position: relative;
    margin-left: 8px;
    /*	margin-right:28px; */
    padding-bottom: 18px;
    margin-top: 4px;
}

div#id0 div#page div#sitemap ul li a {
    text-decoration: none;
    font-weight: 700;
    color: #555;
    background-color: #fff;
}

div#id0 div#page div#sitemap ul li a:hover {
    font-weight: 700;
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#sitemap ul li a:focus {
    font-weight: 700;
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#references ul li.level,
div#id0 div#page div#sitemap ul li.level {
    position: relative;
    margin-left: 14px;
    font-weight: 400;
}

div#id0 div#page div#sitemap ul li.level a:hover {
    font-weight: 700;
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#sitemap ul li.sublevel {
    position: relative;
    margin-left: 28px;
    font-weight: 400;
}

div#id0 div#page div#sitemap ul li.sublevel a:hover {
    text-decoration: none;
    font-weight: 700;
    color: #f60;
    background-color: #fff;
}

/* --------------------------------------------------------------------------- */
    /* the search box */
div#id0 div#page div#searchbox {
    position: absolute;
    right: 10px;
    top: 6px;
}

div#id0 div#page div#searchbox input.searchbox {
    width: 108px;
    height: 14px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    font-size: 9pt;
    color: #555;
    background-color: #fff;
    padding-left: 2px;
    padding-right: 2px;
}

/* --------------------------------------------------------------------------- */
/* the error link (to the webmaster) */
div#id0 div#pagea#error {
    text-decoration: none;
    font-weight: 700;
    color: #555;
    background-color: #fff;
}

div#id0 div#pagea#error :hover {
    text-decoration: none;
    font-weight: 700;
    color: #f60;
    background-color: #fff;
}

/* breadcrumb */
div#id0 div#page #breadcrumb {
    margin: 0;
    padding: 0;
    font-size: 8pt;
    border-bottom: 1px solid #f60;
    width: 100%;
}

div#id0 div#page #switch {
    position: relative;
    text-align: right;
    margin: 0;
    padding: 0;
    font-size: 8pt;
    top: -15px;
    height: 4px;
}

div#id0 div#page #breadcrumb a {
    text-decoration: none;
    color: #555;
    background-color: #fff;
    font-weight: 700;
}

div#id0 div#page #breadcrumb a:hover {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page #breadcrumb a:focus {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page #switch a {
    text-decoration: none;
    color: #555;
    background-color: #fff;
    font-weight: 700;
}

div#id0 div#page #switch a:hover {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page #switch a:focus {
    color: #f60;
    background-color: #fff;
}

/* ---- submenu ---- */
div#id0 div#page div#submenu {
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 9pt;
    float: left;
    width: 144px;
    top: 9px;
}

div#id0 div#page div#submenu a {
    display: block;
    text-decoration: none;
    color: #555;
    background-color: #fff;
    border-bottom: 1px solid #d0d0d0;
}

div#id0 div#page div#submenu a:hover {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#submenu a:focus {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#submenu .subsubmenu {
    padding-left: 16px;
}

/* contact form */
div#id0 div#page div#contact h1,
div#id0 div#page div#services h1{
    left: 16px;
    padding-top: 12px;
}

div#id0 div#page div#contact p,
div#id0 div#page div#services p{
    padding-left: 16px;
    padding-bottom: 32px;
    width: 599px;
}

div#id0 div#page div#contact input,select {
    border: 1px solid #555;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 11pt;
    color: #555;
    background-color: #fff;
}

div#id0 div#page div#contact textarea {
    border: 1px solid #555;
    padding: 2px 2px 2px 2px;
    font-size: 11pt;
    color: #555;
    background-color: #fff;
}

div#id0 div#page div#contact .submit {
    cursor: pointer;
    color: #f60;
    background-color: #fff;
    margin-left: 32px;
    margin-bottom: 4px;
    font-size: 11pt;
    padding-left: 4px;
    padding-right: 4px;
}

div#id0 div#page div#contact p a,
div#id0 div#page div#services p a {
    text-decoration: none;
    color: #555;
    background-color: #fff;
    font-weight: 700;
}

div#id0 div#page div#contact p a:hover,
div#id0 div#page div#services p a:hover{
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#home {
    padding-left: 0px;
    padding-bottom: 32px;
    margin: 0;
}

div#id0 div#page div#imprint p {
    padding-left: 16px;
    padding-bottom: 32px;
    padding-top: 10px;
    width: 599px;
}

div#id0 div#page fieldset {
    width: 580px;
}

div#id0 div#page fieldset a {
    text-decoration: none;
    color: #555;
    background-color: #fff;
    font-weight: 700;
}

div#id0 div#page fieldset a:hover {
    color: #f60;
    background-color: #fff;
}

/* input fieldsets */
div#id0 div#page label.left {
    float: left;
    text-align: right;
    width: 80px;
    margin-right: 8px;
}

div#id0 div#page label.right {
    float: left;
    text-align: left;
    width: 52px;
}

div#id0 div#page input[type=text],select {
    float: left;
    margin-bottom: 4px;
}

div#id0 div#page input[type=text] {
    width: 150px;
}

div#id0 div#page textarea {
    width: 400px;
}

div#id0 div#page input[type=checkbox].right,div#id0 div#page input[type=radio].right,div#id0 div#page input[type=file].right,div#id0 div#page input[type=submit].right
    {
    margin-left: 32px;
    margin-bottom: 4px;
}

div#id0 div#page form br {
    clear: both;
}

div#id0 div#page fieldset {
    border: 0;
}

/* -------------------------------------------------------------------------- */
/* the footer area */
div#id0 div#page div#footer {
    clear: both;
    color: #000;
    background-color: #fff;
    font-size: 7pt;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 16px;
    border-top: 1px solid #f60;
}

div#id0 div#page div#footer a {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}

div#id0 div#page div#footer a:hover {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#footer a:active {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#footer a:focus {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#contact a#freelancermap :hover {
    border-bottom: 3px solid #f60;
}

div#id0 div#page div#contact a#xing :hover {
    border-bottom: 3px solid #f60;
}

div#id0 div#page div#contact a#openbc {
    display: block;
    background-image: url(/obc_logo.png);
    width: 81px;
    height: 17px;
    border-bottom: 3px solid #fff;
}

div#id0 div#page div#contact a#openbc :hover {
    border-bottom: 3px solid #f60;
}

/* icons */
div#id0 div#page div#contact img.icon1 {
    margin-right: 8px;
    margin-bottom: 4px;
    vertical-align: middle;
}

div#id0 div#page div#imprint img.icon2,div#id0 div#page div#contact img.icon2
    {
    margin-right: 8px;
    vertical-align: middle;
}

div#id0 div#page span.h6 {
    font-size: 9pt;
    font-weight: 700;
}

div#id0 div#page div#home div#left {
    float: left;
    padding-right: 8px;
    border-right: 1px solid #f60;
}

div#id0 div#page div#home div#newsblock {
    float: left;
    font-size: 9pt;
    padding-left: 8px;
    padding-right: 8px;
    border-left: 1px solid #f60;
    margin-left: -1px;
}

div#id0 div#page div#home div#newsblock div#rss a {
    font-size: 8pt;
    font-weight: 400;
    text-decoration: none;
    color: #555;
    background-color: #fff;
}

div#id0 div#page div#home div#newsblock div#rss h6 a {
    font-size: 8pt;
    font-weight: 700;
    text-decoration: none;
    color: #555;
    background-color: #fff;
}

div#id0 div#page div#home div#newsblock div#rss a:hover {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#home div#newsblock div#rss h6 a:hover {
    color: #f60;
    background-color: #fff;
}

div#id0 div#page div#home div#newsblock div#rss sub {
    font-size: 7pt;
    color: #999;
    background-color: #fff;
}

div.wrap {
    width: 100%;
    margin: 0 auto;
    clear: left;
}

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

div.right {
    float: left;
    width: 90%;
}