/* @override http://127.0.0.1:5000/static/css/styles.css */

/* @group CSS Reset */

/* Remove implicit browser styles to have a neutral starting point:
   - No elements should have implicit margin/padding
   - No underline by default on links (we add it explicitly in the body text)
   - When we want markers on lists, we will be explicit about it, and they render inline by default
   - Browsers are inconsistent about hX/pre/code, reset
   - Linked images should not have borders
   */

* { margin: 0; padding: 0; }
* :link,:visited { text-decoration:none }

ol {
	border: 0px solid red !important; 
	list-style-type: decimal !important;
	list-style-position:inside !important;
}

ol li {
	border: 0px solid red !important;
	padding: 0px 0px 0px 0px;
	display: block;
}
* li { display: inline; }
* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
* a img,:link img,:visited img { border:none } 
a { outline: none; }
table { border-spacing: 0; }
img { vertical-align: middle; }

html.kupu-html {
	font-size:100% !important;
}

/* @end */

/* @group Basics */

body { 
	font-family: Verdana;
	background: white;
	color: black;
	font-size: 12px !important;
}

a:link, a:visited {
	color: #336699 !important;
	border: 0px !important;
}

a:link:hover,
a:visited:hover {
	color: #336699 !important;
	border: 0px !important;
}

dt {
	font-weight: bold;
}

.portletItem .odd {
	border: 0px !important;
}

.portletItem .even {
	border: 0px !important;
}

/* @end */

/******************* start neu definitions *******************/

#sidebar-wrapper {
    background: transparent !important;  
	border: 0px solid green !important;
	width: 300px;
	padding: 0px;
	float: right;
	margin: 12px 10px 0px 0px !important;
}

*+html #sidebar-wrapper {
    background: transparent !important;  
	border: 0px solid green !important;
	width: 300px;
	padding: 0px;
	float: right;
	margin: 12px 20px 0px 0px !important;
}

#outer-wrapper {
	float: left;
	width: 854px;
	border: 0px solid green;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -16em 0;
}

#inner-wrapper {
    width: 854px;
	border: 0px solid red; 
	padding: 0 0 0em 0;
}

#header {
    width: 854px;
	background: transparent;
} 

#topbar {
    height: 30px;
    padding-top:3px;
}

#content-wrapper {
	margin: 0px !important;
	float: left;
	border: 0px solid green;
}

#main-wrapper {
    border: 0px solid black;
	float: left;
	padding: 0px;
	width: 510px;
	margin: 7px 10px 0px 15px !important;
}

*html #main-wrapper {
    border: 0px solid black;
	float: left;
	padding: 0px;
	width: 510px;
	margin: 7px 5px 0px 10px !important;
}

*+html #main-wrapper {
    border: 0px solid black;
	float: left;
	padding: 0px;
	width: 510px;
	margin: 7px 0px 0px 15px !important;
}

#bottombar-wrapper {
    border: 0px solid red;
}

#main-nav {
	margin: 0;
	padding: 0;
}

#user {
	overflow: hidden;
	line-height: 2.3em;
	white-space: nowrap;
	text-align: right;
}

/** @ site wrapper **/ 

#visual-banner-wrapper {
    width: 1007px;
    margin: 0px auto 0px auto;
    background: transparent;
}

* html #visual-banner-wrapper {
    width: 1025px;
    margin: 0px auto 0px auto;
    background: transparent;
}

#visual-portal-wrapper {
	float: left;
    width: 854px;
    margin: 0px auto 0px auto;
    background: #fff url(../images/shadow.gif) top left repeat-y !important;
	border: 0px solid black;
}

#portal-wrapper {
    width: 854px;
    background: transparent url(../images/vpw-top.gif) top left no-repeat !important;
    margin: 0px;
	border: 0px solid red !important;
}

/** end site wrapper **/  

#portal-column-banner-top {
	width: 854px;
	border: 0px solid red !important;
	margin: 0px 0px 5px 0px !important;
	padding: 0px !important;
	font-size: 0px;
	text-align: center;
	background: transparent; 
}

#portal-column-banner {
	float: left;
	border: 0px solid white;
	border-width: 0px 5px 0px 5px;
	width: 176px;
	margin: 5px 0px 0px 0px !important;
	padding: 0px !important;
	font-size: 0px;
}

/** @ portal-top **/

#portal-top {
    padding: 7px 7px 0px 7px;
}

#portal-header {
	background: transparent url(../images/bg-portal-top.gif) 20px 72px no-repeat !important;
	height: 180px;
}

/** @ portal-personaltools **/ 

#portal-personaltools-wrapper {
	border: 0px solid black !important;
	margin: 10px 0px 0px 10px !important;
	padding: 10px 0px 0px 10px;
}

.weka {
	float: left;
	margin: 0px;
	padding: 0px;
}

#portal-personaltools {
    background: transparent !important;
    text-align: left;
    float: left;
    border: 0px !important;
    margin: 0px 0px 0px 10px;
	height: 18px;
	padding: 0px 0px 0px 0px !important;
	text-transform: none;
}

#portal-personaltools li {
	background: transparent;
	padding: 0px 0px 0px 0px;
	border: 0px solid black;
	text-transform: none;
}

.arrow {
	border: 0px solid red;
	background: transparent url(../images/arrow-blue.gif) right top no-repeat !important;
}

/** end portal-personaltools **/

/** @ portal-logo **/

#portal-logo {
    display: block;
    margin: 0px 0px 10px 240px;
	border: 0px;
}

/** end portal-logo **/

/** @ global-searchbox **/

#portal-searchbox {
	float: right;
	border: 0px solid black;
	padding: 0px 0px 0px 0px !important;
	margin: 15px 20px 0px 0px !important;
}

*html #portal-searchbox {
	float: right;
	border: 0px solid black;
	padding: 0px 0px 0px 0px !important;
	margin: 15px 10px 0px 0px !important;
}

#portal-searchbox #searchGadget {
    width: 140px;
    margin:0 1px 0 -4px;
    height:17px;
    padding: 5px 0 1px 9px;
    font-size: 10px;
    background: #fff url(../images/searchfield.gif) top right no-repeat;
    color: #336699;
    border: none;
}
#portal-searchbox .searchButton {
    border: none;
    height:23px;
    width:23px;
    padding:0px;
    margin:0px;
    font-size: 1em;
    color: #336699;
    background: #fff url(../images/searchbutton.gif) top right no-repeat;
}

#portal-searchbox input.inputLabel {
	color: #336699;
}

#portal-searchbox .searchButton span {
    position:absolute;
    left:-999em;
}

/** end global-searchbox **/  


/** portal-newsletter **/

#portal-newsletter {
	float: right;
	background: transparent url(../images/bg-nl-top.gif) top right no-repeat;
	padding: 12px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
	text-align: center;
	width: 129px;
	height: 35px;
}

* html #portal-newsletter {
	float: right;
	background: transparent url(../images/bg-nl-top.gif) top right no-repeat;
	padding: 12px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	text-align: center;
	width: 129px;
	height: 35px;
	border: 0px solid black;
}

#portal-newsletter a:link {
	color: #634408;
	text-decoration: none;
	border: none;
}

#portal-newsletter a:visited {
	color: #634408;
	text-decoration: none;
	border: none;
}

#portal-newsletter a:hover {
	color: #634408;
	text-decoration: underline;
	border: none;
}

/** @ globalnav - weka_sections -weka_subsections **/

#content-views {
	margin: 1em 0;
}

#edit-bar { 
	width: 814px;
	margin: 0px 20px 0px 20px;
	background-color: #75ad0a;
	clear: both;
}

#edit-menu ul { 
	padding-left: 0.5em;
	border: 0px solid #76AD17;
	border-width: 4px 0px 4px 0px;
	background-color: #76AD17;
	line-height: 2em;
	height: 1em;
	margin-top: 1em;
}

#edit-menu li a { 
	color: White;
	font-weight: bold;
	padding: 0.5em;
	line-height: 2em;
}


