/**
 * Tags
 */
a {
	color:               #3E709E;
	text-decoration:     none;
}
a:active, a:focus {
	outline:             0;
	text-decoration:     underline;
}
a:hover {
	text-decoration:     underline;
}

.youAreHere a {
	color:               #EEEEEE;
}

.pageFooter a {
	color:               #666666;
}

.pageLeftColumn .box a {
	color:               #64A94B;
}

body {
	color:               #333333;
	font-family:         Arial, Helvetica, sans-serif;
	font-size:           9pt;
	margin:              0px;
}
body.page {
	background:          url('/images/body_background.jpg') repeat-x fixed #FFFFFF;
	text-align:          center;
	padding:             10px;
}
body.popup {
	background:          none #FFFFFF;
	padding:             10px 20px 10px 20px;
}

form {
	margin:              0px;
	padding:             0px;
}

h1 {
	font-family:         Tahoma, Arial, Helvetica, sans-serif;
	font-size:           11pt;
	font-weight:         normal;
	margin:              0px;
	padding:             5px 0px;
}
.pageLeftColumn h1 {
	background:          url('/images/pageLeftColumn_h1_background.gif') 5px 4px no-repeat;
	font-size:           10pt;
	font-weight:         normal;
	padding:             0px 10px 0px 20px;
}
.pageMainColumn h1, .pageTotalColumn h1, .popup h1 {
	font-size:           16pt;
	color:               #444444;
}
.pageMainColumn .box h1, .pageTotalColumn .box h1 {
	padding-top:         2px;
}
.sektion h1 {
	background:          none;
	border-bottom:       1px solid #CCCCCC;
	font-size:           14pt;
	padding:             5px 0px;
	margin-bottom:       5px;
}

h2 {
	color:               #666666;
	font-family:         Tahoma, Arial, Helvetica, sans-serif;
	font-size:           9pt;
	font-weight:         bold;
	margin:              0px;
	padding:             5px 0px;
}
.pageMainColumn h2, .pageTotalColumn h2, .popup h2 {
	background:          url('/images/h2_background.gif') 0px 10px no-repeat;
	color:               #3E709E;
	padding:             5px 0px 5px 15px;
}
.sektion h2 {
	background:          none;
	color:               #444444;
	font-size:           11pt;
	font-weight:         normal;
	padding:             0px 0px 0px 0px;
}

h3 {
	color:               #666666;
	font-family:         Tahoma, Arial, Helvetica, sans-serif;
	font-size:           9pt;
	font-weight:         bold;
	margin:              0px;
	padding:             3px 0px;
}

hr {
	background-color:    #999999;
	border:              0px;
	color:               #999999;
	height:              1px;
}

img {
	border:              0px;
}

.sektion img {
	border:              5px solid #FFFFFF; 
	margin-right:        15px;
}

ul li {
	list-style-image:    url('/images/ul_li_list_style_image.gif');
	margin:              2px 0px 2px 0px;
	padding:             0px;
}
.pageMainColumn ul.h2 li {
	list-style-image:    url('/images/h2_background.gif');
	color:               #3E709E;
	font-family:         Tahoma, Arial, Helvetica, sans-serif;
	font-size:           9pt;
	font-weight:         bold;
}
.sektion ul li, .sitemap ul li {
	margin-bottom:       5px;
}

ol {
	margin:              0px;
	padding:             5px 0px 5px 15px;
}

p, .p {
	font-size:           9pt;
	line-height:         130%;
	margin:              0px;
	padding:             5px 0px;
}

strong, .strong {
	color:               #64A94B;
	font-weight:         bold;
}
.bold {
	font-weight:         bold;
}

td {
	font-size:           9pt;
}

ul {
	margin:              0px;
	padding:             5px 0px 5px 15px;
}

.sitemap ul {
	padding-bottom:      0px;
}

/**
 * Classes
 */
.border-1px-solid-gray {
	border:              1px solid #CCCCCC;
}

