html, body
 {
 margin: 0px;
padding: 5px;
}

html
 {
 height: 100%;   /* zwingt FF zu vertikalem Scroller, um das "Huepfen" des Layouts zu vermeiden,*/
}

body {

  background-color: #fffff7;
  font-family:  Tahoma, Arial, Helvetica, sans-serif;
  color: #4F4F4F;
  font-size: 100%;
 height: auto;

}

#layout
 {

 /*width:70%;  nicht nutzen! IE produziert sonst horizontalen Scroller*/

 height: 100%;
 margin-left:14%;
 margin-top: 2%;
 margin-right:20%;
 margin-bottom: 10px;
 border-left: 1px solid #E7E6DE;
 border-right: 1px solid #E7E6DE;
 border-bottom: 1px solid #E7E6DE;
 padding: 5px;
 background-image: url(../images/navigation/adlibitum_kachel.jpg);
  background-position: 0px 250px;
  background-repeat: repeat-y
}

#navigation
 {

padding: 2px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
border-top: 1px solid #7C007C;
 background-color: #EEEDE6;
  clear: both;
  color: #333333
}

#spaltenbox
 {
 float: right;
 width: 78%;
 margin-top: 0px;
 margin-bottom: 15px;
 height: 100% ;

}

#inhalt
 {
 float: right;
 width: 78%;
 margin-top: 0px;
 margin-bottom: 15px;

 height: 100% ;

}

#spalte_links
 {
 float: left;
 width: 48%;
 margin-bottom: 5px;
}

.anreisser
 {
  border-bottom: 1px solid #E7E6DE;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: 15px;

}

#spalte_rechts
 {
 float: right;
 width: 48%;
 margin-bottom: 5px;
}

#subnavigation
{
 float: right;
 width: 33%;
 margin-top: 5px !important;
 margin-bottom: 5px;
 border-left: 1px solid #E7E6DE;

}
#subnavigation li
 {
  margin-left: -15px !important;
text-align: left!important;
}

#subtext
 {
 float: left;
 width: 65%;
 margin-bottom: 5px;
}



#impressum_kontakt_login

 {
  float: left;
 width: 22%;
 /*height: 100%;*/
margin-left: -7px;
 margin-top: 0px;
 padding-top: 0px;
/*border: 1px solid #0000FF;*/
color: #333333;
background-color: transparent;
}

#impressum_kontakt_login li
 {
list-style-type: none;
background-color: #FFFFF7;
margin-left: -30px;
margin-top: 2px;
margin-bottom: 2px ;
padding: 0px;
}

#fuss
 {width: 100%;
 border-top: 1px solid #E7E6DE;
   }
#fuss p
 { text-align: right; }

#fuss a img
 { border: 0px none;  }


.titel {

    font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 2.2em;
    letter-spacing: 0.03em;
	font-weight: normal;
	color: #666666;
    margin-bottom: 0.1em;
    margin-top: 0px;
    text-align: right;
    text-decoration: none;
  background-color: transparent;
}

.subtitel {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal !important;
	color: #666666;
     text-align: right;
     margin-right: 5px;
     background-color: transparent
}

h1
 {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: normal !important;
}

#spalte_links h1,
#spalte_rechts h1,
#inhalt h1,
#subnavigation h1,
#subtext h1,
#spaltenbox h1
 {
 background-color: #F5F4EB;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-left: 5px;
 padding-bottom: 1px;
}

h2
 {
  font-size: 0.8em;
  letter-spacing: 0.03em;
  padding-left: 5px;
  text-transform: uppercase;
  font-weight: normal !important;
}


/*.anreisser li,
 {
text-align: left;
}*/
#impressum_kontakt_login ul
 {
 margin-top: 0px;
}

#inhalt li,
#subnavigation li,
#subtext li,
#spaltenbox li
 {

  font-size: 0.7em;
  font-family: Tahoma, Arial, sans-serif;
   line-height: 1.1em;
  margin-bottom: 0.5em;
  padding-left: 5px;
  text-align: justify;
}
.intip
 {
 display:none;
	margin-left: 30px;
	border: 1px solid #808080;
	padding: 3px;
 margin-top: 2px;
 margin-bottom: 2px;
}