#edit-menu li a:hover, 
#edit-menu li.selected a { 
	color: #75ad0a;
	background-color: White;
	border-top: 1px solid #75ad0a;
	line-height: 2em;
}

#edit-menu li:hover a, 
#edit-menu li.selected a { 
	color: #75ad0a;
}

#action-menu {
	/*float:right;
	clear: right;*/
}

#action-menu ul li a {
	color: White;
	font-weight: bold;
}

#action-menu ul li a img {
	display: none;
}
/* @end */



/* @group Data tables */

table.listing {
	width: 100%;
	border-spacing: 0; 
}

table.listing td, 
table.listing th {
	padding: 0.5em;
	vertical-align: top;
}

table.listing td.listingCheckbox, 
table.listing th.listingCheckbox {
	text-align: center;
}

table.listing thead th {
	text-align: left;
	color: #666;
	border-bottom: 1px solid #e7e7e7;
	padding-left: 0;
}
table.listing tbody th {
	font-weight: bold;
}
table.listingtbody tr {
	text-align:left;
}
table.listing tbody tr.odd {
	background: #f9f9f9;
}
table.listing tbody tr td { 
	background: transparent;
}
table.listing tbody tr.odd td { 
	background: #f9f9f9;
}
table.listing a { 
	border: none !important;
}

div.listingBar {
	font-size: 13px;	
	margin: 1em 0;
}

div.listingBar .next {
	display: inline-block;
	float: right;
}

div.listingBar .previous {
	display: inline-block;
}

div.listingBar a {
	display: inline-block;
	padding: 0.25em 0.5em;
	border: 1px solid #ccc;
}

div.listingBar a:hover {
	color: White !important;
	background-color: #329fd7 !important;
	border-color: #329fd7 !important;
}



/* @end */

/* @group Status messages */

dl.portalMessage {
    font-size: 12px;
    background-color: #ffffe3; 
    border: 1px solid #996;
    margin-bottom: 1em;
}

dl.portalMessage a {
    color: black !important;
    border: none !important;
    text-decoration: underline;
}
dl.portalMessage dt {
    background-color: #996; 
    font-weight: bold;
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.5em 0.75em;
    color: White;
    line-height: 1.25em;
}
dl.portalMessage dd {
    padding: 0.5em 0.5em; 
    margin: 0;
    line-height: 1.25em;
}
dl.warning {
    border-color: #d80;
}
dl.warning dt {
    background-color: #d80;
}
dl.error {
    border-color: #d00;    
}
dl.error dt {
    background-color: #d00; 
}
dl.warning {
    border-color: #d80;    
}
dl.warning dd {
    background-color: #fd7; 
}
dl.error {
    border-color: #d80;    
}
dl.error dd {
    background-color: #fd7; 
}



/* @end */

/* @group Editing */

/* @group Pulldown menus */

.contentActions {
    background-color: white;
    text-align: right;
    padding: 0px 10px 15px 10px !important;
    z-index: 2;
    position:relative;
    height: 1.6em;
	border: 0px solid red;
	margin: 10px 0px 10px 0px !important;
}
.contentActions ul,
.contentActions li {
    margin: 0;
    list-style: none;
    list-style-image: none;
    color: Black;
    text-align: left;
    line-height: 1.6em;
}
.contentActions li {
    float: right;
    z-index: 4;
    border-left: 1px solid #74ae0b;
}
.contentActions a {
    text-decoration: none;
    color: White;
    padding: 0 0.5em;
    cursor: pointer;
}
.contentActions span.subMenuTitle {
    padding: 0em 0.5em;
    position: relative;
    white-space: nowrap;
    display: inline;
}
.contentActions a span.subMenuTitle {
    padding: 0px;
    display: inline;
}

#contentActionMenus li {
    float:  right;
    margin-top: 0.5em;
}

#contentActionMenus li .actionMenuContent li {
    float:  none;
    margin-top:  0;
}

.actionMenu {
    position: relative;
    margin: 0;
    padding: 0;
	font-weight: bold;
}
.actionMenu .actionMenuHeader {
    margin: 0;
    padding: 0;
}
.actionMenu.activated .actionMenuHeader {
    position: relative;
    z-index: 10;
}
.actionMenu .actionMenuHeader a {
    display: block;
	color: White;
	padding: 0 0.5em 0.5em 0.5em;
}
.arrowDownAlternative {
    font-size: 0.85em;
}
.actionMenu .actionMenuContent {
    display: none;
    z-index: 5;
    position: absolute;
    top: 1.5em;
    right: 0;
    height: auto;
    padding: 0;
    margin: 0;
}
.actionMenu.activated .actionMenuContent {
    display: block !important;
}
.actionMenu.activated .actionMenuContent {
    display: table !important;
    border-collapse: collapse;
    border-spacing: 0;
}
.actionMenu.deactivated .actionMenuContent {
    display: none !important;
}
.actionMenu .actionMenuContent ul {
    display: block;
    background: #75ad0a;
	color: white;
    margin: 0;
	border: 3px solid #74ae0b;
}
.actionMenu .actionMenuContent li {
    float: none;
    display: inline;
}
.actionMenu .actionMenuContent li a {
    display: block;
    white-space: nowrap;
	background-color: #74ae0b;
	color: white !important;
	padding: 0.5em;
}
.actionMenu .actionMenuContent .selected {
    display: block;
    white-space: nowrap;
    padding: 0 0.5em;
    margin: 0.2em 0;
}
.actionMenu .actionMenuContent li a:hover {
	color: black !important;
}
.actionMenu .actionMenuContent .actionSeparator a {
    padding-top: 0.2em;
    border-top: 1px solid #74ae0b;
}
#templateMenu li a {
    padding-left: 16px;
}

.noMenuAction {
    color:  white;
    padding: 0 0.5em;
}

/* @end */

/* @group Control panel */

ul.configlets {
    margin: 1em 0;
    list-style-image: none;
    list-style: none;
}

.configlet .contentViews {
    font-size: 90%;
}

ul.configlets li {
    margin-bottom: 1em;
}
ul.configlets li a {
    text-decoration: none;
    border: none;
}
ul.configlets li a:visited {
    color: #436976;
    background-color: transparent;
}
ul.configlets li a:active {
    color: #436976;
    background-color: transparent;
}
ul.configlets li label {
    font-weight: bold;
}
ul.configletDetails {
    margin: 0em 1em 1em 4em;
    list-style-image: none;
    list-style: none;
}
ul.configletDetails li {
    margin-bottom: 1em;
    display: inline;
}
ul.configletDetails li a {
	text-decoration: none;
}
ul.configletDetails li label {
    font-weight: bold;
}
ul.configletDetails li.configletDescription {
    display: block;
    color: #76797c;
    font-size: 90%;
    margin: 0;
}
.inlineDisplay {
display:inline
}
table.controlpanel-listing {
width:100%;
}
table.controlpanel-listing td, table.controlpanel-listing th {
font-size:120%;
}
table.controlpanel-listing dl {
margin-top:0;
}
table.controlpanel-listing dd {
margin-left: 1em;
}
table.controlpanel-listing dl dt a .trigger{
font-weight:normal;
}
table .controlpanel-listing td {
vertical-align:top;
}
table.controlpanel-listing td.checker{
text-align:center;
}
table.controlpanel-listing th.smallcolumn {
width:1.5em;
}
.chooser-right {
float:right;
margin-right:0 !important;
margin-bottom:0 !important;
}
.rule-element {
background-color:#EEF3F5;
margin:0.5em 0pt 0.5em;
padding:0.3em 1em 0.3em 1em;
width:auto;
}
.rule-element dl {
}
.rule-element dl dd {
margin-left:1em;
}
.rule-updown, .rule-operations {
float:right;
padding-top:0.8em;
}
/* @end */

/* @group Collapsible */
dl.collapsible {
    border: 1px solid #8cacbb !important;
    margin: 1em 0 0 0;
    padding: 0;
}
dl.collapsible dt.collapsibleHeader {
    display: block;
    float: left;
    background: White;
    line-height: 1.2em;
    vertical-align: middle;
    font-size: 90%;
    position: relative;
    top: -0.6em;
    width: auto;
    margin: 0 0 -0.6em 1em;
    padding: 0 0.5em;
}
dl.collapsible dd.collapsibleContent {
    margin: 0;
    padding: 0 1em;
    clear: left;
}

