/*erstmal wird alles auf 0 gesetzt*/
*{
	margin:0;
	border:0;
	padding: 0;
}

body,html{
	background-color:#D9D9B3;
	/*background-color:#D7DCC0;*/
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.01%; /* umgeht IE-Bug beim Skalieren der Schriftgröße */
	color:#737356;
}

#img{
	display:block;/*damit die Box nicht größer als das Bild ist, wenn Text daneben steht*/ 
}

a img{
	border: none;/*verhindert Rahmen um Grafiklink (hier Symbol x)*/
}

a:link, a:visited, a:active {
	color:#737350;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/*Link auf www-Links*/
.link-www:link, .link-www:visited, .link-www:active {
	font-size:0.9em;
	color:#CC6600;
	line-height: 1.8em;
	text-decoration: underline;
}
.link-www:hover {
	font-size:0.9em;
	color:#ABAC91;
	text-decoration: underline;
}

.highlight{ /* Highlight vom Link, der dran ist*/
	font-weight:bold;
	color:#FFFFFF;
}

.unsichtbar{color:#D9D9B3;}

.untertitel-nummer{float:left;}/*damit sich im Untertitel der Text neben der Zahl anordnet*/

ul {list-style-type: none;}/*keine Punkte, Kreise, Kästchen etc in der Liste*/ 
  
p{line-height: 1.5em;}
#text-links p{line-height: 0.9em;}
 
/*Name Gerd Winter*/
#name{
	position:absolute;
	left:222px;
	top:70px;
	width:591px;
	height:auto;
	z-index: 3;
}

#bg-menue{/*Box für waagerechte Hintergrundfarbe für Menü und Bild*/
	position: absolute;
	top:160px;
	left:0;
	width:220px;
	height:250px;
	background-image: url('picts/bg_menue.gif');
	z-index: 2;
}

#menue{
	position: absolute;
	top:170px;
	left:30px;
	width:auto;
	height:auto;
    line-height: 1.8em;
	z-index: 3;
}

/*Streifen mit Bildern*/
#bg{
	position: absolute;
	top:160px;
	left:220px;
	width: 100%;
	height:250px;
	background-color:#FFFFE8;
	background-image: url('picts/streifen.gif');
	z-index:1;
}

#picts-allgemein{
	/*position: absolute;
	top:0;
	left:0;*/
}

#neues-bild{/*Button für Slideshow in Aktuelles*/
	position:absolute;
	top:415px;
	left:390px;
	width:500px;
	font-size: 0.8em;
	 
	
	z-index:5;
}

#bg-flash{
	position: absolute;
	top:0;
	left:0;
	width:440px;
	height:250px;
	background-image:url('picts/bg_flash.jpg');
	background-repeat:no-repeat;
}

/*Box für Bilder Holz*/
#picts-holz{
	/*float:left;
	padding-left:65px;*/
	position: absolute;
	width:505px;
	top:160px;
	left:155px;
	text-align:right;
	z-index:3;
}

/*Box für Bilder Leinwand*/
#picts-leinwand{
	position: absolute;
	margin:0;
	width:505px;
	top:160px;
	left:155px;
	text-align:right;
	z-index:3;
}

/* Begleittext zum Bild, durch float rechts vom Bild*/  
#untertitel{
	position:absolute;
	top:220px;
	left:675px;
	width:300px;
	/*padding-top:30px;*/
	font-size: 0.9em;
	line-height:1.5em;
	z-index:3;
}

/*über Text, Zahlenreihe*/
#ueberschrift{
	position:absolute;
	width:600px;
	left:220px;
	top:450px;
}

/*normaler Text, Kontakt,Links,Aktuell*/
#text{
	position:absolute;
	top:490px;
	left:220px;
	/*width:100%;*/
	line-height: 1.5em;
}
#text table{
	line-height: 1.5em;
}

#text-links{
	position:absolute;
	top:490px;
	left:220px;
	/*width:100%;
	line-height: 1.5em;*/
}


#text-farbe{
	position:absolute;
	top:420px;
	left:220px;
	width:440px;
	font-size:0.9em;
	/*width:100%;*/
	line-height: 1.8em;
}
#text-aktuell{
	position:absolute;
	top:490px;
	left:220px;
	width:440px;
}

/*zahlenreihe auf den Bilderseiten*/
#nummer{
	position:absolute;
	top:500px;
	left:220px;
	width:100%;
	/*font-stretch:condensed;*/
	font-size: 0.9em;
	line-height: 1.2em;
}

#sabmar{
	position:relative;
	margin:30px 0 0 0;
}

/*Hyperlink grau und unterstrichen, bei hover rot*/
.sabmar-link:link, .sabmar-link:visited, .sabmar-link:active{
	/*color:#817D64;*/
	text-decoration:none;
}
.sabmar-link:hover{
	/*color:#817D64;*/
	text-decoration:underline;
}

h5{/*Überschrift klein*/
	font-size:1em;
	font-weight:bold;
	padding:0 0 10px 0;
	/*color:#817D64;*/
}