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


/* -- Farbdefinitionen ------------------------------- */
/* -- Schwarz:       #000000 ------------------------- */
/* -- Weiss:         #ffffff ------------------------- */
/* -- Hellgrau:      #dddddd ------------------------- */
/* -- Hellblau:      #99bbff ------------------------- */
/* -- Dunkelblau:    #243080 ------------------------- */


/* -- TAGS ---------------------------- */

html, body {
        width:100%;
        height:100%;
        margin:0px;
        padding:0px;
        font-family:Arial,Helvetica,Geneva,Swiss,Tahoma,SunSans-Regular,sans-serif;
        font-size:1.0em;
        }

body {
         background-image:none;
         background-repeat:repeat-x;
         background-color:#fff;
         }

img {
         margin:0;
         padding:0;
         border:solid 0px #000000;
         }

h1 {
         width:400px;
         height:auto;
         margin:0;
         padding:0;
         color:#243080;
         font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
         font-size:1.5em;
         font-weight:normal;
         line-height:1.3em;
         }

h2 {
         width:auto;
         height:auto;
         margin:1.5em 0 0 0;
         padding:0;
         color:#243080;
         font-family:Arial,Helvetica,Geneva,Swiss,Tahoma,SunSans-Regular,sans-serif;
         font-size:1.2em;
         font-weight:normal;
         line-height:1.2em;
         }

h2.titel {
         margin:0;
         font-size:1.4em;
         }

h3 {
         }

p {
         width:400px;
         margin-bottom:2.5em;
         color:#243080;
         font-size:0.8em;
         line-height:1.3em;
         }

ul p {
         margin:0 0 0.5em -17px;
         color:#000;
         font-size:1.0em;
         font-weight:bold;

         }

hr {
         }

.aufzaehlung1 {
         list-style-type:square;
         margin:0 0 2.5em 17px;
         padding:0;
         color:#243080;
         font-size:0.8em;
         line-height:1.4em;
         }

h2+.aufzaehlung1 {
         margin:1.0em 0 2.5em 17px;

         }

input,textarea {
         width:300px;
         border:solid 1px #243080;
         }

select {
         padding:0 0 0 3px;
         border:solid 1px #243080;
         }

input:focus,textarea:focus {
         border:solid 1px #243080;
         color:#fff;
         background-color:#99bbff;
         font-weight:bold;
        }

td {
         padding:0 5px 0 0;
         vertical-align:top;
         font-size:0.8em;
         }

table {
         margin:10px 0 0 0;
         }


/* -- LINKS NAVIGATION ---------------------------- */

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

a.textlink:link, a.textlink:active, a.textlink:visited {
         color:#243080;
        }

a.textlink:hover {
         color:#000;
        }

a.mainnavi:link, a.mainnavi:active, a.mainnavi:visited {
         display:none;
         }

a.mainnavi:hover {
         display:none;
         }

a.mainnaviaktiv:link, a.mainnaviaktiv:active, a.mainnaviaktiv:visited, a.mainnaviaktiv:hover {
         display:none;
         }

.navigationlist1 {
         display:none;
                }

.navigationlist2 {
         display:none;
                }

.navigationlist2a {
         display:none;
                }


/* -- ID ---------------------------- */

#mainbody  {
         position:absolute;
         left:0;
         top:0;
         width:100%;
         height:auto;
         margin:0px 0px 0px 0px;
         padding:0;
         font-size:1.0em;
         }

#seitenkopf {
         text-align:right;
         }

#seitenkopf-print {
         display:none;
         }

#mainnav {
         display:none;
         }

#kopfwuerfel    {
         display:none;
         }

#contentbody    {
         width:635px;
         height:auto;
         margin:15mm 10mm 0 20mm;
         padding:0;
         background-image:none;
         background-repeat:no-repeat;
         }

#clearbody    {
        clear:both;
         }

#illustration1    {
         height:371px;
         margin:0;
         padding:0;
         border-left:solid 1px #582767;
         border-right:solid 1px #582767;
         border-bottom:solid 1px #582767;
         }

#illustration2    {
         float:right;
         height:300px;
         width:400px;
         margin:0 0 0 0px;
         padding:0;
         border-left:solid 1px #582767;
         border-right:solid 1px #582767;
         border-bottom:solid 1px #582767;
         text-align:right;
         }



/* -- BILDER ---------------------------- */

/* -- Klassen ---------------------------- */

.eingerueckt {
         margin-left:100px;
         }

.bold {
         font-weight:bold;
         }

.schwarz {
        width:400px;
         color:#000;
                }

.logo {
         width:auto;
         height:auto;
         margin:20px 0 0 0;
                }

.autor {
         margin:-20px 0 0 0;
         text-align:right;
                }

.nobreak {
         white-space:nowrap;
                }

.portrait1 {
         float:left;
         width:160px;
         margin:0 30px 10px 0;
         font-size:0.7em;
         line-height:1.2em;
         color:#243080;
                }

.portrait2 {
         margin:0 30px 10px 0;
                }

.illustration1 {
         margin:20px 0 10px 0;
         font-size:0.7em;
         line-height:2.0em;
         color:#243080;
                }

.wuerfel_start {
         position:absolute;
         left:50%;
         top:160px;
         margin:0 0 0 10mm;
                }

.anfahrt1 {
         position:absolute;
         left:50%;
         top:250px;
         margin:0 0 0 -400px;
                }

.aufzaehlung, .aufzaehlung p {
         margin:0 0 0 0;
         line-height:1.4em;
         list-style-type:square;
         margin-bottom:2.5em;
         font-weight:normal;
         }

.aufzaehlung1 {
         font-size:0.8em;
         }

/* -- Impressum ---------------------------- */

.left {
         float:left;
         width:170px;
         margin:10px 0 0 0;
         padding:1px 0px 0px 0px;
         color:#600;
         font-style:normal;
         }

.right {
         width:350px;
         margin:10px 0 0 0;
         padding:1px 0px 0px 0px;
         margin-left:170px;
         }

.impress {
         margin:0 0 0 0;
         padding: 0 0 10px 0;
         }


/* -- Formular ---------------------------- */

.leftform {
         float:left;
         width:90px;
         height:auto;
         margin:6px 0px 0px 0px;
         padding:0px 0px 0px 0px;
         color:#243080;
         font-size:0.8em;
         font-style:normal;
         }

.rightform {
         width:auto;
         height:auto;
         margin:5px 0px 0px 110px;
         padding:1px 0px 0px 0px;
         }

.button1 {
         width:80px;
         margin:10px 20px 10px 0px;
         color:#000000;
         background-color:#fff;
         border:solid 1px #243080;
         font-size:0.8em;
         }

.button1:hover {
         color:#fff;
         background-color:#243080;
         font-weight:bold;
         cursor:pointer;
         }

.kontakt1 {
         width:250px;
         border:solid 1px #582767;
         }


/* -- Gallery ---------------------------- */

.gallery {
         width:90%;
         height:auto;
         margin:0 60px 0px 20px;
         text-align:center;
         }

.gallery2 {
         width:auto;
         height:auto;
         margin:10px 25px 10px 0;
         }