/* for IE the following isn't needed, that's why the css2 selector is used */
dl.collapsible dd.collapsibleContent > dl {
    margin: 0;
    padding: 0;
}

dl.expandedInlineCollapsible dt.collapsibleHeader,
dl.expandedBlockCollapsible dt.collapsibleHeader {
    padding: 0 6px 0 22px;
    background: White url(../../treeExpanded.gif) no-repeat 6px 50%;
    cursor: pointer;
}

dl.collapsedBlockCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
}
dl.collapsedBlockCollapsible dt.collapsibleHeader {
    float: none;
    position: static;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: 1em;
    cursor: pointer;
}
dl.collapsedInlineCollapsible dd.collapsibleContent,
dl.collapsedBlockCollapsible dd.collapsibleContent {
    display: none;
}
dl.collapsedInlineCollapsible {
    border: none !important;
    height: 1em;
    width: auto;
    display: inline;
}
dl.collapsedInlineCollapsible dt.collapsibleHeader {
    position: static;
    float: none;
    margin: 0;
    padding: 0 0 0 22px;
    line-height: 1em;
    cursor: pointer;
    display: inline;
}

/* @end */

/* @group Comments */

.comment {
	border: 1px solid #eee;
	background-color: #f6f6f6;
    padding: 0.25em 1em 1em 1em;
    margin-bottom: 1em;
}
.comment h1,
.comment h2,
.comment h3,
.comment h4, 
.comment h5,
.comment h6 {
    border-bottom: 1px solid #76797c;
    font-weight: normal;
}
.commentBody {
	font-size: 13px;
}

/* @end */

/* Additional STX workaround classes */ 

.stx table p {
    margin: 0;
    padding: 0;
}
.stx table {
    border: 1px solid #cccccc ! important;
	font-size: 80% !important;
}
.stx table td {
    border-bottom: 1px solid #cccccc !important;
	vertical-align: top;
}

.reviewHistory,
.contentHistory {
    display: inline;
    font-size: 110% !important; 
    color: Black;
}
.spacer {
    margin: 1em;
}

.label {
    font-weight: bold;
    display: inline;
    padding-right: 0.5em;
}
.optionsToggle {
    border: 1px solid #8cacbb;
    color: Black;
    background-color: #dee7ec;
    font-weight: normal !important;
    font-size: 90%;
} 

#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
    border-color: #ffa500;
    border-width: 1px;
}

/* for highlighting of search terms */
.highlightedSearchTerm {
   background-color: #ffa;
}

dl.searchResults .highlightedSearchTerm {
    background-color: transparent;
    font-weight: bold;
}
/* for greying out inherited roles */
.noInheritedRoles {
    color: #a0a0a0;
}
/* for highlighting current items, like the language or today in the calendar */
.currentItem {
    border-collapse: collapse;
    border: 2px solid #ffa500;
    padding: 1px;
}
.managePortletsLink {
    display:  block;
    color: #76797c;
    font-size: 90%;
    font-weight: normal;
}


/* @end */

/* @group Tabbed form fieldsets */

ul.formTabs {
    position: relative;
    display: block;
    list-style-type: none;
    text-align: center;
	background: transparent;
	border: 1px dotted #cccccc;
	margin: 10px 0px 30px 0px !important;
}
li.formTab {
    display: inline !important;
    margin: 0;
    padding: 0;
}
li.formTab a {
    /* this isn't supported by all browsers, so we keep it in a separate rule */
    display: inline-block;
}
li.formTab a {
	background-color: #329fd7;
    color: black !important;
    padding: 0.125em 0.75em;
    text-decoration: none;
	border: none !important;
	font-weight: bold;
}
li.formTab a:visited {
}
li.firstFormTab a {
}
li.lastFormTab a {
}
li.formTab a.selected,
li.formTab a:hover {
    background: White;
    color: #329fd7 !important;
}
li.formTab a.notify {
    background-color: #ffce7b;
    color: Black;
}
li.formTab a.required span {
    background-image: url(../../required.gif);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 8px;
}
li.formTab a.notify:hover {
    background-color: #ffa500;
}
.formPanel {
	margin-top: -1.5em;
    border: 1px solid #8cacbb;
    padding-top: 1em;
}
.formPanel.hidden {
    display: none;
}
div.formControls input.hidden {
    display: none;
}

/* @end */

/* @group Forms */

div.formControls {
	margin-top: 1em;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background-color: #ffffe0;
	/* outline: none; */
}

#content textarea {
font: 100% Monaco, "Courier New", Courier, monospace;
width: 100%;
}
#content select {
vertical-align: top;
}
#content fieldset {
border: 1px solid #329fd7;
border-style: solid none none none;
}
#content legend {
padding: 0.5em 0.5em 0.5em 0;
font-size: 90%;
}
label {
font-weight: bold;
}
#content optgroup {
font-style: normal;
font-weight: bold;
color: #999;
padding-left: 0.25em;
}
#content option {
color: black;
}
#content optgroup > option {
padding: 0 0.25em 0 1em;
}
dl.enableFormTabbing dd {
margin-left: 0;
padding-top: 2em;
}
#content input.searchButton {
}
.searchSection {
color: #76797c;
margin-top: 0.25em;
}
.searchSection label:hover {
color: Black;
}
.field {
clear: both;
margin-top: 1em;
}
.fieldRequired {
background: url(../../required.gif) center left no-repeat;
padding: 0 0 0 8px;
color: White;
}
.fieldUploadFile {
text-align: right;
margin-right: 0.75em;
display: none;
}
.fieldTextFormat {
text-align: right;
margin-right: 0.75em
}
.formHelp {
font-size: 90%;
color: #76797c;
margin: 0 0 0.2em 0;
}
.formHelp:hover {
color: Black;
cursor: default;
}
div.error {
background-color: #fdc;
border: 1px solid #d00;
padding: 0.5em;
margin: 0 0 1em 0;
width: 95%;
}
.error .fieldRequired {
color: #d00;
}
input.inputLabelActive {
color: #76797c;
}
textarea#form\.description {
height: 6em;
width: 99%;
}
tr.selected {
background-color: #ffa;
}


 /*Table of Contents styling - essentially a portlet with smaller fonts and aligned right + limited in width*/ 

dl.toc {
	float: right;
    width: 35%;
	font-size: 11px !important;
    margin: 0 0 0.5em 1.5em;
	border-left: 1px solid #666;
}
dl.toc dt {
	margin-left: 3em;
	font-weight: normal;
	text-transform: uppercase;
}
dl.toc dd {
	margin-bottom: 0 !important;
}
dl.toc dd ol {
	margin-left: 1.5em !important;
}

/* @end */

#sitemap  {
	width: 100%;
	clear: both;
	padding-top: 1em;
/* IE:
	clear: both;
	margin-bottom: 3em;
	float:left;
*/
}

#sitemap dl {
	font-family: "Lucida Grande", Verdana, FreeSans, sans-serif;
	color: White;
	display: inline-block;
	vertical-align: top;
	width: 20%;
/* IE:   width: 16.3%;*/
/* IE:   float: left;*/

}
#sitemap dl a {
	font-size: 0.7em;
	color: White;
	display: block;
	padding: 0.25em 6px;
}
#sitemap dl a:hover {
	color: #329fd7;
	background-color: White;
}

#sitemap dl dt a {
	font-size: 0.75em;
}
/* @end */

/* @group Visual editor */

.kupu-save-message {
color: white;
font-weight: bold;
background-color: red;
padding: 0.3em;
position: fixed;
top: 0;
right: 0;
z-index: 999;
}

#toolbar {
    background-color: White;
    width: auto;
    border: none;
}
#toolbar button {
	border-color: White;
}
#kupu-editor-iframe-text {
	border: 1px solid Black;
}
#kupu-colorchooser {
	display: none;
}

/* @end */

