@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------
Stylesheets fuer www.finabay.de
Datei:    screen.css
Version: 1.0
Datum:  10.2.2009
Autor:   Autor
Aufbau: 1.Allgemeine Selektoren
           2.Allgemeine Hyperlinks
           3.Layoutbereich
           4.Sonstige Styles
-----------------------------------------------------------------*/


/*---------------------------------------------------------------
   1.Allgemeine Selektoren
   ---------------------------------------------------------------*/

*  {
	padding:0;
	margin:0;
}
li, dd  {
	list-style-type:none;
}
html  {
	height:100%;
	margin: 0;
	padding: 0;
}
body  {
      color:#000;
      background: #ccc;
      text-align: left;
      font:100.01% tahoma, verdana,arial,sans-serif;
	  height: 100%;
	  margin: 0;
	  padding: 0;
}
h1 {
	 color: #ac4652;
     font-size:1.5em;
	 font-weight: lighter;
	 padding: 0.4em 0 0 0.8em;
	 float: left;
}
h2 {
     font-size: 1.2em;
	 font-weight: lighter;
	 padding: 1em 0 0 1em;
	 margin-bottom: 1em;
}
h3 {
     font-size:0.9em;
}
h4 {
	 color: #ac4652;
	 text-align: right;
     font-size:0.8em;
	 font-weight: lighter;
	 padding: 1.6em 1.4em 1em 0;
	 clear: right;
}
h5 {
	 color: #ac4652;
     font-size:0.7em;
	 font-weight: lighter;
	 padding: 0.9em 0 0 1.4em;
}
p, dt, dd {
     font-size: 1em;
	 text-align: left;
	 padding: 0 1.3em 1em 1.3em;
}
input, textarea  {
     font-size: 1em;
	 text-align: left;
	 padding: 0;
	 margin: 1em 0 0 1em;
	 font: 100.01% tahoma, verdana,arial,sans-serif;	 
	 border: 1px solid #ac4652;
}
li {
	 font-size: 1em;
	 text-align: left;
	 padding: 0 1.3em 0.5em 1.3em;
}	 
span {
	 color: #ac4652;
}
img  {
	border-style:none;
}
.skiplink  {
     position:absolute;
     top:-4000px;
     left:-6000px;
     width:0px;
     height:0px;
     overflow:hidden;
     display:inline;
}
/*-------------------------
   2.Allgemeine Hyperlinks
   ------------------------*/ 
a {
	text-decoration: underline;
	color: #ac4652;
}
a:hover {
	text-decoration: none;
	background: #ac4652;
	color: #fff;
}

/*-------------------
   3. Layoutbereich
   ----------------*/

#wrapper  {
     min-height: 100%;
	 position: relative;
	 width: 60em;
	 margin: 0;
}
#header {
	 height: 228px;
	 background: url(../grafiken/header.jpg);
}
#content {
	 padding-bottom: 1em;
}

/* Navigation Anfang */

#navigation {
	 float: left;
}
.menu ul{
	 margin-left: 2em;
	 border: 1px solid #ac4652;
}
.menu ul li {
	 background: #fff;
	 border-bottom: 1px dashed #ac4652;
	 padding: 0.3em 0 0.3em 0.5em;
	 width: 12em;
}
.menu ul li a {
	 text-decoration: none;
	 color: #ac4652;
	 font-weight: bold;
	 font-size: 0.8em;
	 text-align: left;
}
.menu ul li:hover {
	 position: relative;
	 background: #ac4652;
}
.menu ul li:hover a {
	 color: #fff;
	 text-decoration: underline;	 
}
.menu ul ul {
	 position: absolute;
	 left: -9999px;
}
.menu ul li:hover ul {
	 left: 8em;
	 top: 1em;
	 border: 1px solid #ac4652;
}
.menu ul li:hover li {
	 width: 12em;
	 background: #fff;
}
.menu ul li:hover li a {
	 color: #ac4652;
}
.menu ul li li:hover {
	 background: #ac4652;
}
.menu ul li li:hover a {
	 color: #fff;
	 text-decoration: underline;
}
.menu ul li li a:hover {
	color: #fff;
	text-decoration: none;
}
.menu ul .lastnavi{
	 border: 0;
}
#infobox {
	 width: 12em;
	 height: 7em;
	 background: #fff;
	 margin: 2em 0 2em 2em;
}

/* Navigation Ende */

#theme {
	 clear: right;
}
#headline {
	 width: 42em;
	 height: 3em;
	 background: #fff;
	 margin: 2em 0 2em 16em;
}
#subject {
	 width: 42em;
	 height: 100%;
	 background: #fff;
	 margin: 1.5em 0 2em 16em;
}
#footer {
	 background: url(../grafiken/footer.jpg);	 
}

.indexseite {
	 float: left;
	 margin: 3em 3em 4em 3em;
}
.indexseite_baufiprivat{
	 float: left;
	 margin: 3em 3em 8em 3em;
}
.indexseite_niedrig {
	 float: left;
	 clear: left;
	 margin: 3em 3em 6em 3em;
}
#zinsen_index {
	 position: relative;
	 clear: left;
	 float: left;
	 margin: -9em 1em 2em 6em;
	 top: 3em;
	 bottom: -9em;
}
.index_h2 {
	 margin-top: 4em;
}
.liste  li{
	 list-style-type: disc;
	 list-style-position: inside;
	 color: #000;
}
h2 +.liste  li{
	 font-size: 1.2em;
	 font-weight: lighter;
	 list-style-type: disc;
	 list-style-position: inside;
	 color: #000;
}
.liste_rot  li{
	 list-style-type: disc;
	 list-style-position: inside;
	 color: #ac4652;
}
h5.signatur {
	 margin: -3em 0 1em 2em;
}
.bildunterschrift {
	 position: relative;
	 top: 34em;
	 left: 38em;
}
a + .signatur {
	 position: relative;
	 top: 13em;
	 left: 40em;
	 margin: 0 0 -3em 0;
}
#liste_links {
	 float: left;
}
.rechner {
	 float: left;
}
p.backlink {
	 font-size: 0.7em;
	 margin: 0 0 0 1em;
}


