/***************************************************/
/* stylesheet */
/***************************************************/

body {
	background-image:url(../pix/bg01.png);
	background-color: #EDEDE7;
/*	background-color:#E5DFD1;*/
/*	font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
/*	font-style:italic;*/
	font-size:13px;
	line-height:1.5;
	}



h1 {
	font-weight:bold;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0px;
	margin-bottom:-10px;
	
	}

h1.farbe_01{
	color:#DB007A;
	}
h1.farbe_02{
	color:#DB007A;
	}
h1.farbe_03{
	color:#DB007A;
	}
h1.farbe_04{
	color:#DB007A;
	}
h1.farbe_05{
	color:#DB007A;
	}
h1.farbe_06{
	color:#DB007A;
	}
h1.farbe_07{
	color:#DB007A;
	}
	
/*Simon Definition	*/	
/*h1 {
	font-weight:bold;
	height:15px;
	margin: 15px auto 15px;
	text-align:center;
	background-image:url(pix/colour_waagrecht.gif);
	background-repeat:repeat-x;
	width:495px;
	
	}*/
	
/*h1 span{
	background-color:#FFFFFF;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	bottom:2px;
	border:dotted red 1px;
	
	}*/
	
		
h2 {
	font-weight:bold;
	margin-left:15px;
	margin-right:15px;
	padding-bottom:2px;
	padding-top:2px;
	border-bottom:1px dotted #000000;
	border-top:1px dotted #000000;
	margin-bottom:10px;
	margin-top:10px;
	}
	
p {
	padding: 0px 15px 0px;
	}
	
form {
	padding:15px;
	}
	
/*object {
	padding-left:15px;
	}*/
	
a, a:visited  {
	text-decoration:none;
	color:#DB007A;
	}

a:hover {
	color:#E54415;
	}

p.back { 
	text-align:right;
/*	border:solid black 1px;*/
	padding-bottom:15px;
	padding-top:0px;
	}
		
/***************************************************/
/*    Untermenü für Hauptkasten und linken Kasten */
/***************************************************/
ul#untermenu{
/*	border: red dashed 2px;
	margin: auto;
	height: 90px;*/
	
	}

li {
	list-style-type:none;
	margin-bottom:20px;
	font-weight:bold;
	}
/* alt 
ul#untermenu li {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	margin-left:45px;
	margin-right:60px;
	height:45px;
	width:90px;
	border: 1px dashed green;
	/*list-style-image:url(pix/bob45x45.gif);
	float:left;
	}*/
	
	
ul#untermenu li {
	float:left;
	margin-right:40px;
	
	}
	
