body { 
margin: 20px 20px 50px 20px; 
padding: 0;
background:#FFFFFF;
font-family:Georgia, Helvetica, Arial, sans-serif;
font-size: 1.0em;
}
a, a:link, a:visited, a:active{
color: #0000ee;
text-decoration:underline;
}
a:hover{
color: #0000ee;
text-decoration:none;
}
.loginblock {
  padding: 20px;
  background: #FFFFFF;
	width: 760px;
	margin: 0 auto;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop-list-columns.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menuHolder {margin:0 0 0 0; color:#fff; text-align:left; position:relative; height:50px; z-index:20; background:url(red2.png) repeat-x left top;}
.menuHolder ul.nav li {display:inline-block; display:inline;}

.menuHolder ul.nav {padding:0 0 0 2px; margin:0; list-style:none; display:inline-block; background:url(divider.gif) no-repeat left center;}

.menuHolder ul.nav li {float:left; display:block; padding:0 4px 0 2px; background:url(divider.gif) no-repeat right center; position:relative;}
.menuHolder ul.nav li a.top-a {display:block; text-decoration:none; margin-top:4px; float:left;}
.menuHolder ul.nav li a.top-a b {display:block; padding:0 20px; font:normal 14px/36px arial, sans-serif; color:#fff;}

.menuHolder ul.nav li a.top-a:hover {background:#500 url(left-curve.gif) no-repeat left top;}
.menuHolder ul.nav li a.top-a:hover b {background: url(right-curve.gif) no-repeat right top;}

.menuHolder ul.nav li:hover a.top-a {background:#500 url(left-curve.gif) no-repeat left top;}
.menuHolder ul.nav li:hover a.top-a > b {background:url(right-curve.gif) no-repeat right top;}

.menuHolder ul.nav div {position:absolute; top:-30000px; left:2px; opacity:0; background:#500; padding:5px 0 0 0;}
.menuHolder ul.nav div.left {left:auto; right:4px;}

.menuHolder ul.nav div ul {padding:0; list-style:none; width:140px; margin:10px 5px 0 5px; float:left; display:inline; text-align:left; background:#fff;}
.menuHolder ul.nav div ul.colLeft {margin-left:10px;}
.menuHolder ul.nav div ul.colRight {margin-right:10px;}
.menuHolder ul.nav div ul.colSingle {margin-left:10px; margin-right:10px;}

.menuHolder ul.nav div ul li.liTop {float:left; height:8px; padding:0; width:140px; background:url(liTop.gif) no-repeat; overflow:hidden;}
.menuHolder ul.nav div ul li.liBott {float:left; height:8px; padding:0; width:140px; background:url(liBott.gif) no-repeat; overflow:hidden;}

.menuHolder ul.nav div ul li.lnk {float:left; background: transparent url(dot.gif) repeat-x left bottom; margin:0 5px 0 5px; display:inline;}
.menuHolder ul.nav div ul li.last {background:transparent;}

.menuHolder ul.nav div ul li a {display:block; width:105px; text-decoration:none; font:13px/16px arial, sans-serif; color:#009; margin:0; padding:4px 0 4px 15px; background:transparent url(arrow.gif) no-repeat left center;}
.menuHolder ul.nav div ul li a:hover {color:#141; background:transparent url(arrow.gif) no-repeat 1px center;}

.menuHolder ul.nav div.col1 {width:160px;}
.menuHolder ul.nav div.col2 {width:310px;}
.menuHolder ul.nav div.col3 {width:460px;}

.menuHolder ul.nav li:hover div {top:40px; opacity:1;}

.menuHolder ul.nav div span {display:block; clear:left; height:20px; background:url(base.gif) no-repeat left bottom; position:relative;}
.menuHolder ul.nav div span em {display:block; width:10px; height:20px; background:url(baseR.gif) no-repeat right bottom; position:absolute; right:0; top:0; overflow:hidden;}



/*=============================================================*/

/* TOOLTIP */
a.tooltip {color:#0000ee;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-100px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.tooltip:hover b em {position:absolute; left:100px; top:-6px; width:11px; height:6px; background:#fff url('http://www.klick-auf-urlaub.de/images/tooltip.gif') 0 0; display:block; font-size:1px;
}

#sub{
margin: 0 auto 30px auto;
width:744px;
height:40px;
padding: 10px 0 0 10px;
background: #f0f0f0 url(hg_sub_754.png);
background-repeat: no-repeat;
}


#main{
width:760px;
margin: 0 auto 0 auto;
padding:0 20px 50px 20px;
}
#main a,#main a:link,#main a:visited,#main a:active {
color:#0000ee;
text-decoration:underline;
}
#main a:hover{
text-decoration:none;
}
/*
#main{
margin-left:20px;
padding:20px;
background: #ece9d8;
border: 2px solid #FFFFFF;
}
*/
#main li{
padding:5px 0 5px 0;
}
.input {
font-size: 1.1em;
}
label {
color: blue;
}
.tabelle{
table-layout: fixed;
border-bottom:1px solid #8DA4A3;
background:#FFFFFF;

}
.tabelle_690_top{
background: #f0f0f0 url(hg_690_top.png);
background-repeat:no-repeat;
color:#FFFFFF;
}

.trow_top_690{
background: url(hg_row_top_690.png);
color:#FFFFFFF;
}
.trow{
background: url(hg_row_unten.png) repeat-x scroll left bottom;
}
.zelle_links{
padding-bottom:5px;
border-left:1px solid #8DA4A3;
}
.zelle{
padding-bottom:5px;
}
.zelle_rechts{
padding-bottom:5px;
border-right:1px solid #8DA4A3;
}
.zelle1{

background:#666666;
color: #bde8fa;
border-bottom:1px solid #8DA4A3;
}
.zelle2{

background:#E8E8E8;
color:#000000;
}
.tiny{
font-size: 0.7em;
color:#808080;
}
.delbutton{
margin: 50px 250px 50px 150px;
float:left;
}
.cancelbutton{
margin: 50px 0 50px 0;
float:left;
}
/*********** LISTEN  *************/
.einnahmen { 
float:left;
}
.ausgaben { 
margin-left: 350px; 
}
.titel_liste {
margin: 0;
padding: 0;
list-style: none;
width: 303px;
height:22px;
color:white;
padding: 0 10px;
}
.bg_title {
background:#F0F0F0 url(bg_title.gif);
background-repeat:no-repeat;
}
.bg_kum {
background:url(hg_kum_grafik.gif) repeat;
}
.titel_liste span {
float: right;
}

.titel_liste li {
clear: right;
}
.liste {
margin: 0;
padding: 0;
list-style: none;
width: 301px;
padding: 5px 10px;
}

.liste span.betrag {
float: right;
}

.liste li {
padding: 0 0 3px 0;
clear: right;
}
.ueberschrift {
background:lightblue;
padding: 5px 10px;
width:652px;
}
.postenliste {
background: url(hg_grafik.gif) repeat-y;
}
.saldo {
width: 673px;
padding:5px 0 0 0;
}
.saldo_gif {
color:white;
/*font-size: 1.1em;*/
font-weight:bold;
margin: 20px auto 0 auto;
width: 304px;
height:74px;
text-align:center;
}