.border-right-1px-dotted {
	border-right:        1px dotted #CCCCCC;
}

.border-top-1px-dotted {
	border-top:          1px dotted #CCCCCC;
}

.box {
	background-color:    #FFFFFF;
}

.page .box {
	margin-bottom:       10px;
}

.popup .box {
	width:               100%;
}

.pageFooter {
	font-size:           8pt;
}

.pageLeftColumn .box {
	background-color:    #F6F6FA;
	border:              1px solid #DDDDE6;
	margin-bottom:       10px;
}

.pageMainColumn .box {
	margin:              0px 0px 10px 10px;
	width:               508px;
}

.pageTotalColumn .box {
	margin-bottom:       10px;
	padding:             0px 15px;
	width:               721px;
}

.pageLeftColumn .boxHeader {
	background:          #DDDDDD;
	border-bottom:       1px dotted #BBBBBB;
	padding:             10px 5px;
}

.pageLeftColumn .boxContent {
	padding:             5px 10px;
}

.buHeader {
	background-image:    url('/images/berufsunfaehigkeit.jpg'); 
	background-position: 5px 15px; 
	background-repeat:   no-repeat
}

.clear-both {
	clear:               both;
}

.float-left {
	float:               left;
}
.float-right {
	float:               right;
}

.greenBox {
	background-color:    #F0FFF0;
}

.hidden {
	display:             none;
}

.inputRequired {
	color:               #FF0000;
	font-size:           8pt;
	text-align:          justify;
}

.justify {
	text-align:          justify;
}

.kvzInfo, .ppvInfo {
	color:                #555555;
	display:              none;
	left:                 0px; 
	padding:              5px;
	position:             absolute; 
	text-align:           justify;
	top:                  0px; 
	width:                160px;
}

.kvzInfo {
	padding-top:         15px;
}

.lightgray {
	color:               #999999
}

.logo {
	background:          url('/images/formular_background.png') #F0F0F1;
	background-color:    #F0F0F0;
	border:              1px solid #DDDDDD;
	margin-bottom:       1px;
	padding:             55px 0px 54px 0px;
	text-align:          center;
}

.logo2 {
	margin-bottom:       1px;
}

.medium {
	font-size:           8pt;
}

.pageFooterMainColumn h2.no-background-image {
	background-image:    none;
	padding-left:        0px;
}

.pageIframe {
	background-color:    #FFFFFF; 
	height:              100%;
	margin:              0px;
	margin-bottom:       10px;
	padding:             0px;
}

.pageIframeBorder {
	border:              1px solid #CCCCCC;
}

.padding-10px {
	padding:             10px;
}
.padding-bottom-0px {
	padding-bottom:       0px;
}
.padding-bottom-10px {
	padding-bottom:      10px;
}
.padding-left-5px {
	padding-left:        5px;
}
.padding-left-10px {
	padding-left:        10px;
}
.padding-right-5px {
	padding-right:       5px;
}
.padding-right-10px {
	padding-right:       10px;
}
.padding-top-0px {
	padding-top:         0px;
}
.padding-top-5px {
	padding-top:         5px;
}
.padding-top-10px {
	padding-top:         10px;
}
.padding-top-15px {
	padding-top:         15px;
}
.padding-top-20px {
	padding-top:         20px;
}

.sektion {
	background:          url('/images/startseite_sektion_background.png') #F7F7F9;
	border:              1px solid #CCCCCC; 
	border-width:        1px 0px 1px 0px; 
	margin-bottom:       10px;
	padding:             10px;
	width:               489px;
}

.step {
	color:               #64A94B;
	float:               right;
	padding-top:         9px;
}

.sslIcon {
	padding-right:       5px;
	vertical-align:      bottom;
}

.text-align-left {
	text-align:          left !important;
}
.text-align-right {
	text-align:          right !important;
}

.tooltip {
	display:             none;
	visibility:          hidden;
}

