body {
    padding:        0px;
    margin:         0px;
    background-color: #FFFFFF;
	color:			#000000;
    font-family:    "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
    font-size:      12px;
}

h1 {
    color:          #666666;
    font-size:      14px;
    font-weight:    bold;
}

.hl {
    color:          #666666;
    font-size:      14px;
    font-weight:    bold;
}

#mainnav {
	position:absolute;
	left:42px;
	top:89px;
	z-index: 5;
	width: 357px;
	height: 439px;
}

#mainnav a {
	position:	relative;
	top:		22px;
	font-size:      18px;
	color:          #666666;
	text-decoration: none;
	visibility: visible;
}

#mainnav a:visited {
    color:          #666666;
    text-decoration: none;
}

#mainnav a:hover {
    color:          #990000;
    text-decoration: none;
}

#mainnav a:active {
    color:          #990000;
    text-decoration: none;
}

#mainnav a br {
	clear:		none;
}

#mainnav img {
/*	border:		1px solid #999999; */
	margin:		20px 19px 15px 13px;
	float:		left;
}

#mainnav br {
	clear:		both;
}

#subnav {
	position:	absolute;
	left:		37px;
	top:		90px;
	z-index:	5;

	color:          #666666;
	font-size:      12px;
}

#subnav a {
	position:	relative;
	top:		33px;
	color:          #666666;
   	font-size:      12px;
    text-decoration:	none;
}

#subnav a:visited {
    color:		#666666;
    text-decoration:	none;
}

#subnav a:hover {
    color:		#990000;
    text-decoration:	none;
}

#subnav a:active {
    color:		#990000;
    text-decoration:	none;
}

#subnav img {
	border:		1px solid #999999;
	margin:		15px 20px 15px 15px;
	float:		left;
}

#subnav br {
	clear:		both;
}

#subnav a.selected {
	font-weight: bold;
	color: #000000;
}

#r1 {
	position:absolute;
	left:489px;
	top:-421px;
	width:636px;
	height:433px;
	z-index:1;
}

#rahmen {
	position:absolute;
	left:87px;
	top:87px;
	width:636px;
	height:433px;
	z-index:1;
	border: 1px solid #DBDBDB;
}

#mainillu {
	position:absolute;
	left:444px;
	top:164px;
	width:365px;
	height:431px;
	z-index:4;
	visibility: visible;
	overflow: visible;
}

#logo {
	position:absolute;
	left:	51px;
	top:	13px;
	width:	139px;
	height:	24px;
	z-index: 1;
}

#mail {
position:absolute; left:676px; top:13px; width:84px; height:12px; z-index:2;
}

#smic_malerei {
position:absolute; left:199px; top:0px; width:59px; height:59px; z-index:2;
background-image:url(/images/nav/smicon_malerei.jpg);
}

#smic_kunsttherapie {
position:absolute; left:364px; top:0px; width:59px; height:59px; z-index:2;
background-image:url(/images/nav/smicon_kunsttherapie.jpg);
}

#smic_figurentheater {
position:absolute; left:475px; top:0px; width:59px; height:59px; z-index:2;
background-image:url(/images/nav/smicon_figurentheater.jpg);
}

#nav {
	position:	absolute;
	left:		87px;
	top:		64px;
	width:		650px;
	height:		16px;
	z-index:	2;
}

#nav img {
    margin-right:   16px;
}

#footer {
    clear:          both;
    width:          760px;
    padding:        35px;
    text-align:     left;
    font-family:    Geneva, Arial, sans-serif;
    font-size:      9px;
    color:          #999999;
}

#contents {
 	position:relative;
	top: 0px;
	left:262px;
	width:344px;
	height:403px;
	z-index:30;
	background-color: #EFEFEF;
	border: 1px none #000000;
	padding: 15px;
	overflow: auto;

    font-family:    Arial, Helvetica, sans-serif;
    font-size:      12px;
    line-height:    136%;
    color:          #494C4C;
 }

#greylayer {
    position:absolute;
    width: 354px;
    z-index: 2;
    background-color: #DBDBDB;
    border: 1px none #000000;
}

.l1 {
    left: 0px;
    top: 90px;
    height: 83px;
}

.l2 {
    left: 0px;
    top: 175px;
    height: 83px;
}

.l3 {
    left: 0px;
    top: 260px;
    height: 83px;
}

.l4 {
    left: 0px;
    top: 345px;
    height: 83px;
}

.big {
    position:absolute;
    top: 90px;
    left: 0px;
    width: 354px;
    height: 256px;
}

#greypic {
	position:absolute;
	left:25px;
	top:104px;
	width:250px;
	height:223px;
	z-index:6;
}

.norm {
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      12px;
    line-height:    136%;
    color:          #494C4C;
}

.small {
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      11px;
    line-height:    136%;
    color:          #4C4C4C;
}

.vsmall {
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      9px;
    line-height:    136%;
    color:          #4C4C4C;
}

.error {
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      12px;
    line-height:    136%;
    color:          #990000;
}

img {
	border:	none;
}

a {
    color:          #494C4C;
}

a:visited {
    color:          #494C4C;
}

a:active {
    color:          #494C4C;
}

a:hover {
    color:          #990000;
    text-decoration: none;
}

ol {
	line-height: 150%;
}

ul {
	line-height: 150%;
	list-style-image:url('images/imgs/bullet.gif')
}

input, textarea	{
	border: 1px solid #666666;
}

.error {
	font-weight: bold;
	color: #990000;
}

.success {
	font-weight: bold;
}

.footer {
    font-family:    Geneva, Arial, sans-serif;
    font-size:      9px;
    color:          #999999;
}

.footerlnk {
    color:          #999999;
    text-decoration: none;
    padding:        0px 12px 0px 3px;
}

.img {
    border:         1px solid #494C4C;
}