/* @group Invisibles */

.hiddenStructure {
    display: none;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}

/* @end */ 

/* Stylesheet for the 'Management Praxis Theme' Plone theme */

.visualClear {
	height: 0px !important;
	clear: both;
}

.visualIEFloatFix {
	height: 0.1%;
 }



#globalnav-wrapper {
    background: transparent url(../images/bg-globalnav-wrapper.gif) top right repeat;
    margin: 0px 20px 0px 20px !important;
	border: 0px solid black !important;
	height: 68px;
}

#portal-globalnav {
	background: transparent;
	padding: 0px 0 0 0px;
	white-space: normal;
	list-style: none;
	margin: 0;
	display: block;
	line-height: 12px;
	font-size: 9px;
}

/**#globalnav-bottom {
    height:6px;
    background:transparent;    
}

#globalnav-bottom span {
    display:block;
    height:6px;
    width:5px;
    background:transparent;        
}**/

#portal-globalnav li {
	float: left;
	width: 126px;
	text-align: center;
	font-weight: bold;
	border: 0px solid red !important;
	padding: 0px !important;	
}

#portal-globalnav li.plain {
	background: transparent url(../images/globalnav-tab-low.gif) 0px 0px no-repeat;
	border: 0px solid black;
	padding: 0px !important;
	margin: 0px !important;
}

#portal-globalnav li.selected {
	background: transparent url(../images/globalnav-tab-high.gif) 0px 0px no-repeat;
	border: 0px solid black;
	padding: 0px !important;
	margin: 0px !important;
}

#portal-globalnav li a {
	border: 0px solid black !important;
	text-transform: none !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	text-align: center;
	display: inline !important;
}

#portal-globalnav li a:hover {
	border: 0px !important;
	text-transform: none !important;
	background: transparent;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

#portal-globalnav li.selected a {
	border: 0px !important;
	text-transform: none !important;
	background: transparent;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

.tab {
	border: 0px solid black;
	padding: 7px 10px 10px 10px !important;
	margin: 0px;
}

#portaltab-personal {
	padding: 0px;
	margin: 0px 2px 0px 0px
}

#portaltab-marketing {
	padding: 0px !important;
	margin: 0px 2px 0px 0px !important;
}

#portaltab-marketing .tab {
	padding: 7px 20px 10px 20px !important;
	margin: 0px 2px 0px 0px !important;
}

#portaltab-unternehmen {
	padding: 0px !important;
	margin: 0px 2px 0px 0px !important;
}
#portaltab-unternehmen .tab {
	padding: 7px 5px 10px 6px !important;
	margin: 0px 2px 0px 0px !important;
}

#portaltab-recht {
	padding: 0px !important;
	margin: 0px 2px 0px 0px !important;
}

#portaltab-karriere {
	padding: 0px !important;
	margin: 0px 2px 0px 0px !important;
}

#portaltab-karriere .tab {
	padding: 7px 30px 10px 30px !important;
	margin: 0px 2px 0px 0px !important;
}

#portaltab-downloads {
	padding: 0px !important;
	margin: 0px 2px 0px 0px !important;
}

#portaltab-downloads .tab {
	padding: 7px 20px 10px 20px !important;
	margin: 0px 2px 0px 0px !important;
}

#portal-globalnav-sublevels {
    clear: left;
    list-style-image: none;
    list-style: none;
    line-height: normal;
    white-space: nowrap;
    float: left;
    background: transparent;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

#portal-globalnav-sublevels li {
    display:inline;
    margin: 0px 0px 0px 0px;
	background:transparent none repeat scroll 0 0;
	border-color:black;
	border-style:solid;
	border-width:0 1px 0 0;
	float:left;
	padding: 0px 5px 0px 5px;
	width:auto;
}

#portal-globalnav-sublevels li a {
    float:left;
 	margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    background-color:transparent;
    color: #000;
    text-decoration:none;
}

#portal-globalnav-sublevels li a:hover {
    color: black;    
    background:transparent;    
}

#portal-globalnav-sublevels li.selected {
    position:relative;
    float:left;
 	background:transparent;        
    font-weight:bold;
}

#portal-globalnav-sublevels li.selected a:hover {
    color: #000;
    background-image: none;
}

/** end @globalnav **/

/** @ portal-breadcrumbs **/ 

#portal-breadcrumbs {
	margin: 0px 20px 0px 20px;
    border-bottom: 1px dotted #cccccc !important;
	padding: 5px 0px 10px 0px;
	text-transform: none;
}



/** @archetypes-fieldname-subject **/

#archetypes-fieldname-subject select {
    overflow: hidden;
}

#archetypes-fieldname-subject input {
    font-size: 10px;
}

/***********************/
/** @ region-content **/

.documentEditable .documentContent {
    border: none;
}

.documentContent {
	padding: 5px !important;
	border: 0px solid black;
}

.documentActions {
    border: 0px solid black;
	margin: 0px 0px 0px 0px;
	float: right;
}

.documentActions ul {
    margin: 0px 0px -25px 0px;
}

.documentActions ul li {
    margin: 0px;
    padding: 0px;
}

.documentByLine {
    display: none;
} 

#parent-fieldname-text th {
	font-size: 120%;
}

#parent-fieldname-text td {
	font-size: 120%;
}

#parent-fieldname-text p {
	border: 0px solid red !important;
	line-height:1.5em;
	margin:0 0 0.75em;
}

table.listing th, .stx table th {
	text-transform: none;
}

#parent-fieldname-text ul,
#parent-fieldname-textBottom ul {
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	padding: 5px 5px 10px 0px;
}

#parent-fieldname-text ul li,
#parent-fieldname-textBottom ul li {
	background: url(../images/arrow-blue.gif) no-repeat 0px 5px transparent;
	margin: 0 0 5px 0;
	font-weight: normal;
	padding: 0 0 0 10px;
	display: block;
	float: none;
}


/** link definitions **/

a:link.black {
	text-decoration: none !important;
	font-weight: normal !important;
	color: black !important;;
}

a:visited.black {
	text-decoration: none !important;
	font-weight: normal !important;
	color: black !important;
}

a:hover.black {
	text-decoration: none !important;
	font-weight: normal !important;
	color: black !important;
}

#content a:link {
    text-decoration: none;
    font-weight: bold;
}
#content a:visited {
    text-decoration: none;
    font-weight: bold;
}
#content a:hover {
    text-decoration: underline;
    font-weight: bold;
}

#parent-fieldname-text a:link,
#parent-fieldname-textBottom a:link {
	background: transparent;
    color: #336699;
    text-decoration: none;
    font-weight: bold;
	padding: 0px;
	border: 0px;
}

#parent-fieldname-text a:visited,
#parent-fieldname-textBottom a:visited {
	background: transparent;
    color: #336699;
    text-decoration: none;
    font-weight: bold;
	padding: 0px;
	border: 0px;
}

#parent-fieldname-text a:hover,
#parent-fieldname-textBottom a:hover {
	background: transparent;
    color: #336699;
	padding: 0px;
	border: 0px;
	text-decoration: underline;
}

/* Protocol-specific links */
#content a[href ^="mailto:"],
#content a.link-mailto  {
    background: transparent;
    padding: 1px 0px 1px 1px;
}
#content a[href ^="news:"],
#content a.link-news {
    background: transparent;
    padding: 1px 0px 1px 1px;
}
#content a[href ^="ftp:"],
#content a.link-ftp {
    background: transparent;
    padding: 1px 0px 1px 1px;
}
#content a[href ^="irc:"],
#content a.link-irc {
    background: transparent;
    padding: 1px 0px 1px 1px;
}
#content a[href ^="callto:"],
#content a.link-callto {
    background: transparent;
    padding: 1px 0px 1px 1px;
}
#content a[href ^="webcal:"],
#content a.link-webcal {
    background: transparent;
    padding: 1px 0px 1px 1px;
}
#content a[href ^="feed:"],
#content a.link-feed {
    background: transparent;
    padding: 1px 0px 1px 1px;
}

/** @ documentContent **/

.inhalt table {
	border-spacing: 2px !important;
} 