.width-50percent {
	width:               50%;
}

.youAreHere {
	background-color:    #688E4A;
	color:               #EEEEEE;
	font-size:           7pt;
	margin-top:          1px;
	padding:             1px 2px 1px 2px; 
}

/**
 * Layout
 */
.pageOuterDiv {
	background-color:    #FFFFFF;
	margin:              0px auto 0px auto;
	padding:             10px;
	text-align:          left;
	vertical-align:      top;
	width:               750px;
}
.pageMainColumn {
	float:               right;
	width:               530px;
}
.pageLeftColumn {
	width:               210px;
}
.pageTotalColumn {
	width:               750px;
}
.pageHeader {
	height:              230px;
	margin-bottom:       10px;
}
.pageHeaderLeftColumn {
	float:               none;
	width:               210px;
}
.pageHeaderMainColumn {
	float:               right;
	width:               530px;
}
.pageContent {
	clear:               both;
}
.pageFooter {
	background-color:    #EEEEEE;
	border:              1px solid #DDDDDD;
	clear:               both;
	color:               #666666;
	height:              38px;
	margin-top:          2px;
	padding:             5px;
}
.pageFooterMainColumn {
	float:               right;
	text-align:          center;
	width:               510px;
}
.pageFooterLeftColumn {
	float:               none;
	text-align:          center;
	width:               188px;
}
.bookmarks {
	height:              20px;
	padding-top:         5px;
}

/**
 * Menü
 */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0; 
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block; 
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	border:              1px solid #DDDDDD;
	border-bottom:       0px;
	float:			     left;
	margin-bottom:       1px;
}
.sf-menu ul {
	width:               176px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:			     40px; /* match top ul list item height */
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	border:              none;
	left:			     175px; /* match ul width */
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			     175px; /* match ul width */
}
ul.sf-menu li li:hover ul.left,
ul.sf-menu li li.sfHover ul.left {
	left:			     -177px; /* match ul width */
}
ul.sf-menu li li li:hover ul.left,
ul.sf-menu li li li.sfHover ul.left {
	left:			     -177px; /* match ul width */
}
.sf-menu li {
	background:          url('/images/menu_ul_li.png') #90B1D6;
	font-family:         Tahoma, Arial, Helvetica, sans-serif;
	font-size:           11pt;
	line-height:         40px;
	text-align:          center;
	text-transform:      uppercase;
	width:               176px;
}
.sf-menu li li {
	background-color:    #F6F6F6;
	background-image:    none;
	border:              1px solid #FFFFFF;
	border-top:          0px;
	font-family:         Arial, Helvetica, sans-serif;
	font-size:           9pt;
	line-height:         120%;
	padding:             5px;
	text-align:          left;
	text-transform:      none;
	width:               164px;
}
.sf-menu li:hover, .sf-menu li.sfHover {
	background:          url('/images/menu_ul_li_hover.png') #93C781;
	outline:		     0;
}
.sf-menu li li:hover, .sf-menu li li.sfHover {
	background-color:    #EEEEEE;
	background-image:    none;
}
.sf-menu li a {
	color:               #FFFFFF;
}
.sf-menu li li a {
	color:               #5E8BC2;
}
.sf-menu a {
	display:             inline;
	font-weight:         bold;
	text-decoration:     none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
/*
	color:			#13a;
*/
}

/**
 * Artikel-Liste
 */
