
 
*{margin: 0px; padding: 0px}

body {
font-size:12px;
font-family: Arial, Geneva, Helvetica, sans-serif;
/*background-color:#006600;*/
color: #000000;
padding:0px;
margin:0px;

text-align: center;
/*background-color: ##FFFFF;*/
background-color: #E0EAFF;
}

p {
margin:0px 10px 10px 10px;
}

a {
text-decoration:none;
/*font-weight:bold;*/
letter-spacing: 0.04em;
color: #00006B;
}

a:link, a:visited {
   text-decoration: none;
   /*font-weight: bold;*/
   letter-spacing: 0.04em;
   font-size: 10pt;
   /*etwa font-size: 13px;*/     
}
/*
a:hover {
   text-decoration: none;
}*/
.colorRed{
   color: red;
}
/* js-change function fuer onmouseover */
a:hover, .hoverBgColor, .hoverBgColor a{
background-color: #4B4B83;
color: #FFFFFF;
text-decoration: none;  

}

#headerMenu ul,
#contentleft ul,
#contentright ul,
#rightFinantrag ul,
input{
     background-color: #DDE2FF; /*#DDDDFF;  /*#c9e1cf;#b9e1b8;*/
}
/*
.navBoxBgColor{
     background-color: #b9e1b8;
}*/

#headerMenu ul,
#contentleft ul,
#contentright ul,
#contentrightBreit #rightFinantrag ul,
#contentcenter_oben h1,
#framePopup h1,
#contentright div,
blockquote,
input
{border-color: #387AA9; /*red;   */
}

#header,
#contentleft,
#contentright,
#contentcenter_oben h1,
#framePopup h1,
#contentcenter_oben table,
#formFrame div table{
  background-color: #C9D9FF; 
}
#contentcenter_oben, #contentrightBreit #rightFinantrag
{
 background-color: #FFFFFF; 
}
.centerBgColor{/* wg. Benutzung in der Formulartabelle*/
 background-color: #FFFFFF; 
}
/*--------- onMouseOver Properties - Ende-------------*/

.inline {
display: inline;
}
.floatleft{
   float:left;
}
.floatRight{
   float: right;
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignRight{
	text-align:right;
}

.smallFont{
   font-size: 10px;
}
 
h1 {
text-align: center;
font-size:14px;
margin-top:15px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
clear: both;
}


     #frame 

{ 
margin-right:auto;/* Die beiden auto's for senter FFox, Op*/
margin-left:auto;
margin-top:0px;
padding:0px;
/**background-color:#0000ff; BLAU !!****/
text-align:left;
}



#header{background-image: url('../pics/BuerohausA.jpg');
        background-repeat: no-repeat;}
#frame,
#header,
#headerLogo,
#headerMenu
{
   width:858px;/*Gesamtbreite inder Mitte von body */
}

#headerLogo img{
float: right; margin: 13px 65px auto 55px;
}

#headerLogo p{
float: right;margin-top: 9px;
font-family: Arial;
font-style: italic;
font-size:30px;
}
#headerLogo p span{
font-family: Arial;
font-style: normal;
font-size:12px;

/*font-weight: bold;*/
margin-top: -2px;
margin-left: 6px;
}
/* Hauptmenu ---------------------------*/
#headerMenu{
	text-align:center;
}
#headerMenu ul{
list-style-type: none;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
line-height: 24px;
clear: both;
}
#headerMenu ul li{display: inline;
text-align: center;
padding: 4px 23px 4px 23px;
cursor: pointer;
}

/* ####################################### LEFT ############## */        	
	#contentleft
/* ################ */
{
float:left;
padding-left : 0px;
}
#contentleft, #contentright{
  height: 500px;
  width: 175px;
}


#contentleft div img,
#contentright img{
   float: left;
   margin-left: 1px;
   border: 0px;
}

#contentleft p{
   padding-top: 10px;
   text-align: center;
   font-weight: bold;
   margin-right: 0px;
   margin-bottom: 0px;   
   /*line-height: 18px;*/
   line-height: 24px;

}


#contentleft div ul img{
   float: left;
}

#contentleft ul{
list-style-type: none;
clear: both;
border-top-style: solid;
border-top-width: 1px;
}
#contentleft li{
text-align: center;
padding: 4px 6px 6px 6px;
border-bottom:1px solid #387AA9; /*red;*/
cursor: pointer;
}

/* ######################################### center ######### */  
   #contentcenter
