/* just for the example */
body {padding:0; margin:10px;background:#CE8CEA; font-family:Comic Sans MS; font-size:10pt}
#kopf   {border:0px solid #FF3333; background:#FFFFFF url('images/kopf-lila.jpg'); width:900px; height:200px}
#navi   {border:0px solid #333333; background:#FFFFFF url('images/streifen-2x-48h.gif') repeat-x 0% bottom; width:876px;
         padding-left:12px; padding-right:12px; padding-top:8px; padding-bottom:0px; height:40px;  }
#inhalt {border:0px solid #3333FF; background:#EFE0FC; width:876px; padding-left:12px; padding-right:12px; padding-top:2px; padding-bottom:2px}
#startbild { width:870px; height:320px; background:#EFE0FC url('images/schneefall2.gif'); align:center; }
/*  * {padding:0; margin:0; list-style-type:none; font-family:comic sans ms, tahoma, arial, sans-serif; color:#5E167C; font-size:12px; font-weight:bold; text-decoration:none } */
p {padding:0; margin:0; list-style-type:none; font-family:comic sans ms, tahoma, arial, sans-serif; color:#5E167C; font-size:14px; font-weight:bold; text-decoration:none }
h1 { font-size:18px; font-weight:normal; margin:20px 0 10px 0; color:#000;}
li {margin:10px;}
td           { font-family: Comic Sans MS; font-size: 10pt; color: #000000 }

a:link       { text-decoration: none; color: #0000FF }
a:visited    { text-decoration: none; color: #808080 }
a:active, a:hover     { text-decoration: underline; color: #FF0000 }


/* -------------------------------------------rounded buttons */
.round {
    color: #5E167C;
	cursor:pointer; 
	cursor:hand; 
	line-height:27px;
	background:url('images/button-flieder2.gif') no-repeat right top; 
	padding-right:10px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box; font-size:13px; text-decoration:none; font-weight:bold
}

.round span { 
	background:url('images/button-flieder2.gif') no-repeat left top; 
    color: #5E167C;
	height:27px;
	display:block;
	display:inline-block;
	padding-left:10px; line-height:27px
}

	a:hover.round {background-position: right -155px;  color:#FFFFFF; font-size:13px; text-decoration:none; font-weight:bold}
	a:hover.round span {background-position:left -155px;}
	
	/*button tag*/
	
	button {border:0; border:none; background:transparent; width:1; overflow:visible; white-space:nowrap; padding:0 2px; cursor:pointer; cursor:hand;}
	
/* --------------------------------------------------end rounded buttons */


/* --------------------------------------für Javascript Bildanzeige im Fenster */

#zeigedasbild{
position:absolute;
visibility:hidden;
border: 1px solid black;
}

#leiste{
cursor: hand;
cursor: pointer;
background-color: #FF99FF;
min-width: 100px; text-align:right 
}

#leiste #schliessen_text{
font-weight: bold;
font-family: Arial;
font-size: 10px;
margin-left: 2px;
}