.inhalt td {
	border: 1px dotted #999999 !important;
	padding: 5px;
}

.inhalt th {
	border: 1px dotted #999999 !important;
	padding: 5px;
}

.documentDescription {
	font-weight: bold !important;
}

.image-caption {
	border: 0px solid red;
	width: 480px !important;
}

.documentKicker {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 90%;
	margin: 10px 0px 10px 0px;
}

.documentFirstHeading {
    color: #336699;
	background: transparent url(../images/bg-dfh.gif) 0px 10px no-repeat;
	border: 0px dotted #cccccc;
	border-width: 1px 0px 1px 0px;
	padding: 5px 0px 5px 15px;
	margin: 0px 0px 10px 0px;
	font-size: 130%;
	font-weight: bold;
}

* html .documentFirstHeading {
    color: #336699;
	background: transparent url(../images/bg-dfh.gif) 0px 11px no-repeat;
	border: 1px dotted #cccccc;
	border-width: 1px 0px 1px 0px;
	padding: 5px 0px 5px 15px;
	margin: 2px 0px 10px 0px;
	font-size: 130%;
	font-weight: bold;
	line-height: 20px !important;
}

.documentSecondHeading {
    color: #336699;
	background: transparent;
	border: 0px dotted #cccccc;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 130%;
	font-weight: bold;
}

.documentImage {
    float:left;
    margin: 0px 10px 15px 0px;
    border: 1px solid #ccc;
    padding: 5px;
}

.documentImageCaption {
    color: #76797c;
    font-size: 85%;
    font-weight: normal;
	width: 200px;
	margin: 10px 0px 0px 0px;
}

.documentAd {
    border: 0px dotted #ccc;
	border-width: 1px 0px 1px 0px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 10px 5px 0px;
    margin: 0px 0px 10px 0px;
	text-align: center;
}

.documentAdHeader {
	border: 0px solid black;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
} 

.documentAd img {
    margin: 10px 0px 10px 0px;
	border: 0px solid red;
	padding: 0px;
}

.documentAd a {
	background: transparent !important;
	padding: 0px !important;
	margin: 0px;
}
	

.documentSubjects {
    border: 1px solid #ccc;
    width: 180px;
    float: left;
    padding: 0px 0px 5px 0px;
    margin: 0px 10px 15px 0px;
}

.documentSubjectHeader {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px 7px 35px;
	margin: 0px 1px 0px 0px;
	background: transparent url(../images/bg-info.jpg) 0px 1px no-repeat;
}

.documentSubject {
    padding: 2px 0px 2px 10px;
}

.documentSubjects a.link-subject {
    font-weight: bold;
    text-decoration: none;
}

.documentRelated,
.documentFiles {
    clear: left;
    border: 1px solid #ccc;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 15px 0px;
}

.documentRelatedHeader,
.documentFilesHeader {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px 7px 35px;
	background: transparent url(../images/bg-info.jpg) 0px 1px no-repeat;
}

.documentRelatedBody {
	padding: 10px 5px 10px 5px;
}

.documentRelatedItem,
.documentFile {
    padding: 5px 0px 5px 20px;
	background: url(../images/arrow-blue.gif) no-repeat 7px 10px transparent;
}

.documentRelatedItem a.link-related,
.documentFile a.link-related {
    font-weight: bold;
    text-decoration: none;
}

.documentParent {
    clear: both;
    margin: 10px 0px 15px 0px;
    padding: 5px;
    background: #ccc;
}

table.plain th {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	padding: 0.5em;
	background: #EEF3F5;
}

table.plain {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	padding: 0.5em;
	background: white;
	font-size: 100%;
}

table.plain td {
	border-bottom: 1px solid #CCCCCC;
	border-collapse: collapse;
	padding: 0.5em;
	background: white;
	vertical-align: top;
}

/** end documentContent **/

/** specific sample Content definitions **/

.sampleImage {
	border: 0px dotted #cccccc !important;
	float: right;
	margin: 0px 10px 10px 10px;
	padding: 10px !important;
}

#sampleImage {
	border: 1px dotted #cccccc !important;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 10px 0px 0px 10px !important;
}

.itemDetailSize {
	border: 0px solid red;
	margin: 10px 0px 0px 0px;
}

.sampleDetailLabel {
    font-weight: bold;
}

.application-pdf,
.application-vnd.ms-powerpoint {
    background:url(../images/icon_pdf.gif) no-repeat 0px 4px transparent;
    padding: 0px 0px 0px 12px;
}

.itemDetail {
	border: 0px solid black;
	margin: 0px 0px 10px 0px;
}

.sampleDetail {
	border: 0px solid black;
	margin: 0px 0px 10px 0px;
}

/** @ itemTile block in folder listings **/

.itemTile {
    border-bottom: 0px dotted #ccc;
    padding: 10px 0px 10px 0px;
}

.itemKicker {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 90%;
	margin: 0px 10px 10px 10px;
}

.itemFirstHeadline {
    font-size: 120%;
    font-weight: bold;
    border: none;
	margin: 0px 0px 5px 0px;
	background: #ececec;
	padding: 5px;
}

.itemFirstHeadline span {
    font-size: 100%;
    font-weight: bold;
    border: none;
	margin: 0px 0px 5px 0px;
	background: #ececec;
	padding: 5px;
	color: #336699;
}

.itemHeadline {
    font-size: 120%;
    font-weight: bold;
    border: none;
	margin: 0px 0px 5px 0px;
}

.itemImage {
    float: left;
    margin: 0px 20px 10px 0px;
}

.itemDescription {
    padding: 10px 10px 10px 10px;
}

.itemKeywords {
    clear: both;
    border: 1px dotted #ccc;
    padding: 5px;
    margin: 0px 0px 10px 0px;
	background: transparent;
}

.itemFirstLink {
    text-align: left;
	margin: 10px 0px 10px 0px;
	border: 0px solid black;
	background: url(../images/bullet.gif) no-repeat 107px 3px transparent;
}

.itemLink {
    text-align: left;
	margin: 10px 0px 10px 0px;
	border: 0px solid black;
}

.itemShortcut {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../images/arrow-blue.gif) no-repeat 0px 5px transparent;
}

.itemShortcut span {
	font-weight: normal;
}

.itemShortcut span.kicker-link {
	color: black;
	font-weight: bold;
}

/** end itemTile **/

.folderPreview {
    margin: 20px 0px 0px 0px;
    border: 0px solid #ccc;
}

.folderPreview .itemTile {
    border-bottom: 0px dotted #ccc;
    padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
}

/** @search.pt - results **/

.searchSelectorWrapper {
    border: 1px dotted #ccc;
    padding: 5px 10px 10px 0px;
    margin: 10px 0px 15px 0px;
}

#searchSelector {
    list-style: none;
	margin: 10px 0px 5px 10px;
	
}

#searchSelector li {
    list-style-image: none;
    display: inline;
    margin-right: 15px;
}

#searchSelector li a {
    background: #336699;
    color: white !important;
    padding: 5px;
}

dl.searchResults dd {
    border-bottom: 1px dotted #ccc;
}

dl.searchResults dt {
	font-size:100%;
	font-weight:normal;
}

.searchPage {
	border: 0px solid black;
	padding: 14px 0px 4px 0px;
	background: url(../images/bg-search.jpg) no-repeat 0px -0px #d6eaed;
}

form.searchPage {
	text-align: left;
}

.searchPage input {
	border: 0px solid red;
	margin: 0px 120px 10px 10px;
	text-align: left;
	vertical-align: left;
	background: #d6eaed;
	width: 250px;
}

input.searchPage {
	font-size: 120% !important;
}

form.searchPage input.searchButton {
	background: transparent;
	padding: 1px 0px 1px 20px;
	margin: 0px;
	width: 120px;
	border: 0px solid red;
	text-transform: uppercase;
}

#portal-advanced-search {
	display: none;
}

/** @reg_form **/

#registrationWrapper {
	width: 763px;
	margin: 0px 10px 0px 3px;
	border: 1px dotted #ccc;
	padding: 10px 10px 20px 10px;
}

