/******************************************************************************/
/*                              Html und Body                                 */
/******************************************************************************/

body { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #343434; margin: 0px; padding: 0px;
	background-color: #ffffff; 
	background-image: url('../graph/hg.jpg');
  	background-repeat: repeat-x;
	}

a{ color: #005EA8; text-decoration: underline;}
a:hover{color: #000000; text-decoration: underline;}

form {margin: 0px; padding: 0px;}

/******************************************************************************/

.Rahmen_Out { width: 900px; margin: 0px auto; }

#Header {
	width: 1176px;  
	height: 91px; 
	margin-left: -138px;
	margin-right: -138px;
  	}
  
#Logo { height: 91px; background-image: url('../graph/head.jpg');
	  background-repeat: no-repeat;
	 }
  
#Header_frau { 
	background-image: url('../graph/head_frau.gif');
	background-repeat: no-repeat;
 	position:relative;
 	right: 5px; top: -72px; width:102px; height:104px;
 	float: right;
  } 
  
#Header a.Homelink span {margin-left: 138px; height: 80px; width: 400px; display: block; float: left;}

#Bortnav {font-size: 11px; width: 100%; 
			padding-top: 15px; padding-bottom: 6px; float:left;
			color: #80878F; 
			margin-bottom: 20px;			
			}

#Bortnav a { color: #005EA8; text-decoration: underline;}
#Bortnav a:hover { color: #000000; text-decoration: none; }

     
#Mitte {
		width: 900px; 
		line-height: 150%;
		}
		
#Mitte_Left{
		width: 180px; 
		line-height: 150%;
		float: left;
		margin-bottom: 20px;
		}

#Menu_Left{
		width: 180px; 
		line-height: 150%;
		float: left;
		margin-bottom: 10px;
		}

#Mitte_Right{
		width: 700px; 
		line-height: 150%;
		float: right;
    		margin-bottom: 20px;
		}
		
#Mitte_Left a { 
		color: #000000; 
		text-decoration: none;
		padding: 5px;
		padding-left: 15px;
		display: block;
		background-image:url(../graph/menu_pfeil.gif); 
		background-repeat: no-repeat;
		background-position: 5px 50%;
		border-bottom: dotted 1px #ffffff; 
		}
		
#Mitte_Left a:hover { 
		font-weight: bold;
		color: #1A71B4; 
		text-decoration: none; 
		background-image:url(../graph/menu_pfeil_over.gif); 
		background-repeat: no-repeat;
		background-position: 5px 50%;
		background-color: #F2F2F2; 
		}

.menu-left-oben{
		background-image:url(../graph/menu-left-oben.jpg); 
		background-repeat: no-repeat;
		display: block;
		height: 9px;
		}
        
.menu-left-hg {
		background-color: #DEE6F0; 
		display: block;
		}
		
.menu-left-ende {
		background-image:url(../graph/menu-left-ende.jpg); 
		background-repeat: no-repeat;
		display: block;
		height: 9px;
		}

.menu_ub { 
		font-size: 18px;
		font-weight: normal;
		color: #005EA8; 
		padding: 0px 0px 10px 2px;
		background-color: #E5E5E5; 
		display: block;
		}
		
	
#Search {
		font-size: 14px; 
		color: #ffffff;
		padding-left: 10px;
		padding-top: 10px;	
		margin-top: 10px;
		width: 170px; 
		height: 110px;
		line-height: 150%;
		float: left;
		margin-bottom: 10px;
		background-image:url(../graph/hg_suche.gif); 
		background-repeat: no-repeat;	
		display: block;
		}

#Suche input {width:90%; border: solid 1px #034B91; float: left; margin-top: 10px;}
#Suche input:hover {border: solid 1px #002A53;background-color: #BCD7F1;}

#Suche_button input {
		margin-top: 5px;
		width:90%; 
		border: solid 1px #034B91; 
		color: #ffffff; 
		background-color: #005EA8; 
		float: left;
		}
		
#Suche_button input:hover {border: solid 1px #034B91; background-color: #034B91;}


#Rahmen {
		margin: 0px;
		}
		
#Rahmen_klein {
		padding: 10px;
		}

h1 {
		font-size: 22px;
		font-weight: normal;
		color: #005EA8;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 2px 0px 5px 0px;
		}

h2 {
		font-size: 14px;
		color: #005EA8;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #91B5D5; 
		}

h3 {
		font-size: 14px;
		font-weight: none;
		color: #000000;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 5px;
		background-color: #DEE6F0; 
		}
		
ul { list-style:none; padding: 0; margin: 0; }

.spalten_2_left { width: 48%; float: left;}
.spalten_2_right { width: 48%; float: right;}
.spalten_3 { width: 99%; float: left;}

