body {
        background-color: #310B18;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        scrollbar-base-color:#CC5500;
        scrollbar-3d-light-color:#333333;
        scrollbar-arrow-color:#330000;
        scrollbar-darkshadow-color:#CC5500;
        scrollbar-face-color:#CC6600;
        scrollbar-highlight-color:#330000;
        scrollbar-shadow-color:#000033;
        scrollbar-track-color:#CC5500;
        font-size: 12px;
        color:#000033;
    padding:0px;
    margin:0px;
}


/* Standard Links*/
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
 font-size: 11px;
 text-decoration: none;}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
 font-size: 11px;
        text-decoration: none;}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #330000;
font-size: 11px;
 text-decoration: underline;}


a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
 font-size: 11px;
 text-decoration: none;}


a.markier:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FF9933;
        font-size: 12px;
                text-decoration: none;
                line-height: 20px;
                }
                a.markier:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FF9933;
        font-size:12px;
        text-decoration:none;
                line-height: 20px;}

                a.markier:hover {
                font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFCC66;
        font-size:12px;
        text-decoration:underline;
                line-height: 20px; }


                a.markier:active {
                font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFCC66;
        font-size:12px;
        text-decoration: none;
                line-height: 20px;}

        /*geschichten*/

                a.mark:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFCC66;
        font-size: 11px;
                text-decoration: none;

                }
                a.mark:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFCC66;
        font-size: 11px;
        text-decoration:none; }

                a.mark:hover {
                font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #333333;
        font-size: 11px;
        text-decoration:underline; }


                a.mark:active {
                font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #333333;
        font-size: 11px;
        text-decoration: none;}

#navtab a:link {
        font: normal 11px verdana, arial, sans-serif;
        color: #330000;
        text-decoration:none;
        letter-spacing: 1px;
        padding: 0px 50px;
        margin-right: -40px;

}

#navtab a:visited{
font: normal 11px verdana, arial, sans-serif;
letter-spacing: 1px;
color: #330000;
text-decoration:none;
padding: 0px 50px;
margin-right: -40px;
 }

#navtab a:active {
font: normal 11px verdana, arial, sans-serif;
color: #330000;
letter-spacing: 1px;
text-decoration:none; }

#navtab a:hover {font: normal 11px verdana, arial, sans-serif;
color: #FFCC66;
letter-spacing: 1px;
text-decoration:underline; }

/*footerlink und kasten*/

a.foot:link{color: #993300;
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
        letter-spacing: 1px;
        text-decoration: none;

}

 a.foot:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #993300;
        font-size: 9px;
        letter-spacing: 1px;
        text-decoration: none;

}

 a.foot:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFCC60;
        font-size:9px;
        letter-spacing: 1px;
        text-decoration: none;


}



a.foot:hover  {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFCC60;
        font-size: 9px;
        letter-spacing:1px;
        text-decoration: underline;


}

#foottab{clear:left;
        height: 20px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFCC60;
        font-size: 9px;
        text-align:center;
        line-height:12px;
        padding:5px 15px;
        margin:0px;


}






h1 {
        color:#333333;
        font-size: 11px;
        text-transform:none;
        padding: 0px 5px;
        margin: 0px;
        text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;

 }
h2 {
font-size: 12px;
font-weight: lighter;
padding: 0px 5px;
}

h3 {font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 5px;
     font-weight: 400px;
     padding: 5px 30px;
     letter-spacing: 2px;

}

ul {font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     line-height: 20px;
      padding: 0px 45px;



}

b {color: #993300;}

img.image {vertical-align:middle;}
/* ----------navigation oben-------------- */
#nav {
clear:left;
margin:0px;
text-align: right;
background-color: #FF9933;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
padding:5px 15px;
 }


/* ----------container zentriert das layout-------------- */
#container {
        width: 900px;
        padding:0px;
        margin:20px 0px;
        margin-left: auto;
        margin-right: auto;
        border-right-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-left-width: 1px;

}

#banner {
        text-align: right;
        background-color: #CC6600;
        padding: 0px;
        margin: 0px;

}

#banner img {padding: 0px 0px;
}



.bilder {
        border: 1px solid #333333;

}


/* ----------outer und inner----------------- */
#outer{
        border-left: solid 150px #FF9933;
        background-color: #CC6600;

 }

