/* Base */
    html {
    	/* Make the scrollbars visible by default */
    	/*overflow: -moz-scrollbars-vertical; */
    	overflow-y: scroll;
    }
    body {
        font-family: Arial, sans-serif;
        background: #000;
        color: #999;
        font-size: 11px;
        padding-bottom: 40px;
    }

/* Clearfix helper */
    .clearfix:after {
        content:                ".";
        display:                block;
        clear:                  both;
        height:                 0;
        visibility:             hidden;
    }
    .clearfix {
        display:                inline-block;
    }
    .clear {
        display:                block;
        clear:                  both;
        height:                 0;
        visibility:             hidden;
    }

/* PixelPerfect helper */
    #pp_overlay {
        z-index:                10000 !important;
    }

/* Page Layout */
    #container {
        margin: 0 auto;
        width: 976px;
        min-height: 500px;
    }
    
    #content.small-distance{
        margin-top: 81px;
    	clear:both;
    }
    
    #content.big-distance {
        margin-top:109px;
        clear: both;
    }
    #header {
        /* this is _really_ important for the absolute positioning of the elements inside the container */
        position: relative;
        height: 56px;
    }
    #header #logo {
        padding: 12px 0 13px 0;
    }
    #header #sub-header {
        height: 23px;
        margin: 6px 0 7px 0;
    }
    #header #top #top-right {
        position: absolute;
        top: 0;
        right: 0;
        height: 56px;
        width: 800px;
    }

/* Text */
    h1 {
        font-size: 15px;
    }
    a {
        text-decoration: none;
        color: #999;
    	cursor: pointer;
    }
    a:hover {
        text-decoration: underline;
    }
    p.text {
    	margin-top: 1em;
        margin-bottom: 1em;
    	font-size: 11px;
        line-height: 1.2em;
    }
    p.text.big {
        font-size: 12px;
    }
    p.text.indented {
        margin-left: 8px;
    }

/* Teasers */
    a.teaser-3-1,a.teaser-3-2,a.teaser-3-3 {
        width: 320px;
        margin-right: 8px;
        display: block;
        float: left;
    }
    a.teaser-3-3 {
        margin-right: 0;
    }

/* UIBlocker */
    .uiblocker-loading > .blockUI.blockElement {
        background-color: transparent;
        border: none;
        color: #fff;
        width: 53px;
        height: 53px;
        display: block;
    }

/* Forms */
/**
 * @TODO: all those styles are crap, used mainly for the login dialogs. we need to refactor
 * them some time.
 */
    input {
        border:                 0 none;
        font-size:              11px;
        height:                 16px;
        display:                block;
        padding: 				2px 0px 2px 8px;
    }
    input.hidden{
        border:                 0 none;
        font-size:              11px;
        height:                 0px;
        padding: 				0;
        margin: 				0;
    }

/* Form - Error Message*/
    .error-message {
        margin-top: 			8px;
        height:                 20px;
        display:                none;
    }
/* Form - Button Container */
    .button-container {
        height: 23px;
    }
/* Form - Buttons */
    button {
        display:                block;
        cursor:                 pointer;
        background-position:    0px -23px;
        border:                 none;           
    }
    button:HOVER {
        background-position:    0px 0px;
    }	

/* Tables */
    table.standard {
    }
    table.standard th {
        font-weight: bold;
        text-align: left;
        padding: 10px;
        border: 1px solid #ccc;
    }
    table.standard td {
        padding: 4px;
        border: 1px solid #ccc;
    }

/* Tooltips */
    a.tooltip {
        outline: none;
        display: inline-block;
        height: 19px;
        width: 19px;
        background-image: url('/images/maxdome/info_icon_grau.png');
        background-repeat: no-repeat;
    }
    a.tooltip.with-text {
        width: auto;
        padding-left: 23px;
        line-height: 19px;
    }
    .tooltip span.tooltip-text {
        padding: 10px;
        border: 1px solid #FFFFFF;
        display: none;
        width: 190px;
        font-size: 11px;
        color: #989898;
        line-height: 1.3em;
        font-weight: normal;
        z-index: 10000;
    }
/* Info Hint */
    .info-hint {
        font-size: 10px;
        margin: 20px 0 0 0;
        padding: 3px 0 0 32px;
        height: 16px;
        background: url('/images/maxdome/info_icon_grau.png') no-repeat;
    }    
/* Separators */
    .dotted-separator {
        height: 1px;
        border-top: 1px dotted #fff;
        line-height: 1px;
        margin: 20px 0;
    }
/* Video Tour */
    .videotour {
        border-top: 1px dotted #fff;
        border-bottom: 1px dotted #fff;
        margin-bottom: 20px;
        padding-top: 20px;
        padding-bottom: 5px;
    }
    .videotour p {
        float: left;
    }
    .videotour .button-basic {
        float: right;
    }
/* Error page */
    .BaseWidget-ErrorPage h1 {
        margin-bottom: 30px;
    }
    .BaseWidget-ErrorPage h3 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .BaseWidget-ErrorPage a.homelink {
        margin-top: 30px;
    }
    .BaseWidget-ErrorPage {
        margin-bottom: 50px;
    }