* html #registrationWrapper {
	width: 763px;
	margin: 0px 10px 0px 3px;
	border: 1px dotted #ccc;
	padding: 10px 6px 20px 10px;
}

#registrationWrapper a:link {
	border: 0px;
	text-decoration: none;
}

#registrationWrapper a:visited {
	border: 0px;
	text-decoration: none;
}

#registrationWrapper a:hover {
	border: 0px;
	text-decoration: underline;
}

#registrationWrapper input[type="checkbox"]  {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	margin:0 5px 0 0;
}

#registrationWrapper input[type="radio"]  {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	margin:0 5px 0 0;
}

#registrationWrapper label {
	color: #336699;
}

.context, .formControls .actionButtons .button, .documentEditable * .context {
	text-transform: none;
	padding: 10px !important;
	margin: 5px !important;
	background: transparent !important;
}

/***** login_form *****/

#login-form .field {
	clear: none;
	font-size: 80%;
}

#login-form input {
	font-size: 100% !important;
}                                                                            

/** @ batched tables **/
table.batched {
    width: 100%;
    border: 1px solid #ccc;
}

table.batched td {
    border: 1px solid #ccc;
}

#batchedTable-fdtablePaginaterWrapTop {
    display: none;
}

/** @feed items - netzeitung feeds **/

.feedHeading {
    margin: 10px 0px 10px 0px;
}

/* @ Pagination list styles */
ul.fdtablePaginater {
    display:table;
    list-style:none;
    padding:0;
    margin:0 auto;
    text-align:center;
    height:2em;
    width:auto;
    margin-bottom:2em;
}
ul.fdtablePaginater li {
    display:table-cell;
    padding-right:4px;
    color:#666;
    list-style:none;
    -moz-user-select:none;
    -khtml-user-select:none;
}
ul.fdtablePaginater li a.currentPage {
    border-color:black !important;
    color:#000;
}
ul.fdtablePaginater li a:active {
    border-color:#222 !important;
    color:#222;
}
ul.fdtablePaginater li a,
ul.fdtablePaginater li div {
    display:block;
    width:2em;
    font-size:1em;
    color:#666;
    padding:0;
    margin:0;
    text-decoration:none;
    outline:none;
    border:1px solid #ccc;
    font-family:georgia, serif;
}
ul.fdtablePaginater li div {
    cursor:normal;  
    opacity:.5;
    filter:alpha(opacity=50);
}
ul.fdtablePaginater li a span,
ul.fdtablePaginater li div span {
    display:block;
    line-height:2em;
    border:1px solid #fff;
    background: url(++resource++gradient.gif) 0px -20px no-repeat #fff;
}
ul.fdtablePaginater li a {
    cursor:pointer;
}
ul.fdtablePaginater li a:focus {
    color:#666;
    text-decoration:none;
    border-color:#aaa;
}
.fdtablePaginaterWrap {
    text-align:center;
    clear:both;
    text-decoration:none;
}
ul.fdtablePaginater li .next-page span,
ul.fdtablePaginater li .previous-page span,
ul.fdtablePaginater li .first-page span,
ul.fdtablePaginater li .last-page span {
    font-weight:bold !important;
}
/* Keep the table columns an equal size during pagination */
td.sized1 {
    width:16em;
    text-align:left;
}
td.sized2 {
    width:10em;
    text-align:left;
}
td.sized3 {
    width:7em;
    text-align:left;
}
tfoot td {
    text-align:right;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
}
#visibleTotal {
    text-align:center;
    letter-spacing:auto;
}
* html ul.fdtablePaginater li div span,
* html ul.fdtablePaginater li div span {
    background:#eee;
}
tr.invisibleRow {
    display:none;
}

/** @batchedTable - used in local searchable listings **/

/** @eventfolderview *****/

#folderActions {
    background: #d6eaed;
    margin: 0px 0px 10px 0px;
	border: 1px dotted #cccccc;
	padding: 0px;
}

.folderActionsWrapper {
    display: block;
    background: #d6eaed;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
    border: 0px dotted #cccccc;
	height: 160px;
	width: 460px;
}

* html .folderActionsWrapper {
    display: block;
    background: #d6eaed;
    padding: 5px 5px 0px 5px;
    margin-bottom: 10px;
    border: 0px dotted #cccccc;
	height: 160px;
	width: 490px;
}

*+html .folderActionsWrapper {
    display: block;
    background: #d6eaed;
    padding: 5px 5px 0px 5px;
    margin-bottom: 10px;
    border: 0px dotted #cccccc;
	height: 165px;
	width: 490px;
} 


.folderActionsWrapper td {
    width: 200px;
}

.folderActionsWrapper #leftBox  {
    float: left;
    margin-right: 10px;
    width: 240px;
	border: 0px solid red;
}

#leftBox select {
	height: 110px;
	overflow:hidden;
	width: 240px;
}

* html #leftBox select {
	height: 125px;
	overflow:hidden;
	width: 260px;
}

*+html #leftBox select {
	height: 125px;
	overflow:hidden;
	width: 260px;
}

.localSelectboxRight select {
	height: 110px;
	width: 200px;
	overflow: hidden;
}

* html .localSelectboxRight select {
	height: 125px;
	width: 200px;
	overflow: hidden;
}

*+html .localSelectboxRight select {
	height: 125px;
	width: 200px;
	overflow: hidden;
}

.localSelectboxRight {
    width:200px;
    float: right;
}


.localSelectboxHeader {
    color: black;
}

.folderActionsWrapper .discreet {
    color: black;
	padding: 10px 0px 10px 0px;
}

* html .folderActionsWrapper .discreet {
    color: black;
	padding: 0px 0px 0px 0px;
}

*+html .folderActionsWrapper .discreet {
    color: black;
	padding: 0px 0px 0px 0px !important;
	border: 0px solid red;
}

.localSearchboxWrapper {
    margin: 0px 0px 5px 0px;
    padding: 5px 0px 10px 10px;
    border: 1px solid red;
}

.localSearchboxHeader {
	font-size: 11px;
    color: black;
	padding: 0px 0px 0px 10px; 
}

.localSearchboxWrapper input#searchGadget {
    width: 200px;
    border: 1px solid black;
    margin: 0px 20px 0px 10px;
}

.localSearchboxWrapper input.searchButton {
    background: white;
    text-transform: none;
}

.localSearchboxWrapper .discreet {
    color: black;
    margin: 30px 0px 0px 0px;
}

/**@eventResultBox **/ 

#resultBox td {
	padding: 10px;  
}

#resultBox .itemDescription {
	padding: 10px 0px 10px 0px;
}

#resultBox .documentSecondHeading {
	color: black;
}

div.resultsFound {
 	background-color:#FFFFE3;
	border: 1px solid #999966;
	border-width: 1px 1px 1px 50px;
	font-size: 85%;
    margin: 10px 0px;
    padding: 5px;
} 

*+html div.resultsFound {
 	background-color:#FFFFE3;
	border: 1px solid #999966;
	border-width: 1px 1px 1px 50px;
	font-size: 85%;
    margin: 100px 0px 20px 0px;
    padding: 5px;
}

div.resultsNotFound {
    background-color: #FFFFE3;
	border: 1px solid #cc0000;
	border-width: 1px 1px 1px 50px;
	font-size: 85%;
    margin: 10px 0px;
    padding: 5px;
}

#clear-results { 
	border: 1px dotted white;
	background: #336699;
	float: left;
	width: 150px;
	margin: 38px 10px 0px 0px;
	text-align: center;
	color: white;
	padding: 5px;
}

* html #clear-results { 
	border: 1px dotted white;
	background: #336699;
	float: left;
	width: 150px;
	margin: 18px 10px 0px 0px;
	text-align: center;
	color: white;
	padding: 5px;
}

*+html #clear-results { 
	border: 1px dotted white;
	background: #336699;
	float: left;
	width: 150px;
	margin: 38px 10px 0px 0px;
	text-align: center;
	color: white;
	padding: 5px;
} 

