/* -- © 2013-2015 by Creativ Werbung / iACTIVE - Thomas Schöneberg -- */
/* -- Oststraße 10 ------------------------------------------------- */
/* -- 48324 Sendenhorst ------------------------------------------- */
/* -- info@creativwerbung.eu ------------------------------------- */
/* -- http://www.creativwerbung.eu ------------------------------ */

/* -- Stand: Mai 2013 ----------------------------------------- */


/* -- Farbdefinitionen ------------------------------- */
/* -- Schwarz:       #000000 ------------------------- */
/* -- Weiss:         #ffffff ------------------------- */
/* -- Hellbeige:     #f8f0ec ------------------------- */
/* -- Hellbraun:     #f7cdb5 ------------------------- */
/* -- Mittelbraun:   #644b3c ------------------------- */
/* -- Dunkelbraun:   #493230 ------------------------- */

/* -- Headerbreite:  xxx Pixel ----------------------- */
/* -- Headerhöhe:    auto ---------------------------- */
/* -- Contentbreite: 980 Pixel ----------------------- */
/* -- Contenthöhe:   auto ---------------------------- */
/* -- Footerbreite:  980 Pixel ----------------------- */
/* -- Footerhöhe:    xxx Pixel ----------------------- */




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

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

body {
         background:none;  /* -- */
         }

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

h2+img {
         margin:0;
         padding:20px 0 0 0;
         border:none;
         }

h1 {
         margin:0 0 1.5em 0;
         padding:0;
         color:#493230;
         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:2.5em 0 0 0;
         padding:0;
         color:#644b3c;
         font-family:Arial,Helvetica,Geneva,Swiss,Tahoma,SunSans-Regular,sans-serif;
         font-size:1.1em;
         font-weight:normal;
         line-height:1.2em;
         }

h3 {
         margin:2.0em 0 0.3em 0;
         padding:0;
         color:#644b3c;
         font-size:0.9em;
         font-weight:normal;
         line-height:1.2em;
         }

p {
         margin-bottom:1.5em;
         color:#000;
         font-size:0.9em;
         line-height:1.2em;
         }

ul>p {
         margin-left:-15px;
         margin-bottom:0.2em;
         color:#333;
         font-size:1.0em;
         font-weight:bold;
         line-height:1.2em;
         }

hr {
         height:1px;
         color:#0060ad;
         border:none;
         border-bottom:solid 1px #0060ad;
         }

.liste1 {
         list-style-type:disc;
         margin-top:10p;
         padding:0 0 0 15px;
         color:#333;
         font-size:0.9em;
         line-height:1.2em;
         }

.subline+.liste1 {
         margin:10px;

         }

strong, em {
         font-style:normal;
         font-weight:bold;
         }

h3+p>cite {
         display:block;
         padding-bottom:1.0em;
         color:#333;
         font-style:normal;
         border-bottom:solid 1px #aaa;
         }


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

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

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

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

.referenzlink {
         color:#0060ad;
         font-weight:bold;
         text-decoration:none;
         }

.referenzlink:hover {
         text-decoration:underline;
         }

.footerlink {
         color:#493230;
         text-decoration:none;
        }

a.mainnavi:link, a.mainnavi:active, a.mainnavi:visited {
         text-decoration:none;
         }

a.mainnavi:hover {
         text-decoration:none;
         border-bottom:solid 2px #493230;
         }

a.mainnaviaktiv:link, a.mainnaviaktiv:active, a.mainnaviaktiv:visited, a.mainnaviaktiv:hover {
         border-bottom:solid 2px #493230;
         text-decoration:none;
         cursor:default;
         }

.navigationlist1 {
         width:auto;
         height:auto;
         margin:0;
         padding:0;
         list-style-type:none;
                }

.navigationlist2 {
         display:block;
         margin:0 0 20px 0;
         padding:0;
         font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
         font-size:1.0em;
                }

.navigationlist2a {
                }

ul.navigationlist3 {
         display:block;
         margin:0 0 0 30px;
         padding:0 0 20px 0;
                }

li.navigationlist3 {
         display:inline;
         margin:0 0 0 0;
         padding:0 0 0 0;
         font-size:0.8em;
         list-style-type:none;
                }

ul.navigationlist3, li.navigationlist3, .footerlink {  /* -- */
         display:none;
         }


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

