/* CSS Document */

/*Allgemeine Angaben*/

body, h1, h2, h3, h4, h5, h6, div, span, p, ul, dl, ol, li, dd, dt, table, tr, th, td, textarea, select, option, input, label {
  font-family:  Verdana, Arial,  Helvetica, Tahoma, sans-serif;
  font-size: 11px;
  line-height:16px;
 
}

body{
  margin:0px 0px 0px 10px;
  background-image:url(/includes/images/navi/navi_background.jpg);
  background-repeat:repeat-x;
  background-position:0px 100px;
  color: #333333;     
}

html {
  height: 100%;
  padding-bottom: 0.005em;
}

table, tr, th, td {
  padding: 0;
  margin: 0;
}

a, a:active, a:visited{
  color: #333333;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

img {
  border:none;
  padding: 0px;
  margin: 0px;
}

form {
  padding: 0;
  margin: 0;
}

/*Layout Angaben*/

#container{
 width: 960px;
}

#header{
 margin:0px;
 height:100px;
 width:955px;
 background-image:url(/includes/images/logo_background.gif);
}

#logo{
float:left;
 height:92px;
}

#naviBar{
  padding: 0px 0px 0px 10px;  
  height:46px;
  width:935px;
  background-image:url(/includes/images/navi/navi_background.jpg); 
}

#currentDate{
  margin:5px 0px 0px 0px;
  width:226px;
  float:left;
  text-align:right;
  padding: 10px;  
}

.headline{
  margin: 0px;
  height:auto;
  padding: 5px 20px 5px 20px;
  width:605px;
  font-weight:bold;
  /*background-color: #999999;*/
  border: 1px solid #999999;
  color: white;
  background-image:url(/includes/images/mainHeadlineBack.jpg);
  background-repeat:repeat-x;  
}

.headlineMarginalRight{
  margin: 0px;
  height:auto;
  padding: 5px 20px 5px 20px;
  width:215px;
  font-weight:bold;
  background-color: #999999;
  color: white;
  border: 1px solid #999999; 
}

#mainFrame{
  width:648px;
  float:left;
  padding: 10px;     
}

.mainFrameContainer{
  height:auto;
  padding:20px;
  float:left;
  width:605px;
  border:solid 1px #CCCCCC; 
  background-image:url(/includes/images/mainContainerBack.jpg);
  background-repeat:repeat-x;
}

.mainFrameContainerNoPadding{
  height:auto;
  padding:10px 0px 10px 0px;
  float:left;
  width:645px;
  border:solid 1px #CCCCCC; 
  background-image:url(/includes/images/mainContainerBack.jpg);
  background-repeat:repeat-x;
}

#marginalRight{
  width:257px;
  float:left;
  padding: 10px;  
}

.marginalRightContainer{
  height:auto;
  padding:20px;
  background-color:#FBE0E4;
  width:215px;
  float:right;
  border:solid 1px #f7aeae;
}

#footer{
  border-top: solid 1px #CCCCCC;
  margin-top: 10px;
  padding:5px 20px 20px 20px;
  width:925px;
  text-align:center;
  color:#999999;
}

.clear{
  clear:both;
}

.hidden {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
}

/* Navigation */
#breadcrumbNavigation{
  margin: 5px 0px 0px 0px;
  width:679px;
  float:left;
  padding: 10px;
}

.mainNavi{
  width:auto;
  float:left;
  position:relative;
  padding: 0px;
  margin-left: 0px;
}


.mainNaviLogout{
  width:auto;
  float:right;
}

.mainNavi:hover .subMenue{
  display:block;
}


.subMenue{
  font-size: 11px;
  display:none;
  position:absolute;
  top:41px;
  left: 0px;
  height:auto;
  width:200px;
  background-color:#EEEEEE;
  border: solid 1px #CCCCCC;
}

.subMenue a,a:hover,a:active, a:visited{
  text-decoration:none; 
  color:#333333;
}

.subMenue ul{
  list-style-type:none;
  margin: 0px;
  padding: 0px;
}

.subMenue li:hover {
  background-color:#FBE0E4;
 
}
  
.subMenue:hover .menueThirdLevel{
  display:block;
}

.subMenue li{
  list-style-image:url(/includes/images/navi/arrow.gif);
  list-style-position:inside;
  margin: 0px;
  padding: 5px;
  border-bottom: solid 1px #CCCCCC;
}