#clear-results a {
    color: white !important;
    text-decoration: none;
    font-size: 80%;
    text-transform: none;
}

option {
	color:black;
	font-size: 12px;
}

/* @ batchedTable */

.batchedTable {
    border: 0px solid #016796;
    width: 100%;
}

.batchedTable .header-row {
    border-bottom: 0px solid #ccc;
    background: #ccc;
    color: white;
}

.batchedTable .header-row a {
    color: white;
}

.batchedTable td {
    border: 1px solid white !important;
    font-size: 90%;
}

.batchedTable th {
  padding: 6px 0px 7px 20px;
  margin: 0px 2px 10px 0px;
  text-align: left;
  font-size: 100%;
}

.batchedTable th a {
  padding: 3px 5px 3px 5px;
  margin-right: 0px;
  border: 0px solid white;
  color: white !important;
  text-decoration: none;

}

.itemTile .itemDescription {
	padding: 0px;
	margin: 10px 0px 10px 0px;
	line-height: 140%;
}

th.sortable-text,
th.sortable-numeric,
th.sortable-date-dmy,
th.sortable-currency {
	background: url(../images/arrow-normal.gif) no-repeat 10px 11px #cccccc;
}

th.forwardSort {
	background: url(../images/arrow-aktiv-unten.gif) no-repeat 10px 11px #ccc;
}

th.reverseSort {
	background: url(../images/arrow-aktiv-oben.gif) no-repeat 10px 11px #ccc;
}

table.batchedTable thead th.forwardSort a,
table.batchedTable thead th.reverseSort a {
    color:white !important;
    text-decoration:none;
}


.batchedTable td {
  vertical-align: top;
  background: #f2f2f2;
  padding: 2px 0px 5px 4px;
}

.batchedTable td.firstColumn {
  background: transparent;
  border: 1px dotted #ccc;
  width: 300px;
}

.header-row .fd-column-0 {
	border: 0px solid red !important;
	width: 360px !important;
}

* html .header-row .fd-column-1 {
	border: 0px solid red !important;
	width: 100px !important;
}


/** @ azeventSearch **/

#azeventSearch {
	margin: 0px 0px 5px 0px;
	padding: 10px 0 19px 10px;
	border: 0px dotted #cccccc;
	background: url(../images/bg-search-small.jpg) no-repeat 10px 0px transparent;
}

*+html #azeventSearch {
	margin: 0px 0px 5px 0px;
	padding: 10px 0 19px 10px;
	border: 0px dotted #cccccc;
	background: url(../images/bg-search-small.jpg) no-repeat 10px 0px transparent;
	height: 40px;
}

#azeventSearch input.searchButton {
	border: 1px dotted white;
	background: #336699;
	padding: 2px 10px 2px 10px;
	text-align: center;
	text-transform: none;
	font-size: 100%;
	margin: 0px 0px 0px 110px;
	color: white;
}

* html #azeventSearch input.searchButton {
	border: 1px dotted white;
	background: #336699;
	padding: 2px 0px 2px 0px;
	text-align: center;
	text-transform: none;
	font-size: 100%;
	margin: 0px 0px 0px 110px;
	color: white;
}

*+html #azeventSearch input.searchButton {
	border: 1px dotted white;
	background: #336699;
	padding: 2px 0px 2px 0px;
	text-align: center;
	text-transform: none;
	font-size: 100%;
	margin: 0px 0px 0px 110px;
	color: white;
}

/** @ footer **/

#footer-wrapper {
	border: 0px solid red !important;
	background: transparent url(../images/vpw-bottom.gif) bottom left no-repeat !important;
	padding: 10px 20px 30px 20px !important;
}

*html #footer-wrapper {
	height: 180px !important;
}

#footer-left {
	float: left;
	padding: 0px;
	margin: 0px;
}
#footer-right {
	float: right;
	padding: 0px;
	margin: 0px
}



/** @ portal-colophon **/ 

.colophonWrapper {
	margin: 0px !important;
	width: 854px;
	border: 0px solid red !important;
	padding: 40px 20px 20px 20px !important;
	background: transparent url(../images/separator.gif) top left no-repeat; 
}

#colophon {
    text-align: left !important;
    color: #336699;
    background: transparent url(../images/shadow.gif) repeat-y left top !important;
    padding: 30px 0px 0px 0px !important;
	margin: 0px !important;
	border: 0px;
}

.colophonHeading {
    margin: 0px 0px 10px 0px !important;
	font-size: 100%;
	border: 0px solid red !important;
}

.colophoneTable {
	margin: 10px 20px 10px 0px;
	font-size: 10px;
}

.colophoneTable td {
	vertical-align: top;
	padding: 0px 15px 0px 0px;
	font-weight: normal;

}

#portal-colophon ul {
	padding: 0px !important;
	margin: 0px !important;
	font-weight: normal;
}

#portal-colophon ul li {
	font-size: 85% !important;
	padding: 0px 0px 0px 0px !important;
	margin: 0px !important;
	font-weight: normal !important;
	display: block !important;
}

*html #portal-colophon ul li {
	font-size: 85%;
	padding: 0px 0px 0px 0px !important;
	margin: 0px !important;
	font-weight: normal;
	display: block !important;
	border: 1px solid white !important;
}

#portal-colophon a:link {
	color: #336699;
	text-decoration: none;
	border: 0px;
	display: block !important;
	font-weight: normal !important;
}

#portal-colophon a:visited {
	color: #336699;
	text-decoration: none;
	border: 0px;
	display: block !important;
	font-weight: normal !important;
}

#portal-colophon a:hover {
	color: #336699;
	text-decoration: underline;
	border: 0px;
	display: block !important;
	font-weight: normal !important;
}
 


/** @ tabber navigation **/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
 margin-top:1em;
}

* html .tabberlive {
	border: 0px solid black;

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin:0;
	padding: 3px 3px;
	border-bottom: 0px solid #778;
}


ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}

ul.tabbernav li a {
	padding: 1px 3px 1px 3px;
	margin-left: 3px;
	border: 0px solid #778;
	border-width: 0px 0px 0px 1px;
	background: white;
	text-decoration: none;
}

ul.tabbernav li a#undefinednav1 {
    border: 0px;
}

.portletNetnews ul.tabbernav li a {
    font-size: 10px;
	font-weight: bold;
}

* html .portletNetnews .portletItem {
	border: 0px solid black;
	margin: 0px;
	padding: 0px;
}

ul.tabbernav li a:link { 
	color: #336699; 
}

ul.tabbernav li a:visited { 
	color: #336699; 
}

ul.tabbernav li a:hover {
	color: #000;
	background: white;
	border-color: #227;
}

ul.tabbernav li.tabberactive a {
	background-color: white;
	border-bottom: 0px solid #fff;
	color: black;
}

ul.tabbernav li.tabberactive a:hover {
	color: #000;
	background: white;
	border-bottom: 0px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding: 10px;
	margin: 2px;
	border:1px dotted #ccc;
}
	
* html .tabberlive .tabbertab {
		padding: 0px;
		margin: 5px;
		border: 1px dotted #ccc !important;
	}

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h6 {
	display:none;
}
.tabberlive .tabbertab h4 {
	display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}

.tabbertab h6 {
	padding: 5px 0px 0px 10px;
}

.tabbertab .portletItem {
	padding: 5px 10px 5px 10px;
	border: 0px !important;
}

.tabbertab .tile {
	padding: 5px 10px 5px 10px;
}

/***** portlet_partner Definitions *****/ 

.partner {
	border: 0px !important;
}

.partner td {
	vertical-align: top;
	padding: 5px;
}

.sent {
	line-height: 130%;
	margin: 10px 0px 0px 30px;
}

/***PORTLETS***/

/* Fallback for edit screen if both columns are hidden */
.managePortletsFallback {
    margin: 0 0 0 1em;
}

/* Main portlet elements */ 

.portlet {
	margin: 0px 0px 10px 0px;
	border: 0px solid #a8a8a8 !important;
	border-width: 0px !important;
	background: transparent;
	padding: 0px !important;
	width: 300px !important;
	font-size: 90% !important;
}