/* ################ */     
{
   float: left;
   /* background-color: #FF0000;ROT !! ***/
}

#contentcenter,
#contentcenter_oben,
#contentcenter_oben form div,
#contentcenter #contentcenter_bottom
{  
  width: 508px; 
}

/*
.centerWidth{
   
  width: 508px; 
}
*/

#contentcenter_oben
/* ============= */
{
   height: 480px;
   float: left;
   font-size: 13px;
   letter-spacing: 0.04em;
   text-align: justify;
}
#contentcenter_oben p, blockquote, ul, ol{
   font-size: 12px;
}

#contentcenter_oben h1,
#framePopup h1{
   border-style: solid;
   border-width: 1px;
   padding: 10px 4px 10px 4px;
   margin-left: 150px;
   margin-right: 150px;
}

#contentcenter_oben #h1FormRedirect{
  margin-top: 100px;
}

#contentcenter_oben #mailFormRedirect{
  margin-top: 30px;
  text-align: center;
}

#contentcenter_oben div p{
   margin-top: 4px;
   font-size: 10px;
}

#contentcenter_oben blockquote,
#framePopup blockquote{
   border-style: solid;
   border-width: 1px;
   padding: 10px 10px 10px 10px;

   margin-left: 25px;
   margin-right: 25px;
   margin-bottom: 6px;
}
#contentcenter_oben ol,
#framePopup ol{
   margin-left: 30px;
   margin-right: 20px;
   padding-bottom: 6px;/*8px;*/
}
#contentcenter_oben ol li,
#framePopup ol li{
   padding-top: 8px;
}

#contentcenter_oben ul,
#framePopup ul{
   margin-left: 30px;
   margin-right: 10px; /*10px;*/
	margin-top: 10px;
   padding-bottom: 8px;
	list-style-type: square;
	text-align: left;
}
#contentcenter_oben ul li,
#framePopup ul li{
   padding-top: 4px;
	
}

#contentcenter_oben div div{/*list rahmen*/
 width: 50%; height: 100px;
 margin-left: 0px;margin-top: -8px;

 float:left;
 text-align: left;
}

#contentcenter_oben div div ul{
	font-size: 12px;
	letter-spacing: 0em;
}

#contentcenter_oben ul ul{
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
	list-style-type: circle;
}

#contentcenter_oben #imgFamily{
text-align: center;
margin-bottom: 4px;
}

#contentcenter_oben #secondList{
margin-top: 0px;
}

#contentcenter_oben #langList{
margin-top: -4px;
margin-bottom:2px;
font-size: 10px;
}


#contentcenter_bottom
/* =================== */
{
height: 20px;
float:left;
background-color:#FFFFFF;
text-align: center;
padding-bottom:0px;
}

#contentcenter_bottom a:link,
#contentcenter_bottom a:visited {
font-size: 11px;
font-weight: normal;
margin-left: 3px;
margin-right: 3px;
padding-bottom: 0px;
}

/***Kasten nebeneinander evtl. NavMenu **nicht benutzt**/
.rahmenDiv{
 width: 200px; height: 30px;
 cursor: pointer;
 border:1px solid red;
 text-align:center; 
 float:left;
}
.rahmenDiv div{
 padding:6px 0 8px 0;
}

/****************************************/
/* ##################################################### right ########### */	
	#contentright
/* ################# */	   
{
width:175px;
/*height: 500px;*/
float:left;
padding-left: 0px;
}


#contentright div
{
   text-align: center;
   border-top-style: solid;
   border-top-width: 1px;
	padding-top: 6px;
   font-size: 10px;
}
/**----  Zinstables -------*/
#zinsTable{
   width: 100%; 
   table-layout: auto;
}

#aktZinsTd{
   background-color: white;
   font-size: 32px;
   font-weight:bold;
}
.zinsProzentFont{
   font-size: 20px;
}
#zinsenTable{
   width: 100%;
   table-layout: auto;
   border-spacing: 1px;
   margin-top: 1px;
}
#zinsenTable td, #zinsTable td{
	text-align: center;
}
.zinsDataBg{
   background-color: white;
}

#contentright ul{
margin-top: 0px;
list-style-type: none;
clear: both;
border-top-style: solid;
border-top-width: 1px;
cursor: pointer;
}
#contentright li{
text-align: center;
padding: 4px 6px 6px 6px;
border-bottom-width:1px;
border-bottom-style: solid;
cursor: pointer;
}

#contentright ul, #contentright li{
	border-color:#FFFFFF;
}

