@CHARSET "UTF-8";
/* ====================================================================
 * Stylesheet fuer www.berlinermietdatenbank.de
 * Copyright 2010 Ch.En - Christoph Endres Web Consulting
 * Kontakt: chen@ch-en.de, Web: www.ch-en.de
 * ==================================================================== */

body {
	background-color:#ffffff;
	margin:0px;
	padding:0px;
}
#page {
        position: relative;
/*	border:solid 1px #CCCCCC;*/
	padding-top:0px;
	margin-top:10px;
	margin-left: auto; /* horiz. Zentrierung der Seite */
	margin-right:auto; /* horiz. Zentrierung der Seite */
  background-color:#FFFFFF;
	width: 800px;
}
#header {
	position:relative;
	padding-top:1px;  /* notwendig, damit oben kein Rand entsteht (???) */
	color:white;
	background-image:url(pics/heading.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#040438;
	height:150px;
}
#topNavi {
	position:absolute;
	bottom:0px;
	width:800px;
	height:20px;
}
#vertColumn {
	float:left;
	width:25%; /* relative Breite */
	border-top:solid 2px #DDDDDD;
	border-right:solid 2px #DDDDDD;
	background-image:url(pics/leftcolbgr.jpg);
	background-repeat:no-repeat;
	padding-bottom:10px;
}
#main, #main_team_backend {
	margin-top:0px;
	padding-top:30px; /* notwendig, damit am oberen Rand keine Lücke zu #header entsteht. */
	margin-left:25%;	/* Rand links korresp. zu #vertColumn:width */
	padding-left: 50px;	/* Textabstand vom linken Rand */
	padding-right: 50px; /* Textabstand vom rechten Rand */
	padding-bottom:20px; /* Textabstand vom unteren Rand */
	min-height:400px;
	background-color:#EEEEEE;
	border-left:solid 1px #829DB0;
}

#main_team_backend {
    min-height: 570px;
}

#main_team {
	margin-top:0px;
	padding-top:30px; /* notwendig, damit am oberen Rand keine Lücke zu #header entsteht. */
	margin-left:25%;	/* Rand links korresp. zu #vertColumn:width */
	padding-left: 50px;	/* Textabstand vom linken Rand */
	padding-right: 0px; /* Textabstand vom rechten Rand */
	padding-bottom:20px; /* Textabstand vom unteren Rand */
	min-height:400px;
	background-color:#EEEEEE;
	border-left:solid 1px #829DB0;
}

#team_entry_1 {
//    border: 2px solid grey;
}

#team_entry_2 {
//    border: 2px solid blue;
}

.TeamPic {
    position: relative; 
 //   border: 1px solid green;
    float: right;
    right: 0px;
    padding-top: 10px;
}

.TeamPic img {
    width: 140px;

}

.TeamText {
 //   border: 1px solid red;
    padding-right: 170px;
    padding-bottom: 50px;
}

.Clear {
    clear:both;
}

#name {		/* Paragraf Schriftzug "Dipl.-Geol. Björn Jansen" */
	position:absolute;
	left:400px;
	top: 10px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

#heading {		/* Paragraf Schriftzug "Berliner Mietdatenbank" */
	position:absolute;
	left:200px;
	top:-50px;
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-size:60px;
	font-weight:normal;
}

p, h1, h2, ul, a, form {
	font-family:Arial, Helvetica, sans-serif; /* Standardschrifteinstellungen */
	color:#444444; /* Standardschrifteinstellungen */
	font-size:13px; /* Standardschrifteinstellungen */
	line-height:150%; /* Standardschrifteinstellungen */

}

#horizNavi {		/* Liste mit horizontaler Navigation */
	margin-left:12.5%;
	padding-left:12.5%;
	margin-top:0px;		/* notwendig, weil sonst oben ein Standardrand entsteht */
	text-indent:50px;		/* Einstellung des linken Rand der Links */
}

#horizNavi li {		/* Listenpunkte in horizontaler Navigation */
	display:inline;
	width:140px;
	margin-right:50px;
	text-align:left;
	list-style-type:none;
}

#horizNavi a {
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}

