#main { width:1000px; margin:0 auto; text-align:left;}
#header {height:370px; background:url(images/optimieren-sie-ihre-finanzen-mit-einem-haushaltsbuch.gif) top left no-repeat; padding:30px 62px 0 62px;}
#headerod {height:280px; background:url(images/optimieren-sie-ihre-finanzen-mit-einem-haushaltsbuch.gif) top left no-repeat; padding:30px 62px 0 62px;}
#content {border-bottom:8px solid #ec6a00; background:#f9f9f9 url(images/content-tail.gif) bottom repeat-x; margin:0 62px 0 63px;}
#footer { height:68px;}

.col-1, .col-2, .col-3, .req-1, .req-2 {float:left;}
.container {width:100%; overflow:hidden;}
#home .col-1 {width:450px;}
#home .col-2 {width:250px;}
#page2 .col-1 {width:450px;}
#page2 .col-2 {width:250px;}
#page2 .col-1 .col-1 {width:240px;}
#page2 .col-1 .col-2 {width:180px;}
#page3 .col-1 {width:255px;}
#page3 .col-2 {width:445px;}
#page3 .req-1 {width:218px;}
#page4 .col-1 {width:450px;}
#page4 .col-2 {width:250px;}
#page4 .req-1 {width:200px;}
#page4 .req-2 {width:140px;}
#page4 .col-1 .col-1 {width:207px;}
#page4 .col-1 .col-2 {width:207px;}
#download .col-1 {width:255px;}
#download .col-2 {width:445px;}
#download .col-2 .col-1 {width:240px;}
#download .col-2 .col-2 {width:180px;}
#page6 .col-1 {width:450px;}
#page6 .col-2 {width:250px;}
#page6 .col-1 .col-1 {width:189px;}
#page6 .col-1 .col-2 {width:192px;}

/* CSS Document */
* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#111111 url(images/top-tail.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.small {font-size: 10px; line-height:10px;}

html, input, textarea, select
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#242424;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#717171;}
a:hover{text-decoration:none;}
p {padding-top:15px;}


/* ============================= main layout ====================== */

