/* version 1.1 */
/* Navi rechts breiter */

body {
margin: 0 auto;
padding: 0;
font: 78% Verdana,Tahoma,Arial,sans-serif;
background: #FFF3CA;
background: #f4f4f4 url(https://www.eigenvorsorgekonto.de/content/hintergrund.gif) top center repeat-y;
}

#umbruch {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 760px;
}

#header {
clear: both;
margin: 20px 0 0 0;
padding: 0;
height: 45px;
}


/* Site-Bild oben */

#domain-foto {
margin: 10px 0 10px 0;
border: 0;
}



/* Navigation oben horizontal */

#horizontal {
    clear: left;
    float: left;
	width: 760px;
	height: 30px;
	font-size: 1.0em;
	margin: 0 0 20px 0;
    padding: 0;
}

#horizontal td, #horizontal a:visited {
	font-weight: bold;
    height: 20px;
    text-decoration: none;
    color: #505050;
	padding: 6px 0 6px 10px;
    background: #f4f4f4;
}

#horizontal td:hover {
	background: #eaeaeb;
    color: #286ea1;
	text-decoration: none;
}

/*
#horizontal tr:hover td {
    background-color: #ccc;
}
*/




/* Navigation ist links */

#navi-links {
 text-decoration: none; font-size:11px; font: Verdana,Tahoma,Arial,sans-serif; line-height:10pt;
 width: 120px;
 margin: 0 0 0px 0;
 padding: 0;
clear: left;
float: left;
}

#navi-links a:hover {
background: #eaeaeb;
color: #286ea1;
}

#content-links-navi  {
text-decoration: none; font-size:12px; font: Verdana,Tahoma,Arial,sans-serif; line-height:10pt;
margin: 0 0px 20px 130px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
text-align: left;
}





/* Navigation ist rechts */


#navi-rechts { 
text-decoration: none; font-size:10px; font:Verdana,Tahoma,Arial,sans-serif; line-height:10pt;
margin: 20px 0 10px 615px;
border-left: 0px solid #f0f0f0;
padding: 0 10px 0 10px;
text-align: left; 
 }
 
 
#navi-rechts a:hover {
background: #eaeaeb;
color: #286ea1;
}

#content-rechts-navi {
text-decoration: none; font-size:12px; font: Verdana,Tahoma,Arial,sans-serif; line-height:10pt;
width: 605px;
border-right: 1px solid #f0f0f0;
margin: 20px 5px 10px 5px;
padding: 0;
clear: left;
float: left;
text-align: left;
}




/* Footer unten */

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 2px solid #f0f0f0;
width: 760px;
text-align: center;
color: #808080;
font-size: 0.9em;
}

#footer a {
color: #808080;
text-decoration: none;
}


/* Allgemeine Formatierungen */

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.zentriert {
text-align: center;
}

.klein {
font-size: 0.8em;
}

.fett {
font-weight: bold;
}

.ohne {
display: none;
}

h1 {
font-size: 1.8em;
margin: 0 0 0.5em 0;
}


h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}


h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
color: #286ea0;
}

a img {
border: 0;
}