/* -- © 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 ------------------------- */
/* -- Grau:          #eeeeee ------------------------- */
/* -- Bordeauxrot:   #660000 ------------------------- */


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

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

body {
         width:100%;
         height:100%;
         margin:0px;
         padding:0px;
         background-image:url(../grafik/bg-main.gif);
         background-repeat:repeat-x;
         background-color:#330000;
         }

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

h1 {
         width:300px;
         height:120px;
         margin:0 0 0 0;
         padding:0 20px 0 0;
         background-color:#fff;
         border-right:solid 10px #660000;
         text-align:right;
         font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
         font-size:1.3em;
         font-weight:normal;
         text-shadow: #999 1px 1px 2px;
         }

h2 {
         margin:35px 10px 0 0;
         border-bottom:dashed 1px #660000;
         font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
         font-size:1.0em;
         font-weight:normal;
         color:#660000;
         }

h3 {
         margin:20px 0 0 0;
         color:#660000;
         font-size:0.8em;
         font-weight:normal;
         line-height:140%;
         font-weight:bold;
         }

p {
         font-size:0.8em;
         line-height:1.4em;
         }

h3+p {
         margin:0;
         font-size:0.8em;
         line-height:1.4em;
         }

hr {
         }

.aufzaehlung1 {
         list-style-type:square;
         margin:0 0 0 17px;
         padding:0;
         font-size:0.8em;
         line-height:140%;
         }

input,textarea {
         -moz-border-radius:3px;
         -khtml-border-radius:3px;
         }

select {
         padding:0 0 0 3px;
         border:solid 1px #600;
         -moz-border-radius:3px;
         -khtml-border-radius:3px;
         }

input:focus,textarea:focus {
         border:solid 2px #600
        }

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:#600;
        }

a.textlink:hover {
         color:#600;
         font-weight:bold;
        }

a.mainnavi:link, a.mainnavi:active, a.mainnavi:visited {
         padding:0 0 0 20px;
         border-bottom:solid 1px #eee;
         color:#600;
         font-size:0.8em;
         text-decoration:none;
         }

a.mainnavi:hover {
         padding:0 0 0 20px;
         border-bottom:solid 1px #000;
         color:#000;
         font-size:0.8em;
         text-decoration:none;
         }

a.mainnaviaktiv:link, a.mainnaviaktiv:active, a.mainnaviaktiv:visited, a.mainnaviaktiv:hover {
         padding:0 0 0 20px;
         border-bottom:solid 1px #600;
         color:#600;
         background-image:url(../grafik/aktiv1.gif);
         background-repeat:no-repeat;
         font-size:0.8em;
         font-weight:bold;
         text-decoration:none;
         cursor:default;
         }

.navigationlist1 {
         display:block;
         width:auto;
         height:auto;
         margin:0px 0px 3px 0px;
         padding:0px 0px 0px 8px;
         list-style-type:none;
        }


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

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

#seitenkopf {
         width:930px;
         height:110px;
         padding:30px 0 0 10px;
         }

#seitenkopf-print {
         display:none;
         }

#mainnav  {
         float:left;
         position:fixed;
         width:auto;
         height:200px;
         margin:0 0 0 0;
         padding:0 0 0 0;
         background-image:url(../grafik/bg-content.gif);
         text-align:left;
         }

#contenthead    {
         width:950px;
         height:30px;
         background-image:url(../grafik/contenthead.gif);
         }

#contentbody    {
         background-image:url(../grafik/bg-content.gif);
         }

#contentfoot    {
         width:950px;
         height:20px;
         background-image:url(../grafik/contentfoot.gif);
         }

#leftcol    {
         float:left;
         width:180px;
         height:auto;
         margin:0;
         padding:0;
         text-align:left;
         }

#rightcol    {
         float:right;
         display:inline;
         width:320px;
         height:auto;
         margin:0;
         padding:0;
         text-align:left;
         }

#middlecol    {
         width:500px;
         height:auto;
         margin:0 0 0 260px;
         padding:0;
         text-align:left;
         }

#clearbody    {
        clear:both;
         }

#illustration1    {
         position:absolute;
         left:50%;
         top:28px;
         width:316px;
         height:229px;
         margin:0 0 0 140px;
         padding:0;
         background-image:url(../grafik/fotoschatten.png);
         }



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

.leftpic {
        float:left;
        margin:0 20px 0 0;
        color:#900;
        font-size:0.7em;
                }

.rightpic {
         float:right;
         width:auto;
         margin:0 20px 0 0;
         color:#900;
         font-size:0.7em;
         }

.centerpic {
         margin:0 0 10px 0;
         border:solid 1px #000;
         }

.portraet {
         width:auto;
         height:auto;
         margin:0 0 10px 0;
         border:solid 1px #600;
         }

.portraetright {
         float:right;
         width:215px;
         height:auto;
         margin:0 0 10px 0;
         color:#600;
         font-size:0.7em;
         }

.portraetleft {
         float:left;
         margin:15px 15px 0 0;
         padding: 0 0 30px 0;
         color:#600;
         font-size:0.7em;
         }

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

.text-links {
        }

.text-links-oben {
        }

.normaleschrift {
        }

.bold {
         font-weight:bold;
         }

.rot {
         color:#600;
         }

.schwarz {
         color:#000;
                }

.schwarz_keindruck {
         color:#000;
                }

.header1 {
    width:300px;
    height:120px;
    margin:0 0 0 20px;
    background-color:#fff;
    border-right:solid 10px #660000;
    text-align:right;
    }

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

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

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

.impress {
         margin:0 0 0 0;
         }


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

.leftform {
         float:left;
         width:100px;
         height:auto;
         margin:6px 0px 0px 0px;
         padding:0px 0px 0px 0px;
         color:#600;
         font-size:0.8em;
         font-weight:bold;
         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 #600;
         font-size:0.8em;
         }

.button1:hover {
         color:#fff;
         background-color:#600;
         cursor:hand;
         }

.kontakt1 {
         width:300px;
         border:solid 1px #600;
         }


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

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

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