#horizNavi a:hover {
	color:#2F5A7A;
	background-color:#DDDDDD;
	text-decoration:none;
}

#leftNavi {		/* Liste mit vertikaler Navigation */
	list-style-type:none;
	line-height:200%;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding-top:65px;
	padding-right:20px;
	margin-left:0px;
	padding-left:0px;
}	

#leftNavi a {
	color:#DDDDDD;
	font-size:14px;
	font-weight:bold;
}

#leftNavi a:hover, #membersonly a:hover {
	background-color:#444444;
	text-decoration:none;
}

a {
	color:#2F5A7A;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	font-size:22px;
	color:#2F5A7A;
	line-height:normal;
}

h2 {
	font-size:16px;
	color:#2F5A7A;
	margin-bottom:0px;
	padding-bottom:0px;
}

.formButton {	/* Buttons der Login-Formulare und des CMS */
	width:120px;
}

.loginInput { /* Eingabefelder der Login-Formulare */
	width:250px;
}

/* ============================
 * Elemente für Mitglieder:
 * ============================ */

#members a {		/* Navigationspunkt: "Mitgliederbereich"  */
	color:#ffff80;
}

#membersonly {		/* Formular für Logout oder Div für Login-Link */ 
	height:70px;
/*	border:1px solid #FFFFFF;*/
	margin:  0px 10px 2px 10px;
	padding: 0px 10px 0px 10px;
	text-align:right;
}

#membersonly p {
	margin-top:5px;
	font-size:11px;
}

#membersonly a {
	color:#DDDDDD;
	font-weight:bold;
}

#memberlogout, #memberlogin {	/* Buttons zum Mietglieder-Login/Logout */
	width:90px;
}

/* ============================
 * Elemente im Kontaktformular:
 * ============================ */

#form_col1 {
	width:70px;
}
	
td {				/* Eigentlich muss nur <legend> formatiert werden, lässt sich aber nicht über CSS ansprechen (?) */
	font-size:12px;
}

form {
				padding-top:0px;
				margin-top:0px;
				padding-left:0px;
				font-size:12px;
				color:#2F5A7A;
}

textarea, input {
				font-family:Arial,Helvetica,sans-serif;
				font-size:12px;
				width:400px;
}

textarea {
	height:190px;
}

#mail_send {			/* der Send-Button */
				width:80px;
}

#send_row {		/* Tabellenzeile, in der der Send-Button steht. */
	height:30px;
	vertical-align:bottom;
	text-align:right;
}

#pflichthinweis {		/* Zeile mit Hinweis auf Pflichtfelder. */
	font-size:11px;
	text-align:right;
}

#warnung {		/* Warnhinweis bei nicht vollst. Ausfüllen */
	position:absolute;
	padding:5px 5px 5px 5px;
	left:800px;
	top:190px;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF0000;
}


/*====================================*/
/*      CMS-spezifisches Layout:      */
/*====================================*/


#speichern, #logout {	/* Position des "Änderungen speichern"-Buttons
                           und des Logout-Buttons */
        position: absolute;
	top: 170px;
        left: 20px;
}
 
#logout {		/* Position des Logout-Buttons */
	top: 8px;
 }

.Knopf {			/* Buttons */
	width:150px;
}

 #frmtab {			/* Formulartabelle */
 	position:relative;
	top:0px;
 	left:0px;
 }
 
 #rahmen {	/* Div um die Tabelle */
 	position:relative;
	top:00px;
	left:-35px;
	width:480px;
	height:340px;
	padding:0px;
	margin:0px;
 }
 
 #col1 {			/* linke Sp. der Formulartabelle */
 	width:30px;
 }

 .Eingabe {		/* Einzeilige Eingabefelder */
	width:500px;
}

 #textfeld {  /* mehrzeiliges Eingabefeld auf "normalen" Seiten */ 
 	width:500px;
	height:300px;
 }
 
 #textfeld1, #textfeld2 {  /* mehrzeilige Eingabefelder auf Teamseite */ 
 	width:500px;
	height:250px;
 }

.Label {		/* Beschriftungen der Felder */
	margin:0px;
	padding:0px;
	font-family:"Arial";
	font-weight:bold;
	font-size:0.8em;
}