.jp_home {
/*	background-image: url('header-logo.png');*/
	background-position: 5px 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
/* 	width: 120px; */
	height: 60px;
}
.jp_textfield {
    border: 1px solid #004080;
    height: 18px;
    width: 256px;
}

.jp_textfield_obligat {
    border: 1px solid #004080;
    height: 18px;
    background-color: #DFE7EF;
    width: 256px;
}

.jp_textarea {
    border: 1px solid #004080;
}

.jp_select {
    border: 1px solid #004080;
    height: 22px;
    width: 258px;
}

.jp_select_obligat {
    border: 1px solid #004080;
    height: 22px;
    background-color: #DFE7EF;
    width: 258px;
}

.jp_file {
    border: 1px solid #004080;
}

.jp_form {
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #DFE7EF;
    margin-bottom: 10px;
}

.jp_form[name=anmelden] {
    background-color: #FFFFFF;
}

div.info {
    background-color: #DEDEFC;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    margin: 12px 0;
    padding: 10px;
}

div.message {
    background-color: #C4D8BC;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    margin: 12px 0;
    padding: 10px;
}

div.error {
    background-color: #EFD0D5;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    margin: 12px 0;
    padding: 10px;
}

div.note {
    background-color: #FBFCDB;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 10px;
    font-weight: normal;
    margin: 12px 0;
    padding: 10px;
}

div.break {
    clear: both;
    /*
    font-size: 1px;
    height: auto;
    margin: 0px;
    */
}


/* Left ***********************************************************************************************************/
.left {
    margin-right: 2px;
    width: 160px;
    display: inline;
    float: left;
    background-color: #dfe7ef;
    margin-top: 0;
    padding-top: 30px;
    height: 480px;
    color: #004080;
    font-size: 0.9em;
    font-weight: bold;
}

.left div.left-image {
    margin-right: 5px;
    border: 2px;
    margin-bottom: 10px;
    border-color: #000000;
    margin-top: 3px;
    display: table;
    float: left;
}

.left div.section {
    border: none;
    margin: 0 0 0 2px;
}

.left div.section a,div.section a:link,div.section a:active,div.section a:visited
    {
    text-decoration: none;
}

.left div.section a:hover {
    text-decoration: underline;
}

.left div.section-item {
    background: transparent url('sec_level_menu.gif') no-repeat 2px
        7px;
    padding: 4px 2px 6px 10px;
    margin-left: 9px;
    border-top: none;
}

.left div.section-item a {
    color: #004080;
}

.left div.section-item-active {
    background-color: #ffffff;
    border-top: 1px solid #FFFFFF;
    padding: 4px 2px 6px 10px;
    font-weight: bold;
}

.left div.section-dev {
    background-color: #ff83F6;
    border-top: 1px solid #FFFFFF;
    padding: 4px 2px 6px 14px;
    font-size: 0.8em;
}

a,a:visited,a:link,a:active {
    color: #004080;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
.xyzhover{
    text-decoration: underline;
}

.backLinkTop {
    margin-top: 10px;
    border-bottom: 1px solid #9fb7cf;
    padding-bottom: 5px;
}

.backLinkBottom {
    margin-bottom: 10px;
    border-top: 1px solid #9fb7cf;
    padding-top: 5px;
}

.smalltext {
    color: #303030;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.8em;
    padding: 0px;
    margin: 0px;
}

/* marketing ***********************************************************************************************************/
.marketing {
    color: #808080;
    width: 950px;
    margin: 1px auto;
    font-size: 0.9em;
    padding: 1px;
    text-align: center;
}

.marketing a,.marketing a:link,.marketing a:active {
    color: #004080;
    text-decoration: none;
}


table.rowlink tr:hover td {
    color: #004080;
    text-decoration: underline;
}

/* table.realtable tr:target { */
/*     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); */
/* } */

.centerbox {
    width: 550px;
    margin: 24px auto 0 auto;
    border: 10px solid #dfe7ef;
    padding: 0;
}

.thickborder {
    border-bottom: 1px solid #9fb7cf;
    border-right: 1px solid #9fb7cf;
    padding: 10px;
}

.buttonback {
    background-image: url('bg_button_left.gif');
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #05448D;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
}

.teaser img {
    margin-right: 10px;
    margin-left: 210px;
}

.teaser h1 {
    border-bottom: none;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: #004080;
    margin-top: 24px;
    margin-top: 18px;
}

.vkframe {
    height: 1000px;
    width: 800px;
    padding-left: 80px;
    border: none;
}

.cf:after,.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.userinvite {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 16px;
    margin-bottom: 10px;
}

.nav_step1_aktiv {
    margin-top: 25px;
    background:transparent url('step1_aktiv.gif') no-repeat scroll 0 0;
}

.nav_step2_aktiv {
    margin-top: 25px;
    background:transparent url('step2_aktiv.gif') no-repeat scroll 0 0;
}

.nav_step3_aktiv {
    margin-top: 25px;
    background:transparent url('step3_aktiv.gif') no-repeat scroll 0 0;

}

.nav_step4_aktiv {
    margin-top: 25px;
    background:transparent url('step4_aktiv.gif') no-repeat scroll 0 0;
}

.registerform {
    padding-left: 38px;
    padding-top: 26px;
    padding-bottom: 16px;
    margin-bottom: 10px;
}

.floatbox
{
    width: 400px;
    margin-right: 50px;
    display: inline;
    float: left;
}   

.registertable  td {
    width: 448px;
    padding-top: 3px;
    padding-bottom: 3px;
}


#area2 {
    background: #DEE7EF;
    border-color: #F7F7F7;
}

