* {margin: 0; padding: 0;}
html {height: 100%; margin: 0; padding: 0; width: 100%;}
img {border: none}

/********************************************************************************************
************************* D A S   R E E T D A C H H A U S ***********************************
********************************************************************************************/

body {width: 760px; margin: auto; color:#333; font: 12px/1.7 Georgia, "Times New Roman", Times, serif}

a:link, a:visited {color: #333366; font-weight: bold; text-decoration:none;}
a:hover {color: #6699CC;}

h1 {font: bold 22px/1.5 Georgia, "Times New Roman", Times, serif}
h2 {font: bold 16px/1.5 Georgia, "Times New Roman", Times, serif; font-style: italic}

#header {height: 110px;}
#logo {position: relative; top: 10px; height: 90px; width: 82px; float: left}
h1.logo {background: url(../img/logo_rdh.gif);}
h1.logo a {display: block; height: 90px; width: 82px; text-indent: -999em;}
h1.logo a:hover {background: url(../img/logo_rdhhover.gif);}
/* #kontakt {position: relative; top: 62px; float: right; width: 216px; height: 66px; background: url(../img/kontakt.gif);} */

#textcontainer {padding-top: 20px;}
#fliesstext {text-align: justify; float: left; width: 520px; padding-right: 20px; border-right: 2px dotted black; margin-right: 20px;}

#rechterrand {width: 190px; float: left}

ul#navigation {list-style: none; margin-bottom: 20px;}
ul#navigation li {font-size: 18px; padding: 10px 0; border-bottom: 2px dotted black}
ul#navigation li a {}

#nizza {background: url(../img/hin.jpg) no-repeat; width: 191px; height: 180px; margin-top: 26px}
#nizza p {text-align: justify; font: italic 10px/1.6 Arial, Helvetica, sans-serif; padding: 47px 0 0 5px}

#footer {clear: both; padding-top: 10px; text-transform: uppercase; font-size: 10px; color: #666; margin-bottom: 5px;}
#footer a {color: #000;}
#footer a:hover {color: #999;}

ul.boxen {list-style: outside; padding-left: 14px}

/********************************************************************************************
************************* E N D E  R E E T D A C H H A U S **********************************
********************************************************************************************/

/* Bildtexte */
.panel-overlay h2 {margin-top: 15px; text-align: center}
.panel-overlay p {text-align: center}

/***************************************  MODULE  ***********************************************************/

/* FACEBOX */
#facebox .body {padding: 10px; background: #fff; width: 600px;}



/* KONTAKTFORMULAR */
#contactform fieldset {border: 0 none;}
#wrapper {width: 560px; background: #eee; margin-left: 15px; padding: 3px}
table.formtable {width: 100%; padding: 2px}
table.formtable td {border: 1px solid white;}
td.tablecell {padding: 3px}

input, textarea {border: 1px solid #e2e5e5}

#contactform .button {cursor: pointer; background:#ccc; color: white; border: 1px solid #e2e5e5; padding: 3px; outline:none;}

#contactform #error {color: white} /* Felder ausfüllen */
#contactform #error ul {background: #ccc; padding: 10px; position: absolute; top: 10px; right: 50px; width: 350;}
#contactform #error ul li {list-style: none} /* die Listenpunkte für Error-Ausgabe */
#contactform #error span {background: #ccc; padding: 10px; position: absolute; top: 10px; right: 50px; width: 250px;} /* Mail wurde versandt */



/* AKKORDION */
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {color: black}

/* currently active header */
#accordion h2.current {cursor: default; text-indent: 30px; color: white; background: #ccc url(../img/pfeil-unten.gif) 10px 11px no-repeat;}

/* accordion header */
#accordion h2 {cursor: pointer; text-indent: 30px; color: #666; background: #eee url(../img/pfeil-oben.gif) 10px 11px no-repeat; padding: 3px 5px; margin-bottom: 2px}

/* accordion pane */
#accordion div.pane {display: none; padding: 20px}

/* a title inside pane */
#accordion div.pane h3 {}