/****************************************************************************
* default.css                                                               *
*                                                                           *
* Copyright(C) 2009 ubisys technologies GmbH, Duesseldorf, Germany.         *
* All rights reserved.                                                      *
*                                                                           *
****************************************************************************/

/* body */

body 
{ 
    font-family: Verdana,Helvetica,Arial,sans-serif; 
    font-style: normal; 
    font-size: 8pt; 
    color: #333333; background-color: #dfe6e9;
}

h1
{ 
    font-weight: bolder; 
    font-size: 8pt; 
    margin-bottom: -0.75em;
    padding-bottom: 0; 
}

h1.gap
{ 
    font-weight: bolder; 
    font-size: 8pt; 
    margin-bottom: -1em;
    padding-bottom: 0; 
    padding-top: 12px;
}

h2 
{ 
    width: 100%; 
    color: white; 
    background-image: url("img/header4-background.png"); 
    background-repeat: repeat-x; 
    text-indent: 10px; 
    padding-top: 2pt; 
    padding-bottom: 2pt; 
    font-size: 8pt; 
    font-weight: bold; 
}
       
h3
{ 
    font-weight: normal; 
    font-size: 26pt;
    line-height: 1em; 
    margin-bottom: 0.5em; 
}

h4 
{ 
    font-weight: normal; 
    font-size: 10pt; 
    color: #999999; 
    padding-top: 0; 
    margin-top: -1.1em; 
}

ul
{
    list-style-type: disc;
    padding-left: 1.5em;
}


/* links */

a { text-decoration: none; }

/* This breaks IE6 and IE7 hover, but is otherwise correct and would
   allow removing all other (more specific) a:link and a:visited rules.
   Works for IE8, Firefox 3.5+, Opera 9+, Safari 4.0+, Chrome 3.0+  */
/* 
a:link, a:visited {  color: inherit; }
*/

/* bullet */

p.bullet-headline
{
    font-weight: bold; 
    color: #336699;
}

a.bullet-headline:link
{
    font-weight: bold; 
    color: #336699;
}

a.bullet-headline:visited
{
    font-weight: bold; 
    color: #336699;
}

a.bullet-headline:hover
{
    font-weight: bold; 
    color: gray;
}

a.bullet-headline > img 
{
    border-style: none; 
}


/* page */

div.page 
{ 
    width: 972px; 
    margin-left: auto; 
    margin-right: auto; 
}


/* header */

div.header 
{ 
    margin-left: auto; 
    margin-right: 0; 
    margin-top: 20px; 
    margin-bottom: 12px; 
    font-weight: bold;
    color: #333333; 
    text-align: right;
}
             
div.header > a 
{ 
    padding-left: 4px; 
    padding-right: 4px; 
    border-left-style: solid; 
    border-left-width: 1px; 
    border-left-color: #333333; 
    vertical-align: middle; 
}

div.header > a:first-child 
{ 
    border-left-style: none; 
}

div.header > a:link
{
    color: inherit;
}

div.header > a:visited
{
    color: inherit;
}

div.header > a:hover 
{ 
    color: gray; 
}


/* drop-down menu */

div.menu 
{ 
    background-color: white; 
    color: black; 
    border-style: solid;
    border-width: 1px;
    border-color: white; 
    font-size: 13px; 
    font-weight: bold; 
    padding: 0px; 
    margin: 0px; 
    height: 40px;
}