#inner{
        margin:0px;
        width:100%;
} /* die IE PC schlaufe */



/* --------------left navigavtion------------- */
#left {
 color:#000033;
 width:150px;
 float:left;
 position:relative;
 margin-left:-150px;
 margin-right:1px;
 }


 /* --------------kunstkatalog und anderes links------------- */
 #lefttext {
        color:#FFCC60;
        font-size:11px;
        letter-spacing: 1px;
        width:130px;
        float:left;
        background-color: #CC6600;
        position:absolute;
        padding: 1px 1px 1px 3px;
        margin-left:8px;
        margin-right:1px;
        border: 1px solid #333333;

 }

 #lefttext2 {
        color:#FFCC60;
        font-size:11px;
        letter-spacing: 1px;
        width:130px;
        float:left;
        background-color: #CC6600;
        position:absolute;
        padding: 1px 1px 1px 3px;
        margin-left:8px;
        margin-right:1px;
        border: 1px solid #333333;

 }

  #leftwetter {
        color:#FFCC60;
        font-size:11px;
        letter-spacing: 1px;
        width:120px;
        float:left;
        background-color: #CC6600;
        position:absolute;
        padding: 1px 1px 1px 3px;
        margin-left:14px;
        margin-right:1px;
        border: 1px solid #333333;

 }

 #right {
        color:#000033;
        margin-left:160px;
        position: absolute;
        top: 100px;
        left: 1px;


         }


/* -----------------Inhalt--------------------- */
#content{
        position: relative;
        margin: 0px;

}

hr {
        border: solid 1px #FF9933;  }

p{  font-size: 12px;
        color:#000033;
        padding: 0px 30px;
        margin: 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 20px;
}






.titel {

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 20px;
        line-height: 24px;
        font-weight: lighter;
        color: #000033;
        letter-spacing: 2px;}

.unttitel {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 18px;
        font-weight: bolder;
        color: #000033;
        letter-spacing: 1px;}

.wandtitel {
        font-size: 11px;
        line-height: 18px;
        padding: 5px 10px;
        margin:0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bolder;
        letter-spacing: 1px;
}


pre{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        padding: 5px 10px;
        margin: 0px;
        line-height: 20px;


}
hr{ color: #330000;
}


cite {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        letter-spacing: 1px;
        font-style: italic;
        color: #000033;
        line-height: 20px;
        margin: 0px;
}
/*  ----------------referenz aktionskunst---------------------- */

.htab {

        width: 550px;
         height: 550px;
}
.adblock {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 21px;
        color: #000033;
        padding-left: 10px;
        font-weight: normal;
        display: block;
        padding-top: 5px;
}
.adfett {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 19px;
        color: #000033;
        padding-left: 10px;
        font-weight: bolder;
        display: compact;
        padding-top: 20px;
}

.adfettli {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 19px;
        color: #000033;
        font-weight: bolder;
        display: compact;
        padding-top: 20px;
}
/*  ----------------grad nicht im gebrauch---------------------- */
}
.beschreib {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin: 0px;
        color: #000033;
        }
/*  ----------------puzzle---------------------- */


.fett {
        font-size: 14px;
        padding: 10px 10px;
        font-weight: bolder;
        color: #333333;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0px 0px;
}

img
{
        font-size: smaller;
        border:        none;
}



#JavaScriptHinweis
{
        font-weight: normal;
        font-size: larger;
        text-align: center;
}



#Spielfeld
{
        text-align: center;
}

#Spielfeld table
{
        margin-left: auto;
        margin-right: auto;


        padding: 2px;
}

#Spielfeld table td
{
        padding: 0;
        text-align: center;
        vertical-align: middle;

}

#Spielfeld table img
{
        border: 1px solid #FF9933;
        display: block;
}

#Steuerung
{font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 12px;

}



@media screen{


                }





/*-------webtipps und pflastermaler, wandmalerei--------*/
.outtab {

        width: 600px;
        left:0px;
        padding: 0px 3px;
        margin: 10px 10px;
        font-size: 11px;
        color:#000033;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 20px;

}


/*  ----------------footer---------------------- */
#footer {
clear:left;
text-align: right;
background-color: #FF9933;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
padding:5px 15px;
margin:0px;
}