/* CSS Document */
body { 	padding:0; margin:0; background:#fff url('../images/background.jpg') no-repeat;   font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;} 
p, div, ul, li, img, h1, h2, h3 ,a { padding:0; margin:0; 	}
.spacer {
		clear:both;
		line-height:1px;
		font-size:1px;
}
form, label, input {		padding:0; margin:0; }
ul{list-style:none;}

a {
    color:#F38E00;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}
div#wrap{
    width:975px; 
}

div#headline{
    position:absolute;
    top:0;
    left:677px;
    width:240px;
    height:163px;
}

div#menu{
    width:187px;
    margin-top:130px;
    float:left;
}
div#menuTop{
    width:187px;
    height:200px;
    background:#F38E00 url('../images/menuTop.jpg');
}
div#menuBody{
    width:187px;
    background:#F38E00 url('../images/menuBG.jpg');
}
div#menuBottom{
    width:187px;
    height:186px;
    background:#fff url('../images/menuBottom.jpg');
}

/***** MENÜ *****/
div#menuBody ul{
    float:right;
}
div#menuBody li a{
    font-weight:bold;
    color:#fff;
    font-size:10px;
    background:url('../images/menu_li_bg.jpg') top right;
    height:13px;
    padding-right:40px;
    float:right;
    text-decoration:none;
    margin-bottom:12px;
    width:145px;
    text-align:right;

}

div#menuBody li a:hover{
    text-decoration:underline;
    /*font-size:12px;*/
      background:url('../images/menu_li_bg.jpg') bottom right; 
}

div#menuBody li a.active{
    font-size:12px;
    background:url('../images/menu_li_bg.jpg') bottom right;
}

div#menuBottom a{
    color:#7c7e84;
}
div#menuBottom ul{
    margin-top:12px;
    float:right;
}

div#menuBottom input{
    border:0;
    text-align:right;
    color:#7c7e84;
    /*font-weight:bold;*/
    width:130px;
    padding:2px;
}

div#menuBottom .loginButton{
    background:#C3C4C6;
    color:#fff;
    font-size:12px;
    font-weight:bold;
}

div#menuBottom li{
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#fff;
    font-size:11px;
    height:13px;
    padding-right:40px;
    float:right;
    text-decoration:none;
    margin-bottom:4px;
    margin-top:4px;
    display:block;
}
div#menuBottom li.loginTitle{
    font-weight:bold;
    background:url('../images/menu_li_bg.jpg') bottom right;
}
div#menuBottom li.labelEmail{
    clear:both;
    margin-top:6px;
}
div#footer{
    font-size:12px;
    position:absolute;
    top:200px;
    left:188px;
}
div#footer li{
    float:left;
    margin-right:15px;
}
div#footer li a{
    /* color:#F38E00; */
   color:#7c7e84;
   text-decoration:none;
}
div#footer li a:hover{
    text-decoration:underline;
}

div#logo{
    position:absolute;
    top:50px;
    left:184px;
}
div#logo img{ border:0; }

div#content{
    float:left;
    width:525px;
    margin-left:2px;
    margin-top:250px;
    padding-right:10px;
    font-size:12px;
    line-height:18px;
    color:#7c7e84;
    overflow:auto;
}

div#content h1{
  font-size:18px;
  font-weight:bold;
  margin-bottom: 15px;
}
div#content p{
    margin-bottom:10px;    
}

div#content img{
   margin:5px;
   padding:0;
}

div#content ul li{
    background:url('../images/dot_orange.gif') top  left no-repeat;
    padding-left:25px;  
    margin-bottom:8px;  
}
div#menuRight{
    width:240px;
    float:right;
    margin-top:260px;
    font-size:11px;
}

.menuPharma{
    background:url('../images/menuRight/menu_pharmahersteller.gif') top left no-repeat;
    height:98px;
    width:240px;
    font-weight:bold;
    color:#7c7e84;
	margin-bottom:6px;
    text-decoration:none;
    cursor:pointer;
}

.menuPharma:hover{
    background:url('../images/menuRight/menu_pharmahersteller.gif') bottom left no-repeat;
    color:#fff;
}

.choosedPharma{
    background:url('../images/menuRight/menu_pharmahersteller.gif') bottom left no-repeat;
    color:#fff;
}
.menuPharma p{ margin-left:110px; padding-top:15px; }