br.Break { clear:both;}



.ansprechpartner {
		width: 200px; 
		height: 240px;
		float: left; 
		border: 0px solid #C3C3C3; 
		margin: 0px 10px 10px 0px;
		padding: 0px 10px 10px 0px;
		}


a.inhalt_unter_menu{
		font-weight: bold;
		background-color: #E5E5E5; 
		text-decoration: none; 
		width: 43%; 
		display: block;
		float: left;
		margin: 0px 6px 6px 0px;
		padding: 3px 3px 3px 8px;
		}
		
a.inhalt_unter_menu:hover{
		color: #ffffff;
		background-color: #005EA8; 
		text-decoration: none; 
		}


.td_file,
.td_size,
.td_date {
		padding: 4px;
		border-bottom: 1px solid #C3C3C3; 		
		}
		
.th_file input,
.th_size input,
.th_date_227 input {
		border: solid 1px #C3C3C3; 
		padding: 1px;
		background-color: #DCDCDC;		
		}
		
.th_file input:hover,
.th_size input:hover,
.th_date_227 input:hover {
		color: #ffffff;
		border: solid 1px #005EA8; 
		padding: 1px;
		background-color: #005EA8;		
		}

/******************************************************************************/
/*  MENU			 									                                              */
/******************************************************************************/

/*Drop-down menu*/
.menu {white-space:nowrap /*IE hack*/; float:left; width:100%; height:35px; border:none;
		* margin-top: 1px;
		} /*Color navigation bar normal mode*/
.menu ul {list-style-type:none;}
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
		
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; 
		display:block; 
		color: #263D5D;
		font-size: 12px; 
		padding: 6px 14px 5px 13px; 
		*| padding: 6px 13px 5px 13px;  /*IE7 IE6*/
		margin-right: 1px;
		line-height:1.8em; 
		font-weight: normal;
		text-decoration:none; 
		position:relative; z-index:999; 
		border-top: 1px solid #A6C7EA; 
		border-left: 1px solid #A6C7EA; 
		border-right: 1px solid #A6C7EA; 
		background-image:url(../graph/menu_hg.jpg); 
		background-repeat: repeat-x;	
		* height:21px;
		}
		
.menu ul li a:hover {
		text-decoration:none;	
		color: #000000; 	
		background-color: #ffffff; 
		} /*Color subcells hovering mode*/
		
.menu ul li ul {display:none; border:none; }

/*Non-IE6 hovering*/

.menu ul li.hover,
.menu ul li:hover {position:relative; 
		} /*Sylvain IE hack*/

.menu ul li.hover a,
.menu ul li:hover a {text-decoration:none;
		color: #000000; 
		background-color: #D6EBFE; 
		background-image:url(../graph/menu_hg.jpg); 
		background-repeat: no-repeat;	
		} /*Color main cells hovering mode*/

.menu ul li.hover ul ,
.menu ul li:hover ul {display:block; 
		width:110px; 
		position:absolute; z-index:999; 
		top:2.8em; 
		margin-top:0.0em; 
		* margin-top: -1px; 
		left:0;}

.menu ul li.hover ul li a,
.menu ul li:hover ul li a {white-space:normal; display:block; 
		width: 120px; 
		color: #263D5D; 
		height:auto; line-height:1.5em;
		padding: 4px 10px 4px 15px; 
		font-weight:normal; 
		font-size: 11px; 
		border-top: none; 
		margin-top: 0px;
		background-image:url(../graph/menu_pfeil_weiss.gif); 
		background-repeat: no-repeat;
		background-position: 5px 50%;
		border-left: 1px solid #A6C7EA; 
		border-right: 1px solid #A6C7EA; 
		border-bottom: 1px solid #A6C7EA; 
		background-color: #D6EBFE; 
		} /*Color subcells normal mode*/

.menu ul li.hover ul li a:hover,		
.menu ul li:hover ul li a:hover {
		text-decoration:none; 
		color: #000000; 
		background-color: #E6F2FE; 
		} /*Color subcells hovering mode*/

/*IE6 hovering*/
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; text-decoration:none;} /*Color main cells hovering mode*/
.menu ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.menu ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.menu ul li a:hover ul li a:hover {text-decoration:none;} /*Color subcells hovering mode*/



/******************************************************************************/
/*  FORMULARE 									                                              */
/******************************************************************************/

#formular_rahmen {
		background-image:url(../graph/formular_rahmen_hgddd.gif); 
		background-repeat: repeat-x;
		background-color: #F5F6F8; 
		border: solid 1px #DDDDDD;
		padding: 7px;
		display:block; 
		}

#formular fieldset {border: 0px; padding: 1px 1px 3px 1px; height: 38px; margin: 0px; width: 48%; float: left;}
#formular legend {font: bold 1.0em Arial, Helvetica, sans-serif; color: #242424;}