#contentright ul li a{
	font-weight: normal;
}
#contentright #imgEZB{margin-top: 16px;}
/*#contentright #imgEZBOben{margin-left:1px;}*/


/*************** Formulare ************/
/*
ul,ol,body,p,td,tr,table,div{
font-size:12px;
font-family:Arial;
font-weight: normal;
}
*/
td, tr, table{
font-size:12px;
font-family:Arial;
font-weight: normal;
}

td{
/*max-width:50px;*/
/*height: 24px;*/
text-align: left; 
/*--->background-color: #f7f8d1;*/ 
}
.button{
border-style: solid;
border-width: 1px;
font-family:Arial;/*Verdana*/
font-size: 12px;/*11*/
font-weight: bold;/*neu*/
text-align:center;/*left*/
padding-left:5px;
padding-top:4px; /*2px;*/
padding-bottom:3px;
margin-top: 5px;
margin-bottom: 0px;
cursor:pointer;
/*background-color:#dfdfdf;*/

display:inline;
width: 120px; /*auto;*/
}

.buttonAdd{
border-style: solid;
border-width: 1px;
font-family:Arial;/*Verdana*/
font-size: 12px;/*11*/
font-weight: bold;/*neu*/
text-align:center;/*left*/
padding-left:0px;
padding-top:0px; /*2px;*/
padding-bottom:0px;
/*margin-top: 5px;*/
margin-bottom: 0px;
cursor:pointer;
width: 80px; /*auto;*/
}
.sendButtonColor{
   color:green;
}
.abbruchButtonColor{
   color: #dd6060;
}
.text{ /*In input-feldern*/
background-color:whitesmoke;
color:#297394;
border:1px solid black;
padding-left: 2px;
}
.select{/*in pulldown menus*/
background-color: whitesmoke;
color: #00006B; /*#297394;*/
}
.tablePosOp_FFox{
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
}
.ausFuellHinweis{
   margin-top: 20px;
   font-size: 10px;
}

/* ######################################### Formular ANTRAG ######### */  
   #contentrightBreit
/* ################ */     
{
   /*width: 683px;*/
   float: left;
   /*background-color: #FF0000; zum Test*/
}

#contentrightBreit,
#contentrightBreit #contentcenter_bottom,
#rightFinantrag iframe{
   width: 683px;
}
/*
.contentrightBreitWidth{
   width: 683px;
}*/

#rightFinantrag{
  height: 480px; 
}

#rightFinantrag h1{
   padding: 10px 0px 10px 0px;
   margin-left: 150px;
   margin-right: 150px;
	margin-top: 0px;
}

#rightFinantrag ul{
margin-top: -11px;

list-style-type: none;
clear: both;
border-top-style: solid;
border-top-width:1px;
border-bottom-style:solid;
border-bottom-width:1px;
line-height: 18px;
text-align: center;
}
#rightFinantrag ul li{display: inline;
text-align: center;
/*padding: 1px 16px 1px 16px;*/
padding: 1px 10px 1px 10px;
margin: 0px;
cursor: pointer;
}

iframe{margin-top: 1px;
   height:418px;
}

/* Fuer FormularSeite */
#formFrame{
	height: 4330px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}
/*.formFrameWidth*/
#formFrame div{
	width: 667px;
}
.radioButton{
	margin-bottom: -1px;
	margin-left: 0px;
	margin-right: -0px;
	
}
.leftAbstand{/* wg. Trennung 2-PersonenSpalten*/
	padding-left: 30px;
}
#framePopup
{
margin-right:auto;/* Die beiden auto's for senter FFox, Op*/
margin-left:auto;
margin-top:15px;
padding:0px;
/*background-color:#aaaaFF;*/
text-align:justify;
}

#framePopup p{
	margin:0px 20px 10px 20px;
}
#framePopup table tr td{
	width: 190px;
	padding-left: 15px;
   vertical-align: top;
}

#framePopup hr{
	color: #000066;
	background-color: #FFFFFF;
	height: 1px;
}
#framePopup #zumAnfang,
#framePopup #zumAnfang a{
   font-size: 10px;
	font-weight: normal;
	text-align: right;
}
#framePopup a{
	font-weight: normal;
}

#framePopup #copyright{
	font-size: 10px;
	text-align: center;
	padding-bottom: 1px;
	padding-top: 3px;
}
#framePopup #copyright a{
	font-size: 10px;
	text-decoration: underline;
}
#rightFinantrag img{
	margin: 2px 0px 9px 4px;
}