#area2 .area-item a {
    background-image: none;
    border-right: 1px solid #F7F7F7;
    color: #000000;
}

#area2 .area-item-active a {
    background-color: #F7F7F7;
}

.pre {
    font-family: monospace;
}

@media print {
    .noprint {
        display: none;
    }
}

.framebox > a > img {
    margin-top: 4px;
}

#system-message {
    /*
    position: fixed;
    height: 74px;
    overflow: hidden;
    */
    width: 963px;
    top: 10px;
    padding: 6px;
    margin: 5px;
    background-color: rgba(255,255,0,0.8);
    border: 4px dashed black;
    text-align: center;
    font-size: 12px;
}

#system-message h1 {
    font-size: 24px;
    margin: 0;
    padding: 0;
}

.toplink {
    border-bottom: 1px solid #A1B8CA;
    margin: 25px 0;
    text-align: right;
}

.toplink a:hover {
    text-decoration: none;
}

#help li {
    margin-bottom: 6px;
}


img[onclick] {
    cursor: pointer;
}

img.screenshot {
    border: 1px solid #E6E6E6;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}

div.editorview {
    border-radius: 5px;
    border: 1px solid rgb(211, 211, 211);
    padding: 5px;
}

div.editorview > * {
    padding: 0;
}

div.wikitext {
}

img.avatar {
    max-height: 50px;
    max-width: 50px;    
}
hr {
    background-color: rgb(161, 184, 202);
    border: 0;
    color: rgb(161, 184, 202);
    height: 1px;
}
.hidden-input {
    border: 1px solid #ddd;
    border-radius: 3px;
}
.hidden-input:focus {
    border: 1px solid #aaa;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.entry:target {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    font-weight: bold;
}

.itempad {
    border-radius: 10px;
    background-color: #f0f0f0;
    padding-left: 10px; 
    padding-right: 10px; 
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.leftfloat {
    float: left;
}
.rightfloat {
    float: right;
}

.fsp_pad {
    border-radius: 10px;
    background-color: #f0f0f0;
    padding-left: 10px; 
    padding-right: 10px; 
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.fsp_itempad {
    border-radius: 10px;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px; 
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.fsp_avatar {
    padding: 0px;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
    float: left;
}
.imgbutton {
    padding: 0px;
    margin: 5px;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
}

.avatar50 {
    border-radius: 6px;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
    height: 50px;
    width: 50px;
}

.avatar75 {
    border-radius: 9px;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
    height: 75px;
    width: 75px;
}

.avatar100 {
    border-radius: 12px;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
    height: 100px;
    width: 100px;
}
div.embedcontent {
    padding: 0 8px;
}
div.topAction {
    padding: 2px 0;
}
table.bottomAction {
    margin: 16px 0 0 0;
}
table.topAction {
    margin: 0;
}
table.topAction, table.bottomAction {
    border: 0;
    border-spacing: 0;
    padding: 0;
    width: auto;
}
table.topAction td, table.bottomAction td {
    border-right: 1px solid #A1B8CA;
    padding: 2px 12px;
}
table.topAction td:first-child, table.bottomAction td:first-child {
    padding-left: 0;
}
table.topAction td:last-child, table.bottomAction td:last-child {
    border-right: 0;
}

/* App-Icon Formatierung */

div.app-icon {
    position: relative;
}
img.app-icon {
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.6);
    height: 100px;
    margin: 8px 10px 12px 10px;
    width: 100px;
    z-index: 1;
}
img.half.app-icon {
    border-radius: 5px;
    height: 50px;
    margin: 3px 5px 7px 5px;
    width: 50px;
}
.app-icon-top-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.app-icon-top-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
a.app-icon-top-right {
    padding: 0 0 16px 16px;
}
.app-icon-bottom-left {
    position: absolute;
    top: 103px;
    left: 0;
    z-index: 2;
}
.app-icon-bottom-right {
    position: absolute;
    top: 103px;
    right: 0;
    z-index: 2;
}
/*
 * grid with cells
 */
.grid {
    clear: left;
    margin: 0 1px 0 0;
    width: 977px;
}
.grid > .cell {
    float: left;
    margin: 0 1px;
    text-align: center;
    width: 120px;
}
.grid .label {
    font-size: 90%;
    height: 32px;
    overflow: hidden;
}

/* ^^^ End of old code ^^^ */
/* ======================================================================== */

/* ======================================================================== */
/* Elements
/* ======================================================================== */
body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #ffffff;
    margin: 0;
    text-align: left;
    background-image: none;
    font-size: 13px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    overflow-y: scroll;
}
img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
a img {
    border: 0px;
}
form {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
p {
    margin-bottom: 10px;
    margin-top: 0px;
}
h1 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: #000000;
    padding-bottom: 5px;
    margin-top: 17px;
}
h2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
    padding-bottom: 0;
    margin: 0;
    margin-bottom: 16px;
}
h3 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #000000;
    padding-bottom: 0;
    font-weight: bold;
    margin: 0;
    margin-bottom: 15px;
}
li {
    margin-bottom: 0.3em;
}
/* ------------------------------------------------------------------------ */
/* show div and li with href as link
/* ------------------------------------------------------------------------ */
div[href], li[href] {
    cursor: pointer;
}
div[href]:hover, li[href]:hover {
    border-color: rgb(0,64,128);
    box-shadow: 0 2px 8px rgba(0,64,128,0.6);
}
/* ======================================================================== */
/* Classes
/* ======================================================================== */
/* hidden: include text in page, but make it white and transparent */
.hidden, .hidden * {
    color: rgba(255, 255, 255, 0);
}
/* hover-img: make image 75% transparent unless the cursor is over its parent element */ 
.hover-img {
    opacity: 0.25;
}
:hover > .hover-img {
    opacity: 1;
}
/* shy: 60% transparent */
.shy {
    opacity: 0.4;
}
.lfloat {
    float: left;
}
div.lfloat {
    width: 320px;
}
.rfloat {
    float: right;
}
div.rfloat {
    width: 320px;
}
.right {
    text-align: right;
}
.bold {
    font-weight: bold;
}
/* ======================================================================== */
/* Page Structure
/* ======================================================================== */
/* ------------------------------------------------------------------------ */
/* #jp_page
/* ------------------------------------------------------------------------ */
#jp_page {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
/* ------------------------------------------------------------------------ */
/* #jp_page
/* 	   #jp_navigation
/* ------------------------------------------------------------------------ */
#jp_navigation {
/*     background-image: url('header.jpg'); */
    background-repeat: no-repeat;
    height: auto;