.menuPharmareferent{
    background:url('../images/menuRight/menu_pharmareferent.gif') top left no-repeat;
    height:98px;
    width:240px;
    font-weight:bold;
    color:#7c7e84;
    text-decoration:none;
    cursor:pointer;
    border:0;

}
.menuPharmareferent:hover{
    background:url('../images/menuRight/menu_pharmareferent.gif') bottom left no-repeat;
    color:#fff;
}
.menuPharmareferent p{ margin-left:110px; padding-top:15px; text-decoration:none; border:0;}
.choosedPharmareferent{
    background:url('../images/menuRight/menu_pharmareferent.gif') bottom left no-repeat;
    color:#fff;
}

.menuArzt{
    background:url('../images/menuRight/menu_arzt.gif') top left no-repeat;
    height:95px;
    width:240px;
    font-weight:bold;
    color:#7c7e84;
    text-decoration:none;
    cursor:pointer;
}
.menuArzt:hover{
    background:url('../images/menuRight/menu_arzt.gif') bottom left no-repeat;
    color:#fff;
}
.menuArzt p{ margin-left:110px; padding-top:15px; }
.choosedArzt{
    background:url('../images/menuRight/menu_arzt.gif') bottom left no-repeat;
    color:#fff;
}

.menuStartseite{
    background:url('../images/menuRight/menu_startseite.gif') top left no-repeat;
    height:98px;
    width:240px;
    font-weight:bold;
    color:#7c7e84;
    text-decoration:none;
    cursor:pointer;
}
.menuStartseite:hover{
    background:url('../images/menuRight/menu_startseite.gif') bottom left no-repeat;
    color:#fff;
}
.menuStartseite p{ margin-left:110px; padding-top:15px; }
.choosedStartseite{
    background:url('../images/menuRight/menu_startseite.gif') bottom left no-repeat;
    color:#fff;
}

.clear{ clear:both; }

/*    LISTE    */
.liste{  text-align:center; }

.liste a{
  width:25px;
  height:25px;
  min-width:25px;
  min-height:25px;
  padding: 3px;
  border:1px solid #000;
  background-color:#eee;
  text-decoration:none;
}

.liste a:hover{
  min-width:25px;
  min-height:25px;
  background-color:#D8D6D7;
  text-decoration:none;
}
* .liste a:hover{ border:1px solid #000;padding: 3px; }

.liste span{
  width:25px;
  height:25px;
  min-width:25px;
  min-height:25px;
  padding: 3px;
  border:1px solid #000;
  background-color:#165EAA;
  color:#fff;
  font-weight:bold;
}
/* form elements */

label{
    width:105px;
    display:block;
    float:left;
    margin-right: 20px;
}

.input {
    border:1px solid #BFBFBF;
    padding:4px 6px;
    width:250px;
}

.textarea {
    border:1px solid #BFBFBF;
    padding:4px 6px;
    width:250px;
    height:150px;
}

.button{
    border:1px solid #F38E00;
    padding:4px 6px;  
    background:#F38E00;
    color:#fff;
}

#fehlt{
    margin-top:10px;
    color:#ff0000;
    margin-left:30px;
}
/* Alle Zeilenumbrüche in Formularen auswählen */
form br {   } 

/* den Submit-Button */
input#submit {  float: none; width: auto; }

div#fehlt{
  text-align:center;
  font: bold 9px/1.5em Verdana, Sans-Serif;
  color:#ff0000;
}

.errorBox{
  width:98%;
  margin:0 auto;
  background-color:#FFCCD8;
  border:1px solid #DFB5C0;
  text-align: center;
  padding:10px;
  color:#000;
}


.error_box_fehler{
  font:bold 10px Verdana, Sans-Serif;
  color:#000000;
  text-align:center;
  /*width:98%;*/
  padding:5px;
  background-color:#FFCCD8;
  border:1px solid #FF6F93;
  width:616px;
  margin-left:10px;
  margin-bottom:5px;
}

.error_box_erfolgreich{
  font:bold 10px Verdana, Sans-Serif;
  color:#000000;
  text-align:center;
  /*width:98%;*/
  padding:5px;
  background-color:#D2FFCF;
  border:1px solid #71AF6D;
  width:616px;
  margin-left:10px;
  margin-bottom:5px;
}

.tickercontainer { /* the outer div with the black border */
    background: #F38E00; 
    width: 638px; 
    height: 20px; 
    margin: 0; 
    padding: 0;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    top: 4px;
    width: 718px;
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    position: relative;
    left: 650px;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    white-space: nowrap;
    padding: 0;
    color: #fff;
    font: bold 10px Verdana;
    margin: 0 50px 0 0;
}
ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #ff0000;
    font: bold 10px Verdana;
    margin: 0 50px 0 0;
} 
ul.newsticker span {
    margin: 0 10px 0 0;
}