/* Inhaltsbild verschoben Anfang */

.right {
	 float: right;
	 margin: 1em;
}
.left {
	 float: left;
	 margin: 1em;
}
.right_abstand {
	 float: right;
	 clear: right;
	 margin: 1.5em;
}
.left_abstand {
	 float: left;
	 clear: left;
	 margin: 1em;
}
span.right_abstand {
	 width: 1px;
	 float: right;
	 height: 5em;
}
span.left_abstand {
	 width: 1px;
	 float: left;
	 height: 5em;
}

/* Inhaltsbild verschoben Ende */

/* Kontaktformular Anfang */

form {
	 font-size: 0.9em;
     line-height: 120%;
     width: 40em;
     margin: 1em;
     padding: 1em;
}
fieldset {
     border: 0;
}
form fieldset p {
	 margin: 0 0 0 0;
}
legend {
	 color: #000;
     font-size: 1.2em;
	 font-weight: lighter;
     padding: 1em 0 0 1em;	 
     margin-bottom: 1em;
}
form textarea {
	 margin-left: 5em;
} 
label {
	 color: #000;
     font-weight: normal;
     text-align: left;
     float: left;
     margin: 2px 0;
     padding: 2px;
}
input {
	 width: 15em;
     margin: 0 0 0 5em;
	 border: 1px solid #ccc;
     display: block;
}
.input_schmal {
	 display: inline;
	 margin: 0 0.5em 0 1em;
	 width: 7em;
}
.pflichtfeld  {
	 border: solid 1px #ac4652;
}
#pflichtfeld {
	 width: 30em;
	 clear: left;
	 margin: 2em 0 0 0;
}
#pflichtfeld .pflichtfeld {
	 float: left;
	 width: 5em;
	 margin: 0 1em 0 0;
}
.checkbox {
	 width: 2em;
	 float: left;
	 clear: left;
	 margin: 2em 0 0 0;
	 border: 0;
}

#thema_links {
	 width: 20em;
	 float: left;
}
#thema_links input {
	 width: 8em;
}
#thema_rechts {
	 float: right;
	 width: 15em;
	 margin: 0 8em 0 -12em;
}
#thema_rechts input {
	 width: 8em;
}
.thema input {
	 margin: 0 3em 0 0;
}
.thema {
	 margin: -1em 0 0 5em;
	 padding: 0;
	 width: 16em;
	 }
.thema_checkbox {
	 float: left;
	 margin: 0.5em 0.1em 0 0;
	 border: 0;
}
.thema_checkbox_r {
	 float: left;
	 margin: 0.5em 0.1em 0 0;
	 border: 0;
}

#anrede {
	 margin: 2em 0 1.5em 0;
}
label.anrede {
	 position: relative;
	 left: 2.5em;
	 margin: 2em 3em 0 0;
	 float: left;
}
.radiobutton {
	 position: relative;
	 left: 2em;
	 width: 1em;
	 padding: 0;
	 margin: 2.25em 0 0 0;
	 float: left;
	 border: 0;
}

#name {
	 clear: left;
}
.name {

}
#vorname { }
#ort {
	 clear: left;
}
.ort {
	 width: 10em;
	 float: left;
	 margin: 0 1em 0 0;
}
#plz {
	 float: left;
	 width: 3em;
	 margin: 0 1em 0 1.5em;
}
#strasse {
	 clear: left;
	 margin: 1.5em 0 0 0; 
}
.strasse {
	 width: 10em;
	 float: left;
	 margin: 0 1em 0 1.75em;
}
#nummer {
	 width: 3em;
	 margin: 0;
}
.datum {
	 position: relative;
	 left: 1em;
	 width: 2em;
	 padding: 0;
	 margin: 0 1em 0 0;
	 float: left;
}
#rueckruf {
	 width: 30em;
	 margin: 1.75em 0 1em 0;
}
#telefonnummer {
	 clear: left;
	 margin: 0;
}
#vorwahl {
	 float: left;
	 width: 5em;
	 margin: 0 1em 0 2em;
}
#durchwahl {
	 width: 8em;
	 margin: 0;
}
#erreichbarkeit {
	 clear: left;
	 margin: 0 2.25em 0 0;
}
.erreichbarkeit {
	 width: 9.25em;
	 margin: 0;
	 position: relative;
	 left: 1em;
}
#emailkopie {
	 position: relative;
	 margin: 1.75em 2em 0 0;
	 float: left;
}
#einwilligung {
	 width: 30em;
	 position: relative;
	 margin: 1.75em 2em 2em 0;
	 float: left;
}
#input_hidden {
	 clear: left;
	 border: 0;
}

.button {
	 clear: left;
	 font-size: 0.9em;
	 background: #ccc;
     color: #ac4652;
	 font-weight: bold;
	 text-align: center;
     width: 10em;
     height: 2em;
     margin: 0 0 2em 25em;
     cursor:pointer;
}



/* Kontaktformular Ende */

/* Wegbeschreibung Anfang */

#routenplaner {
	 float: left;
}
#skizze {
}
#vrr {
	 padding: 0 2em 0 0;
}

/* Wegbeschreibung Ende */



/*--------------------
   4. Sonstige Styles
   ------------------*/   

.clear  {
	clear:both;
	height:0;
	width:0;
	visibility:hidden;
}