body{
  background:           #FFFFFF;
  font-family:          "Arial" "Helvetica" "Geneva" "Sans-Serif" "FreeSans";
  font-size:            12px;
  font-weight:          400;
  overflow:             noscroll;
}
/*#myCanvas
{
	width: 520px;
	height: 400px;
	background-image: url(./bilder/vermittlung_gross_pre.png);
}
#myCanvas.active
{
	background-image: none;
}
#myCanvas.ie
{
        background-image: url(./bilder/vermittlung_gross_swap.png);
}
*/
/* Oberer Frame */

#titel{
  position:             absolute;
  float:                top;
  color:                #8484C0;
  font-variant:		small-caps;
  font-size:            28px;
  font-weight:          800;
  margin-top:           20;
  left:                 200;
}


#untertitel{
  /*position:             absolute;*/
  /*float:                top;*/
  color:                #8484C0;
  font-size:            12px;
  font-weight:          500;
}

#url1{
  position:             absolute;
  top:                  38;
  right:                10;
  color:                #8484C0;
  font-size:            10;
}

#url2{
  position:             absolute;
  top:                  24;
  right:                10;
  color:                #8484C0;
  font-size:            10;
}

#url3{
  position:             absolute;
  top:                  10;
  right:                10;
  color:                #8484C0;
  font-size:            10;
}


/* Linker Frame */

#menue{
  position:             absolute;
  float:                top;
  top:                  120;
  left:                 200;
  height:               25;
  font-size:            18px;
  font-weight:          500;
}

/* Mencontainer */

#menuelink1{
  position:             absolute;
  top:                  0;
  height:               20;
  padding-top:          10;
  width:                120;
  text-decoration:      none; 
  color:                #8484C0;
  cursor:               pointer;
  background:           transparent;
  background-repeat:    no-repeat;
  /*overflow:             hidden;*/
}
/*
#menuelink1:hover{
  color:                #CCCCE5;
  background:           url(./bilder/icons/home.gif);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}
#menuelink1:active{
  color:                #CCCCE5;
  background:           url(./bilder/icons/home1.gif);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}
*/

#menuelink2{
  position:             absolute;
  top:                  0;
  left:			210;
  height:               20;
  padding-top:          10;
  width:                110;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  background:           transparent;
  background-repeat:    no-repeat;
}
/*
#menuelink2:hover{
  color:                #CCCCE5;
  background:           url(./bilder/icons/malatelier.gif);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink2:active{
  color:                #CCCCE5;
  background:           url(./bilder/icons/malatelier1.gif);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}
*/
#menuelink3{
  position:             absolute;
  top:                  0;
  left:			440;
  height:               20;
  padding-top:          10;
  width:                175;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  background:           transparent;
  background-repeat:    no-repeat;
}
/*
#menuelink3:hover{
  color:                #CCCCE5;
  background:           url(./bilder/icons/vermittlung.gif);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink3:active{
  color:                #CCCCE5;
  background:           url(./bilder/icons/vermittlung1.gif);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}
*/

#menuelink4{
  position:             absolute;
  top:                  0;
  left:			640;
  height:               20;
  padding-top:          10;
  width:                130;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  background:           transparent;
  background-repeat:    no-repeat;
}
/*
#menuelink4:hover{
  color:                #CCCCE5;
  background:           url(./bilder/icons/biographie.gif);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink4:active{
  color:                #CCCCE5;
  background:           url(./bilder/icons/biographie1.gif);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}
*/
#menuelink5{
  position:             absolute;
  top:                  0;
  left:			620;
  height:               20;
  padding-top:          10;
  width:                100;
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
  background:           transparent;
  background-repeat:    no-repeat;
}
/*
#menuelink5:hover{
  color:                #CCCCE5;
  background:           url(./shop.gif);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}

#menuelink5:active{
  color:                #CCCCE5;
  background:           url(./shop1.gif);
  background-position:  bottom right;
  background-repeat:    no-repeat;
}
*/


#menuespan{
  text-decoration:      none;
  color:                #8484C0;
  cursor:               pointer;
}

#menuespan:hover{
  color:                #CCCCE5;
}


#content{
  position:		absolute;
  top:			150;
  left:			200;
  width:		730;
  /*background:           url(./bilder/hintergrund.jpg);*/
}

#bilderleiste{
  position:		absolute;
  top:			515;
  height:		185;
  width:		675;
  overflow-x:		scroll;
  overflow-y:		noscroll;
}

/* Impressum */
#impressum_container{
	position: 	absolute;
	top:		45;
	left:		800;
        width:		25;
	font-size:	12px;
}

#impressum{
        position:       absolute;
        top:            0;
        right:          0 ;
        color:          #8484C0;
	font-size:      12px;
        text-decoration:   none;
}

#kontakt{
	position:       absolute;
        top:            28;
        right:          0;
        color:          #8484C0;
	font-size:      12px;
        text-decoration:   none;
}

#sitemap{
	position:       absolute;
        top:            14;
        right:          0;
        color:          #8484C0;
	font-size:      12px;
        text-decoration:   none;
}
#webdesign{
        position:       absolute;
        top:            42;
        right:          0;
        color:          #8484C0;
        text-decoration:   none;
}
#sprache{
        position:       absolute;
        top:            56;
        right:          0;
        color:          #8484C0;
        text-decoration:   none;
}


/* Icons für den IE */

#ie_icon_home{
	position:	absolute;
	top:		-20;
	left:		55;
}
#ie_icon_kuration{
        position:       absolute;
        top:            -15;
        left:           230;
}
#ie_icon_vermittlung{
        position:       absolute;
        top:            -15;
        left:           490;
}
#ie_icon_biographie{
        position:       absolute;
        top:            -15;
        left:           690;
}

/*Textgestaltung*/
#ganz_normaler_text{
	text-decoration:none;
	font-family:          "Arial" "Helvetica" "Sans-Serif";
        font-size:            12px;
	font-weight:	      400;
}
#ganz_normaler_text_fett{
        text-decoration:      none;
        font-family:          "Arial" "Helvetica" "Sans-Serif";
	font-weight:	      bold;
        font-size:            12px;


}

#schrift_mittelgross{
	font-decoration:      none;
        font-family:          "Arial" "Helvetica" "Sans-Serif";
        font-size:            14px;
        font-weight:          500;
	color:                #8484C0;
}
#link{
	text-decoration:none;
        font-family:          "Arial" "Helvetica" "Sans-Serif";
        font-size:            12px;
        font-weight:          400;
	color:		      #8484C0;
}
noscript{
        position:       absolute;
        top:            30;
        left:           34;

}
#design{
	font-decoration:      none;
        font-family:          "Arial" "Helvetica" "Sans-Serif";
        font-size:            14px;
        font-weight:          400;
        color:                #000000;
	position:             absolute;
        float:                top;
	top:		      500;
	left:		      30;
}
a img {
        border: 0px solid #BBB;
        padding: 2px;
        margin: 10px 20px 10px 0;
        vertical-align: top;
}

a img.last {
        margin-right: 0;
}
ul#nav {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
  }
ul#nav li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  text-align: right;
  }
li {
  float: left;
  position: relative;
  width: 15em; 
  }
/*ul#nav li > ul#subnav {
	top: auto;
	left: 150;
	}*/
ul#nav li:hover ul#subnav, ul#nav li.over ul#subnav { display: block; }
ul#subnav {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
  }