/* -- © 2006 by iACTIVE - Thomas Schöneberg -- */
                /* -- Bertha-von-Suttner-Straße 16 ----------- */
                /* -- 59348 Lüdinghausen --------------------- */
                /* -- info@iactive.de ------------------------ */
                /* -- http://www.iactive.de ------------------ */


body {
        margin:0;
        padding:0;
        background-color:#51baed;
        color:#000000;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:101%;
        }

h1 {
        margin:0 0 0 100px;
        color:#cc0000;
        font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:110%;
        }

h2 {
        margin:30px 0 0 100px;
        color:#cc0000;
        font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:101%;
        }

h3 {
        margin:20px 0 0 0;
        color:#51baed;
        font-size:115%;
        font-weight:normal;
        }

h4 {
        margin:-20px 10px 10px 260px;
        color:#51baed;
        font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        line-height:170%;
        font-weight:bold;
        }

p, li {
        color:#000000;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        line-height:150%;
        }

table.preise {
        width:600px;
        height:auto;
        margin:20px 0 0 100px;
        padding:0;
        border:1px solid #a3d2f3;
        }

th {
        padding:3px 5px 3px 10px;
        background-color:#a3d2f3;
        color:#ff0033;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        }

td {
        padding:3px 5px 3px 10px;
        color:#000000;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        }

.highlighted {
        background-color:#ffff99;
        }

.aufzaehlung {
        width:400px;
        height:auto;
        margin-left:260px;
        padding:0 0 20px 0;
        border-bottom: solid 1px #ff0033;
        color:#ffffff;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        line-height:170%;
        }

.buendig {
        width:400px;
        height:auto;
        margin:20px 0 0 100px;
        }

.buendig_breit {
        width:600px;
        height:auto;
        margin:20px 0 0 100px;
        }

.eingerueckt {
        width:400px;
        height:auto;
        margin:20px 0 0 450px;
        }

.rechtsbuendig {
        width:auto;
        height:auto;
        color:#ffffff;
        text-align:right;
        }

.bildlinks {
         float:left;
        width:300px;
        height:auto;
        margin:20px 0 0 100px;
        }

* html .bildlinks {        /* Hack für den IE6 */
        margin-left:50px;
        }

.bildrechts {
        float:right;
        width:300px;
        height:auto;
        margin:20px 50px 0 0;
        text-align:right;
        }

* html .bildrechts {        /* Hack für den IE6 */
        margin-right:25px;
        }

.seitenanfang {
        clear:both;
        width:auto;
        height:auto;
        margin:0 0 0 100px;
        padding:20px 0 0 0;
        color:#000000;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        line-height:150%;
        text-align:left;
        }

.seitenanfangr {
        clear:both;
        width:auto
        height:auto;
        margin:0 400px 0 0;
        padding:20px 0 0 0;
        color:#000000;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        line-height:150%;
        text-align:right;
        }

a:link, a:active, a:visited, a:hover {
        color:#ffffff;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-weight:normal;
        text-decoration:none;
        }

/* --------------- Hauptnavigation Anfang --------------- */
a.home1:link, a.home1:active, a.home1:visited {
        display:block;
        background:url(../grafik/home_button1.gif) no-repeat;
        }

a.home1:hover {
        display:block;
        background:url(../grafik/home_button2.gif) no-repeat;
        }

a.home1active:link, a.home1active:active, a.home1active:visited, a.home1active:hover {
        display:block;
        background:url(../grafik/home_button2.gif) no-repeat;
        cursor:default;
        }

a.zingst1:link, a.zingst1:active, a.zingst1:visited {
        display:block;
        background:url(../grafik/zingst_button1.gif) no-repeat;
        }

a.zingst1:hover {
        display:block;
        background:url(../grafik/zingst_button2.gif) no-repeat;
        }

a.zingst1active:link, a.zingst1active:active, a.zingst1active:visited, a.zingst1active:hover {
        display:block;
        background:url(../grafik/zingst_button2.gif) no-repeat;
        cursor:default;
        }

a.villa1:link, a.villa1:active, a.villa1:visited {
        display:block;
        background:url(../grafik/villa_button1.gif) no-repeat;
        }

a.villa1:hover {
        display:block;
        background:url(../grafik/villa_button2.gif) no-repeat;
        }

a.villa1active:link, a.villa1active:active, a.villa1active:visited, a.villa1active:hover {
        display:block;
        background:url(../grafik/villa_button2.gif) no-repeat;
        cursor:default;
        }

a.kontakt1:link, a.kontakt1:active, a.kontakt1:visited {
        display:block;
        background:url(../grafik/kontakt_button1.gif) no-repeat;
        }

a.kontakt1:hover {
        display:block;
        background:url(../grafik/kontakt_button2.gif) no-repeat;
        }

a.kontakt1active:link, a.kontakt1active:active, a.kontakt1active:visited, a.kontakt1active:hover {
        display:block;
        background:url(../grafik/kontakt_button2.gif) no-repeat;
        cursor:default;
        }

a.gaestebuch1:link, a.gaestebuch1:active, a.gaestebuch1:visited {
        display:block;
        background:url(../grafik/gaestebuch_button1.gif) no-repeat;
        }

a.gaestebuch1:hover {
        display:block;
        background:url(../grafik/gaestebuch_button2.gif) no-repeat;
        }

a.gaestebuch1active:link, a.gaestebuch1active:active, a.gaestebuch1active:visited, gaestebuch1active:hover {
        display:block;
        background:url(../grafik/gaestebuch_button2.gif) no-repeat;
        cursor:default;
        }

a.impressum1:link, a.impressum1:active, a.impressum1:visited {
        display:block;
        background:url(../grafik/impressum_button1.gif) no-repeat;
        }

a.impressum1:hover {
        display:block;
        background:url(../grafik/impressum_button2.gif) no-repeat;
        }

a.impressum1active:link, a.impressum1active:active, a.impressum1active:visited, a.impressum1active:hover {
        display:block;
        background:url(../grafik/impressum_button2.gif) no-repeat;
        cursor:default;
        }

/* --------------- Hauptnavigation Ende --------------- */

/* --------------- Platzierung Hauptnavigation Anfang --------------- */

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

li#home {
        position:absolute;
        left:90px;
        top:154px;
        width:33px;
        height:23px;
        margin:0 0 0 0;
        }

li#zingst {
        position:absolute;
        left:153px;
        top:135px;
        width:40px;
        height:17px;
        margin:0 0 0 0;
        }

