/*sawallisch-art.de :  menu3.png top4.png*/
 body {
	height: 100%;
	width: 100%;
	color: #424141;
	background-color: #f7e7ce;   
	margin:0px; 
	padding:0px;
   font-size: 100.01%; /*gemäß efa, wegen Schrift_Skalierung im IE*/
	font-family: Verdana,Arial,Helvetica,Sans-serif; /*Helvetica für Mac */
	font-weight: 100;
}
ddiv {border: 1px solid #000;
}
h1 {
	font-size: larger;
}

h2{margin: 0;
  font-size: 14px;
  letter-spacing: 1px;
  }
  
h3{margin: 0;
  font-size: 12px;
   
  }

.font_gros {
	font-size:14px;
	letter-spacing: 2px;
   font-weight: 700;
   line-height: 16px;
}
.font_klein {
	font-size: 65%;
 }  
.font_winzig {
	font-size: 50%;
   letter-spacing: 1px;
}
.hellbraun {	color: #cc6633;}
.schwarz {color: #000;}

.textRechts {text-align: right;}
.fett {
	font-weight:900;
}
.textfluss {
 	text-align: left;
 	margin:0;
   margin-bottom: 0.7em;
	line-height: 1.1em;
	font-size:11px; /* 90%; */
	text-transform: none;
}
 a:link, a:visited {font-weight:100;	color:#000;}
 a:hover, a:focus {color: #cc6633;}

.eingerueckt {
	margin-left: 20px;
}

#fenster{
	margin: 5px auto; /*bewirkt mittig */
	padding: 0px;
	width: 900px;
	min-height:1300px;
	height: auto; /* !important;  Hierdurch wird height nicht überschrieben, 
	                          der IE 6 interpretiert dies nicht */
	pposition: relative; /*notw., um Menü ins fenster; */
	font-size: 100%; /*alle weiteren hängen hiervon ab */
	line-height: 100%;
	background-image: url(../menu3.png);
	background-repeat: no-repeat;
	background-position: top left;
	bborder: 1px solid red;
	}
#container {
	clear: both;
	width: 900px;
	height: auto;
  float: left;  /*muß sein, sonst keine Box*/
   pposition: relative; /*bei absolute schließt
                     footer direkt an header-Bereich*/
	background-color:  transparent;
  margin:0; padding: 0;
  margin-top: 0px;
  bborder: 1px solid yellow;}
  
#top{

    width: 700px;  height: 200px;
	background-image: url(./top4.png);
	background-repeat: no-repeat;
	background-position: 90%;
	background-color: transparent;
}
ul#mainnavi {
	float: left;
	width: 170px; /*Breite der Schalter */
	height:auto;
	padding: 0; margin:140px 0 0 80px;
 bbackground-color: red;}

ul#mainnavi li {
	position: relative;
	width: auto;
	list-style:none;
	font-size: 20px;
	}

ul#mainnavi li a:link,
ul#mainnavi li a:visited {
	display: block;
	padding: 2px 3px;
	margin-bottom: 1em;
	text-decoration: none;
   background-color: transparent;
   color:#bbb;
}
*html ul#mainnavi li { float: left; height:1%;}
* html ul#mainnavi li a { height: 1%; }

ul#mainnavi li a:hover,
ul#mainnavi li a:active,
ul#mainnavi li a:focus,
ul#mainnavi h2.aktiv  {
	text-decoration: none;
	color: #fff;
}

#inhalt{
	float: right;
	display: inline; /*weil IE6 in Elementen mit 
	                 float margin-Werte verdoppelt */
	min-height: 440px; /* kennt IE6 nicht */
	height: auto !important;
	height: 440px; /* Für IE 6 */
	width: 630px; /*Abstand zw. mainnavi und Inhalt*/
	padding: 0;
	margin: 0;
	background-color:  transparent;
}

#inhalt #links {
	float: left;
	width: 300px;	height: auto;
  padding:0;  margin:220px 0 0 0px;
bborder:1px solid #000;
}
#inhalt #rechts {
 	float:right;
	width:300px;   height: 460px;
   padding:0;
	margin:0px;
	background-color: #707070;

}
#inhalt #links a:link,
#inhalt #links a:visited,
#inhalt #rechts a:link,
#inhalt #rechts a:visited {
  color: #532a2a; 
  text-decoration: none; 
}
#inhalt #links a:hover,
#inhalt #links a:focus,
#inhalt #rechts a:hover,
#inhalt #rechts a:focus {
	color:#000;
	text-decoration: none;
}

#weiter {
	position: absolute;
	left: 720px; top: 550px;
   font-size: 10px;	
}
#externes {
   margin: 180px 0 0 15px;
	
}

 .bild {
 float: right;
     margin: 100px 5px 0px 0px;
     
    border: 1px solid #fff;  /*#532a2a*/}



.liste, .oliste {
	margin:0px 0px 10px 40px;
   padding: 0;
	display:block;
	text-align: left;
	font-size:11px;
 	line-height:1.1em;
}

.liste li, .oliste li {
   margin:0; 
	margin-bottom:0.2em;
	padding: 0; 
	list-style-type: circle;
	list-style-position: outside;
}
.oliste li {
	list-style-type: decimal-leading-zero;
	list-style-position: inherit;
}

.liste li a, 
.liste li a:visited,
.oliste li a, 
.oliste li a:visited {
	font-weight: 100; 
	text-decoration: underline;
}
	
.liste li a:hover,
.liste li a:hover   {
	text-decoration: none;
	color:#532a2a;
}



#footer  {
	clear: both;
	float: none;
	height: 25px;
	margin: 0;
	font-size: 10px;
	letter-spacing: 0.1em;
	font-weight: 500;
	background-color: transparent;
}
 #footer a:link,  #footer a:visited {
   text-decoration: none;
 color: #532a2a;
 }
 #footer a:hover {
 	color:   #7abcb2;
 }
#footerLinks {
	float: left;
	width:204px;
	padding: 5px 0 0 10px;
	}
#footerRechts {
	float: right;
	width:150px;
	  height: 20px;
	  text-align: right;
	margin:0; padding:0 10px 0 0;
}
#footerMitte {
  	width:370px;
   text-align: center;
	margin-left: 240px;
	
}



.verborgen {
/*http://www.webaim.org/techniques/css/invisiblecontent/*/
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}