/* Standardelemente  */

    body {
        background-image: url('http://hopalots.spiorad.net/includes/images/Tartan.gif');
        background-repeat: repeat;

        /*background-color: #CCCCCC; */
        margin: 0px;
        padding: 0px;
        font-family: Verdana;
        font-size: 12px;
    }

    div {
        font-size: 12px;
    }

    td {
        font-size: 12px;
    }

    a {
        text-decoration: none;
        color: #293CCC;
    }

    a:hover {
        text-decoration: underline;
        color: #663CCC;
    }

    p {
        padding: 0px;
    }

    h1 {
        font-size: 19px;
        color: #000000;
        font-weight: bold;
        font-style: normal;
    }

    h2 {
        font-size: 16px;
        color: #000000;
        font-weight: bold;
        font-style: normal;
    }

    h3 {
        font-size: 14px;
        color: #000000;
        font-weight: bold;
        font-style: normal;
    }

    li {
        font-size: 12px;
    }

    table, tr, td {
        font-size: 12px;
    }

    th {
        font-weight: bold;
        font-size: 12px;
        background-color:#CCCCCC;
        color: #000000;
    }

    form {
        padding: 0px;
        margin: 0px;
    }

    fieldset {

    }


    input, textarea, select, option {
        font-family: Verdana;
        /* border: #000000; */
        font-size: 12px;
        padding-left: 2px;
        padding-right: 2px;
    }


    input.button {
        background-color: #000000;
        color: #CCCCCC;
    }

    label {
        font-size: 12px;
    }