#background-start-div {
         display:none; /* -- */
         }

#background-start {
         display:none; /* -- */
         }

#wrapper {
         position:absolute;
         z-index:10;
         left:0;
         top:0;
         width:100%;
         height:100%;
         margin:auto;
         background:none; /* -- */
         }

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

#mainbody2  {
         position:absolute;
         left:0%;
         top:0;
         width:100%;
         height:auto;
         margin:auto;
         padding:0;
         background-color:#fff;
         font-size:1.0em;
         }

#seitenkopf {
         width:auto;
         height:auto;
         margin:0 30px 90px 30px;
         text-align:right;
         }

#seitenkopf-print {
         display:none;
         }

#mainnav {
         display:none; /* -- */
         float:left;
         width:188px;
         height:100%;
         margin:0 30px 0 0;
         }

#contentbody    {
         width:auto;
         height:auto;
         margin:0 30px 90px 30px;
         padding:0;
         border-top:solid 2px #493230;
         border-bottom:solid 2px #493230;
         }

#contentbody2, #contentbody3, #contentbody4, #contentbody5    {
         width:auto;
         height:auto;
         margin:0 30px 90px 30px;
         padding:0;
         border-top:solid 2px #493230;
         border-bottom:solid 2px #493230;
         }

#contentbody2    {
         background:transparent;  /* -- */
         }

#contentbody3    {
         background:transparent;  /* -- */
         }

#contentbody4    {
         background:transparent;  /* -- */
         }

#contentbody5    {
         background:transparent;  /* -- */
         }

#footer {
         width:auto;
         height:auto;
         padding:0 0 0 50px;
         }

#sign1 {
         margin:0 0 0 50px;
         }

#denkblase_start, #denkblase_philo, #denkblase_leistung, #denkblase_koop, #denkblase_kontakt, #denkblase_impress {
         position:absolute;
         left:5%;
         top:160px;
         }

#denkblase_text {
         display: table-cell;
         vertical-align:middle;
         width:200px;
         height:200px;
         color:#fff;
         font-size:1.4em;
         text-align:center;
         }

#illu_leistung {
         display:none; /* -- */
         position:absolute;
         left:50%;
         top:160px;
         margin:0 0 0 217px;
         }



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

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

.eingerueckt {
         margin-left:100px;
         }

.bold {
         font-weight:bold;
         }

.schwarz {
         color:#000;
                }

.nobreak {
         white-space:nowrap;
                }

.subline {
         margin:0;
         color:#fffS;
         text-decoration:underline
         }

.clearbody    {
        clear:both;
        display:block;
        width:100%;
         }

.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;
                }

.denkblase {
         display: table;
         vertical-align:middle;
         width:200px;
         height:200px;
         background:none;
         }

.content {
         margin-left:218px;
         }

.border {
         border:solid 1px #493230;
         }

.quelle {
         margin:0.5em 0 0 9.0em;
         font-size:0.8em;
         }

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

.left {
         float:left;
         width:120px;
         color:#777;
         }

.left p {
         margin:0;
         padding:0;
         }

.right {
         width:220px;
         margin-left:130px;
         }


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

.button1 {
         display:none; /* -- */
         width:140px;}

input:focus, textarea:focus {
        background-color:#fff;
        color:#000;
        font-weight:normal;
        }

input, textarea {
        width:296px;
        height:auto;
        margin:0.5em 0 0 0;
        padding:0 3px 0 3px;
        border:none;
        color:#000;
        background-color:#fff;
        font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:0.9em;
        }

textarea {
         width:292px;
         resize:vertical;
         max-height:300px;
         min-height:100px;
          }

.formbeschriftung {
        float:left;
        clear:left;
        width:100px;
        height:auto;
        margin:0.5em 0 0 0;
        color:#000;
        font-size:0.9em;
        }

.formbeschriftung1 {
        visibility:hidden;
        clear:left;
        width:1px;
        height:1px;
        color:#000;
        font-size:0.7em;
        }

.formbeschriftung2 {
         position:absolute;
        clear:left;
        width:1px;
        height:1px;
        margin-left:-200%;
        color:#000;
        font-size:0.7em;
        }


/* -- "Nach oben" Pfeil ---------------------------- */


#scrtop {
         display:none;
         }