* {margin:0; padding:0;}
img {border:0;}
body, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#505050; text-align: left; padding:0 0 16px 0;}
.mainArea {width: 990px; text-align: left; vertical-align: top;}
.skyscraperArea {text-align: left; vertical-align: top;}
.seperator {color:#098196; padding: 0 6px 0 6px;}
.clear {clear:both;}
.feedbackOk {margin:32px 0 16px 0; font-weight:bold;}
.feedbackError {margin: 8px 0 16px 0; color:#ff0000; }
input[type="text"] {border: 1px solid #224d6b; height:17px; margin:0; padding:1px 3px 1px 3px;}
input[type="password"] {border: 1px solid #224d6b; height:17px; margin:0; padding:1px 3px 1px 3px;}
select {border: 1px solid #224d6b;}
input[type="file"] {width:350px;}
textarea {border: 1px solid #224d6b; padding:3px; font: 12px Verdana, Arial, sans-serif;}
a {color:#505050;}
td {overflow:hidden;}
h1 {font-weight:bold; font-size: 16px;}
.staticHeader {padding-bottom: 16px;}
.staticHeader h1 {padding: 0 0 6px 0;}
a.whiteLink {color:#ffffff;}
.pageFooter {font-size: 9px; color:#a0a0a0; padding: 48px 0 16px 0; text-align: center;}
.pageFooter a {color:#a0a0a0; text-decoration: underline;}
.checkbox .box {margin: 2px 8px 0 0; float:left;}
.checkbox .label {float:left;}

.trimmedText {}
.hideUntilDoneTimming {display:none;}

.radioButton {padding: 2px;}
.radioButtonLabel {padding: 2px;}
.dateTimeField {float: left;}
.dateTimeSeperator {float: left; padding: 6px 0 0 3px; width: 8px;}

#pageHeader {padding:12px 0 0 0;}
#pageHeader #logo {float:left; padding: 0 0 16px 22px; width: 456px;}
#pageHeader #topnavigation {float: left; font-size: 10px; color:#585858; width: 480px; text-align: right;}
#pageHeader #topnavigation a {text-decoration: none;}
#pageHeader #topnavigation a:hover {text-decoration: underline;}
/*#pageHeader .search input[type="text"] {background-image: url(img/suchfeld.gif); width: 258px; height: 16px; margin: 16px 0 0 182px; padding: 4px 0 4px 30px; border: 0px solid #ffffff;}*/
#pageHeader .search {margin: 16px 0 0 0;}
#searchResults {margin: 0 0 0 22px;}
#searchResults iframe {width: 670px;}

#categoriyButtons .start {background-image: url(img/category_button_start.png); float: left; width: 22px; height: 50px;}
#categoriyButtons .end {background-image: url(img/category_button_end.png); float: left; width: 32px; height: 50px;}
#statistic {text-align: right; font-size: 10px; color: #808080; margin: 2px 0 12px 0; width: 957px; }

#mainColumn {float: left; width: 700px; padding: 0 0 0 16px;}
#navigationColumn {float: left; width: 245px; padding: 0 0 0 0;}

.mainContent {padding:0 0 0 6px; width: 670px;}
.boxContent {padding:6px 0 0 22px; width: 638px;}

.smallBox {width: 245px; color: #ffffff; margin: 0 0 16px 0;}
.smallBox .top {background-image: url(img/smallBox_top.png); width: 245px; height: 8px;}
.smallBox .bottom {background-image: url(img/smallBox_bottom.png); width: 245px; height: 12px;}
.smallBox .body {}
.smallBox .body .scalingBackground {position: absolute; z-index: -1; display: none;}
.smallBox .body .content {padding: 6px 20px 6px 20px;}
.smallBox h2 {position: relative; color: #000000; font-size: 14px; padding:0 0 3px 0; margin:0; border-bottom: 1px solid #ffffff;}
.smallBox h2 span {position: absolute; top: -2px; color: #ffffff;}
.smallBox h3 {position: relative; color: #000000; font-size: 12px; margin:0; padding:0}
.smallBox h3 span {position: absolute; top: -1px; color: #ffffff;}

.outlineBox {width: 239px; margin: 0 0 16px 3px; color:#505050;}
.outlineBox .top {background-image: url(img/outlineBox_top.png); width: 239px; height: 10px;}
.outlineBox .bottom {background-image: url(img/outlineBox_bottom.png); width: 239px; height: 10px;}
.outlineBox .body {background-image: url(img/outlineBox_body.png); background-repeat: repeat-y; padding: 4px 14px 3px 14px;}
.outlineBox .title {border-bottom: 1px solid #bdbdbd; color:#285b65;}
.outlineBox h3 {font-size: 12px; margin:0; padding:0}

.largeBox {width: 676px; margin: 0 0 16px 3px; color:#505050;}
.largeBox .top {background-image: url(img/largeBox_top.png); width: 676px; height: 10px;}
.largeBox .bottom {background-image: url(img/largeBox_bottom.png); width: 676px; height: 10px;}
.largeBox .body {background-image: url(img/largeBox_body.png); background-repeat: repeat-y; padding: 0 14px 0 14px;}
.largeBox .title {border-bottom: 1px solid #bdbdbd; color:#285b65;}
.largeBox h3 {font-size: 12px; margin:0; padding:0}

a.button {background: transparent url('img/buttonB.png') no-repeat scroll top right; color: #000000!important; display: block; float: left; height: 24px; margin-left: 4px; padding-right: 9px; /* sliding doors padding */ text-decoration: none;}
a.button span {background: transparent url('img/buttonA.png') no-repeat top left; display: block; line-height: 14px; padding: 5px 8px 5px 17px; }
a.button:hover {text-decoration: none!important; background-position: bottom right;}
a.button:hover span {background-position: bottom left;}

.table {margin-bottom:15px;}
.table td {padding:5px 10px 6px 10px;}
.table .head {font-weight:bold; color:#ffffff; text-transform: uppercase; background-image: url(img/table_header.png); background-repeat: repeat-x; padding:6px 10px 8px 10px;}
.table .odd {background-color:#d9d9d9;}
.table .even {background-color:#f4f4f4;}
.tableHeading {padding: 0 0 8px 0;}

#loginAndMenuBox .labelLeft {float:left; width: 100px; margin:10px 0 1px 0; }
#loginAndMenuBox .labelRight {float:left; width: 107px; margin:10px 0 1px 0; text-align: right; font-size: 10px;}
#loginAndMenuBox .body {padding: 2px 16px 6px 16px;}
#loginAndMenuBox .input {background-image: url(img/smallBox_input.png); width: 199px; height: 16px; padding: 5px 5px 5px 5px; border: 0px solid #ffffff; background-color: transparent;}
#loginAndMenuBox a {text-decoration: underline;}
#loginAndMenuBox .stayLoggedIn {padding: 8px 0 0 0;}
#loginAndMenuBox .stayLoggedInLabel {float:left; margin: 3px 0 0 0;}
#loginAndMenuBox .submitButton {padding: 5px 0 0 100px;}
#loginAndMenuBox .feedbackError {margin: 10px 0 6px 0; color:#ff0000; }
#loginAndMenuBox .welcome {margin: 10px 0 0 0;}
#loginAndMenuBox .loginAndNavigationSeperator {margin: 0 0 10px 0; border-bottom: 1px solid #bdbdbd; padding: 15px 0 0 0;}
#loginAndMenuBox .menuitem {color:#505050;}
#loginAndMenuBox .menuitem a {color:#505050; text-decoration: none;}
.loginAndMenuBoxAdmin {margin: 80px 0 48px 376px;}

#top .title {padding: 0 0 0 2px;}
#top .number {width: 40px; vertical-align: middle; padding: 0 0 0 4px;}
#top .entry {font-weight: bold; padding: 7px 6px 7px 4px; width: 170px; vertical-align: middle;}
#top .line {border-bottom: 1px solid #bdbdbd; height: 1px; width: 100%;}
#top .info {padding: 6px 0 0 0; font-size: 9px;}

.heading {width:680px; height: 35px; background-image: url(img/heading.png); margin: 0 0 8px 0;}
.heading .content {padding: 6px 16px 16px 16px;}
.heading .icon {float: left; width:16px; margin: 0 8px 0 0;}
.heading .title {float: left; color:#ffffff; padding: 1px 0 0 0; width: 324px; font-weight: bold;}
.heading .fullTitle {color:#ffffff; padding: 1px 0 0 0; font-weight: bold;}
.heading .more {float: left; color:#ffffff; width: 300px; text-align: right; padding: 1px 0 0 0;}
.heading .more a {color:#ffffff; text-decoration: none;}
.heading .more a:hover {text-decoration: none! important;}

.teaser1 {padding: 0 0 26px 6px;}
.teaser1 .image {float:left; width: 207px; height: 120px;}
.teaser1 .textBox {float: left; position: relative; width: 461px; height: 120px; margin: 0 0 0 2px; background-image: url(img/teaser1_background.png); background-repeat: none;}
.teaser1 .content {padding: 8px 20px 8px 20px;}
.teaser1 .header {margin: 0 0 6px 0;}
.teaser1 .content .title {font-size: 13px; margin: 0 0 4px 0; display: block; font-weight: bold;}
.teaser1 .trimmedText {margin: 0 0 6px 0; line-height: 15px;}
.teaser1 .link a {color:#224c6a; font-style: italic;}
.teaser1 .social {position: absolute; left:312px; top:3px;}
.teaser1 .social .addthis_button_compact {width: 65px;}

.teaser1b .social {position: absolute; left:312px; top:0px;}
.teaser1b .content {padding: 0 20px 0 20px;}
.teaser1b .textBox {background-image: none;}
.teaser1b {padding: 0 0 20px 0; margin: 0 0 0 6px; width: 670px;}
.teaser1bSeperator {height:0px; margin: 0 0 20px 6px; border-top: 1px solid #bdbdbd;  width: 670px;}

.teaser2 {float:left; margin: 0 24px 26px 6px; width: 305px;}
.teaser2 .header {margin: 0 0 4px 0;}
.teaser2 h1 {font-weight: bold; color: #143349; font-size: 12px;}

.teaser3 {float:left;margin: 0 8px 10px 0; height: 300px;}
.teaser3 h1 {display: block; width: 207px; height: 58px; font-weight: bold; color: #143349; padding: 0 0 0 6px; font-size: 12px;}
.teaser3 .imageBox {width: 207px; height: 120px; padding: 6px 10px 10px 6px; background-image: url(img/shadow_small.png);}
.teaser3 .trimmedText {width: 207px; padding: 0 0 0 6px;}
.teaser3 .link {width: 207px; padding: 0 0 0 6px; text-align: right; margin: 6px 0 0 0;}
.teaser3 .link a {color:#224c6a; font-style: italic;}

.beitrag .header {font-size:10px; margin: 0 0 6px 0;}
.beitrag .header .printIcon {position: relative; top: 4px; margin: 0 0 0 6px;}
.beitrag .imageBox {float:left; width: 207px; height: 120px; padding: 6px 10px 10px 6px; margin: -2px 12px 6px -6px; background-image: url(img/shadow_small.png);}
.beitrag .name {font-weight:bold; font-size: 15px; margin: 0 0 14px 0; color: #143349;}
.beitrag .text {padding:16px 0 16px 0;}
.beitrag .anmod {font-weight: bold;}
.beitrag .player {margin:8px 0 0 0;}
.beitrag .verantwortlich {font-size:10px; margin: 12px 0 24px 0;}
.beitrag .social {margin:0 0 0 525px}
.keinBeitrag {margin: 12px 0 0 0; font-style: italic;}

.teaser1 a, .teaser2 a, .teaser3 a, .frontpageTeaser a, .beitrag .header a, .table a, .outlineBox a, .social a {text-decoration: none;}
.teaser1 a:hover, .teaser2 a:hover, .teaser3 a:hover, .frontpageTeaser a:hover, .beitrag .header a:hover, .table a:hover, .outlineBox a:hover, .social a:hover {text-decoration: underline;}

.pageNavigation td {padding: 6px;}

.uploadProgress {margin: 20px 0 20px 0;}
.explanationForm .formSection .number {float:left; width:36px; height:37px; font-size:38px; font-weight:bold; color:#ffffff; text-align:center;}
.explanationForm .formSection .label {float:left; height:15px; width: 620px; color:#656565; margin: 8px 0 0 10px; padding:0 0 2px 0; font-weight: bold; font-size:13px; text-transform: uppercase; border-bottom: 1px solid #a7c526;}

.explanationForm .sideExplanation {margin: 8px 0 20px 0;}
.explanationForm .sideExplanation .explanation {float: right; width: 420px;}
.explanationForm .sideExplanation .edit {float: right; width: 220px; padding: 0 21px 0 0;}

.explanationForm .topExplanation {margin: 8px 0 20px 0;}
.explanationForm .topExplanation .explanation {margin: 0 0 4px 9px;}
.explanationForm .topExplanation .edit {margin: 0 0 0 9px;}
.explanationForm .uploadProgress {margin: 8px 0 8px 235px;}
.explanationForm .uploadProgress #progressTitle {width: 220px; text-align: center;}

.explanationForm textarea {width: 649px;}
.explanationForm input[type="text"] {width: 649px;}
.explanationForm .imageBox {width: 207px; height: 120px; padding: 6px 10px 10px 6px; margin: 0 0 0 3px; background-image: url(img/shadow_small.png);}

#beitragForm .navigation {margin: 0 0 0 4px; width: 662px;}
.zukuftsDatum {color:#e00000;}
.positivFeedback {background-color: #ebebeb; border: 1px solid #a0a0a0; padding: 10px; margin: 0 0 16px 0; }
.editKunde .imageBox {width: 207px; height: 120px; padding: 6px 10px 10px 6px; margin: 0 0 0 -3px; background-image: url(img/shadow_small.png);}
.kundenBild {width: 239px; height: 138px; padding: 6px 10px 10px 6px; margin: 0 0 10px -3px; background-image: url(img/shadow_medium.png);}

.aircheck {width: 676px; height: 133px; background-image: url(img/aircheck_kasten.png); margin: 0 0 20px 3px;}
.aircheck .content {padding: 10px 14px 10px 14px;}
.aircheck h2 {color: #285b65; font-size: 14px; padding:0 0 3px 0; margin:0 0 6px 0; border-bottom: 1px solid #bdbdbd;}
.aircheck h3 {font-size: 12px; margin:0; padding:0}
.aircheck .info {font-size: 10px; height: 20px;}
.aircheck input[type='text'] {background-image: url(img/time_input.png); width: 45px; height: 18px; padding: 4px 4px 4px 4px; border: 0px solid #ffffff; background-color: transparent;}
.aircheck .edit {float: left; width: 500px;}
.aircheck .label {float: left; width: 100px; padding: 6px 0 0 0; height: 24px;}
.aircheck .button {float: left; padding: 25px 0 0 42px;}

.aircheckLightbox {width: 600px;}
.aircheckLightbox .info {font-size: 10px; height: 20px;}
.aircheckLightbox input[type='text'] {background-image: url(img/time_input.png); width: 45px; height: 18px; padding: 4px 4px 4px 4px; border: 0px solid #ffffff; background-color: transparent;}
.aircheckLightbox .edit {float: left; width: 445px;}
.aircheckLightbox .label {float: left; width: 100px; padding: 6px 0 0 0; height: 24px;}
.aircheckLightbox .button {float: left; padding: 25px 0 0 42px;}

#kundenBeitraegeBox .smallTitle {padding: 0 6px 12px 6px;}
#kundenBeitraegeBox .entry {font-weight: bold; padding: 0 6px 0 6px;}
#kundenBeitraegeBox .line {margin: 0 0 12px 0; border-bottom: 1px solid #bdbdbd; height: 12px; width: 100%;}
#kundenBeitraegeBox .moreLink {width:212px ; text-align: right; margin: 16px 0 0 0;}
#kundenBeitraegeBox .moreLink a {text-decoration: underline; font-weight: bold;}

.kundenBeitraegeHeader {width: 670px; text-align: center; margin: 0 0 12px 6px;}
.collectionHeader {width: 670px; margin: 0 0 12px 6px;}

.sort_activ {font-weight:bold; font-size:12;}
.sort {font-size:10;}
.adminBeitrag .beitrag {margin:0 0 24px 0; padding:0 0 24px 0; border-bottom: 1px solid #c0c0c0;}
.adminBeitrag .name {margin:8px 0 8px 0;}
.adminBeitrag .footerCell1 {text-align: left;}
.adminBeitrag .footerCell2 {text-align: center;}
.adminBeitrag .footerCell3 {text-align: right;}

.auswertung .section {font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 8px 0 4px 6px; color: #777777;}
.auswertung .fussnote {font-size: 8px; position:relative; top:-5px;}
.auswertung .cell {background-color:#DCDCDC; padding:4px 15px 4px 4px;}
.auswertung .imagecell {background-color:#ffffff; width:69px; height:69px; text-align:center; padding:0px; margin:0px;}
.auswertung .sender, .auswertung .sender:active, .auswertung .sender:hover, .auswertung .sender:link, .auswertung .sender:visited {color: #0000ff;}

.frontpageTeaser {position: relative; width:680px; height: 326px; margin: 0 0 0 10px;}
.frontpageTeaser .preview {position: absolute; width:276px;}
.frontpageTeaser .preview .image {margin: 0 0 6px 0;}
.frontpageTeaser .preview .trimmedText {width:275px; margin: 0 0 4px 0;}
.frontpageTeaser .preview .link {margin: 0 0 2px 0;}
.frontpageTeaser .preview .link a {color:#224c6a; font-style: italic;}
.frontpageTeaser .preview .social {margin: 0 0 0 135px;}

.frontpageTeaser .headline {position: absolute; left:270px; width: 396px; height: 75px; margin: 0 0 4px 0; cursor: pointer;}
.frontpageTeaser .headline .content {padding: 0 8px 0 35px; height: 75px; vertical-align: middle;}
.frontpageTeaser .headline .header {margin: 0 0 3px 0;}
.frontpageTeaser .headline h1 {margin: 0 0 4px 0; font-weight: bold; font-size: 15px;}
.frontpageTeaser .headline.active {background-image: url(img/headlines_active.png); color:#ffffff;}
.frontpageTeaser .headline.inactive {background-image: url(img/headlines_inactive.png);}

.kastenA {margin: 0 5px 16px 6px;}
.kastenB {margin: 0 2px 16px 3px;}

.loginLightbox {width: 560px;}

#siblingsBox {margin: 8px 0 0 0;}
#siblingsBox .siblingIcon {float:left; font-weight: bold; width:15px; margin:4px 0 0 0;}
#siblingsBox .siblingSelected {float:left; font-weight: bold; }

.fullPage {margin: 0 0 0 22px;}
.fullPage .largeColumn {width:952px; float:left;}
.fullPage .smallColumn {width:476px; float:left;}
.fullPage .info {width:936px; margin:0 0 6px 0;}

.clientBox {margin: 0 16px 16px 0; position:relative;}
.clientBox .head img {position: relative; top:0px; left:0px;}
.clientBox .head h1 {position: absolute; top:0px; left:0px; height:20px; padding: 5px 0 0 8px; color:#ffffff; font-weight: bold; font-size: 16px;}
.clientBox .body { padding: 10px; border-left: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; }
.clientBox .body .content { width: 420px; height: 200px;} 
.clientBox .body .dummy { height: 200px; background-color: #ffffff;}

.clientBox .summary .download {float:left; width:144px; height:36px; margin:8px 0 0 0;  }
.clientBox .summary .download img {float:left; margin:0 0 0 8px; }
.clientBox .summary .download a {float:left; margin:4px 0 0 8px; }
.clientBox .summary .player {float:left; width:306px; height:36px; margin:8px 0 0 0; }
.clientBox .summary .value {float:left; width:225px; font-size: 32px; height:44px; text-align: right; font-weight: bold; color:#808080;}
.clientBox .summary .label {float:left; width:217px; font-size: 14px; height:30px; margin: 14px 0 0 8px; color:#285b65;}

.clientBox .logos {margin:12px 0 0 12px;} 
.clientBox .logo {float:left; width:90px; height:90px;}

.clientBox .tabelle {margin: 12px 0 0 0;}
.clientBox .tabelle .head {background-image: url(/img/clientBox_head.png); color:#000000; padding:4px 10px 0 10px; height:23px;}
.clientBox .table {border-collapse:collapse; padding:0}
.clientBox .table .odd {background-color:#ffffff; border-top: 1px solid #bdbdbd; }
.clientBox .table .even {background-color:#ffffff; border-top: 1px solid #bdbdbd; }

.clientBox .mitschnitt {padding:0 0 16px 0;}

.clientBox .state {float:left; width:95px; height:135px; margin:5px 5px 5px 5px;}
.clientBox .state .icon {margin:0 10px 5px 10px;}
.clientBox .state .label {text-align: center;}
.clientBox .state .value {text-align: center; font-size: 20px; font-weight: bold;}

.clientBox .gender .icon {float:left; margin:0 16px 0 0;}
.clientBox .gender .stats {float:left; width:100px;}
.clientBox .gender .stats .value {font-size: 26px; font-weight: bold; margin:90px 0 0 0;}
.clientBox .gender .stats .label {}

.clientBox .misc {width:420px; height: 172px;}
.clientBox .misc .value {width:420px; text-align:center; font-size: 70px; font-weight: bold; padding:36px 0 0 0;}
.clientBox .misc .label {width:420px; text-align:center;}  

.clientBox .alter .column {float:left; width:146px; margin:12px 0 0 0;}
.clientBox .alter .column1 .label {font-size:14px; color:#285b65;}
.clientBox .alter .column1 .value {font-size:32px; font-weight:bold;}
.clientBox .alter .column2 .label {float:left; width:70px; font-size:14px; color:#285b65;}
.clientBox .alter .column2 .value {float:left; width:55px; font-size:14px; text-align:right; font-weight:bold;}
.clientBox .alter .column3 .label {float:left; width:82px; font-size:14px; color:#285b65;}
.clientBox .alter .column3 .value {float:left; width:55px; font-size:14px; text-align:right; font-weight:bold;}

.clientTable {border-collapse:collapse; width:936px; /*border: 1px solid #bdbdbd;*/ margin: 0 0 32px 0;}
.clientTable th {padding:0px 10px 0px 10px; height:40px; background: url(img/clientBox_head_large.png) repeat-x 0 0;}
.clientTable td {border-bottom: 1px solid #dedede; padding:10px;}
.clientTable td .titel {color:#285b65;}
.clientTable .footer {background-color: #e6e6e6; padding:0px 0 0px 10px; height:40px; background: url(img/clientBox_head_large.png) repeat-x 0 0;}
.clientTable input {border: 1px solid #abadb3;}
.clientTable .checkbox {margin:4px 8px 0 0;}
.clientTable .stundenreichweite {font-weight:bold;}

.auswertungsBeitragsListe .inputPanel {float:left; margin: 0 9px 8px 0;}
.auswertungsBeitragsListe .inputPanel .label {font-size:10px;}
.auswertungsBeitragsListe .inputPanel input {width:312px;}

.barDiagramm .label {float:left; width:100px; padding: 10px 0 0 0; height:36px; color:#285b65;}
.barDiagramm .diagrammBar img {float:left;}
.barDiagramm .value {float:left; margin: 10px 0 0 8px;}

.pieDiagram .pie {float:left;position: relative; height: 240px; width:220px;}
.pieDiagram .rightArea {float:left;}
.pieDiagram .map {float:left; width:210px; text-align:center; margin:5px 0 0 0;}
.pieDiagram .legend {float:left; width:105px;}
.pieDiagram .legend .color {float:left; width:10px; height:10px; margin:3px 8px 0 0;}
.pieDiagram .legend .text {float:left; margin:0 0 8px 0;}
.pieDiagram .legend .text .label {font-weight:bold;}