body { background: url(http://www.drhoppel.de/pics/dr-hoppel-bg-gruen.jpg) no-repeat fixed;
background-position: bottom;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


* {font: normal 1.67em/1 Arial, Verdana, georgia, palatino, "Times New Roman", serif; /* font-family: Arial, Helvetica, sans-serif; */ font-size: 11px;  color: #010E22; line-height: 18px; padding: 0px; margin: 0px;}

.inhalt ul {margin: 0 0 0 45px}
.inhalt ul li {font-size: 12px;}

strong {font: bold 1em Arial, Verdana, georgia, palatino, "Times New Roman", serif;}

:focus
{
-moz-outline-style: none;
}

#rap { width: 100%; text-align: center;}


#content {text-align: left; width: 880px; margin: 10px auto 250px auto; padding: 0px 0px 25px 0px; background: #fff;}



#content_left {width: 210px; float: left; padding: 0 30px;}


#content_right {width: 600px; float: right; background: url(http://www.drhoppel.de/pics/leaves_n.gif) 0 -30px no-repeat; padding-top: 180px;}

.inhalt {width: 550px;}

ul.rsx-page-num-list {list-style: none; margin: 0; padding: 0;}

ul.rsx-page-num-list li {float: left;}

.unlinked {padding: 0 5px 0 5px;}

ul.rsx-page-num-list li a {padding: 0 5px 0 5px; font-weight: bold; text-decoration: none;}


/* NAVI */


#menuwrap ul {list-style-type: none; margin-bottom: 30px;}


#menuwrap ul li {padding: 0 15px 0 0; display: inline;}

#menuwrap ul li a {text-decoration: none; color: #caa473; font-size: 12px;}

#menuwrap ul li a.active {text-decoration: underline;}



/* typo */


h1 {

font: bold 1.57em/1 Arial, Verdana, georgia, palatino, "Times New Roman", serif;
background: #ebeaf4;
border-bottom: 1px solid #DADDE0;
color: #003366;
letter-spacing: -0.02em;
padding: 10px;
margin-bottom: 0;
text-transform: uppercase;
}

#map h1 {

font: bold 11 Arial, Verdana, georgia, palatino, "Times New Roman", serif;
background: none;
border: none;
color: #003366;
letter-spacing: none;
padding: 10px;
margin-bottom: 0;
text-transform: none;
}

#daytip h1 {padding: 0 0 5px 20px; font: bold 1.27em/1 Arial, Verdana, georgia, palatino, "Times New Roman", serif; background: none; border: none; }

.gotip {padding: 3px 5px 0 0;}
.gotip a {font: bold 11px Arial, Verdana, georgia, palatino, "Times New Roman", serif; text-decoration: none; color: #003366;}

h1.topheader {margin:0; border: none;}



.entry h1 {margin-top: 35px; border-top: 40px solid white;}


h1 a {text-decoration: none; font: bold 16px Arial, Verdana, georgia, palatino, "Times New Roman", serif; color: #003366; letter-spacing: -0.02em; text-transform: uppercase;}



h3 {font: normal 1.50em/1 Verdana, Arial, Verdana, georgia, palatino, "Times New Roman", serif; background: #FFF; border: 1px solid #DADDE0; color: #111; letter-spacing: -0.02em; padding: 10px; margin-bottom: 0; }


p { font: 9pt/16pt Arial, Verdana, Georgia, Times New Roman, Times, serif; padding: 5px 0px; text-align: left; color: #010E22;  padding: 8px 10px;}


.entry {padding: 15px 0 35px 0; background: #ebf9ff; margin-bottom: 35px;}

.entry img {margin: 20px 20px 20px 0; border: 2px solid #cdcdcd; float: left;}
.entry img.nofloat {float: none;}

.entry a img {border: none; margin: 0px 20px 0 10px;}

.entry img.right {float: right; margin: 20px 0 20px 10px;}

.entry img.center {float: none; margin: 20px 0 20px 28px}

.entry img.ohne {margin: 0; border: none; float: none;}

/* links */



a {text-decoration: underline; font-size: 12px;}

a:hover {text-decoration: none;}


#awo {background-position: bottom; margin: 160px 0px 25px 15px; text-align: left; width: 160px; height: 47px;}


/* neu styles ----------------------- */

.caps {font-size: 12px;}

h2 .caps {font: normal 1em/1 Verdana, Arial, Verdana, georgia, palatino, "Times New Roman", serif;}

 h2 {font: normal 1.50em/1 Verdana, Arial, Verdana, georgia, palatino, "Times New Roman", serif;

background: #FFF;
border: 1px solid #DADDE0;
color: #111;
letter-spacing: -0.02em;
padding: 10px;
margin: 10px 0;
line-height: 22px;
}

#daytip h2 {font: bold 1.07em/1 Arial, Verdana, georgia, palatino, "Times New Roman", serif; background: none; border: none; margin: 0; padding: 5px 0 0 13px; letter-spacing: 0;}

#daytip p {padding: 5px 3px 0 12px;}


.kaefer {height: 70px; background: url(http://www.drhoppel.de/pics/kaefer.gif) 150px 20px no-repeat #fff;}



.xpos1 {background-position: 40px 20px;}

.xpos2 {background-position: 200px 20px;}

.xpos3 {background-position: 380px 20px;}

table.nav {width: 400px;}

.hoppellogo {border: none;}

#pages-3 {list-style: none;}

#daytip {margin: 20px 0 0 15px; background: url(http://www.drhoppel.de/pics/clipboard.gif) no-repeat; height: 203px; width: 142px; padding: 40px 59px 0 13px}

* html #daytip {width: 132px}

#daytip p {font-size: 11px; color: #555555; font-style: italic; line-height: 13px;}



/* --------------------------

ZEM CONTACT REBORN

--------------------------*/

form {padding: 0 0 0 15px;}

fieldset {border: none; padding: 0; margin: 0;}

legend em {
        position:absolute;
        left:-9999em;
border: none;
}

legend {display: none;}

.zem_contact_nonce {display: none;}
.zem_contact_form_id {display: none;}

.zemError {padding: 0; margin: 0 0 35px 0; list-style: none;}
.zemError li {color: #DF575F;}

.zemThanks {color: #2E4800; font-weight: bold;}

label.zemText {float: left; width: 80px; font-weight: bold;}

label.zemTextarea {font-weight: bold;}

label.zemRadio {display: inline; margin: 0; padding: 0 10px 0 0;}

radio.zemRadio {margin-top: 4px; float: left; padding: 0;}

select.zemSelect {margin: 10px 0; padding: 7px 0;}

input.zemText, textarea.zemTextarea {border:1px solid #d3d3d3;
        background:#fff url(pics/inputbg.gif) repeat-x;
        font-size:14px;
        color:#000;
        text-indent:7px;
        padding: 7px 0;
        margin-bottom:10px;}

input.zemText, select.zemSelect {width: 350px; }

.zemTextarea {width: 430px;}


.zemSubmit {width: 104px; height: 37px; padding: 0; margin: 0; border: none;}

.zemError {color: #ff0000;}
.zemError ul {list-style: none;}
.zemError li {background: url(pics/alarm.gif) 0px 3px no-repeat; padding-left: 25px;}

.zemThanks {color: #fff;}

fieldset label {
        display:block;

        background-image: none;

}



input:focus, textarea:focus {
        border-color: #2E4068;
}



/*--------------------------------


         KALENDER

------------------------------------*/
.kalenderwrap {margin-left: 34px;}

.kalenderwrap table  {}

.kalenderwrap table th {text-align: center;}
.kalenderwrap table td {width: 65px; height: 100px; border: 1px solid #cdcdcd; border-collapse: collapse;
             border-spacing: 1px; vertical-align: top;}

.kalenderwrap table td.smd_cal_event {background: url(http://www.drhoppel.de/pics/date_available.jpg) no-repeat;}

.kalenderwrap table td h4 {font:bold 16px  arial, verdana; margin: 5px;}

.smd_cal_today h4 {color: #003366;}

.smd_cal_event a, smd_cal_multifirst a {text-indent: -3000px; display: block; width: 65px; height: 74px;}

.smd_cal_multi a:hover, .smd_cal_multilast a:hover, .smd_cal_multifirst a:hover {margin-top: -30px; height: 104px; background: url(http://www.drhoppel.de/pics/date_available.jpg) 0 -118px no-repeat;}

.smd_cal_event .smd_cal_standard a {background: url(http://drhoppel.de/pics/date_booked.jpg) no-repeat; margin-top: -30px; height: 104px;}

#legende td {padding: 3px;}


/*---------------------------------------


         Gallery

------------------------------------------*/

/* GALLERY */

.thumbartikel {float: left; margin: 15px 15px 5px 15px;}

.thumbartikel img {text-decoration: none; border: none;}

#gallerycont {padding: 5px 10px 0 5px}
#gallerycont img {margin: 0 0 5px 5px; border: none;}

.smd_gallery_nav {list-style: none; margin-left: 8px;}
.smd_gallery_nav li {float: left; padding: 0 6px 0 6px; font-size: 12px;}

.viewimage {
        margin-left: 40px;
}

.thumb {


        border: 1px solid gray;
}

table {
        padding: 6px;
}