/*
*******************************************************
  Cascading Style Sheet fuer Internetauftritt von 
  Renten- und Firmenberatung Torsten Reinker.
  
  Bildschirmversion.

  Tobias Hindemitt, 2005
*******************************************************
*/

/* 
-------------------------------------------------------
  Allgemeine Tag-Redefinitionen
-------------------------------------------------------
*/

html {
	height: 100%;
	margin: 0;
	padding: 0;
	}

body {
	height: 100%;
	background-color: #ECECEC;
	font: small/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
	}

h1, h2, h3 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 0 .7em 0;
	}
	
h1 {
	font-size: 1.7em;
	color: #1E2B4D;
	}
	
h2 {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #B77B00;
	margin-top: 1em;
	padding-left: .7em;
	background: transparent url(../Grafik/eyecatcher.gif) 0 .4em no-repeat;
	}
	
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #1E2B4D;
	line-height: 1.3em;
	padding-left: 1em;
	}
	
p {
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
	margin: 0 0 .8em 0;
	padding-left: 1em;
	}

/* Eigenschaften von Links
---------------------------------------- */

:link, :visited {  
	text-decoration: none;  
	color: #1940A5;
	}

:link:hover, :visited:hover, :link:active, :visited:active { 
	text-decoration: underline;
	}

/* Listen
---------------------------------------- */

ul, ol {
	margin: 0;
	margin-bottom: 1em;
	}

ul {
	margin-left: 0;
	padding-left: 1em;
	padding-right: 1em;
	list-style: none;
	}

ul li {
	padding: .3em 0 .4em 1.7em;
	background-image: url(../Grafik/arrow.gif);
	background-repeat: no-repeat;
	background-position: .3em .8em;
	}

ol li {
	background-image: none;
	padding: 0;
	}

/* Bilder
---------------------------------------- */

img {
	border: 0;
	}

img.left, img.right {
	margin-top: .6em;
	margin-bottom: .4em;
	}

img.left {
	float: left;
	margin-right: .6em;
	padding-right: .6em;
	}

img.right {
	float: right;
	margin-left: .6em;
	padding-left: .6em;
	}

/* Formular
---------------------------------------- */
form p {
	font-size: .83em;
	margin-bottom: .3em;
	}

form input, form textarea {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	}

form input.button {
	margin-right: .5em;
	margin-top: 1em;
	}

/* Tabellen
---------------------------------------- */

table {
	font-size: .83em;
	border-collapse: collapse;
	margin: .8em 1em .8em 1em;
	padding: 0;
	}

th, thead {
	font-weight: bold;
	}

th, td {
	margin: 0;
	padding: .5em .5em .4em .6em;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	border-bottom: 0;
	border-top: 1px solid #E5E5E5;
	}
	
tr.grey {
	background-color: #F5F5F5;

	}

table.fullsize {
	width: 100%;
	}

/* 
-------------------------------------------------------
  Ebenen
-------------------------------------------------------
*/

/* Nacktes Etwas mit Hintergrund (um den
   Hintergrund auf 100% Höhe zu haben)
---------------------------------------- */

#wrapper {
	width: 807px;
	height: 100%;
	background: #FFF url(../Grafik/bgr.gif) repeat-y;
	margin: 0 auto 0 auto;
	padding: 0;
	}

/* Inhaltscontainer
---------------------------------------- */

#container {
	width: 807px;
	background: #FFF url(../Grafik/bgr.gif) repeat-y;
	margin: 0 auto 0 auto;
	padding: 0;
	}
	
/* Kopf
---------------------------------------- */

#header h1 { 
	/* Bildgroesse */
	margin: 0; 
	padding-top: 120px;
	width: 807px;
	
	/* Das Bild */
	background-image: url(../Grafik/header.gif);
	background-repeat: no-repeat;
	
	/* Text verstecken */
	overflow: hidden;
	
	/* Tanteks IE5 Hack */
	height: 120px; 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0; 
	}
	
/* Lieb zu Opera 5 sein :-) */
html>body #header h1 {
	height: 0;
	}

/* Inhalt
---------------------------------------- */

#content {
	margin-left: 36px;
	}

/* Navigationsleiste
---------------------------------------- */