.intip ul li,
.intip ol li,
.intip p,
.intip a
 {
font-size: 11px !important;
 /*line-height: 1.1em;  */
  margin-top: 1px;
  margin-bottom: 0px;
  padding: 0px;
  text-align: left !important;
}

p, th
 {
 font-size: 0.7em;
  margin-bottom: 0.5em;
  padding-left: 5px;
 line-height: 1.2em;
 text-align: justify;
}

td
 {
 font-size: 0.7em;
  margin-bottom: 0.5em;
  padding-left: 5px;
 line-height: 1.2em;
}

blockquote
 {
margin-right: 0px;
}

ol ul li, ul ul li, ul ol li
 {
  font-size: 100% !important;
  margin-left: -25px;
}

ol ul li, ul ul li
 {
  list-style-type: square;
  list-style-position: outside
}

.navigation
 {
  background-color: #EEEDE6;
}

.link_aktiv
 {
 /*margin-left: 10px;
 padding-left: 5px;*/
 font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold
}



a,  a:visited, p a, p a:visited
 {
 text-decoration: none;
  font-size: 1.0em;

  font-weight: normal;
  color: #333333;
  text-transform: uppercase
}


 h1 a, h1 a:visited,
#subnavigation a, #subnavigation a:visited,
#inhalt p a,  #inhalt p a:visited,
#inhalt li a,  #inhalt li a:visited,
.anreisser p a, .anreisser p a:visited,
.anreisser li a, .anreisser li a:visited,
#subtext a, #subtext a:visited,
#spaltenbox a, #spaltenbox a:visited
 {
font-size: 1.0em;
text-decoration: underline;
color: #333333;
/*padding-bottom: 1px;
padding-left:0px;*/
  font-weight: normal
}

.ohne
 {
text-decoration: none !important;
}


#inhalt p a:hover,  #inhalt p a:active,
#inhalt li a:hover,  #inhalt li a:active,
.anreisser p a:hover, .anreisser p a:active,
.anreisser li a:hover, .anreisser li a:active,
 h1 a:hover, h1 a:active,
#subnavigation li a:hover, #subnavigation li a:active,
#subtext a:hover, #subtext a:active,
#spaltenbox a:hover, #spaltenbox a:active
 {
 font-size: 1.0em;
text-decoration: underline !important;
color: #666666;
/*padding-bottom: 1px;
padding-left:0px;*/
}

 a.navigation, a.navigation:visited
 {
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
  color: #666666;
  margin-left: -1px;
  margin-right:10px;
  border-bottom: 0px none;
  padding-bottom: 1px;
  padding-left: 17px;
  letter-spacing: 0.1em
}



 #impressum_kontakt_login a, #impressum_kontakt_login a:visited
 {
 text-decoration: none;
  font-size: 0.8em;
  font-weight: normal;
  color: #666666;
padding-left: 20px;
padding-right: 5px;
margin-left: 0px;
margin-top: 0px;
border-bottom: 1px solid #F5F4EB;


}
#impressum_kontakt_login a:hover, #impressum_kontakt_login a:active
{
border-bottom: 1px solid #E7E6DE;
 border-left: 17px solid  #E7E6DE;
 color: #333333;
 padding-left: 3px;
 margin-left: 0px;
/* margin-bottom: 2px;  */

}

/* horizontale / Hauptnavigation  */

a.portfolio:hover, a.portfolio:active,
.portfolio_aktiv
 {
 letter-spacing: 0.1em;
 margin-right:10px ;
border-bottom: 1px solid #330066;
 border-left: 17px solid  #330066;
 color: #330066;
 padding-left: 0px;
}
a.referenzen:hover, a.referenzen:active, .referenzen_aktiv
 {
 letter-spacing: 0.1em;
  margin-right:10px ;
border-bottom: 1px solid #585897;
 border-left: 17px solid  #585897;
 color: #585897;
 padding-left: 0px;
}
a.manufakteure:hover, a.manufakteure:active,   .manufakteure_aktiv
 {
 letter-spacing: 0.1em;
  margin-right:10px ;
border-bottom: 1px solid #633063;
 border-left: 17px solid  #633063;
 color: #633063;
 padding-left: 0px;
}
a.projekte:hover, a.projekte:active, .projekte_aktiv
 {
 letter-spacing: 0.1em;
  margin-right:10px ;
border-bottom: 1px solid #7C007C;
 border-left: 17px solid  #7C007C;
 color: #7C007C;
 padding-left: 0px;
}
a.notizen:hover, a.notizen:active, .notizen_aktiv
 {
 letter-spacing: 0.1em;
  margin-right:10px ;
border-bottom: 1px solid #993399;
 border-left: 17px solid  #993399;
 color: #993399;
 padding-left: 0px;
}


