body                { background-color: white; font-size:11px; line-height: 14px; font-family: Verdana,Arial,Helvetica; margin:0px; padding:0px; }

#holder             { position:relative; top:0px; background-color:white; width:100%; margin: 0 auto; padding:0; }

#head               { position:relative; top:0px; left:0px; width:100%; height:115px; border-bottom:1px solid black; background-color:#eeeeee; }
#infoBar			{ position:relative; top:0px; left:0px; width:100%; height:25px; border-bottom:1px solid black; background-color:#eeeeee; line-height:25px; vertical-align:middle; }
#infoBar > span		{ display:inline-block; margin-left:10px;}
#topnavC            { position:absolute; bottom:1px; left:0px; height:36px; width:906px; }

#contentholder      { width:100%; }
#contentholder td.actionTD { width:200px; vertical-align:top; }
#content            { position:relative; left:0px; top:0px; background-color:#fff; width:100%; float:left; padding:10px;}

#actionholder       { width:201px; display:block; margin-left:20px; }
.action             { width:200px; }

a                   { outline:0px; }

a.button {
  display: inline-block;
  width: auto;
  height: 20px;
  line-height:20px;
  vertical-align:middle;
  background: #4E9CAF;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  text-decoration:none;box-shadow: 3px 3px 3px grey;
}
a.button:active {box-shadow:none; }
                      
.clear              { clear: both; }
div.clear           { height:0px; }
.vhidden			{ visibility : hidden;}

/* HEAD ANFANG ####################################################################################################################################### */
#logo               { display:inline-block; position:absolute; top:5px; left:9px; width:64px; height:64px; background-image: url('/images/mail-send-receive-2.png'); background-repeat:no-repeat; }
/* HEAD ENDE ####################################################################################################################################### */

/* TOPNAV ANFANG ####################################################################################################################################### */
#nav                            { margin:0px; padding:0px; }
#nav img                        { border:0px; }

#topnav             { position:relative; top:0px; left:10px; height:36px; display:inline-block; width:896px; float:left; }
/* Navigation Kat1 */
#topnav #nav, #topnav #nav ul   { list-style-type: none; list-style-position: outside; }
#topnav #nav > li                 { float: left; position: relative; background-color:white; border:1px solid black; border-radius:5px 5px 0px 0px; border-left-width:0px; }
#topnav #nav > li:first-child                 { border-left-width:1px; }
#topnav #nav li a               { display: inline-block; padding: 0px 10px 0 10px; line-height: 36px; color: #333333;border:0px solid #eeeeee; border-radius:5px 5px 0px 0px;
                                  font-weight:bold; font-size:12px; text-decoration: none; 
                                  }
#topnav #nav li a:hover         { background-color: #a3cba5; color: #fff;  height:36px;}

/* Navigation Kat2 */
#topnav #nav li ul              { height: auto; border: none; position: absolute; display: none; 
                                  width: 200px; padding: 0px; margin: 0;  z-index: 1000;
                                  border: 1px dotted #666666; border-top:0px;  background-color: #f9f9f9; }
#topnav #nav li ul a            { border: none; width: 190px;
                                  height: 20px; line-height: 20px; color: #424242; font-weight: normal; background: none;
	                              display: block; float: none; padding: 2px 0px 2px 10px; margin: 0px; }                                          
#topnav #nav li ul a:hover      { height: 20px; color: #333333; background: none; background-color:#cccccc; }

/* Navigation Kat3 */
#topnav #nav ul ul              { border-top: 1px dotted #666666;  top: auto; }
#topnav #nav li ul ul           { left: 179px; margin-top: -36px; border-bottom: 1px dotted #666666;}
#topnav #nav li:hover ul ul, #topnav #nav li:hover ul ul ul, #topnav #nav li:hover ul ul ul ul { display: none; }
#topnav #nav li:hover ul, #topnav #nav li li:hover ul, #topnav #nav li li li:hover ul, #topnav #nav li li li li:hover ul { display: block; }

/* Navigation HOME */
#topnav #nav li.home            { width: 40px; height: 36px; }
#topnav #nav li.home a          { display: block; border-left: 0px; height: 36px; }
/* TOPNAV ENDE ######################################################################################################################################### */

/* ACTION ANFANG ####################################################################################################################################### */
.action                         { border-left: 1px dotted #333333; background-color:#ffffff; margin-bottom:10px; text-align:left; border-top:4px solid #A3CBA5; padding-top:10px; }
.action ul                      { margin:0px; margin-left:15px; padding:0px; }

.actionbutton                   { width:30px; height:30px; line-height:30px; border: 1px dotted #333333; margin-bottom:8px; margin-left:8px; float:left; text-align:center;}
.actionbutton a img             { margin:0px; padding:0px; line-height:0px; }

.actionbutton a:link            { background-color:#f9f9f9; display:block; color:#333333; text-decoration:none; width:30px; height:30px; }
.actionbutton a:visited         { background-color:#f9f9f9; display:block; color:#333333; text-decoration:none; width:30px; height:30px; }
.actionbutton a:hover           { background-color:#ffffff; display:block; color:#333333; text-decoration:none; width:30px; height:30px; }
.actionbutton a:active          { background-color:#ffffff; display:block; color:#333333; text-decoration:none; width:30px; height:30px; }
.actionbutton a.textsizesel     { background-color:#cccccc; display:block; color:#ffffff; text-decoration:none; width:30px; height:30px; cursor: default; }

/* ACTION ENDE ######################################################################################################################################### */

#footer .footerStatic  { position:relative; width:100%; left:0px; top:0px;
                  background-color:#ffffff; }
#footer a:link     { color:green; }
#footer a:visited  { color:green; }
#footer a:hover    { color:#333333; }
#footer a:active   { color:green; }


.spezial {color:#000000;text-decoration:none}

.adminDlg { border:1px solid black; position:relative; top:0px; left:0px; width:100%; min-height:200px; }

.mailing .steps a { display:inline-block; padding:10px; border:1px solid black; border-radius:7px; margin-right:10px; color:black;}
.mailing .steps a:hover { color:white; background-color:black;}
.mailing .mailing_textarea { width:100%; min-height:400px;}
.mailing table td { vertical-align:top;}
.mailing table.w100 { width:100%; }
.mailing input[type="text"] { min-width:200px;} 
.mailing table.w100 input[type="text"] { min-width:700px;}
.mailing table td[count] { text-align:right;}
table.counts td { padding:0px; padding-right:3px; text-align:right;}

table.errors td.error { width:30px;}
table.errors span.error { display:inline-block; width:30px; background-color:blue; color:white; height:14px;}
table.errors span.error571,
table.errors span.error511,
table.errors span.error500,
table.errors span.error570,
table.errors span.error445,
table.errors span.error471 { background-color:red; color:white;}

table.errors span.error522 { background-color:yellow; color:black;}

table.errors span.error200 { background-color:green; color:white;}
table.errors td.detailsOnOff { cursor:pointer; width:285px;}

table.jt_real { background-color:white;}
table.jt_test { background-color:#eeeeee;}