BODY {



        margin: 0px;



        padding: 0px;



        background: #E4E3E3





}



p, ul, li, table {

font-family : Verdana, Arial, Helvetica, sans-serif;



        font-size: 11px;



}

#logo {



        position: absolute;



        left: 60px;



        top: 2px;



        width: 900px;



        height: 80px;







}







#maintopic {



        position: absolute;



        left: 50px;



        top: 30px;



        width: 940px;



        height: 30px;



        border-bottom: 1px solid #ffffff;







        overflow: hidden;



}

#maintopic a {



        display: block;



        float: left;



        height: 30px;



        padding: 0px 10px 0px 10px;



        line-height: 30px;



        color: #888888;



        text-decoration: none;



        text-transform: uppercase;



        font-size: 10px;



        letter-spacing : 2px;

border: 1px solid #ffffff;





}







#maintopic a:hover {



        /* background: url(../images/pmta.gif) repeat-x; */



        color: #333333;



}







#maintopic a.active {



        /* background: url(../images/pmta.gif) repeat-x; */



        color: #333333;



        font-weight: bold !important;



        font-size: 11px;



}











#topic {



        position: absolute;



        left: 50px;



        top: 105px;



        width: 199px;



        background-color: #9EABAF;



}







#topic a {



        display: block;



        color: #ffffff;



        text-decoration: none;



        border-bottom: 1px solid #DCE1E2;



        padding: 0px;



        margin: 3px 20px 3px 20px;



        text-transform: uppercase;



        font-size: 10px;



}







#topic p {



        text-align: left;

padding: 9px 20px 9px 20px;

}







#topic p a {



        border-bottom: none !important;



}







#topic a:hover, #topic a.active {



        color: #D0E0B8;



}







#topic h1 {



        padding: 9px 20px 9px 20px;



        background-color: #174178;



        font-size: 100%;



        font-weight: bold;



        color: #ffffff;



        letter-spacing: 1px;



        text-transform: uppercase;



        margin: 0px;



}



#box a {



        display: block;



        color: #ffffff;







        border-bottom: 1px solid #DCE1E2;



        padding: 0px;



        margin: 9px 20px 9px 20px;



        text-transform: uppercase;



        font-size: 10px;



}



#eyecatcher {



        position: absolute;



        left: 250px;



        top: 105px;



        width: 740px;



        height: 150px;



        background: url(stranda.jpg) no-repeat;



}





#plaintext {



        position: absolute;



        left: 750px;



        top: 86px;



        width: 195px;



        height: 30px;



        text-align: right;



        z-index: 100;



}

#youarehere {



        position: absolute;



        left: 45px;



        top: 60px;



        width: 900px;



        height: 30px;



}







#youarehere a {



        display: block;



        float: left;



        height: 30px;



        padding: 0px 10px 0px 23px;



        line-height: 30px;



        color: #888888;



        text-decoration: none;



        font-size: 11px;



        background : url(../images/pmr.gif) no-repeat;



}

form {

    margin-top: -15px;

    padding: 20px;

}





#schnellsuche label,  #start-login label, #kundenlogin label, {

    display: block;

    font-weight: bold;

    padding-left: 0px;

    background-image: url(images/pfeil-ur.gif);

    background-repeat: no-repeat;



}

#schnellsuche select {

    font-size: 10px;



    width: 155px;

}



#schnellsuche input {

    font-size: 10px;

    width: 150px;

}


#schnellsuche1 button,
#schnellsuche button, .belegungsanfrage button, #start-login button, .belegungsanfrage a, button.standard, #kundenlogin button, #abschicken button{

    border: 2px solid #DCE1E2;

    background: #fff url(images/button-pfeil.gif) right 3px no-repeat;

    font-weight: bold;

    line-height: 1.2em;

    margin-top: 1em;

}



#schnellsuche button .text, .belegungsanfrage button .text, .belegungsanfrage a, #start-login button .text, #abschicken  {

    display: inline;

    padding-right: 10px;

}



#content {



        position: absolute;



        left: 270px;



        top: 270px;



        width: 460px;



        padding: 0px;



        margin: 0px;



}

#content {font-family : Verdana, Arial, Helvetica, sans-serif;  font-size: 11px;

        width:460px;

        height:600px;

        clear:left;

}



#content a, #kastenre a { color: #ff7f00;}

input.box, input.boxklein {



        vertical-align: top;

        padding: 1px;

        margin: 0px 0px 10px 0px;

        border : 1px solid #cdcdcd;

        color: #000000;

        background-color: #bfbfbf;

        font-size: 10px;



}