/* NAVI THIRD LEVEL */

.menueThirdLevel{
  font-size: 11px;
  display:none;
  position:absolute;
  top:41px;
  left: 200px;
  height:auto;
  width:200px;
  background-color:#EEEEEE;
  border: solid 1px #CCCCCC;
}

.menueThirdLevel a,a:hover,a:active, a:visited{
  text-decoration:none; 
  color:#333333;
}

.menueThirdLevel ul{
  list-style-type:none;
  margin: 0px;
  padding: 0px;
}

.menueThirdLevel li:hover {
  background-color:#FBE0E4;
}

.menueThirdLevel li{
  list-style-image:url(/includes/images/navi/arrow.gif);
  list-style-position:inside;
  margin: 0px;
  padding: 5px;
  border-bottom: solid 1px #CCCCCC;
}

/* MELDUNGEN */

.notice{
  color: #FF0000;
  padding: 10px;  
  height:auto; 
  width:380px;
  text-align:left;  
  border:dashed 1px #FF0000;
  margin-top: 10px;
}

.noticeLong{
  color: #FF0000;
  padding: 10px;  
  height:auto; 
  width:625px;
  text-align:left;  
  border:dashed 1px #FF0000;
  list-style-position:inside;
  margin-top: 10px;
}

.noticeLoading{
  height:auto;
  width:605px;
  text-align:center;
  display:none;
  position:absolute;
  background-color:white;
}

/* Login */

#login {
  border:solid 1px #999999;
  border-top:none;
  width:400px;
  height:auto;
  text-align: left; 
}

#sendPwd {
  border:solid 1px #999999;
  border-top:none;
  width:400px;
  height:auto;
  text-align: left; 
}

#loginHeadline{
  font-weight:bold;
  padding: 10px;  
  height:20px; 
  width:380px;
  text-align: left;
  background-color: #EEEEEE;
  border: solid 1px #CCCCCC;
  margin-top: 10px;
}

/* Formulare */

/* login Formular */
.loginLabel{
  font-weight: bold;
  width: 120px;
  float: left;
  text-align: left;   
  padding: 8px;   
}

.loginField{
  width: 220px;
  float: left;
  text-align: left;  
  padding: 8px;  
  padding-left: 0px;  
}

/* alle anderen Formulara */

.formLabel{
  width: 140px;
  float: left;
  text-align: left;   
  padding: 5px;  
  padding-left: 0px;
}

.formField{
  width: 450px;
  float: left;
  text-align: left;  
  padding: 5px;  
  padding-left: 0px;      
}


.inputLong{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #003366;
 width: 220px;
}

.dummy{
  width:100%;
  height: 15px;
}

/* Adminseiten*/

.labelSmallModuleFirst{
  font-weight:bold;
}

.labelSmallModule{
  font-weight:bold;
  margin-top:10px;
}


/* Medienpool */

.mediaContainer{
  width: 134px;
  border: 1px solid #666666;
  float:left;
  margin-right: 15px;
}

.mediaContainerDummy{
  float:left;
  width: 22px;
  height: 80px;    
}

.media{
  margin-top:15px;
}

.mediaDescription{
  margin-top:5px;
  text-align:center;
}



.uploadContainer{
  display:none;
  height:auto;
  width:605px;
  border-width: 1px 0px 1px 0px;
  border-style:dashed;
  border-color:#FF0000;
  padding:20px;
  background-color:#F2F2F2;
}

/* Immobilienauflistungen */

.estateContainer{
  padding: 10px 20px 10px 20px;
  width:605;
  height:auto;
}

.estateContainer:hover{
  background-color:#EEEEEE;
  border-color: #CCCCCC;
  border-style:solid;
  border-width: 1px 0px 1px 0px;
  padding: 9px 20px 9px 20px;;       
}

.estatePicture{
  float:left;
  width: 100px;
  height: 90px;
  padding:0px;
}

.estatePicture img{
  border:solid 1px #CCCCCC;
}

.estateDescription{
  float:left;
  width: 345px;  
  height: 90px;
  padding:0px; 
}

.estateNavigation{
  float:left;
  width: 150px;
  height:auto;
  text-align:right;
}


.topEstateHeadline{
  width:90px;
  height:auto;
  text-align:center;    
}