/*     overflow: hidden; */
    width: 960px;
}
/* ------------------------------------------------------------------------ */
/* #jp_page
/*     #jp_navigation
/*         #jp_headerlogo
/* ------------------------------------------------------------------------ */
#jp_headerlogo {
    min-height: 60px;
}
/* ------------------------------------------------------------------------ */
/* #jp_page
/*     #jp_navigation
/*         #jp_app-title
/* ------------------------------------------------------------------------ */
#jp_app-title {
    font-size: 1em;
    font-weight: bold;
    height: auto;
    margin: 0px;
    padding: 0px;
    width: 130px;
}
/* ------------------------------------------------------------------------ */
/* #jp_page
/*     #jp_navigation
/*         #jp_app-status
/* ------------------------------------------------------------------------ */
#jp_app-status {
    left: 188px;
    position: absolute;
    top: 44px;
    width: 120px;
    z-index: 3;
}
#jp_app-status > img {
    left: -16px;
    position: absolute;
}
/* ------------------------------------------------------------------------ */
/* #jp_page
/*     #jp_navigation
/*         #jp_logobar
/* ------------------------------------------------------------------------ */
#jp_logobar {
    position: absolute;
    top: 0;
    font-size: 75%;
}
/* .logobar-task > img { */
/*     border-radius: 5px; */
/*     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6); */
/* } */
/* ------------------------------------------------------------------------ */
/* #jp_page
/*     #jp_navigation
/*         #jp_logobar
/*             #jp_logout
/* FIXME: NEW LOGOUT
/* ------------------------------------------------------------------------ */
#jp_logout {
    border: 1px solid #9FBFD2;
    border-radius: 0 0 0 10px;
    border-width: 0 0 1px 1px;
    float: right;
    height: 30px;
    left: 913px;
    margin: 0;
    padding: 8px;
    position: absolute;
    top: -1px;
    width: 30px;
}
/* ------------------------------------------------------------------------ */
/* #jp_page
/* 	   #jp_navigation
/* 		   #jp_menubar
/* ------------------------------------------------------------------------ */
#jp_menubar {
	border-bottom: 1px solid #9FBFD2;
	height: 32px;
	margin: 2px 0 0 0;
	position: relative;
}
#jp_menubar > * > .item {
    display: inline-block;
    height: 18px;
    padding: 6px 8px 1px 10px;
}
#jp_menubar .sizer {
    height: 18px;
    width: 0;
}
/* ------------------------------------------------------------------------ */
/* #jp_page
/*     #jp_navigation
/*         #jp_menubar
/* 			   #jp_breadcrumbs
/* ------------------------------------------------------------------------ */
#jp_breadcrumbs {
    float: left;
    min-width: 0;
}
#jp_breadcrumbs > .breadcrumb {
    margin: 1px 4px 1px 6px;
    padding-left: 6px;
}
/* #jp_breadcrumbs > .breadcrumb:first-of-type { */
/*     margin-left: 0; */
/* } */
#jp_breadcrumbs > .breadcrumb:before {
    border: 1px solid #9FBFD2;
    border-width: 2px 0 0 2px;
    content:"";
    position: absolute;
    width: 24px;
    height: 24px;
    margin: -4px 0 0 -18px;
    -moz-transform: scale(0.5, 0.95) rotate(-45deg);
    -ms-transform: scale(0.5, 0.95) rotate(-45deg);
    -o-transform: scale(0.5, 0.95) rotate(-45deg);
    -webkit-transform: scale(0.5, 0.95) rotate(-45deg);
    transform: scale(0.5, 0.95) rotate(-45deg);
}
#jp_breadcrumbs > .breadcrumb:first-of-type:before {
/*     border: none; */
	border-width: 0 0 0 1px;
    height: 34px;
    margin: -8px 0 0 -12px;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 4px;
}
/* ------------------------------------------------------------------------ */
/* #jp_page
/*     #jp_navigation
/*         #jp_menubar
/*             #jp_sidemenu
/* ------------------------------------------------------------------------ */
#jp_sidemenu-opener.jp_sidemenu-hidden {
    display: none;
}
#jp_sidemenu-opener {
	border: 1px solid #9FBFD2;
    border-radius: 10px 0 0 0;
    border-width: 1px 0 1px 1px;
    float: right;
    height: 30px;
    margin-left: 4px;
    padding: 8px;
    position: relative;
    top: -15px;
}
/* #jp_sidemenu-opener > img { */
/*     height: 30px; */
/*     width: 30px; */
/* } */
#jp_sidemenu {
	background: rgba(255,255,255,0.9);
    border: 1px solid #9FBFD2;
    border-radius: 0 0 0 10px;
    border-width: 1px 0 1px 1px;
    display: none;
    padding: 9px;
    position: absolute;
    right: 0;
    top: 32px;
}
#jp_sidemenu > a.option {
    display: block;
    margin-bottom: 4px;
}
#jp_sidemenu > a.option:last-of-type {
    margin-bottom: 0;
}
/* ------------------------------------------------------------------------ */
/* #jp_page
/*     #jp_navigation
/*         #jp_menubar
/* 	           #jp_tabs
/* ------------------------------------------------------------------------ */
#jp_tabs {
    float: right;
    min-width: 0;
}
#jp_tabs > .tab {
    border: 1px solid #9FBFD2;
    border-radius: 12px 12px 0 0;
    margin: 1px 0 -1px 4px;
    padding-bottom: 6px;
}
#jp_tabs > .tab.active {
    border-bottom: 1px solid white;
    margin-bottom: -1px;
}
/* ------------------------------------------------------------------------ */
/* tools - currently (2014-11-14) unused */
/* ------------------------------------------------------------------------ */
/* #jp_menubar > .tools { */
/*     float: right; */
/*     height: 30px; */
/*     min-width: 0; */
/* } */
/* #jp_menubar > .tools > .tool { */
/*     float: right; */
/*     margin: 5px; */
/* } */
/* ------------------------------------------------------------------------ */
/* #jp_page
/*     #jp_content
/* ------------------------------------------------------------------------ */
#jp_content {
    margin-top: 2px;
}
/* ------------------------------------------------------------------------ */
/* #jp_page
/*     #jp_footer
/* ------------------------------------------------------------------------ */
#jp_footer {
    border-top: 1px solid #A1B8CA;
	color: #A1B8CA;
    margin-top: 50px;
    padding: 10px 25px;
    text-align: right;
    width: 910px;
}
#jp_footer a:link {
    color: #A1B8CA;
    text-decoration: none;
}
#jp_footer a:hover {
    color: #A1B8CA;
    text-decoration: underline;
}
#jp_footer a:visited {
    color: #A1B8CA;
    text-decoration: none;
}
/* ======================================================================== */
/* aIcon / Option */
/* ======================================================================== */
a.option:hover { text-decoration: none; }
a.option:hover > span { text-decoration: underline; }
/* ======================================================================== */
/* Shadow */
/* ======================================================================== */
.shadow {
    box-shadow: 0 2px 8px rgba(0,0,0,0.6);
}
.shadow-high {
    box-shadow: 0 4px 16px rgba(0,0,0,0.6);
}
.shadow-inset {
    box-shadow: inset 0 2px 8px rgba(0,0,0,0.6);
}
/* ======================================================================== */
/* 960 Grid System - http://960.gs/demo.html */
/* ======================================================================== */
.gs2 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: 140px !important;
}
.gs3 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: 220px !important;
}
.gs4 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: 300px !important;
}
.gs6 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 10px !important;
    margin-right: 10px !important;
    width: 460px !important;
}
.gs8 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: 620px !important;
}
.gs12 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: 940px !important;
}
/* ======================================================================== */
/* Real Table und Round Table */
/* ======================================================================== */
/* table */
table.realtable,
table.roundtable {
    border-collapse: separate;
    border-spacing: 0 2px;
    width: 100%;
    margin: 0;
}
/* thead */
table.realtable > thead > tr,
table.realtable tr.head,
table.roundtable > thead > tr,
table.roundtable tr.head {
    border: 1px solid #6788A3;
    padding: 0 3px;
}
/* tbody */
/* tr */
table.realtable > tbody > tr,
table.roundtable > tbody > tr {
    border: 1px solid #8AA5BD;
    padding: 0 3px;
}
/* cell */
table.realtable th,
table.realtable td,
table.roundtable th,
table.roundtable td {
    padding: 8px 10px;
    vertical-align: top;
}
table.realtable th,
table.roundtable th {
    background-color: rgba(45,95,150,0.15);
    border-right: 1px solid #B2C5D9;
    font-weight: bold;
    text-align: left;
    text-shadow: 0px 1px 4px rgba(0, 64, 128, 0.3);
}
table.realtable > tbody > th.red,
table.realtable > tbody > td.red,
table.realtable > tbody > tr.odd > th.red,
table.realtable > tbody > tr.odd > td.red,
table.realtable > tbody > tr.even > th.red,
table.realtable > tbody > tr.even > td.red {
	background-color: #faa;
}
table.realtable > tbody > th.yellow,
table.realtable > tbody > td.yellow,
table.realtable > tbody > tr.odd > th.yellow,
table.realtable > tbody > tr.odd > td.yellow,
table.realtable > tbody > tr.even > th.yellow,
table.realtable > tbody > tr.even > td.yellow {
	background-color: #ffa;
}
table.realtable > tbody > th.green,
table.realtable > tbody > td.green,
table.realtable > tbody > tr.odd > th.green,
table.realtable > tbody > tr.odd > td.green,
table.realtable > tbody > tr.even > th.green,
table.realtable > tbody > tr.even > td.green {
	background-color: #afa;
}
table.realtable th:last-of-type,
table.roundtable th:last-of-type {
    border-right-color: transparent;
}
/* Ecken abrunden */
table.realtable > thead > tr:first-of-type > *:first-child,
table.realtable > tbody > tr.head:first-of-type > *:first-child,
table.roundtable > tbody > tr:first-of-type > *:first-child                         { border-radius: 10px 0 0 0; }
table.realtable > thead > tr:first-of-type > *:last-child,
table.realtable > tbody > tr.head:first-of-type > *:last-child,
table.roundtable > tbody > tr:first-of-type > *:last-child                          { border-radius: 0 10px 0 0; }
table.realtable > thead > tr:first-of-type > *:first-child:last-child,
table.realtable > tbody > tr.head:first-of-type > *:first-child:last-child,
table.roundtable > tbody > tr:first-of-type > *:first-child:last-child              { border-radius: 10px 10px 0 0; }
table.realtable > tbody > tr:last-of-type > *:first-child,
table.roundtable > tbody > tr:last-of-type > *:first-child                          { border-radius: 0 0 0 10px; }
table.realtable > tbody > tr:last-of-type > *:last-child,
table.roundtable > tbody > tr:last-of-type > *:last-child                           { border-radius: 0 0 10px 0; }
table.realtable > tbody > tr:last-of-type > *:first-child:last-child,
table.roundtable > tbody > tr:last-of-type > *:first-child:last-child               { border-radius: 0 0 10px 10px; }
table.roundtable > tbody > tr:first-of-type:last-of-type > *:first-child            { border-radius: 10px 0 0 10px; }
table.roundtable > tbody > tr:first-of-type:last-of-type > *:last-child             { border-radius: 0 10px 10px 0; }
table.roundtable > tbody > tr:first-of-type:last-of-type > *:first-child:last-child { border-radius: 10px 10px 10px 10px; }
/* Innenschatten */
table.realtable > * > tr > th,
table.roundtable > tbody > tr > th                        { box-shadow: inset 0 9px 8px -9px #6788A3, inset 0 -9px 8px -9px #6788A3; }
table.realtable > * > tr > th:first-child,
table.roundtable > tbody > tr > th:first-child            { box-shadow: inset 0 9px 8px -9px #6788A3, inset 0 -9px 8px -9px #6788A3, inset  9px 0 8px -9px #6788A3; }
table.realtable > * > tr > th:last-child,
table.roundtable > tbody > tr > th:last-child             { box-shadow: inset 0 9px 8px -9px #6788A3, inset 0 -9px 8px -9px #6788A3, inset -9px 0 8px -9px #6788A3; }
table.realtable > * > tr > th:first-child:last-child,
table.roundtable > tbody > tr > th:first-child:last-child { box-shadow: inset 0 9px 8px -9px #6788A3, inset 0 -9px 8px -9px #6788A3, inset  9px 0 8px -9px #6788A3, inset -9px 0 8px -9px #6788A3; }
table.realtable > tbody > tr > td,
table.roundtable > tbody > tr > td                        { box-shadow: inset 0 8px 8px -9px #8AA5BD, inset 0 -8px 8px -9px #8AA5BD; }
table.realtable > tbody > tr > td:first-child,
table.roundtable > tbody > tr > td:first-child            { box-shadow: inset 0 8px 8px -9px #8AA5BD, inset 0 -8px 8px -9px #8AA5BD, inset  8px 0 8px -9px #8AA5BD; }
table.realtable > tbody > tr > td:last-child,
table.roundtable > tbody > tr > td:last-child             { box-shadow: inset 0 8px 8px -9px #8AA5BD, inset 0 -8px 8px -9px #8AA5BD, inset -8px 0 8px -9px #8AA5BD; }
table.realtable > tbody > tr > td:first-child:last-child,
table.roundtable > tbody > tr > td:first-child:last-child { box-shadow: inset 0 8px 8px -9px #8AA5BD, inset 0 -8px 8px -9px #8AA5BD, inset  8px 0 8px -9px #8AA5BD, inset -8px 0 8px -9px #8AA5BD; }
/* ======================================================================== */
/* Real Table */
/* ======================================================================== */
table.realtable > tbody > tr.odd > td {
    background-color: #ffffff;
}
table.realtable > tbody > tr.even > td {
    background-color: #f0f0ff;
}
/* ======================================================================== */
/* Plane List */
/* ======================================================================== */
div.planelist {
    background-color: hsla(0,0%,90%,1);
    background-image: linear-gradient(160deg, hsla(0,0%,95%,1) 0%, hsla(0,0%,80%,1) 100%);
    background-image: -moz-linear-gradient(290deg, hsla(0,0%,95%,1) 0%, hsla(0,0%,80%,1) 100%);
    background-image: -webkit-linear-gradient(290deg, hsla(0,0%,95%,1) 0%, hsla(0,0%,80%,1) 100%);
    border: 1px solid #ccc;
    border-radius: 20px;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
    min-height: 75px;
    padding: 5px;
}
div.planelist > div.plane {
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    height: 55px;
    margin: 10px;
    overflow: hidden;
    padding: 10px;
}
div.planelist > div.plane > .leftwing {
    float: left;
    height: 75px;
    margin: -10px 10px -10px -10px;
}
div.planelist > div.plane > .rightwing {
    float: right;
    height: 75px;
    margin: -10px -10px -10px 10px;
}
div.planelist > div.plane > div.plane-actions {
	float: right;
}
div.planelist > div.plane > div.plane-actions > a.option {
	clear: right;
	float: right;
}
div.planelist > div.plane > div.plane-actions > a.option > span.optiontext {
	display: none;
}
div.planelist > div.plane > div.plane-actions > a.option:hover > span.optiontext {
	display: inline;
}
/* ======================================================================== */
/* Item Box */
/* ======================================================================== */
div.itembox {
    background-color: #F0F0F0;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    margin: 5px 0;
    padding: 5px 10px;
}
/* ======================================================================== */
/* Feature */
/* ======================================================================== */
div.feature {
    margin-top: 25px;
}
div.feature_head {
    clear: both;
    margin-top: 30px;
    border-bottom: 1px solid #A1B8CA;
    margin-bottom: 0;
    box-shadow: inset 0px -6px 8px -9px #6788A3;
    padding: 5px;
}
div.feature_head > div.item {
    margin-left: 30px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    padding: 5px;
/*     background-color: #dfe7ef; */
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
    display: inline;
    background-color: white;
    border: 1px solid #A1B8CA;
    border-bottom-color: white;
    border-radius: 5px 5px 0 0;
/*     box-shadow: 4px 2px 4px -2px #6788A3; */
/*     box-shadow: 4px 2px 4px -2px #6788A3, inset 0 -2px 2px -2px #6788A3; */
    box-shadow: 5px 0 4px -4px #6788A3;
}
/* ======================================================================== */
/* Button
/* ======================================================================== */
a.button {
	color: black;
}
button,
.button {
    background-image: linear-gradient(0deg, #6997D3 0%, #E6F1FF 100%);
    border: 1px solid #8AA5BD;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.6);
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    margin: 5px 0;
    padding: 5px 10px;
    text-decoration: none;
    white-space: nowrap;
}
button[disabled], button[disabled]:hover,
.button[disabled], .button[disabled]:hover {
    background-color: #ebebeb;
    background-image: none;
    border-color: #bdbdbd;
    box-shadow: none;
}
button.big, button.icon,
.button.big, a.button.icon {
    font-size: 16px;
}
button:hover,
.button:hover {
    border-color: rgb(0, 64, 128);
    box-shadow: 0 2px 8px rgba(0, 64, 128, 0.6);
}
a.button:hover {
    text-decoration: none;
}
button:active, button.big:active, button.icon:active,
.button:active, .button.big:active, .button.icon:active,
.button.active, .button.big.active, .button.icon.active {
    background-image: linear-gradient(0deg, #C0D6F2 0%, #CDDFF6 100%);
    border-color: rgb(0, 64, 128);
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
    text-decoration: none;
}
/* Green Button */
button.green,
.button.green {
    background-image: linear-gradient(0deg, #98D46A 0%, #F0FFE6 100%);
    border-color: #A5BD8A;
}
button.green:hover,
.button.green:hover {
    border-color: rgb(0, 64, 128);
    box-shadow: 0 2px 8px rgba(0, 64, 128, 0.6);
}
button.green:active, button.big.green:active, button.icon.green:active,
.button.green:active, .button.big.green:active, .button.icon.green:active,
.button.green.active, .button.big.green.active, .button.icon.green.active {
    background-image: linear-gradient(0deg, #D5F2BF 0%, #DDF5CB 100%);
    border-color: rgb(0, 128, 64);
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
    text-decoration: none;
}
/* ======================================================================== */
/* Silver UL
/* ======================================================================== */
ul.silver {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.silver > li {
    background-color: hsla(0,0%,90%,1);
    background-image: linear-gradient(160deg, hsla(0,0%,95%,1) 0%, hsla(0,0%,80%,1) 100%);
    background-image: -moz-linear-gradient(290deg, hsla(0,0%,95%,1) 0%, hsla(0,0%,80%,1) 100%);
    background-image: -webkit-linear-gradient(290deg, hsla(0,0%,95%,1) 0%, hsla(0,0%,80%,1) 100%);
    border: 1px solid #dfdfdf;
    border-radius: 15px;
    box-shadow: 0 1px 4px black;
    margin: 10px 0;
    min-height: 20px;
    padding: 5px 4px 1px 9px;
}
ul.silver > li > a > span.optiontext {
    position: relative;
    top: -3px;
}
ul.silver > li.selected, ul.silver > li:active {
    border-width: 0;
    box-shadow: none;
    box-shadow: inset 0px 1px 4px rgba(0,0,0,0.6);
    padding: 6px 5px 2px 10px;
}
ul.silver > li.selected {
    font-weight: bold;
}
ul.silver > li > a:link,
ul.silver > li > a:visited {
    color: black;
}
/* ======================================================================== */

/* ^^^ End of new code ^^^ */

/* ======================================================================== */
/* To be removed candidates
/* ======================================================================== */
/* ------------------------------------------------------------------------ */
/* .navigation div.area
/* ------------------------------------------------------------------------ */
/* .navigation div.area, .navigation div.section { */
/*     background-color: rgba(255,255,255,0.5); */
/* } */
/* .navigation div.area { */
/*     font-weight: bold; */
/*     font-size: 11px; */
/*     margin: 0px; */
/*     padding: 0px; */
/*     width: 981px; */
/*     height: 26px; */
/* } */
/* .navigation div.area a:link.tool { */
/*     float: right; */
/*     background: none; */
/*     margin: 3px; */
/*     padding: 0; */
/* } */
/* .navigation div.area-item { */
/*     background: url('area1.gif') no-repeat right; */
/*     float: left; */
/* } */
/* .navigation div.area div.area-item { */
/*     background-image: none; */
/*     margin: 0; */
/*     padding: 5px 0 4px 0; */
/*     border-radius: 10px; */
/* } */
/* .navigation div.area a,.navigation div.area a:link,.navigation div.area a:visited,.navigation div.area a:hover,.navigation div.area a:focus,.navigation div.area a:active */
/*     { */
/*     padding: 4px 21px 4px 20px; */
/*     font-weight: normal; */
/*     font-size: 1.2em; */
/*     font-family: Arial, Verdana, Helvetica, sans-serif; */
/* /*  color: #ffffff; */ */
/*     text-decoration: none; */
/*     border-radius: 10px; */
/* } */
/* .navigation div.area-item a:link,.navigation div.area-item a:visited { */
/*     color: #033b73; */
/*     text-decoration: none; */
/*     border-radius: 10px; */
/* } */
/* .navigation div.area-item a:hover { */
/* /*     color: #ffffff; */ */
/* /*     background-color: rgba(223,231,239,0.5); */ */
/*     background-color: rgba(159, 183, 207, 0.5); */
/*     text-decoration: none; */
/*     border-radius: 10px; */
/* } */
/* .navigation div.area-item-active { */
/*     padding: 6px 10px 5px 9px; */
/*     float: left; */
/*     padding: 5px 0 4px; */
/*     color: #033b73; */
/* } */
/* .navigation div.area-item-active a,.navigation div.area-item-active a:link,.navigation div.area-item-active a:visited,.navigation div.area-item-active a:hover,.navigation div.area-item-active a:focus,.navigation div.area-item-active a:active,.navigation div.area-item-active span */
/*     { */
/*     background: transparent url('navi_bg2.png') repeat-x 0 0; */
/*     color: #033b73; */
/*     padding: 4px 21px 6px 20px; */
/*     font-weight: normal; */
/*     font-size: 1.2em; */
/*     font-family: Arial, Verdana, Helvetica, sans-serif; */
/*     text-decoration: none; */
/*     border-radius: 10px; */
/* } */
/* ------------------------------------------------------------------------ */
/* .navigation div.section
/* ------------------------------------------------------------------------ */
/* .navigation div.section { */
/*     clear: both; */
/* /*  background: #dfe7ef url(navi_bg.png) repeat-x 0 0; */ */
/* /*  background-color: #DFE7EF;  */ */
/*     font-weight: bold; */
/*     font-size: 11px; */
/*     width: 981px; */
/*     height: 26px; */
/*     margin: 0px; */
/*     padding: 0px; */
/*     height: 26px; */
/* } */
/* .navigation div.section-item { */
/* /*  background: url(area1.gif) no-repeat right; */ */
/*     float: left; */
/* } */
/* .navigation div.section div.section-item { */
/*     background-image: none; */
/*     margin: 0; */
/*     padding: 5px 0 4px 0; */
/*     border-radius: 10px; */
/* } */
/* .navigation div.section a,.navigation div.section a:link,.navigation div.section a:visited,.navigation div.section a:hover,.navigation div.section a:focus,.navigation div.section a:active */
/*     { */
/* /*  background: transparent url(navi_bg_right.gif) no-repeat scroll right 5px; */ */
/*     padding: 4px 21px 4px 20px; */
/*     font-weight: normal; */
/*     font-size: 1.2em; */
/*     font-family: Arial, Verdana, Helvetica, sans-serif; */
/*     color: #000000; */
/*     text-decoration: none; */
/* } */
/* .navigation div.section-item a:hover { */
/*     color: #ffffff; */
/*     text-decoration: none; */
/* } */
/* .navigation div.section-item-active { */
/*     padding: 6px 10px 5px 9px; */
/*     float: left; */
/*     padding: 5px 0 4px; */
/*     color: #033b73; */
/* } */
/* .navigation div.section-item-active a,.navigation div.section-item-active a:link,.navigation div.section-item-active a:visited,.navigation div.section-item-active a:hover,.navigation div.section-item-active a:focus,.navigation div.section-item-active a:active,.navigation div.section-item-active span */
/*     { */
/*     background: transparent url('navi_bg2.png') repeat-x 0 0; */
/*     color: #033b73; */
/*     padding: 4px 21px 6px 20px; */
/*     font-weight: normal; */
/*     font-size: 1.2em; */
/*     font-family: Arial, Verdana, Helvetica, sans-serif; */
/*     text-decoration: none; */
/*     border-radius: 10px; */
/* } */
/* ------------------------------------------------------------------------ */
/* .navigation div.meta
/* ------------------------------------------------------------------------ */
/* .navigation div.meta { */
/*     margin-top: 0; */
/*     padding: 3px 5px 2px 5px; */
/*     background-color: #999999; */
/*     color: white; */
/*     float: none; */
/*     display: block; */
/*     width: 971px; */
/*     font-family: Arial, Verdana, Helvetica, sans-serif !important; */
/* } */
/* .navigation div.meta span { */
/*     display: none; */
/* } */
/* .navigation div.meta a,.navigation div.meta a:link,.navigation div.meta a:visited,.navigation div.meta a:hover,.navigation div.meta a:active,.navigation div.meta a:focus */
/* { */
/*     background: transparent url('arrow_meta.gif') no-repeat scroll 0 3px; */
/*     color: white; */
/*     padding-left: 8px; */
/*     padding-right: 8px; */
/*     font-size: 0.8em; */
/*     font-weight: bold !important; */
/* } */
/* ------------------------------------------------------------------------ */
/* .content
/* ------------------------------------------------------------------------ */
/* .content { */
/*     margin-left: 16px; */
/*     width: 802px; */
/*     margin-top: 2px; */
/*     display: inline; */
/*     float: left; */
/* } */
/* .content div.print { */
/*     padding-top: 8px; */
/*     float: right; */
/* } */
/* .content div.print a { */
/*     background: transparent; */
/*     padding: 0; */
/* } */
/* .content p { */
/*     padding-right: 11px; */
/* } */
/* .content table { */
/*     border-collapse: collapse; */
/*     border-color: #E6EBF0; */
/* } */
/* .content table td { */
/*     padding-bottom: 5px; */
/*     border: none; */
/*     text-align: left; */
/* } */
/* ------------------------------------------------------------------------ */
/* .widecontent
/* ------------------------------------------------------------------------ */
/* .widecontent { */
/*     width: 965px; */
/*     margin-top: 2px; */
/*     display: inline; */
/*     float: left; */
/* } */
/* .widecontent div.print { */
/*     padding-top: 8px; */
/*     float: right; */
/* } */
/* .widecontent div.print a { */
/*     background: transparent; */
/*     padding: 0; */
/* } */
/* .widecontent a,.content a:visited,.content a:link,.content a:active { */
/*     color: #004080; */
/*     text-decoration: none; */
/* } */
/* .widecontent a:hover,a.hover { */
/*     text-decoration: underline; */
/* } */
/* .widecontent p { */
/*     padding-right: 11px; */
/* } */
/* .widecontent .alignLeft { */
/*     float: left; */
/*     width: 600px; */
/* } */
/* .widecontent .stepbox { */
/*     float: left; */
/* /*  border: 1px solid #ff0000; */  */
/*     margin-top: 17px; */
/*     margin-left: 40px; */
/*     width: 810px; */
/* } */
/* .widecontent .alignRight { */
/*     float: right; */
/* /*  border: 1px solid #ff0000; */ */
/*     width: 320px; */
/* } */
/* .widecontent .framebox { */
/*     border: 5px solid #dfe7ef; */
/*     padding: 10px; */
/*     margin-top: 17px; */
/* } */
/* .widecontent .framebox { */
/*     padding-top: 6px; */
/* } */