/*======================================================
  Stylesheet für die Startseite
  Stand:2013
  Datei:home.css
  Datum:11.03.2013
  Autor:Erika du Chatenier
  Aufbau: 1. Kalibrierung und allgemeien Styles
          2. Styles für Layoutbereiche
          3. Sonstige Styles
  =====================================================*/


   /* ===================================
      Kalibrierung und allgemeine Styles
     ==================================== */

 *{padding:0; margin:0;}


body  {
	background-attachment:scroll;
	font-size: 100%;
	font-family:'comic sans ms';
	margin: 0;
	padding: 0;
	text-align:center;
	color:#000;
	background-color: #d1cac0;

    }

h1 {font-size:115%;
    text-align:center;
    padding:10px 0 10px 0;

}




 .box #container {
	width: 65em;
	background: #d1cac0;
	margin: 0 auto;
	text-align: center;
	background-image:url(banner_leer.jpg);
	background-repeat: repeat-y;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
	}





 /* ===================================
    2. Styles für Layoutbereiche
    ==================================== */


.box #kopf {
	padding: 10px;
	text-align: center;
	background-image: url(banner.jpg);
	background-position:center;
	background-repeat: no-repeat;
	background-color: #d1cac0;
	height:200px;
    }

.box #kopf h1 {
        margin: 0;
        padding: 10px 0;
         }


.box #navibereich{
	text-align:right;
	color:#fff;
	padding:5px 30px 4px 30px;
	border-bottom:1px solid black;
	font-size: 80%;
                           }



      .box #navibereich li {
	display: inline;
	list-style-type:none;
	margin: 0;
	padding:0 5px 0 0;

}

  .box #navibereich a:link{
	color: #000;

}
  .box #navibereich a:visited{
	color:#000;
}
  .box #navibereich a:hover{
	color:#f39700;
}
  .box #navibereich a:active{
	color:#000;
}




 .box #links {
	float: left;
	width: 18em;
	margin:0;
	padding: 50px 0px 50px 40px;
	list-style-position:inside;
	font-size: 80%;
	list-style-type: circle;
	list-style-image: url(list.jpg);
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;

             }



    .box #links h3, .box #links p {
            margin-left: 20px;
            margin-right: 10px;
   }

  .box #links a:link{
	color:#FFF;
}
  .box #links a:visited{
	color:#FFF;
}
  .box #links a:hover{
	color:#749E23;
}
  .box #links a:active{
	color:#FFF;
}


 .box #textbereich {
	margin: 0em 3em 0em 19em;
	padding:15px 0 30px 0px;
	font-size: 90%;
    }
              .box #textbereich a:link{
	color:#000;
}
              .box #textbereich a:visited{
	color:#000;
}
              .box #textbereich a:hover{
	color:#f39700;
}
              .box #textbereich a:active {
	color:#000;
}


              .box #textbereich h3{
                text-align:center; }

                .box #textbereich p{
	text-align: center;
}


 .box #table{
	 font-size:90%;
	 text-align:right;
 }


 .box #fotobereich {
	margin: 0em 0em 0em 0em;
	padding:0px 0 0px 0px;
	font-size: 90%;
    }
              .box #fotobereich a:link{
	color:#000;
}
              .box #fotobereich a:visited{
	color:#000;
}
              .box #fotobereich a:hover{
	color:#f39700;
}
              .box #fotobereich a:active {
	color:#000;
}


              .box #fotobereich h3{
                text-align:center; }

                .box #fotobereich p{
	text-align: center;
}




.box #text {
	text-align:left;
}



.box #hoch {
	margin: 0em 2em 0 5em;
	padding:0px ;
	font-size: 100%;
	text-align:right;
    }

  .box #hoch a:link{
	color:#FFF;
}
  .box #hoch a:visited{
	color:#FFF;
}
  .box #hoch a:hover{
	color:#749E23;
}
  .box #hoch a:active{
	color:#FFF;
}



.box #next {
        margin: 0 13em 0 13em;
        padding:10px 30px 10px 30px;
        font-size: 90%;

    }



  .box #next a:link{
	color:#000;
}
  .box #next a:visited{
	color:#000;
}
  .box #next a:hover{
	color:#f39700;
}
  .box #next a:active{
	color:#000;
}








.box #fuss {
	margin:0em 0em 5em 0em;
	padding: 0 0px;
	text-align: center;
	background:#d1cac0;
	border: solid black 1px;
	color: #000;
	width:65em;
	border-left: none;
	border-right: none;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	clip: rect(auto,auto,auto,auto);
    }
    .box #fuss p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size:80%;
	text-align: center;
	top: 12px;
    }






 /* ===================================
    3. Sonstige Styles
    =================================== */


 .box #fotos img{
	margin:8px;	
	padding:4px;
	border:1px solid #FFF;
 }}
			 
	
h1 { color:#000000; font-family:Comic Sans MS,Sans Serif,Geneva; font-size:10pt; }
p,li { color:#000000; font-family:Comic Sans MS,Sans Serif,Geneva; font-size:10pt; }
TD   { color:#000000; font-family:Comic Sans MS,Sans Serif,Geneva; font-size:10pt; height:0px; padding:10px;}
td.my { background-color:#C2BAAE}