li { background:url(images/list-bg.gif) no-repeat 0 8px; padding-left:15px; line-height:2.083em;}
li p {line-height:14px;}
.link {background:url(images/list-bg.gif) no-repeat 0 2px; color:#717171; font-weight:bold; display:inline-block; margin-top:25px; padding-left:12px;}
.link2 {color:#717171; font-weight:normal; display:inline-block;}
.link3 {color:#717171; font-style: italic; display:inline-block; margin:0 0 0 10px;}
.imgindent {margin:0 20px 0 0; float:left;}

h1 {color:#1d1d1d; font-size:2em; line-height:1.166em; font-weight:normal; letter-spacing:-1px; margin-bottom:15px;}
h2 {color:#1d1d1d; font-size:2em; line-height:1.166em; font-weight:normal; letter-spacing:-1px; margin-bottom:15px;}
.h2_like {color:#1d1d1d; font-size:2em; line-height:1.166em; font-weight:normal; letter-spacing:-1px; margin-bottom:15px;}
/* vorher grün:
h3 {color:#6b8c01; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0;}*/
h3 {color:#4682B4; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0;}
.warnung {color:#ff0000;}
h4 {color:#4682B4; font-size:16px; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0;}
h5 {color:#4682B4; font-size:14px; line-height:14px; font-weight:normal; letter-spacing:-1px; }

cite {font-style:normal;}

/* ============================= header ====================== */

.logo {margin:0 0 23px 48px; float:left;}
#header .border {border:1px solid #000000; background:url(images/header-background.jpg) no-repeat bottom left; height:310px;}
#headerod .borderod {border:1px solid #000000; background:url(images/haushaltsbuch-zum-geld-sparen.jpg) no-repeat bottom left; height:220px;}
.menu {border-bottom:1px solid #000000; width:100%; overflow:hidden;}
.menu li {float:left; width:145px; padding:0; text-align:center; background:url(images/menu-devider.gif) top right repeat-y; padding-right:2px;}
.menu li a {color:#d5d5d5; text-decoration:none; background:url(images/menu-tali.gif) top repeat-x; display:block; padding:5px 0 5px 0;}
.menu li a:hover {color:#ababab; background:url(images/menu-tali-active.gif) top repeat-x;}
.menu .active a {color:#ababab; background:url(images/menu-tali-active.gif) top repeat-x;}
.menu .last {background:none; padding:0; width:139px;}

.slogan {margin:81px 0 0 85px}
/* h1 {color:#FFFFFF; margin:81px 0 0 85px; font-size: 1.9em} */
.slogan_titel  {color:#FFFFFF; margin:81px 0 0 85px; font-size: 1.9em;line-height:4.3em;} 
.slogan_txt {color:#FFFFFF; margin: -20px 0 8px 85px; font-size: 1.2em}
.facebook {margin:0px 0 0 85px}

/* ============================= content ====================== */

.banners {color:rgb(100,100,100); border-bottom:1px solid #d5d5d5; background:#ececec url(images/banner-tail.gif) top repeat-x;}
.banner {width:400px; padding:15px 0 0 7px; float:left;}
.banner .imgindent {margin-right:5px;}
/* vorher grün: 
.banners .links {color:#7f9500; padding:14px 0 0 0;}
.banners .links a {color:#7f9500; font-weight:bold;}*/
.banners .links {color:#4682B4; padding:14px 0 0 0;}
.banners .titel {color:#4682B4; font-size:1.833em; line-height:1.4em; font-weight:normal; letter-spacing:-1px;}
.banners .titel a {text-decoration:none; color:#4682B4; font-size:1.833em; line-height:1.4em; font-weight:normal; letter-spacing:-1px;}

/* vorher orange:
.banners .banner2 h3 {color:#d96100;}
.banners .banner2 .links {color:#d24d00;}
.banners .banner2 .links a {color:#d24d00;}*/
.banners .banner2 .titel {color:#7f9500; font-size:1.833em; line-height:1.4em; font-weight:normal; letter-spacing:-1px; }
.banners .banner2 .links {color:#7f9500;}
.banners .banner2 .links a {color:#7f9500;}

.line {background:url(images/banner-devider.gif) repeat-y 437px 0;}
.banner-pad {padding-right:32px;}

.indent {padding:33px 50px 33px 48px;}

.col-pad {padding-right:75px;}
.col-pad2 {padding-right:36px;}

.date {color:#858585; background:url(images/list-bg.gif) no-repeat 0 2px; padding-left:12px;}
.padding1 {padding-top:20px;}
.padding2 {padding-top:15px;}
.padding3 {padding-top:25px;}
.paddingl1 {padding-left:20px;}
.paddingl2 {padding-left:35px;}
.padding-multi {padding-top:60px;}
.margin1 {margin-top:15px;}
.margin2 {margin-top:50px;}
/*.extra {overflow:hidden; zoom:1;}*/

/*.blende {background-color: #000000; position: fixed; top: 0px; left: 0px; width: 2000px; height: 1500px; visibility: hidden; filter: alpha (opacity=60); opacity:0.6;}*/
.requester {border: 1px solid #d5d5d5; background:#f9f9f9 url(images/content-tail.gif) bottom repeat-x; position: fixed; padding: 15px 25px 15px 25px; top: 20%; left: 20%; width: 440px; height: 400px; visibility: hidden; overflow: hidden;}
#closebutton {text-align: right;}
.imgreq {padding:0  0 0 75px ; float:none;}

table.versionen {
	width:100%;
	margin-top: 25px;
}
table.versionen th {
  text-align: center;
}
table.versionen td {	
	border-width: 0px 0px 1px;
	border-style: solid;
	border-color: rgb(221,221,221);
	text-align: center;
	width: 100px;
}
table.versionen td.left {	
	text-align: left;
	width: 240px;
}

table.userdaten{
  width: 100%;
}
table.userdaten td{
  line-height:18px;
}
table.userdaten td.rechts{
  text-align: right;
  padding-right: 25px;
}

/* ============================= footer ====================== */

#footer {color:#717171; padding:20px 79px 0 70px;}
#footer a {color:#efefef;}
.rss {float:right; margin:4px 0 7px; 7px;}
#footer .submenu {float:right;}
#footer .submenu li {display:inline; background:none; border-left:1px solid #a4a4a4; padding:0 8px 0 8px;}
#footer .submenu li a {color:#a4a4a4;}
#footer .submenu .first {border:none;}

/* ============================= forms ============================= */

#LoginForm .rowi {height:50px;}
#LoginForm .input {width:203px; height:21px; border:1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px; font-size:1.1em;}

#RechnerForm {padding:0 22px 0 0; }
#RechnerForm table {width:80%; border:0px;}
#RechnerForm .rowi {height:50px;}
#RechnerForm .rowi2 {height:120px;}
#RechnerForm .taste {width: 40px; font-size: 1.1em; float:right; margin:0px 0px 2px 0px;}
#RechnerForm .input {width: 203px; height: 21px; font-size: 1.1em; border: 1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px;}

#ContactForm {padding:0 22px 0 0; }
#ContactForm .rowi {height:50px;}
#ContactForm .rowi2 {height:120px;}
#ContactForm .rowi3 {height:170px;}
#ContactForm .input {width: 203px; height: 21px; font-size: 1.1em; border: 1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px;}
#ContactForm .select {width: 210px; height: 24px; font-size: 1.1em; border: 1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px;}
#ContactForm .multi {width: 210px; height: 160px; font-size: 1.1em; border: 1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px;}
#ContactForm .multi_kl {width: 210px; height: 80px; font-size: 1.1em; border: 1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px;}	   	   
#ContactForm .single {width: 210px; height: 80px;}

#GutscheinForm {padding:0 22px 0 0; }
#GutscheinForm .rowi {height:50px;}
#GutscheinForm .rowi2 {height:120px;}
#GutscheinForm .rowi3 {height:170px;}
#GutscheinForm .input {width: 203px; height: 21px; font-size: 1.1em; border: 1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px;}
#GutscheinForm .select {width: 210px; height: 24px; font-size: 1.1em; border: 1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px;}
#GutscheinForm .multi {width: 210px; height: 160px; font-size: 1.1em; border: 1px solid #cfcfcf; background:#ffffff; padding:0 0 0 5px;}	   	   
#GutscheinForm .single {width: 210px; height: 80px;}