a.farbe_01, a.farbe_01:visited  {
	background-image:url(../pix/links/green_dark.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	margin-left:-25px;
	padding-left:23px;
	color:#DB007A;
	}

a.farbe_01:hover {
	background-image:url(../pix/links/green.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	color:#E54415;
	}
	
a.farbe_02, a.farbe_02:visited  {
	background-image:url(../pix/links/margenta.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	margin-left:-25px;
	padding-left:23px;
	color:#DB007A;
	}

a.farbe_02:hover {
	background-image:url(../pix/links/margenta_bright.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	color:#E54415;
	}


	
a.farbe_03, a.farbe_03:visited  {
	background-image:url(../pix/links/yellow_green.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	margin-left:-25px;
	padding-left:23px;
	color:#DB007A;
	}

a.farbe_03:hover {
	background-image:url(../pix/links/yellow_green_bright.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	color:#E54415;
	}
	
a.farbe_04, a.farbe_04:visited  {
	background-image:url(../pix/links/orange.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	margin-left:-25px;
	padding-left:23px;
	color:#DB007A;
	}

a.farbe_04:hover {
	background-image:url(../pix/links/orange_dark.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	color:#E54415;
	}
	
	
	
a.farbe_05, a.farbe_05:visited  {
	background-image:url(../pix/links/green_dark.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	margin-left:-25px;
	padding-left:23px;
	color:#DB007A;
	}

a.farbe_05:hover {
	background-image:url(../pix/links/green.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	color:#E54415;
	}
	
	
	

	
a.farbe_06, a.farbe_06:visited  {
	background-image:url(../pix/links/orange_dark.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	margin-left:-25px;
	padding-left:23px;
	color:#DB007A;
	}

a.farbe_06:hover {
	background-image:url(../pix/links/orange.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	color:#E54415;
	}
	
	
a.farbe_07, a.farbe_07:visited  {
	background-image:url(../pix/links/gray_04.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	margin-left:-25px;
	padding-left:23px;
	color:#DB007A;
	}


a.farbe_07:hover {
	background-image:url(../pix/links/gray_03.gif);
	background-position: 0 50%;
	background-repeat:no-repeat;
	color:#E54415;
	}
/***************************************************/
/* wrap */
/***************************************************/
div#wrap {
	width:1024px;
/*	border: solid red 1px;*/
	margin: 10px auto 10px;
	
	}	
	

/***************************************************/
/*    LOGO rechstoben	*/
/***************************************************/
div#logo_oben {
	z-index:1;
	position:fixed; 
	left:647px; 
	width:268px;
	top:0px;
	height:215px;
/*	border: solid black 1px;*/
	
	}
/***************************************************/
/*    MENULEISTE     */
/***************************************************/
div#menuleiste{
	top:88px;
	left:74px;
	position:absolute;
/*	border: solid black 1px;*/
	width:540px;
	z-index:1;
	}
	
div.menupunkt {
	margin-right: 15px;
	width:75px;
	height:60px;
	float:left;
	position:relative;
	top:15px;
/*	overflow:hidden;*/	
	}

div.menupunkt a {
	background-image:url(../pix/menu/menu_black.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	padding-bottom:30px;
	padding-top:15px;
	padding-left:10px;
	padding-right:50px;
	color:#faf4e2;
	text-decoration:none;
	font-weight:bold;
/*	border: solid blue 1px;*/
	}	
	
div.menupunkt a:hover {
	background-position: 0px 7px;
	padding-top:20px;
	padding-left:10px;
	}

/*Farbereihenfolge von 1 bis 6:
 grün magenta gelbgrün braunorange graugelb gelb grau */

div.menupunkt a.farbe1:hover {
	background-image:url(../pix/menu/dunkel/menu_farbe1.gif);
	}
div.menupunkt a.farbe2:hover {
	background-image:url(../pix/menu/dunkel/menu_farbe2.gif);
	}
div.menupunkt a.farbe3:hover {
	background-image:url(../pix/menu/dunkel/menu_farbe3.gif);
	}
div.menupunkt a.farbe4:hover {
	background-image:url(../pix/menu/dunkel/menu_farbe4.gif);
	}
div.menupunkt a.farbe5:hover {
	background-image:url(../pix/menu/dunkel/menu_farbe5.gif);
	}
div.menupunkt a.farbe6:hover {
	background-image:url(../pix/menu/dunkel/menu_farbe6.gif);
	}
div.menupunkt a.farbe7:hover {
	background-image:url(../pix/menu/dunkel/menu_farbe7.gif);
	}
	
div.menupunkt a.farbe1_active {
	background-image:url(../pix/menu/dunkel/menu_farbe1.gif);
	}
div.menupunkt a.farbe2_active {
	background-image:url(../pix/menu/dunkel/menu_farbe2.gif);
	}
div.menupunkt a.farbe3_active {
	background-image:url(../pix/menu/dunkel/menu_farbe3.gif);
	}
div.menupunkt a.farbe4_active {
	background-image:url(../pix/menu/dunkel/menu_farbe4.gif);
	}
div.menupunkt a.farbe5_active {
	background-image:url(../pix/menu/dunkel/menu_farbe5.gif);
	}
div.menupunkt a.farbe6_active {
	background-image:url(../pix/menu/dunkel/menu_farbe6.gif);
	}
div.menupunkt a.farbe7_active {
	background-image:url(../pix/menu/dunkel/menu_farbe7.gif);
	}


/***************************************************/
/*      Hauptkasten	*/
/***************************************************/

div#hauptkasten{
/*	border: solid grey 3px;*/
	width:525px;
	min-height:700px;
	top:165px;
	left:74px;
	position:absolute;
	background-image:url(../pix/bg03.png);
	background-color:#FFFFFF;
	-moz-box-shadow:3px 3px 10px 0px rgb(20%,20%,20%);
/*	-moz-box-shadow:2px 6px 20px 0px #BAAE91;*/
	}


/***************************************************/
/*    rechter fixierter Kasten	*/	
/***************************************************/

div#rechterfixerkasten{
	z-index:1;
	position:fixed; 
	left:659px; 
	top:225px;
	width:240px;
	height:520px;
 	background-image:url(../pix/bg03.png);
	background-color:#FFFFFF;
	-moz-box-shadow:3px 3px 10px 0px rgb(20%,20%,20%);
	}
	
ul#listerechterkasten{
/*	border: red dotted 2px;*/
	}	
	
div#rechterfixerkasten li {
	
	}
	
div.sitzen_und_warten_illustration{
	position:absolute; 
	left:1150px; 
	top:150px;
	}	
	
div.gedicht_illustration {
	position:absolute; 
	left:660px; 
	top:700px;
	}

div.leila_illustration {
	position:absolute; 
	left:1400px; 
	top:800px;
	}