#formular label, 
#formular input, 
#formular select {width:94%; border: solid 1px #DDDDDD; padding: 1px;background-color: #ffffff;}
#formular textarea {width:94%; border: solid 1px #DDDDDD; height: 61px; padding: 1px;background-color: #ffffff;}

#Kontaktart input {width:1%;}

#formular input:hover,
#formular textarea:hover,
#formular input:focus,
#formular textarea:focus {border: solid 1px #ADAEAE;background-color: #FFFFFF;}

#formular_button {clear: both; margin-top: 30px; }
#formular_button input { font: normal 12px Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
        border-right: #51A4E6 1px solid; border-top: #044171 1px solid;
        border-left: #044171 1px solid; border-bottom: #51A4E6 1px solid;
        color: #fff; width: 46%; text-transform: uppercase; background-color: #005EA8;
	}
#formular_button input:hover { font: normal 12px Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
        border-right: #51A4E6 1px solid; border-top: #044171 1px solid;
        border-left: #044171 1px solid; border-bottom: #51A4E6 1px solid;
        color: #fff; width: 46%; text-transform: uppercase; background-color: #00467D;
        cursor:pointer;
	}

.button {font: normal 12px Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
        border-right: #51A4E6 1px solid; border-top: #044171 1px solid;
        border-left: #044171 1px solid; border-bottom: #51A4E6 1px solid;
        color: #fff; width: 140px; text-transform: uppercase; background-color: #005EA8;
				}
        
.formular_pflicht {font: 0.7em Courier, Arial, Verdana; color: #ff0000;}

#formular img {border: solid 1px #C0C0C0; margin-right: 10px;}

a.CaptchaReload	{color: #FF0000; text-decoration: underline;}
a.CaptchaReload:hover	{color: #000000; text-decoration: underline; cursor:pointer;}

.Captcha {margin-top: 8px;}

.Fehler fieldset {
		border: 0px; 
		padding: 5px; 
		margin: 0px; 
		border: solid 1px #005EA8;
		background-color: #FFFDC9;
		margin-bottom: 10px;
		}
		
.Fehler legend {
		font-size: 14px;
		font-weight: bold;
		color: #005EA8;
		padding-left: 10px;
		padding-right: 10px;
		}
		
input.Fehler, 
select.Fehler, 
textarea.Fehler { background-color: #FFFDC9 !important; border: solid 1px #005EA8 !important; }



.calc {font: normal 12px Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
        border-right: #51A4E6 1px solid; border-top: #044171 1px solid;
        border-left: #044171 1px solid; border-bottom: #51A4E6 1px solid;
        color: #fff; text-transform: uppercase; background-color: #005EA8;
				}

.ausgabegasrechner {width:94%; border: solid 1px #DCC893; padding: 1px;background-color: #FCECC0;}
.eingabegasrechner {width:94%; border: solid 1px #005EA8; padding: 1px;background-color: #FFF7E0;}
.ausgaberate {width:94%; border: solid 1px #8ACA93; padding: 1px;background-color: #A2E7AC;}
.ausgabelaufzeit {width:94%; border: solid 1px #DDDDDD; padding: 1px;background-color: #FFF7E0;}
.eingabezins  {width:94%; border: solid 1px #005EA8; padding: 1px;background-color: #FFF7E0;}


.santander {background-color: #D2D2D2;}

.santander2 {background-color: #FFF7E0;}
.santander3 {background-color: #A2E7AC;}
.santander4 {color: #FF5A00; font-weight: bold; background-color: #FFF7E0;}
.santander5 {background-color: #ECECEC;}



/******************************************************************************/

/******************************************************************************/
/*  FOOTER		 									                                              */
/******************************************************************************/

#Fuss  {clear: both; font: normal 0.8em Arial, Verdana, Helvetica, sans-serif;  
		color: #B4B4B4; width: 900px; height: 70px; 
		border-top: 1px solid #BBBBBB;
		width: 100%; 
		padding-top: 10px;
		text-transform: uppercase;
		}

.menu-top ul { list-style:none; padding: 0; margin: 0; }
        
a.xol{text-decoration: none; color: #CBCBCB;}
a.xol:hover{text-decoration: underline; color: #000000;}

#footer2 { float: right; width: 120px;/* background: #cc0000;*/ text-align: right; }

#footer li,
#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer a {
	color: #0F4486;
	display: block; padding: 0px 10px 0px 10px; font-size: 1em; 
	text-decoration: none;
	border-right: 1px solid #888888;
}

#footer a:hover {
	color: #000000;
}

#footer2 a { color: #888888; }
#footer2 a:hover { color: #000000; }
#footer li {
	float: left;
}
