body {
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-position : center;
	background-image : url(Mitte03.jpg) ;
	background-repeat : repeat-y;
}

a:link { 
	color: #0000FF;
	}
a:visited { 
	color: #9999FF;
	}
a:hover, a:active { 
text-decoration: none;
	}
	
#seite {
	width: 700px;
	margin: 0px auto;
	text-align : left;
	background-image : url(blau.jpg);
	background-repeat : repeat-y;
	clear : both;
	background-color : #FFFFFF;
}

#einleitung {
	width: 700px;
	height: 246px;
	overflow: hidden;
	background-image : url(sonyhead.jpg);
	background-position : bottom;
	background-repeat : no-repeat;
	text-align : right;
	color : #FFFFFF;
	clear : both;
}
#seitenueberschrift {
	width: 700px;
	height : 36px;
	overflow : hidden;
	background-image : url(schrift3.jpg);
}


#seitenueberschrift h1 {
	display : none;
}

#seitenueberschrift h2 {
	display : none;
}

#konzept {
	float: right;
	width: 400px;
	margin : 0px 3px;
	height: 40px;
	overflow: auto;
}

#konzept p {
	margin: 0px;
	background: url(xxkaros.gif);
}
	
#konzept a{
	color: #EEEEEE;
}


#vorwort {
	float: left;
	width: 400px;
	margin : 0px 3px;
	text-align : left;
	height: 142px;
	overflow: auto;
}


#vorwort p {
	margin: 0px;
	font-size: 16px;
	background: url(karos.gif);
}	

	
#vorwort h4 {
	margin: 8px 0px;
	font-size: 16px;
	background: url(karos.gif);
}
#seiteninhalt {
	width : 440px;
	text-align : left;
	float : right;
}

#linkrahmen {
	background-image : url(blau.jpg);
	width : 250px;
	text-align : left;
	background-position : left;
	min-height : 440px;
	padding-bottom: 20px;
}

#menues {
	background-image : url(kante.jpg);
	background-position : top;
	background-repeat : no-repeat;
	padding-top: 20px;
}


#kapitel h3{
	background-image : url(kapitel3.jpg);
	background-repeat : no-repeat;
	margin : 4px 0px 4px 20px;
	height : 16px;
}


#subchapters h3{
	background-image : url(subchap1.jpg);
	background-repeat : no-repeat;
	margin : 4px 0px 4px 20px;
	height : 16px;
}

#subsub h3{
	background-image : url(subwebdesign.jpg);
	background-repeat : no-repeat;
	margin : 4px 0px 4px 20px;
	height : 16px;
}


#menues h3  span{
	display : none;
}

#menues ul{
	list-style-type : none;
	margin-bottom: 30px;
}

#menues li{
	margin: 4px;
	display : block;
	color: #FFFFFF;
	font-size: 13px;
}

#kapitel a{
	display : block;
	color: #FFFFDD;
	font-size: 13px;
}



#menues a{
	color: #FFFFDD;
	font-size: 13px;
}

#menues a.c{
	display : inline;
	font-size: 11px;
	color: #DDDDDD;
}

#absatz1 h3{
	background-image : url(absatz1.jpg);
}

#absatz2 h3{
	background-image : url(absatz2.jpg);
}

#absatz3 h3{
	background-image : url(absatz3.jpg);
}

#absatz4 h3{
	background-image : url(absatz4.jpg);
}

#absatz5 h3{
	background-image : url(absatz5.jpg);
}



#seiteninhalt h3 span{
	display : none;
}
#seiteninhalt h3 {
	margin: 0px;
	background-repeat : no-repeat;
	height : 37px;
	width : 237px;
	background-position : left;
}

#seiteninhalt  p{
	margin: 10px 6px 6px 70px;
	text-align : justify;
}

#extraDiv1{
	clear: both;
}

#absatz1,
#absatz2,
#absatz3,
#absatz4,
#absatz5,

{
	margin-bottom: 20px;
	padding-bottom: 20px;
	background-image : url(schatten.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#linkleiste {
	text-align: center;
}

#linkleiste a:link, #linkleiste a:visited { 
	margin-right: 20px; 
}

/*/_____ Extras __________
*/

#logo
{
position: absolute;
top: 500px;
left: 78px;
background:url('logo1.gif');
height: 184px;
width: 184px;
margin: 0px;
padding: 0px;
border: 0px;
z-index: 2; 
}

#counter {
	position: absolute;
	bottom: 10px;
	left: 235px;
	width:50px;
	height:50px;
	z-index:0;
display: none;
	}

/*/_____ Ende __________
*/

#lfavorites li,
#lselect li { 
  clear: both;
  border-bottom: 2px dotted #887972;
  color: #000000;
  
width:250px;
font-size: 16px;
margin: 10px 1px 1px 50px;
  
}

#absatz5  .p1 {

	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 40px 20px 20px 40px;
	
	}



#absatz5  .p2 {

	
	text-align: center;
	
	margin: 0px 20px 20px 0px;
	}