#hausausgabe{width:448px;}

#kastenre {



        position: absolute;







        top: 262px;



        left: 750px;



        width: 240px;



        background-color: #9EABAF;



        color: #fffff;



}

#kastenre h1 {



        padding: 9px 20px 9px 20px;



        background-color: #174178;



        font-size: 100%;



        font-weight: bold;



        color: #ffffff;



        letter-spacing: 1px;



        text-transform: uppercase;



        margin: 0px;



}

#kastenre a {



font-family : Verdana, Arial, Helvetica, sans-serif;  font-size: 11px;



        color: #ffffff;



        text-decoration: none;



}

#kastenre img {background: #ffffff;



        border-bottom-width: 1px;



        border-color: #5f603c;



        border-right-width: 1px;



        border-style: solid;



        border-width: 1px;



        color: #ffffff;



        float: right;



        margin: 1px;



        padding: 5px;



        position: relative;

}

.sb {



        padding: 9px 20px 9px 20px;







}





#infokasten {width:600px;  border:1px solid #ffffff;padding: 10px; }

#infokasten h3 {color: #ff7f00; font-size: 11px;  }

form.formular {background-color: #EFEFEF;width: 580px;padding: 10px;}
form.formular2 {background-color: #EFEFEF;width: 250px;padding: 10px;}
form.formular textarea  {



        background-color: #bfbfbf;

        border : 1px solid #cdcdcd;

        width: 500px;

        height: 100px;

        vertical-align: top;

        padding: 1px;

        margin: 0px 0px 10px 0px;

}



form.formular .formcaption {

font-family : Verdana, Arial, Helvetica, sans-serif;



        font-size: 11px;

        width: 140px;

        line-height: 150%;

        float: left;

        clear: left;

}

form.formular .formcaption2 {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size: 11px; width: 40px; line-height: 150%;



}

form.formular .box {width: 300px;}

form.formular .formnote {







        color: #3C475D;

        padding: 2px 0px 10px 142px !important;







}





form.formular button .test.text  {

    display: inline;

    padding-right: 10px;border: 2px solid #DCE1E2;

    background: #fff url(images/button-pfeil.gif) right 3px no-repeat;

    font-weight: bold;

    line-height: 1.2em;

    margin-top: 1em;

}









.buttoncaption {



       line-height: 200%;

}



p.linkt a:hover {background-color: #9baeaf;color:#fff; font-size: 10px;font-weight:lighter;

}



p.linkt a:link span{display: none;font-weight:lighter;}

  p.linkt a:visited span{display: none;font-weight:lighter;}

  p.linkt a:hover span {font-weight:lighter;

  position: absolute;

  margin:-205px 100px 0px 15px;

  background-color: beige;

  max-width:220px;

  padding: 2px 10px 2px 10px;

  border: 1px solid #C0C0C0;

  font: normal 10px/12px verdana;

  color: #000;

  text-align:left;

  display: block;}



table { border-collapse:separate;}



td { border:1px solid #ffffff; }





/*---------------------------------------datepicker*/





  /*** Datepicker-Stile ***/



.dpDiv           { }



.dpTable         { font-family: Tahoma, Arial, Helvetica, sans-serif;



                   font-size: 12px;



                       text-align: center;



                   color: #505050;



                   background-color: #DFDFDF;



                   border: 1px solid #AAAAAA;



                   width: 195px; }







.dpTR             { }



.dpTitleTR        { }



.dpDayTR          { }



.dpTodayButtonTR  { }



.dpTD             { cursor: pointer; }



.dpDayHighlightTD { background-color: #CCCCCC;



                    border: 1px solid #AAAAAA;



                    cursor: pointer; }



.dpTitleTD        { }



.dpButtonTD       { }



.dpTodayButtonTD  { }



.dpDayTD          { background-color: #CCCCCC;



                    border: 1px solid #AAAAAA;



                    color: white; }



.dpTitleText      { font-size: 12px;



                    color: gray;



                    font-weight: bold; }



.dpDayHighlight   {  color: #4060ff;



                     font-weight: bold; }



.dpButton         { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;



                    font-size: 10px;



                                        color: gray;



                                        background: #9EABAF;



                                        font-weight: bold; }



.dpTodayButton    { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;



                    font-size: 10px;



                                        color: gray;



                                        background: #9EABAF;



                                        font-weight: bold; }

/*-------------------------------------------------------------------------------ende datepicker*/