.portlet a {
    text-decoration: none;
}
.portlet a.tile {
    display: block;
}

.portletItem ul {
    list-style-type: none
}

/* XXX: The two below rules should really be in the rule above, but that makes the items grow/shrink on :hover (navtree) - need to investigate how to make it not do that. ~limi, Dec 2005 */
.portletItem a,
.portletFooter a {
    border-bottom: none;
}

.portletItem a:visited,
.portletFooter a:visited {
    color: &dtml-linkColor;;
}
.portletHeader, 
.managedPortlet 
.portletHeader {
	background: transparent url(../images/bg-portlet-header.gif) 0px 0px no-repeat;
	border: 0px solid #a8a8a8 !important;
	border-width: 0px 0px 0px 0px !important;
	padding: 8px !important;
	text-transform: none !important;
	font-weight: bold !important;
	color: black !important;
}
.portletHeader a, .managedPortlet .portletHeader a {
    color: black;
}
.portletItem {
    margin: 0;
    padding: 1em;
	border: 1px solid #a8a8a8 !important;
	border-width: 0px 1px 1px 1px !important;
}
.portletItem ol {
    margin: 0 0 0 1em;
}
.portletItemDetails {
    text-align: right;
    display: block;
    color: &dtml-fontColor;;
}
.portletFooter {
    background-color: white;
    margin: 0;
    padding: 0.25em 1em;
    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
    border-style: dotted &dtml-borderStyle; none &dtml-borderStyle;;
    text-align: right;
}

/***** rounded corners portlets **** 

.portletTopLeft {
    background: transparent url(../images/tl.gif) top left no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 8px !important;
    border: none !important;
    left: -3px !important;
    top: -1px !important;
}

* html .portletTopLeft {
    background: transparent url(../images/tl.gif) top left no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 8px !important;
    border: none !important;
    left: -2px !important;
    top: -2px !important;
}

*+html .portletTopLeft {
    background: transparent url(../images/tl.gif) top left no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 8px !important;
    border: none !important;
    left: -2px !important;
    top: -2px !important;
}

.portletTopRight {
    background: transparent url(../images/tr.gif) top right no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 8px !important;
    border: none !important;
    top: -2px !important;
    right: -2px !important;
}

* html .portletTopRight {
    background: transparent url(../images/tr.gif) top right no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 8px !important;
    border: none !important;
    top: -2px !important;
    right: -2px !important;
}

*+html .portletTopRight {
    background: transparent url(../images/tr.gif) top right no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 8px !important;
    border: none !important;
    top: -2px !important;
    right: -2px !important;
}

.portletBottomLeft {
    background: transparent url(../images/bl.gif) bottom left no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 8px !important;
    border: none !important;
    bottom: -2px !important;
    left: -2px !important;
}

* html .portletBottomLeft {
    background: transparent url(../images/bl.gif) bottom left no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 8px !important;
    border: none !important;
    bottom: -3px !important;
    left: -2px !important;
}

*+html .portletBottomLeft {
    background: transparent url(../images/bl.gif) bottom left no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 8px !important;
    border: none !important;
    bottom: -2px !important;
    left: -2px !important;
}

.portletBottomRight {
    background: transparent url(../images/br.gif) bottom right no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 100% !important;
    border: none !important;
    bottom: -2px !important;
    right: -2px !important;
    margin-right: 0px !important;
}

* html .portletBottomRight {
    background: transparent url(../images/br.gif) bottom right no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 100% !important;
    border: none !important;
    bottom: -3px !important;
    right: -2px !important;
    margin-right: 0px !important;
} 

*+html .portletBottomRight {
    background: transparent url(../images/br.gif) bottom right no-repeat !important;
    position: absolute !important;
    height: 8px !important;
    width: 100% !important;
    border: none !important;
    bottom: -2px !important;
    right: -2px !important;
    margin-right: 0px !important;
}

/** end rounded corners portlets **/

/**@ manage-portlets link **/

.managePortletsLink {
    text-align: center;
    background: #ccc;
}

div.portlets-manager div.section {
    padding-top: 1em !important;
}

div.managedPortlet {
    padding-top:0.5em;
    padding-bottom:0.5em;
    background-color: transparent;
}

.managedPortlet .portletHeader {
    min-height: 3em !important;
}

.managedPortlet a {
    text-decoration: underline;
}

.managedPortletActions {
    display:block;
    float:right;
}

.managedPortletActions a {
    text-decoration: none;
}

.managedPortletActions a.up,
.managedPortletActions a.down {
    color:blue !important;
}

.managedPortletActions a.delete {
    color:red !important;
}

/* Table of Contents styling - essentially a portlet with smaller fonts and aligned right + limited in width */
.toc {
    float: right;
    width: 30%;
    font-size: 90%;
    margin: 0 0 0.5em 0.5em;
}

.toc .TOC1Digit {
    margin-left: 1em;
}

.toc .TOC2Digit {
    margin-left: 2em;
}

.toc .TOC3Digit {
    margin-left: 3em;
}

/* Static text portlet */
.portletStaticText ul {
    list-style-image: url(../images/bullet.gif);
    list-style-type: square; 
    margin: 0.5em 0 0 1.5em;
}

.portletStaticText ol {
    margin: 0.5em 0 0 2em;
}

/* LiveSearch portlet tweaks, since positioning changes */
#portal-column-one fieldset.livesearchContainer {
    right: inherit !important;
    top: 1.5em !important;
}

/** @rounded corners for region-content and portlets **/

.portlet {
    border: 1px solid #ccc;
    padding: 1px;
}

.portletHeader,
.portletFooter,
.portletItem,
.lastItem {
    position: relative!important;
    border: 0px;
}

.portletItem {
	padding: 3px;
}

.portletItem p {
	padding: 5px 10px 5px 10px;
	margin: 0px;
}

/***** TagCloud Portlets Definitions *****/ 

#portlet-personal .portletItem,
#portlet-marketing .portletItem,
#portlet-unternehmen .portletItem,
#portlet-recht .portletItem,
#portlet-karriere .portletItem {
	padding: 10px;
	text-align: center;
}

.vaporized-tag {
	line-height: 1.7em;
}

/***** portletSelection Definitionen *****/

.portletSelection .portletItem {
	padding: 10px;
}

* html .portletSelection {
	height: 530px;
}

* html .portletSelection .portletHeader {
	font-size: 92%;
}

*+html .portletSelection .portletHeader {
	font-size: 92%;
}

* html .portletSelection .portletFooter {
	display: none;
}

.portletSelection .itemKicker {
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

.portletSelection .portletItem p {
	padding: 5px 0px 5px 0px;
}

.portletSelection .itemDescription {
	padding: 5px 0px 5px 0px;
}

/***** portletRecommendation Definitionen *****/ 

.portletRecommendation .portletItem {
	padding: 10px;
}

.portletRecommendation .portletItem a.link-kicker {
    color: black !important;
}

/***** Portlet AdTech Definitionen *****/

.portletAdtechPortlet .portletItem {
	padding: 0px;
	border: 0px !important;
}

/***** Portlet NL Definitionen *****/

.nlInput {
	border: 0px solid black !important;
	padding: 0px 0px 0px 10px;
}

.nlInput p {
	border: 0px solid black !important;
	padding: 5px 5px 10px 0px;
}

/***** portletRandomSamples *****/ 

.portletRandomSamples .portletItem {
	border: 0px solid black;
	padding: 10px;
}

.portletRandomSamples .portletItem p { 
	margin:0;
	padding:5px 10px 5px 0px;
}

.portletRandomSamples .portletItem img {
	margin: 10px 0px 0px 0px;
	border: 0px solid black;
}

.portletRandomSamples .portletItem a {
	font-weight: bold;
}

* html .portletNetnews {
	margin: 0px 0px 20px 0px;
	height: 350px;
}

* html .portletNetnews .portletItem  {
	padding: 10px 5px 10px 5px !important;
}

.newsMore {
	border: 0px solid red;
	margin:10px 10px 10px 10px;
	text-align: right;
}