.artikelListe {
	height:              180px;          /* wird ggf per JS verlängert */
	margin:              0px;
	overflow:            auto;           /* wird per JS auf hidden gesetzt */
	padding:             0px;
	position:            relative; 
}
.artikelListeContent {
	padding:             10px 10px;
	position:            absolute; 
	top:                 0px;
	width:               170px; /* wird per JS verändert */
	z-index:             1;
}
.artikelListeUp, .artikelListeDown {
	background-color:    #F0F0F0;
	cursor:              pointer;
	height:              15px; 
	left:                0px;
	margin:              0px;  
	padding:             0px;
	position:            absolute; 
	text-align:          center; 
	width:               100%; 
	visibility:          hidden;         /* wird per JS auf visible gesetzt */
	z-index:             2; 
}
.artikelListeUp {
	border-bottom:       1px dotted #BBBBBB;
	margin-top:          0px;
	top:                 0px;
}
.artikelListeDown {
	border-top:          1px dotted #BBBBBB;
	bottom:              0px;
	margin-bottom:       0px;
}
.artikelListeUp:hover, .artikelListeDown:hover {
	background-color:    #E8E8E8;
}
.artikelListeItem a, .artikelListeItem a:link, .artikelListeItem a:visited {
	color:               #333333;
}
.artikelListeMoreLink {
	font-size:           8pt;
	text-align:          right;
}
.artikelKurzfassung {
	font-weight:         bold;
	margin:              5px 0px;
}
.artikelAutor, .artikelQuelle {
	color:               #666666;
	font-size:           8pt;
}

/**
 * Formulare
 */
.formular {
	background:          url('/images/formular_background.png') #F0F0F1;
	border:              1px solid #CCCCCC; 
	border-width:        1px 0px 1px 0px; 
	padding:             5px;
	width:               499px; 
}

input, option, select, textarea, button {
	font-family:         Arial, Helvetica, sans-serif;
	font-size:           9pt;
}

input[type=text], select, textarea, button {
	border:              1px solid #999999;
}

input[disabled], select[disabled], textarea[disabled] {
	color:               #333333;
}

select, textarea, button {
	padding:             1px;
}

input[type=text] {
	padding:             2px;
}

input.button {
	background-color:    #5E8BC2;
	background-image:    url('/images/input_button_background.png');
	border:              0px;
	color:               #FFFFFF;
	font-weight:         bold;
	height:              20px;
}

input.button:hover {
	background-image:    url('/images/input_button_hover_background.png');
}

input.button[disabled], input.button[disabled]:hover {
	background-image:    url('/images/input_button_disabled_background.png');
}

p.button {
	padding-top:         15px;
	text-align:          right; 
}

.highlightedElement {
	background-color:    #FFFFE6;
}

.label {
	color:               #555555;
	padding-top:         6px;
	text-align:          right;
	vertical-align:      top;
}

/**
 * Schatten bei Bildern
 */
div.shadow, div.shadow div, div.shadow div div {
	display:             inline-table;
}
div.shadow {
	background:          url('/images/div_shadow_background.png') right bottom no-repeat;
	float:               left;
	margin-right:        -3px;
}
div.shadow div {
	background:          url('/images/div_shadow_div_background.png') left bottom no-repeat;
}
div.shadow div div {
	background:          url('/images/div_shadow_div_div_background.png') right top no-repeat;
	padding:             0px 4px 5px 0px;
}
div.shadow div div img {
	border:              0px solid #EEEEEE;
	display:             block;
}

/**
 * Popup dialog
 */
#popupMask  {
	background-color:    #000000; 
	display:             none;
	left:                0px;
	position:            absolute;
	top:                 0px;
	z-index:             200;
}
#popupContainer  {
	background:          #FFFFFF;
	display:             none;
	position:            absolute;
	z-index:             201;
}
#popupInner  {
	width:               100%;
}
#popupTitleBar  {
	background:          url('/images/popupTitleBar_background.png') #FFF6F6;
	border:              0px solid #CCCCCC; 
	border-bottom:       1px dotted #CCCCCC; 
	height:              45px;
	position:            relative;
	z-index:             203;
}
#popupTitle  {
	background:          url('/images/popupTitle_background.gif') 10px 10px no-repeat;
	color:               #666666;
	float:               left;
	font-size:           11pt;
	margin:              10px;
	padding:             5px 0px 0px 25px;
}
#popupControls  {
	float:               right;
	margin:              10px;
	padding:             3px 3px 0px 0px;
}
#popupCloseBox {
	cursor:              pointer;
}
#popupFrame  {
	background-color:    #FFFFFF; 
	border:              0px;
	margin:              0px;
	padding:             0px;
	position:            relative;
	z-index:             202;
}