li#villa {
        position:absolute;
        left:224px;
        top:128px;
        width:66px;
        height:13px;
        margin:0 0 0 0;
        }

li#residenz {
        position:absolute;
        left:224px;
        top:123px;
        width:137px;
        height:18px;
        margin:0 0 0 0;
        }

li#gaestebuch {
        position:absolute;
        left:390px;
        top:95px;
        width:62px;
        height:27px;
        margin:0 0 0 0;
        }

li#kontakt {
        position:absolute;
        left:325px;
        top:120px;
        width:48px;
        height:17px;
        margin:0 0 0 0;
        }

li#impressum {
        position:absolute;
        left:405px;
        top:90px;
        width:68px;
        height:29px;
        margin:0 0 0 0;
        }

/* --------------- Platzierung Hauptnavigation Ende --------------- */

/* --------------- Links allgemein Anfang --------------- */

a.textlink:link, a.textlink:active, a.textlink:visited {
        color:#51baed;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        text-decoration:underline
        }

a.textlink:hover {
        color:#ff0033;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        text-decoration:underline
        }

a.textlink_rechts:hover {
        color:#ff0033;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        text-align:right;
        text-decoration:underline
        }

a.navi:link, a.navi:active, a.navi:visited, a.navi:hover {
        }

/* --------------- Links allgemein Ende --------------- */

#mainhead {
        position:absolute;
        left:40px;
        top:0;
        width:898px;
        height:229px;
        margin:0 0 0 0;
        background-image:url(../grafik/head_bg1.gif);
        background-position:0 40px;
        background-repeat:no-repeat;
        background-color:#51baed;
        color:#000000;
        }

#logo {
        position:absolute;
        left:0;
        top:30px;
        width:379px;
        height:124px;
        margin:0 0 0 0;
        color:#ffffff;
        }

#mainlayer {
        width:898px;
        height:auto;
        min-height:600px;
        margin:229px 0 0 40px;
        padding:0 0 20px 0;
        background-color:#fefce7;
        color:#000000;
        text-align:left;
        }

#illu {
        position:absolute;
        left:590px;
        top:100px;
        width:313px;
        height:215px;
        margin:0 0 0 0;
        color:#ffffff;
        }

#foto1 {
        position:absolute;
        left:590px;
        top:120px;
        width:300px;
        height:300px;
        margin:0 0 0 0;
        color:#ffffff;
        }

.thumb {
        width:80px;
        height:80px;
        margin:0 20px 0 0;
        color:#ffffff;
        }

#thumbs {
        position:absolute;
        left:590px;
        top:440px;
        width:300px;
        height:auto;
        margin:0 0 0 0;
        color:#ffffff;
        }

#maincontent {
        width:898px;
        height:auto;
        margin:0 0 0 0;
        color:#000000;
        }

#einblender {
        position:relative;
        left:830px;
        top:120px;
        width:135px;
        height:95px;
        margin-bottom:-95px;
        color:#ffffff;
        }

.formbeschriftung {
        float:left;
        clear:left;
        width:80px;
        margin:20px 0 0 100px;
        color:#000000;
        font-size:75%;
        line-height:160%;
        }

.formbeschriftung1 {
        visibility:hidden;
        clear:left;
        width:1px;
        height:1px;
        color:#fff;
        font-size:75%;
        line-height:160%;
        }

.formbeschriftung2 {
         position:absolute;
        clear:left;
        width:1px;
        height:1px;
        margin-left:-200%;
        color:#fff;
        font-size:75%;
        line-height:160%;
        }

* html .formbeschriftung {        /* Hack für den IE */
        margin-left:130px;
        }

input:focus, textarea:focus {
        background-color:#ffff99;
        color:#000000;
        }

input.button2 {
        width:60px;
        padding:0;
        font-size:100%;
        text-align:center;
        }

input.button1 {
        width:60px;
        padding:0;
        text-align:center;
        }

input, textarea {
        width:250px;
        margin:20px 10px 3px 5px;
        padding:2px 10px 2px 10px;
        border:solid 1px #000000;
        color:#000000;
        font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        }

h1+.left_impress {
        float:left;
        clear:left;
        width:100px;
        margin:20px 0 20px 100px;
        font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        line-height:150%;
        }

.left_impress {
        float:left;
        clear:left;
        width:100px;
        margin:0 0 20px 100px;
        font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        line-height:150%;
        }

.right_impress {
        width:280px;
        margin:20px 0 20px 220px;
        font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        line-height:150%;
        }


.left {
        float:left;
        clear:left;
        width:80px;
        margin-left:260px;
        color:#ffffff;
        font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:75%;
        line-height:200%;
        }

.right {
        display:block;
        float:right;
        margin:0 40px 0 0;
        }

.hundertprozent {
        font-size:101%;
        }