/* generell */
html, body {width: 100%;height: 100%;color: black;font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;font-size: 13px;font-weight: normal;margin: 0;padding: 0;}
p {padding: 5px; margin: 0;}
h1 {font-size: 20px;padding-top: 20px;border: 0px;margin-top: 0px;}
a.dark {color: #004D6C;}
a:hover {color: #3A7E73;text-decoration: none;}
table {border-collapse: collapse;}
td {text-align: left; vertical-align: top;}
div#formFooter {margin: 20px;background-color: #004D6C;border: 1px solid black;width: 90%;text-align: center;}
#formFooter a {color: #c1ebf9;font-family: Arial, Verdana;font-size: 11px;margin-left: 150px;margin-right: 150px;text-decoration: none;}
img.icon {width: 17px;margin-right: 3px;vertical-align: middle;border: 0;}
.lightBlue {color: #4D6EA9;}
.red {color: #ff0000;}
.italic {font-style: italic;}
.bold {font-weight: 900;}
.underline {text-decoration: underline;}
.underline:hover {text-decoration: underline;}
.btnMove:hover {cursor: pointer;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.pushed10 {padding-left: 10px;}
.pushed20 {padding-left: 20px;}
.pushed30 {padding-left: 30px;}
#editSitePermissionsLeft .btnMove {margin-bottom: 10px; margin-top: 10px;}
input.checkBox {margin: 0; padding: 0;}/*width: 5px;}*/
form {margin-bottom: 0px;}

/* seitenaufbau */

#left {position: absolute;top: 0;left: 0;background-color: #4D6EA9;float: left;width: 250px;min-height: 140%;}
#right {float: none;margin-left: 250px;height: 100%;}
#content {height: 100%;}
#content > div {padding-left: 10px;}

#home {padding: 5px; padding-left: 10px; font-family: Arial, Verdana;font-size: 12px; padding-top: 10px;}
#homeRight {padding: 10px; }
#homeLeft {float: left;margin-top: 20px; padding-right: 15px;}
#homeLeft > ul {padding-left: 20px;}
#homeRight {width: 300px;float: right;}
table#logonList {float: right;width: 250px;margin-top: 50px;font-size: 11px;}
table#logonList th {background-color: #004D6C;color: #C1EBF9;padding-right: 10px;height: 20px;}
#logonList tr {border-bottom: 1px solid #7996D8;}
#logonList td {background-color: #C1EBF9;padding-right: 10px;vertical-align: middle;height: 18px;color: #004D6C;}
#logonList a {text-decoration: none;}

/* für die anzeige der seiten dann noch einige formatierungen zurücknehmen */
#folders {padding: 5px;font-family: Arial, Verdana;font-size: 12px; margin-top: 10px;}
#folders a {color: #0000EE;text-decoration: underline;}

/* ende seitenaufbau */
/* linke div */

#topleft {background-color: #ffffff;text-align: right;padding-right: 0px;padding-bottom: 3px;font-size: 10pt;font-weight: 900;}
#topleft a {color: black;font-size: 15px;text-decoration: none;}
#topleft a:hover {color: #4D6EA9;}

/* menues */

/* home menu*/
#menuHome {margin: 20px;}
#menu {margin: 0px;font-family: Arial, Verdana;font-size: 11px;color: #c1ebf9;}
#menu table {padding: 0;margin-bottom: 15px;width: 100%;border-collapse: separate;border-width: 0px;}
#menu td {width: 100%;height: 20px;margin-bottom: 1px;padding: 0;background-color: #C1EBF9;font-size: 8pt;font-weight: normal;color: #00698B;vertical-align: middle;}
a.menu {margin-left:4px;color: #00698B;text-decoration: none;}
a.menu:hover {color: #00698B;font-weight: bold;text-decoration: underline;}
#menu img{cursor: pointer;}

/* addressbook menue */

div.addressbookMenu {margin: 20px;}
.addressbookMenu a {color: #c1ebf9;font-family: Arial, Verdana;font-size: 11px;text-decoration: none;}
.addressbookMenu a:hover {text-decoration: underline;color: #0000EE;}
#searchButton {width: 25px;vertical-align: middle;}
#letters {border-collapse: collapse;border-spacing: 0;margin-top: 0;padding-top: 0;}
#letters tbody tr td {width: 14%;vertical-align: middle;background-color: #4D6EA9;color: #c1ebf9;border-style: solid;border-width: 0px;border-bottom-width: 1px;margin: 0;}

/* folders menu */

#treePublicPages {list-style-type: none;margin-left: 0;padding-left: 5px;}
#treePublicPage {list-style-type: none;margin-left: 0;padding-left: 15px;}

#treeProjectFolders {list-style-type: none;margin-left: 0;padding-left: 15px;}
.menuTree {display: none;list-style-type: none;margin-left: 0;padding-left: 15px;}
#menuTreeExpand {display: block;list-style-type: none;padding-left: 5px;}
#menuTreeExpand a:hover, #treePublicPages a:hover {text-decoration: underline;color: #C1EBF9;}
#menu ul a {text-decoration: none; color: #C1EBF9;}

/* top1 menu */

#top1 {height: 41px;width: 100%;background-color: #4D6EA9;color: #C1EBF9;font-weight: 700;border: 0px solid black;}
#top1 div {padding-top: 6px;}
.menutag a {text-decoration: none; color: #C1EBF9;}
#topmenu {position: absolute; vertical-align: middle; padding-top: 5px;padding-left: 20px;}
#topmenu .aussen {float: left;display: block;width: 50px;font-size: 12px;font-weight: 500;}
#topmenu .aussen:hover {background-color: #00698B;cursor: pointer;}
span.menutag {display: block;padding-left: 5px;padding-right: 5px;}
span.menutag a:hover {color: #C1EBF9;}
a.innen {display: none;color: black;padding: 3px;background-color: #C1EBF9;border: 1px solid black;border-top: 0;font-size:11px;width: 80px;text-decoration: none;}
#topmenu .aussen:hover .innen {display: block;}
.innen:hover {color: #C1EBF9;background-color: #00698B;}

/* top2 menu */

#top2 {height: 42px;width: 100%;background-color: #7996D8;font-size: 12px;color: #004d6c;font-style: italic;border: 0px solid black;}
#top2 div {height: 100%;width: 90%;padding-top: 5px;padding-left: 10px;}
#top2 a {text-decoration: underline;color: #004d6c;}
#top2 div a:hover {color: #c1ebf9;}

/* rechte div */
/* login content und form */

#login {border: 1px solid #C1EBF9;background-color: #C1EBF9;height: 100%;}
#loginForm {margin-top: 100px;margin-left: 300px;}
#loginForm input {margin-bottom: 5px;}
#loginForm a {color: black;text-decoration: none;}
#loginForm label {font-size: 11px;}

/* addressbook content */

div.addressbook {background-color: #C1EBF9;height: 100%;margin-top: 0px;}
div#items {padding: 10px;min-height: 100%;}
table.addressbooklist {margin-left: 10px;width: 80%;border-collapse: collapse;border: 1px solid black;}
.addressbooklist th {background-color: #7996D8;font-weight: bold;font-size: 12px;text-align: left;border: 1px solid black;padding-left: 10px;}
.addressbooklist td {background-color: #ffffff;text-align: left;padding-left: 10px;padding-top: 3px;font-size: 11px;}
.addressbooklist a {color: #4D6EA9;cursor: pointer;font-size: 11px;text-decoration: none;}
div#itemContent {float: none;width: 50%;margin-left: 42%;padding-left: 20px;padding-top: 20px;}
#itemContent p {font-size: 12px;}
#itemContent h1 a {color: black; text-decoration: underline;}
#fotolink {float: right; width: 120px; height: 160px;}
#fotolink:hover {text-decoration: none; border: 0;}
.pasfoto {border: 0; width: 120px; height: 160px;}
table#persDesc {float: left; margin-top: 40px; margin-left: 20px;}
#persDesc td {width: 150px; padding-top: 8px;}
#businesscard table#persDesc {float: left; margin-top: 10px; margin-left: 20px;}
#businesscard #persDesc td {width: 150px; padding-top: 3px;}
#businesscard .addressbooklist {width: 50%;}

#teamcardLeft {width: 50%;height: 100%;float: left;border-right: 1px solid #4D6EA9;}
#teamcardLeft .addressbooklist {width: 80%;}
#teamcardRight {width: 49%;padding-top: 60px;margin-left: 50%;}

/* addressbook form */

#form_newAddressbookItem {margin-left: 50px;font-size: 11px;}
#form_newAddressbookItem table {background-color: #ffffff;border: 1px solid black;}
#form_newAddressbookItem th {background-color: #004D6C;color: #C1EBF9;font-weight: bold;padding: 2px 2px 2px 4px;text-align: left;}
#form_newAddressbookItem td {margin: 3px;}
td.fieldDesc {width: 120px;color: black;font-weight: lighter;padding: 4px;}
td.fields {width: 300px;}
td.fields2 {width: 300px;}
td.fields2 input, textarea {width: 98%;}
#messageBox {margin: 20px;}

/* person list */

table.persList {border-collapse: collapse;border: 1px solid black;margin: 20px;width: 90%;}
.persList th {background-color: #004D6C;color: #C1EBF9;font-weight: bold;padding: 2px 2px 2px 4px;text-align: center;}
.persList td {background-color: #C1EBF9;text-align: left;padding: 2px;padding-top: 3px;font-size: 11px;}
.smallCol {width: 15px;border: 1px solid black; vertical-align: middle;}
.persList select {width: 100%;}
/* spezielle groessen fuer die einzelnen tabellen */
#editTeammembersLeft table.persList {max-height: 100px;}

/* edit teammembers */

#editTeammembersLeft {float: left;width: 50%;}
#editTeammembersRight {margin-left: 50%;width: 50%;}
#editTeamMembers formFooter {position: relative;}

/* folders & editorpanel */

table#editorPanelHeader {width: 100%;margin: 0;height: 20px;;border: 0;}
td#dummyLeft {width: 10px;height: 100%;background-color: white;border-bottom: 1px solid black;border-right: 1px solid black;}
td#dummyRight {height: 100%;background-color: white;border-bottom: 1px solid black;}
td#foreground {height: 100%;width: 200px;background-color: #C1EBF9;border-top: 1px solid black;border-right: 1px solid black;border-bottom: 0;padding-left: 15px;}
td.background {height: 100%;width: 200px;background-color: #4D6EA9;border-top: 1px solid black;border-right: 1px solid black;border-bottom: 1px solid black;padding-left: 15px;}
#editorPanelHeader #foreground a {color: #4D6EA9;text-decoration: none;}
#editorPanelHeader #foreground a:hover {text-decoration: underline;}
#editorPanelHeader .background a {color: #C1EBF9;text-decoration: none;}
#editorPanelHeader .background a:hover {color: #ffffff;text-decoration: underline;}
#editorPanelMain, #editorPanelMain2 {background-color: #C1EBF9;border-right: 1px solid black;border-left: 1px solid black;height: 100%;margin: 0; padding: 20px;}
#editorPanelMain input.text, #editorPanelMain2 input.text {width: 90%;}
#editorPanelMain2 th {text-align: left;font-weight: normal;}
#editorPanelMain2 th.center {text-align: center;font-weight: normal;}
#editorPanelFooter {background-color: #C1EBF9;border-right: 1px solid black;border-left: 1px solid black;height: 50px;margin: 0; padding: 20px;}
#editorPanelFooter input {margin-left: 70%;}

#editorPanel {font-size: 11px;}
#editorPanel textarea {width: 100%;height: 400px;}
#editorPanel div#formFooter {margin: 0;background-color: #004D6C;border: 1px solid black;width: 100%;text-align: center;}
#editorPanel #formFooter a {color: #c1ebf9;font-family: Arial, Verdana;font-size: 11px;width:30%;margin-left: 0px;margin-right: 0px;text-decoration: none;}
#editorPanel #formFooter td {width: 33%;text-align: center;}
#editorPanel #formFooter table {width: 100%;}

/* edit sitePermissions */

#editSitePermissionsLeft table {border: 0;}

/* edit attachments */
form#addAttachment {margin-bottom: 0;padding: 0px;max-height: 150px;}
form#editAttachments {margin: 0;padding: 0px;max-height: 10%;}

/* folders show content */
table#showFiles {border: 0;width: 100%;}
table#showFiles th {text-align: left;font-size: 11px;background-color: #004d6c;color: #c1ebf9;padding: 2px 2px 2px 4px;}
table#showFiles td {font-size: 11px;background-color: #c1ebf9;color: black;padding: 2px 2px 2px 4px;border-bottom: 1px solid #7996d8;}

/********* search *********/
form#search {margin-left: 30px;}
#search button#submitBtn {margin-left: 30px; width: 100px;}
#searchOptions {float: right;padding-right: 150px;}
div#searchText {padding-top: 50px;}