/* Elemente für Divbased-Support */


    .backgroundcell {
        z-index: 0;
        position: absolute;
        /* background-color: #CCCCCC; */
        height: 40px;
        width: 100%;
    }

    .topcell {
        height: 40px;
        width: 1000px;
        /*background-image: url('http://hopalots.spiorad.net/includes/images/title4.jpg');*/
        font-size: 12px;
        font-weight: bold;
    }

    .surroundcell {
        z-index: 1;
        position: absolute;
        width: 1000px;
        height: auto;
        min-height: 100%;
        margin-left: 0px;
        margin-top: 40px;
        /* background-color: #CCCCCC; */
    }

    .leftcell {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 120px;
        padding: 5px 5px 5px 5px;
        width: 180px;
        /* background-color: #CCCCCC; */
        height: 100%;
        /* background-image: url('http://hopalots.spiorad.net/includes/images/left.png'); */
    }

    .statuscell {
        margin: 30px 210px -20px 190px;
        padding: 5px 20px 5px 20px;
        border: 1px dotted ".ApplicationColors::BGColor8.";
        background-color: ".ApplicationColors::BGColor1.";
        color: ".ApplicationColors::FontColor1.";
        font-size: ".ApplicationSizes::FontSizeNormal."px;
    }

    .statuscell div.title {
        font-size: ".ApplicationSizes::FontSizeNormal."px;
        font-weight: bold;
    }

    .statuscell ul {
        padding-left: 20px;
        font-size: ".ApplicationSizes::FontSizeSmall."px;
    }

    .statuscell li {
        font-size: ".ApplicationSizes::FontSizeSmall."px;
    }

    .centercell {

        padding: 20px 20px 20px 20px;
        margin: 0px
                180px
                0px
                180px;

        min-height: 450px;
        width: auto;

        background-color: #FFFFFF;
        color: #000000;
        font-size: 12px;
    }

    .rightcell {
        position: absolute;
        top: 0;
        right: 0;
        width: 180px;
        /* background-color: #E6E6E6; */
    }

    .bottomcell {
        /* background-color: #E6E6E6; */
        margin: 0px
                180px
                0px
                180px;
    }


    .actioncell {
        display: none;
    }

    .debugcell {
        width: 450px;
        background-color: #CCCCCC;
        position: absolute;
        z-index: 100;
        right: 0;
        top: 0;
    }

    .debugcell p {
        font-size: 9px;
        line-height: 0.7;
    }


    .logo {
        background-image: url('http://hopalots.spiorad.net/includes/images/Paddy.gif');
        background-repeat: no-repeat;
        height: 160px;
        width: 180px;
        margin: 0px
                0px
                0px
                0px;
        position: absolute;
    }

    div.pagetitle {
        position : absolute;
        padding-top: 2px;
        padding-left: 4px;

        //height: auto;
        width: auto;

        margin-left: 180px;
        color: #FFFFFF;
        font-size: 24px;
        text-align: center;
        font-weight: bold;
    }

    div.pageaction {
    }

    div.pageaction:hover {
    }

    div.hiddenclear {
        clear: both;
        visibility: hidden;
    }

    .login {
        height: 66px;
    }

    .leftcell .login {
        padding: 2px 5px 0px 5px;
    }

    .leftcell .login div {
        height: 22px;
    }

    .leftcell .login input {
        position:absolute;
        right:12px;
        width:50%;
    }

    .leftcell .login label {
        left:12px;
        position:absolute;
        width:50%;
    }

    .logout {

    }

    .leftcell .logout {
        padding: 1px 5px 2px 5px;
    }

    .leftcell .logout div.username {
        font-weight: bold;
        font-size: 12px;
    }

    .leftcell .logout div.logout {
        padding-top: 0px;
        text-align: right;
        font-size: 12px;
    }

    .leftcell .ehtml_container {
        padding-left: 8px;
        padding-right: 8px;
    }

    .links {

    }

    .leftcell .links {
        padding: 1px 5px 2px 5px;
    }

    .arbeitszeit {

    }

    .leftcell .arbeitszeit {
        padding: 1px 5px 2px 5px;
    }

    .leftcell .arbeitszeit div.info{
        font-size: 12px;
    }

    .leftcell .arbeitszeit div.action{
        padding-top: 2px;
        text-align: right;
        font-size: 12px;
    }

    .leftcell .arbeitszeit div.username {
        font-weight: bold;
        font-size: 12px;
    }






    /* spc_ViewContact */

    .spc_ViewContact input, .spc_ViewContact textarea {
        background: #FFFFFF;
        border: 1px solid #000000;
        width: 450px;
    }

    .spc_ViewContact textarea {
    	height: 240px;
        }

    .spc_ViewContact_Submit input {
        background: #E6E6E6;

    }


    /* spc_ViewContainer */


    .ehtml_container {
        display: block;
    }

    .ehtml_container div.title {

    }

    .ehtml_container div.container {

    }

    .leftcell .ehtml_container div.title {
        color: #FFFFFF;
        /*border-bottom: 1px solid #E5e5e5;*/
        font-size: 10px;
        font-weight: bold;
        margin-top: 8px;
        margin-bottom: 2px;
        padding-left: 3px;
        text-transform: uppercase;
    }

    .leftcell .ehtml_container div.container {
        /* background-color: #ffffff; */
        /*color: #FFFFFF; */
        font-weight: bold;
        /* border-bottom: 1px solid #E5e5e5; */
        margin-bottom: 10px;
    }




    .ehtml_treerenderer {
        /* background-color: #FFFFFF */;
        cursor: default;
    }

    .ehtml_treerenderer a {
        /*text-decoration: inherit;*/
        /*font-weight: inherit;*/
        /*color: inherit;*/
        /*cursor: inherit;*/
    }

    .ehtml_treerenderer a:hover {
        /*text-decoration: inherit;*/
        /*font-weight: inherit;*/
        color: #CC0000;;
    }

    .ehtml_treerenderer div.level1 {
        padding: 3px 0px 3px 10px;
        /*border-top: 1px solid #CCCCCC;*/
        /* border-bottom: 1px solid #000000; */
        /* background-color: #FFFFFF; */
        font-size: 12px;
        /*color: #FFFFFF;*/
    }

    .ehtml_treerenderer div.level1:hover {
        /* color: #CC0000; */
        cursor:pointer;
        /* background-color: #FFFFFF; */
    }

    .ehtml_treerenderer div.level1active {
        padding: 3px 0px 3px 10px;
        /* border-top: 1px solid #CCCCCC; */
        /* border-bottom: 1px solid ".ApplicationColors::BGColor6."; */
        background-color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        color: #003399;
    }

    .ehtml_treerenderer div.level2 {
        padding: 1px 0px 1px 20px;
        /* border-top: 1px solid #CCCCCC; */
        /* background-color: #E6E6E6; */
        font-size: 12px;
        /*color: #FFFFFF; */
    }

    .ehtml_treerenderer div.level2:hover {
        /* color: #000000; */
        cursor:pointer;
        /* background-color: #FFFFFF; */
    }

    .ehtml_treerenderer div.level2active {
        padding: 1px 0px 1px 20px;
        /*border-top: 1px solid #CCCCCC;*/
        background-color: #FFFFFF;
        /*border-bottom: 1px solid ".ApplicationColors::BGColor6.";*/
        font-size: 12px;
        font-weight: bold;
        color: #003399;
    }

    .ehtml_treerenderer div.level3 {
        padding: 0px 0px 0px 30px;
        border-top: 1px solid #CCCCCC;
        background-color: #E6E6E6;
        /* border-bottom: 1px solid #FFFFFF; */
        font-size: 11px;
        color: #000000;
    }

    .ehtml_treerenderer div.level3:hover {
        color: #FFFFFF;
        cursor:pointer;
        background-color: #000000;
    }

    .ehtml_treerenderer div.level3active {
        padding: 0px 0px 0px 30px;
        border-top: 1px solid #CCCCCC;
        background-color: #E6E6E6;
        /*border-bottom: 1px solid ".ApplicationColors::BGColor6.";*/
        font-size: 11px;
        font-weight: bold;
        color: #000000;
    }

    .ehtml_tree_linknavigation {
        font-size: 11px;
    }

    .ehtml_tree_finalnavigation {
        font-size: 11px;
        font-weight: bold;
    }


    .ehtml_wiki {

    }

    .ehtml_wiki table { padding:3px; }

    .ehtml_wiki td { padding: 3px; }

    .ehtml_wiki div.content {
        border-top: 2px solid #999999;
        border-bottom: 2px solid #999999;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .ehtml_wiki div.info {
        text-align: right;
        color: #999999;
        font-size: 11px;
    }

    .ehtml_swapper {
        display: block;
        clear: both;
    }

    .ehtml_swapper div.toggler {
        cursor: default;
        height: 16px;
    }

    .ehtml_swapper div.toggler:hover {
        cursor: default;
        background-color: ".ApplicationColors::BGColor5.";
        color: ".ApplicationColors::FontColor5.";
    }

    .ehtml_swapper div.toggler_text {
        padding-top: 1px;
        padding-left: 16px;
        font-size: ".ApplicationSizes::FontSizeSmallest."px;
    }

    .ehtml_swapper div.toggler_on {
        float:left;
        clear: left;
        width: 16px;
        height: 16px;
        background-image: url('".spc_Config_Domain::ImagePath()."famfamfam/bullet_toggle_minus.png');
    }

    .ehtml_swapper div.toggler_off {
        float:left;
        clear: left;
        width: 16px;
        height: 16px;
        background-image: url('".spc_Config_Domain::ImagePath()."famfamfam/bullet_toggle_plus.png');
    }

    .ehtml_swapper div.container {
        padding: 5px 10px 5px 10px;
        border: 1px solid ".ApplicationColors::BGColor7.";
        clear: both;
        height: auto;
    }

    .ehtml_swapper .ehtml_container {
        width: 50%;
        float: left;
        display: block;
    }

    .ehtml_swapper .ehtml_container div.title {
        font-size: ".ApplicationSizes::FontSizeNormal."px;
        font-weight: bold;
        padding: 5px 0px 8px 0px;
    }

    .ehtml_swapper .ehtml_container div.container {
        clear: both;
        border: none;
        padding:  0px;
    }

    .ehtml_swapperlist {

    }

    .ehtml_file {
        delete: both;
        cursor: default;
        padding: 3px 3px 3px 3px;
        clear: both;
        height: auto;
    }

    .ehtml_file div.icon {
        float: left;
        text-align: center;
        vertical-align: middle;
        width: 16px;
        height: 16px;
    }

    .ehtml_file div.filename {
        padding-left: 2px;
        float: left;
        vertical-align: middle;
        height: 16px;
        font-size: 12px;
    }

    // eHTML_ModelRenderer 1
    .ehtml_table{
    	font-family: Arial;
    }
    .ehtml_table td.maintitle{
    	border-bottom: 1px solid ".ApplicationColors::FontColor2.";
    	color: ".ApplicationColors::FontColor2.";
    	text-transform: uppercase;
    	font-size: 9px;
    	font-family: Verdana;
    	padding-top: 15px;
    }
    .ehtml_table td.admin{
    	padding-bottom: 15px;
    	border-top: 1px solid ".ApplicationColors::FontColor2.";
    	color: ".ApplicationColors::FontColor2.";
    	text-align: right;
    }
    .ehtml_table table.content{
    	margin-top: 5px;
    	margin-bottom: 5px;
    	border: 1px solid #EEEEEE;
    }
    .ehtml_table td{
    	font-size: 12px;
    	vertical-align: top;
    }
    .ehtml_table td.title{
    	font-weight: bold;
    	color: #999999;
    	font-size: 12px;
    	padding: 0px;
    	padding-left: 4px;
    	padding-right: 10px;
    	padding-top: 4px;
    	border-top: 1px solid #EEEEEE;
    	border-right: 1px solid #EEEEEE;
    }
    .ehtml_table td.group{
    	font-family: Verdana;
    	font-size: 9px;
    	padding: 0px;
    	padding-left: 1px;
    	color: #888888;
    	background: #F6F6F6;
    }
    .ehtml_table td.content{
    	padding: 4px;
    	border-top: 1px solid #EEEEEE;
    	border-right: 1px solid #EEEEEE;
    	font-size: 11px;
    }
    .ehtml_table tr.row1{
    	background: #FDFDFD;
    }
    .ehtml_table tr.row2{
    	background: #FEFEFE;
    }
    .ehtml_table input, .ehtml_table textarea, .ehtml_table select{
    	font-size: 12px;
    	padding: 2px;
    	margin: -2px;
    	font-family: Arial;
    	color: #000000;
    	background: #999999;
    	border: 1px solid #000000;
    	width: 100%;
    }

    .ehtml_table select{
    	font-size: 11px;
    	padding: 1px;
    }
    .ehtml_table textarea{
    	height: 340px;
    }
    .ehtml_table input.adminbutton{
    	font-size: 12px;
    	width:100px;
    	margin-right: 2px;
    	margin-top: 5px;
    	background-color: #e9e9e9;
    	padding:0px;
    }

    .ehtml_table label {
        font-family: Arial;
        font-size: 9px;
        text-transform: uppercase;
        color: #888888;
    }




    .codeView {
        background-color: #e9e9e9;
        padding: 10px;
        font-size: 10px;
        margin-top: -13px;
    }

    .codeView .codeViewLines {
        float: left;
        padding-right: 5px;
    }

    .codeView .codeViewCode {

        overflow: auto;
    }

    div.form_validate
    {
    	position: fixed;
    	z-index: 100;
    	border: 3px solid #000;
    	background-color:#FFFFFF;
    	padding: 10px;
    }

    div.form_validate h1
    {
    	margin-bottom: 5px;
    }

    div.form_validate .buttons
    {
    	padding-top: 10px;
    	text-align:center;
    }

    div.form_validate .buttons input
    {
    	margin-right: 5px;
    }