.rechtsbuendig
 {
 float: right !important;

}
.trenner_h
 {
 border-bottom: 1px solid #E7E6DE;
}
.mini
{
	margin-left: 5px;
	border: 0px none;
      }
.miniRahmen {
	padding: 3px;
	border: 1px solid #777777;
	margin: 3px 0 3px 5px;
}



.minor
 {
 font-size: 10px;
}

.abstand
 {
margin-top: 15px !important;
}

.verlegt
 {
position: relative;
top: -62px;
right: -7px
}



/* Zettelwolke */
.zettel
{
text-decoration: underline ;
letter-spacing: 1px;
line-height: 18px;
  background-color: #EEEDE6;
  font-size: 16px !important;
  text-transform: uppercase;
  color: #333333 !important;
  font-weight: bold !important;
}

span.zettel1grau, span.zettel2grau, span.zettel3grau,
span.zettel4grau, span.zettel5grau, span.zettel6grau
{
color: #CCC9B5 !important;
text-decoration: none !important;
line-height: 18px;
}

span.zettel1grau
{
font-size: 18px !important;
text-transform: uppercase;

}

span.zettel2grau
{
font-size: 12px !important;
  text-transform: uppercase;
  font-weight: bold !important;
}

span.zettel3grau
{
font-size: 12px !important;
  text-transform: lowercase;
  font-weight: bold !important;
}

span.zettel4grau
{
font-size: 11px !important;
  font-weight: bold !important;
}

span.zettel5grau
{
font-size: 14px !important;
 letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: bold !important;
}

span.zettel6grau
{
font-size: 14px !important;
  text-transform: uppercase;
  font-weight: bold !important;
}


a.zettel1, a.zettel2, a.zettel3,
a.zettel4, a.zettel5, a.zettel6
 {
font-family: Arial, Verdana, Helvetica, sans-serif ;
  line-height: 18px;
  padding-right: 2px;
  text-align: left !important;
  text-decoration: none !important ;
}

a.zettel1:hover, a.zettel2:hover, a.zettel3:hover,
a.zettel4:hover,  a.zettel5:hover, a.zettel6:hover
 {

  text-decoration: underline ;
  background-color: #EEEDE6;
  padding-right: 2px;
}

 a.zettel1
 {

  font-size: 18px !important;
  text-transform: uppercase;
  color: #009900 !important;
}

a.zettel2
 {

  font-size: 12px !important;
  text-transform: uppercase;
  color: #FF0000 !important;
  font-weight: bold !important;

}

a.zettel3
 {

  font-size: 12px !important;
  text-transform: lowercase;
  color: #660099 !important;
  font-weight: bold !important;

}

a.zettel4
 {

  font-size: 11px !important;
  color: #0000FF !important;
  font-weight: bold !important;
}

a.zettel5
 {

  font-size: 14px !important;
 letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #990099 !important;
  font-weight: bold !important;
}
a.zettel6
 {
  font-size: 14px !important;
  text-transform: uppercase;
  color: #333333 !important;
  font-weight: bold !important;
}

.rechts5px
{
 margin-right: 5px
}

.links5px
{
 margin-left: 5px
}

/* ......................... */

.Georgiaklein
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10px
}
.Georgia
{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;

}


.gesperrt
{
 letter-spacing: 3px;
}

.zeilenhoehe
{
line-height: 12px !important;
}

.zeilenhoeheplus
{
line-height: 16px !important;
}

.schwarzweiss
{
 color: #000000;
 background-color:#FFFFFF;
}

.weissschwarz
{
 color: #FFFFFF;
 background-color: #000000;
}

.helldunkel
{
color: #F7F7F7;
 background-color: #303030;
}

.dunkelhell
{
 color: #2F2F2F ;
 background-color: #F7F7F7;
}

.kapitaelchen

{
  font-variant: small-caps
}