#simplemodal-container {
	background-color: #FFFFFF;
	border-radius:    5px;
	-moz-border-radius: 5px;
	border:           5px solid #CCCCCC;
	padding:          5px 10px;
	text-align:       left;
}
#simplemodal-container a.modalCloseImg {
	background:       url(/images/dialog_close.png) no-repeat;
	cursor:           pointer;
	display:          inline;
	height:           30px;
	position:         absolute;
	right:            -17px;
	top:              -17px;
	width:            30px;
	z-index:          3200;
}
#simplemodal-overlay {
	background-color: #000000;
	filter:           alpha(opacity=50);
	-moz-opacity:     0.5;
	-khtml-opacity:   0.5;
	opacity:          0.5;
}
#simplemodal-data,.simplemodal-data {
	position:         absolute;
}
#simplemodal-data-scroll-up, #simplemodal-data-scroll-down {
	cursor:           pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-align:       center;
	position:         absolute;
}
#simplemodal-data-scroll-up {
	background:       top center url(/images/dialog_navigation_up.png) no-repeat;
	top:              0px;
}
#simplemodal-data-scroll-down {
	background:       bottom center url(/images/dialog_navigation_down.png) no-repeat;
	bottom:           0px;
}
#simplemodal-container #ConfirmOkButton, 
#simplemodal-container #ConfirmAbbrechenButton {
	width:            100px;
}

/**
 * Anzeigenblock
 */
.anzeigenBlockLinks, .anzeigenBlockRechts {
	width:               190px; 
}
.anzeigenBlockLinks {
	float:               left; 
	margin:              5px 10px 10px 0px;
}
.anzeigenBlockRechts {
	float:               right; 
	margin:              5px 0px 10px 10px;
}
.anzeige, .anzeige50Percent {
	border:              1px solid #CCCCCC;
	cursor:              pointer;
	margin-bottom:       5px;
	padding:             5px;
}
.anzeige50Percent {
	float:               left;
	margin-right:        5px;
	width:               237px;
}
.anzeigeTitel, .pageMainColumn .box .anzeigeTitel a {
	color:               #64A94B;
	font-family:         Arial, Helvetica, sans-serif;
	font-size:           9pt;
	font-weight:         bold;
	text-decoration:     underline;
}
.anzeigeText {
	color:               #666666;
	font-family:         Arial, Helvetica, sans-serif;
	font-size:           8pt;
}

/**
 * Riester-Rechner
 */
#RiesterRechner sup {
	font-size:           7pt;
}
#RiesterRechner .betragInput {
	text-align:          right; 
	width:               75px;
}
#RiesterRechner .betragInput2 {
	text-align:          right; 
	margin-left:         15px;
	width:               60px;
}
#RiesterRechner .readonly {
	background-color:     transparent;
	border:               0px solid transparent;
}
#RiesterRechner .semiTransparentText {
	opacity:              0.2;
	filter:               alpha(opacity=20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);  
	-moz-opacity:         0.2;
}

/**
 * Rürup-Rechner
 */
#RuerupRechner input.betrag {
	text-align:           right;
	width:                80px;
}
#RuerupRechner input.prozent,
#RuerupRechner select.prozent {
	text-align:           right;
	width:                56px;
}
#RuerupRechner input.integer {
	text-align:           right;
	width:                56px;
}
#RuerupRechner input.readonly {
	background-color:     transparent;
	border:               0px solid transparent;
}
#RuerupRechner .hiddenRow {
	display:              none;
}
#RuerupRechner .darkCell {
	background-color:     rgba(0, 0, 0, 0.1);
}