div.menu > ul
{
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

div.menu > ul > li
{
    display: inline;
    float: left;
    color: #567da5;
    line-height: 40px;
    background-image: url("img/main-navigation-button-background.png");
    background-repeat: repeat-x;
    font-weight: bold;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: white;
    padding-left: 10px;	/* Wenn hier geändert wird, dann auch div.menu > ul > li > ul : margin-left: ändern ! */
    padding-right: 10px;
}

div.menu > ul > li.active
{
    cursor: default;
    background-image: url("img/main-navigation-button-background-active.png");
    color: white;
}

div.menu > ul > li.dropdown
{
    padding-left: 16px;
    padding-right: 16px;    
}

div.menu > ul > li:hover
{
    color: white;
    background-image: url("img/main-navigation-button-background-active.png");    
}

div.menu > ul > li > a
{
    padding-top: 20px; 
    padding-bottom: 20px;
    padding-left: 16px; 
    padding-right: 16px; 
}

div.menu > ul > li > a:link
{
    color: #567da5;
}

div.menu > ul > li > a:visited
{
    color: #567da5;
}

div.menu > ul > li > a:hover
{
    color: white;
}

div.menu > ul > li.active > a
{
    color: white;
}

div.menu > ul > li:hover > a
{
    color: white;
}

div.menu > ul > li > p
{
    padding-left: 16px; 
    padding-right: 16px; 
    cursor: default;
    margin: 0;
}

div.menu > ul > li > ul
{
    display: none;
    position: absolute;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-left: -10px; /* Dieser Wert hängt *direkt* von div.menu > ul > li ==> padding-left: 10px; ab, und muss dessen negativer Wert sein! */
    list-style: none;
    background: #f0f0f0;
}

div.menu > ul > li:hover > ul
{
    display: block;
}

div.menu > ul > li > ul > li
{
    font-size: 8pt;
    font-weight: normal;
    line-height: 1em;
    text-indent: 0;
    width: 14em;
}

div.menu > ul > li > ul > li > a
{
    display: block;
    font-weight: bold;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

div.menu > ul > li > ul > li > a:link
{
    display: block;    
    color: #567da5;
}

div.menu > ul > li > ul > li > a:visited
{
    display: block;    
    color: #567da5;
}

div.menu > ul > li > ul > li > a:hover
{
    display: block;    
    color: white;
    background-color: #567da5;    
}

div.menu a:focus, div.menu a:active { outline-style: none; }


/* main section (content) */

div.main 
{ 
    background-color: white; 
    padding: 12px; 
    margin-top: 16px;
    margin-bottom: 0;
    line-height: 1.5;
}

div.main > a:link
{ 
    color: inherit; 
}

div.main > a:visited
{ 
    color: inherit; 
}

div.main > a:hover 
{ 
    color: #3366ff; 
}

img#banner 
{ 
    margin-left: -12px; 
    margin-top: -12px; 
    padding-bottom: 4px;
}


/* content navigation (left column in three-column layout) */

td.navigation { width: 196px; }

td.navigation > ul
{
	margin-right: 20px;
	padding-left: 0;

	/* new */
    font-weight: bold;
    font-size: 7.5pt;
    color: #666666;
    list-style: none; 
    padding-left: 4pt; 
    border-bottom-width: 1px; 
    border-bottom-style: dotted; 
    border-bottom-color: #ccccc4;
    cursor: default;
}

td.navigation > ul > li
{
	/*
    font-weight: bold;
    font-size: 7.5pt;
    color: #666666;
    list-style: none; 
    padding-left: 4pt; 
    border-bottom-width: 1px; 
    border-bottom-style: dotted; 
    border-bottom-color: #ccccc4;
	*/
    padding-top: 2px;
    padding-bottom: 2px;
    /*cursor: default;*/
	
	/* new */
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #ccccc4;
    /*font-weight: bold;*/
}

/*
td.navigation > ul > li:first-child 
{
    border-top-style: dotted; 
    border-top-width: 1px; 
    border-top-color: #ccccc4; 
}
*/

td.navigation > ul > li.active
{
    color: #336699;
}

/*
td.navigation > ul > li > img#bullet
{
    float: right; 
    margin-right: 2px; 
    margin-top: 4px; 
    margin-bottom: 4px;
}
*/

/* new */
#menu_bullet
{
    float: right; 
    margin-right: 2px; 
    margin-top: 4px; 
    margin-bottom: 4px;
}

td.navigation > ul > li > a:link 
{ 
    color: inherit; 
}

td.navigation > ul > li > a:visited 
{ 
    color: inherit; 
}

td.navigation > ul > li > a:hover
{
    color: #336699;
}

/*
td.navigation > ul > li > ul
{
    list-style: none;
    padding-left: 10px;
    font-weight: normal;
    color: #666666;
}

td.navigation > ul > li > ul > li.active
{
    color: #336699;
    font-weight: bold;
}

td.navigation > ul > li > ul > li > a:link
{
    color: inherit;
}

td.navigation > ul > li > ul > li > a:visited
{
    color: inherit;
}

td.navigation > ul > li > ul > li > a:hover
{
    color: #336699;
}

td.navigation > ul > li > ul > li > img#bullet
{
    float: right; 
    margin-right: 2px; 
    margin-top: 4px; 
    margin-bottom: 4px;
}
*/

/* new */
td.navigation > ul > .m1
{
    border-top-style: none;
    list-style: none;
    padding-left: 16px;
	font-weight: normal;
    padding-top: 0px;
    padding-bottom: 0px;
}

td.navigation > ul > .m1.active
{
    color: #336699;
	font-weight: bold;
}

td.navigation > ul > .m1 > a:hover
{
    color: #336699;
}

td.navigation > ul > .m2
{
    border-top-style: none;
    list-style: none;
    padding-left: 32px;
	font-weight: normal;
    padding-top: 0px;
    padding-bottom: 0px;
}

td.navigation > ul > .m2.active
{
    color: #336699;
	font-weight: bold;
}

td.navigation > ul > .m2 > a:hover
{
    color: #336699;
}


/* variable-length dynamic text button */

td.button-left
{
    background-image: url("img/button-background-left.png"); 
    background-repeat: no-repeat; 
    width: 6px; 
    height: 28px;
}

td.button
{
    background-image: url("img/button-background.png");
    background-repeat: repeat-x; 
    min-width: 10px; 
    height: 28px;
}

td.button-right
{
    background-image: url("img/button-background-right.png");
    background-repeat: no-repeat; 
    width: 7px; 
    height: 28px;
}

a.button
{
    padding-left: 4px; 
    padding-right: 8px; 
    padding-bottom: 4px; 
    position: relative; 
    top: -2px; 
    color: #e7e7e7;
    font-weight: bold;
}

a.button:hover
{
    color: white; 
}

a.button:focus, a.button:active { outline-style: none; }

/* footer */

div.footer 
{ 
    color: #333333; 
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #668cb3; 
    background-color: white;
	margin-top: 0; 
	margin-bottom: 12px; 
	padding-top: 6px; 
	font-size: 7pt; 
}

div.footer > span > a 
{ 
    color: #668cb3; 
    padding-left: 4px; 
    padding-right: 4px; 
    border-left-style: solid; 
    border-left-width: 1px; 
    border-left-color: #668cb3; 
}

div.footer > span > a:first-child 
{ 
    border-left-style: none; 
}
                 
div.footer > span > a:hover 
{ 
    color: gray; 
}


/* modules */

div.module 
{ 
    width: 159px; 
    background-color: #f1f1f1; 
    margin-top: 10px;
    margin-left: 10px; 
    margin-bottom: 10px;
}

div.module-background 
{ 
    background-image: url("img/module-background.png");
    background-position: bottom right; 
    background-repeat: no-repeat; 
    padding-bottom: 4px;
}

div.module-frame 
{ 
    border-style: solid; 
    border-width: 1px; 
    border-color: #cccccc;
}

div.module-content 
{ 
    border-style: solid; 
    border-width: 1px; 
    border-color: white; 
    padding-left: 10px; 
    padding-right: 10px; 
    font-size: 7pt;
}

div.module-content a:link
{ 
    color: inherit; 
}

div.module-content a:visited
{ 
    color: inherit; 
}

div.module-content a:hover 
{ 
    color: #336699; 
}

/* IDEAL Software */

img { border: 0; } 

td.colmain
{
	padding-left: 12px;
	padding-right: 20px;
	width: 551px;
}

td.colmain a:link
{
    /* font-weight: bold; */
    color: #336699;
}

td.colmain a:visited
{
    /* font-weight: bold; */
    color: #336699;
}

td.colmain a:hover
{
    /* font-weight: bold; */
    color: gray;
}

div.gap
{
	padding-top: 3px;
}

div.big_gap
{
	padding-top: 15px;
}

/* Tables: */
table.multicol {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	vertical-align: top;
}

table.multicol th {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	/* font: 100% Verdana,Arial,sans-serif; */
	vertical-align: top;
}

table.multicol td {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
	/* font: 100% Verdana,Arial,sans-serif; */
	vertical-align: top;
	padding-right: 10px;
}

table.invisible {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	vertical-align: top;
}

table.invisible th {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	/* font: 100% Verdana,Arial,sans-serif; */
	vertical-align: top;
}

table.invisible td {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: white;
	/* font: 100% Verdana,Arial,sans-serif; */
	vertical-align: top;
}

table.feature {
	border-width: 1px;
	border-spacing: 0px;
	border-style: none;
	border-color: white;
	border-collapse: collapse;
	background-color: white;
}

table.feature th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: white;
	background-color: #355ea0;
	color: #ffffff;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

table.feature td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: white;
	/*font: 92% Verdana,Arial,sans-serif;*/
	vertical-align: center;
	text-align: center;
}

.tabletext
{
	margin-right: 10px;
	margin-top: -3px;
}

.bottom
{
	padding-top: 20px;
	padding-bottom: 12px;
	float: left;
}

.bottom > p
{
	margin-top: 3px;
}

.toplink
{
	padding-top: 20px;
	padding-bottom: 12px;
	float: right;
}


ul.bulletlist
{
    list-style-type: disc;
    margin-left: 20px;
}

li.bulletlist
{
    padding-bottom: 5px;
}

ul.big_bulletlist
{
    list-style-type: disc;
    margin-left: 20px;
}

li.big_bulletlist
{
    padding-bottom: 1.5em;
}

.smallparagraph
{
	margin-top: -0.75em;
	padding-bottom: 0.5em;
}