#nav {
	position: absolute;
	width: 164px;
	font-size: .83em;
	font-weight: bold;
	}

#nav ul {
	padding: 0;
	margin: 0;

}

#nav ul li {
	list-style: none;
	background-image: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #F0AF0A;
	}

#nav :link, #nav :visited {
	display: block;	
	text-decoration: none;
	margin: 0;
	padding: .4em .7em .4em 1.1em;
	color: #0D1631;
	width: 140px;
	background-color: #FFF;
	border-left: 4px solid #FFF;
}

#nav :link:hover, #nav :visited:hover,
#nav :link:active, #nav :visited:active,
#nav .aktiv:link, #nav .aktiv:visited,
#nav .aktiv:link:hover, #nav .aktiv:visited:hover,
#nav .aktiv:link:active, #nav .aktiv:visited:active {
	border-left-color: #0D1631;
	}

/* Seitenstreifen
---------------------------------------- */

#margin {
	float: right;
	width: 145px;
	margin-top: 40px;
	}

#margin h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .83em;
	font-weight: bold;
	color: #0D1631;
	}

#margin p {
	font-size: .83em;
	color: #5D5D5D;
	padding: 0;
	}

/* Text
---------------------------------------- */

#main {
	margin: 0 165px 0 185px;
	padding-top: 20px;
	}
	
#text {
	background-color: #FAFAFA;
	border: 1px solid #EBEBEB;
	padding: 17px;
	}

/* 
-------------------------------------------------------
  Spezielle Klassen
-------------------------------------------------------
*/

/* Zusaetzliche Navigation im Inhalts-
   bereich (z.B. Brotkrummennavigation)
---------------------------------------- */
.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .83em;
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #808080;
	}
	
.navigation :link, .navigation :visited {
	font-weight: normal;
	color: #808080;
	}

/* Den jeweiligen Accesskey im Link
   durch Unterstreichen kennzeichnen
---------------------------------------- */
em.accesskey {
	border-bottom: 1px solid #A5AAB8;
	padding: 0;
	font-style: normal;
	}

em.accessgrey {
	text-decoration: underline;
	font-style: normal;
	}

/* Icons fuer Navigationselemente
   ausserhalb der Navigationsleiste
---------------------------------------- */
.print, .top, .impressum {
	padding-top: .5em;
	padding-bottom: .5em;
	}

.print {
	padding-left: 1.6em;
	background: transparent url(../Grafik/iconPrint.gif) no-repeat 0 .6em;
	}
	
.top {
	padding-left: 1.4em;
	background: transparent url(../Grafik/iconTop.gif) no-repeat 0 .6em;
	}

.impressum {
	padding-left: 1.6em;
	background: transparent url(../Grafik/iconImpressum.gif) no-repeat .1em .7em;
	}

/* Grau hinterlegte Tabellenzeilen oder
   Listenpunkte
---------------------------------------- */
.grey {
	background-color: #F5F5F5;
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	}

/* Links nach draussen kennzeichnen
---------------------------------------- */
.outlink {
	padding-left: 1.3em;
	background: transparent url(../Grafik/iconLink.gif) no-repeat 0 .35em;
	}

/* Captcha
---------------------------------------- */
.scode {
	border:0;
	width:120px;
	height:50px;
	display:inline;
	float:left;
	}

.cap {
	width:45px;
	margin-top:5px;
	}

.vionlink {
	font-size: .83em;
	}

.error {
	font-weight: bold;
	color: #F00;
	}


/* Icons für PDF und Word-Dokumente
---------------------------------------- */
.pdf {
	padding: .5em 0 .5em 1.7em;
	background: transparent url(../Grafik/iconPDF.gif) no-repeat 0 .45em;
	}

.word {
	padding: .5em 0 .5em 1.7em;
	background: transparent url(../Grafik/iconWord.gif) no-repeat 0 .45em;
	}

/* Bereiche im Dokument verschwinden
   lassen (z.B. 'Skip Navigation Links')
---------------------------------------- */
.invisible {
	display: none;
	}

/* Floatingbereiche beenden
---------------------------------------- */
.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0;
	padding:0;
	border:none;
	visibility: hidden;
	}