body
{
         font-size:13px;
         font-weight:bold;
         background-color:#EBC232;
         color:#8C4A21;
         font-family:Arial,sans-serif,Courier,"Courier New";
         text-align:left;
}
a:link           /*Links*/
{
         color:#8C4A21;
}
         a:visited
{
         color:#8C4A22;
}
         a:active
{
         color:#8C4A19;
}
#navi 
{ 		
		padding: 0;
		padding-top: 4px;
		width: 120px;
		font-size:11px;
} 
#navi ul, #navi li
{ 		
		list-style-type: none; 
		font-weight: bold; 
		text-align:left;
		
} 
#navi li a 
{ 		
		text-decoration: none; 
		display: block; 
		width:100%;
		height:13px;
		
		padding: 4px; 
}
#navi a:link, #navi a:visited 
{ 
		color: #8C4A21; 
		background-color: #EBC232; 
		border: 2px inset #EBC233;
		font-weight:bold;
} #navi #akt 
{ 
		color: #FFFFFF; 
		background-color: #E3B52C; 
		border: 2px inset #EBC232;
		font-weight:bold;
} 
#navi a:hover, #navi a:hover#akt 
{ 
		color: #EBC232; 
		background-color: #8C4A20; 
		border: 2px inset #EBC232;
		text-align:right;
		font-weight:bold;
} 
img.kugel-u      /*Gif-Kugel unten*/
{
         height:60px;
         width:140px;
         border:0px;
         position:fixed;
         top:100px;
         left:0px;
         margin-left:0px;
         margin-top:0px;
         background-color:#E3B52C;
}
img.kugel-o      /*Gif-Kugel oben*/
{
         height:100px;
         width:140px;
         border:0px;
         position:fixed;
         top:0px;
         left:0px;
         margin-left:0px;
         margin-top:0px;
         padding-left:0px;
         background-color:#E3B52C;
}
img.banner       /*Banner*/
{
         position:fixed;
         left:140px;
         top:0px;
         width:815px;
         height:100px;
         float:left;
}
img.ecke         /*Gif Ecke*/
{
         height:100px;
         width:100px;
         position:fixed;
         left:140px;
         top:100px;
         margin-left:0px;
         margin-top:0px;
         float:left;
         z-index:2;
}
#kopf            /*Hp Kopf oben*/
{
         height:100px;
         width:955px;
         background-color:#E3B52C;
         border:0px solid;
         padding:0px;
         position:fixed;
         top:0px;
         margin-left:0px;
         z-index:2;
}
#kopf-rechts     /*Hp Kopf rechts*/
{
         height:100px;
         width:100%;
         background-color:#E3B52C;
         border:0px solid;
         padding:0px;
         position:fixed;
         top:0px;
         left:955px;
         margin-left:0px;
         z-index:2;
}
#links            /*Hp Menue*/
{
         background-color:#E3B52C;
         text-align:center;
         width:140px;
         height:100%;
         float:left;
         position:fixed;
         top:160px;
         left:0px;
         z-index:2;
}
#inhalt          /*Inhalt kurz*/
{
         background-color:#EBC232;
         background-attachment:fixed;
         position:absolute;
         left:140px;
         top:100px;
         width:805px;
         height:100%;
         margin:0px;
         margin-left:20px;
         z-index:1;
}
#inhalt-l        /*Inhalt lang*/
{
         background-color:#EBC232;
         background-attachment:fixed;
         position:absolute;
         left:140px;
         top:100px;
         width:805px;
         height:auto;
         margin:0px;
         padding:10px;
         z-index:1;
}
#inhalt-rechts   /*HP Inhalt rechts*/
{
         background-color:#EBC232;
         position:fixed;
         left:955px;
         top:100px;
         width:100%;
         height:100%;
}
img.wc3           /*Wc3*/
{
         width:60px;
         border:0px;
         padding-top:0px;
         padding-left:0px;
         padding-right:0px;
}
/* #formbox       Kontakt Formular
{
         padding-top:0px;
         padding-left:10px;
         padding-right:300px;
         padding-bottom:15px;
         width: 500px;
         color: #8C4A21;
         border: 0px solid #666;
}
.reihe
{
         clear: both;
         padding: 2px 0px;
}

.label
{
         float: left;
         width: 100px;
         text-align: right;
         padding-top: 3px;
          padding-right: 0px;
}
.feld
{
         float: right;
         width: 380px;
         text-align: left;
}
.knopf
{
         clear: both;
         color:#8C4A21;
         text-align: center;
         padding-top: 15px;
         padding-bottom: 30px;
         padding-top: 15px;
}
.defbreite
{
         width: 260px;
}            
*/

/*Inhalt*/

h1               /*Überschrift*/
{
         font-size:20px;
         color:#8C4A21;
		 margin-top:70px;
         margin-bottom:5px;
         font-weight:bold;
         text-align:left;
}
h2               /*Überschrift2*/
{
         font-size:18px;
         color:#8C4A21;
         font-weight:bold;
		  margin-top:65px;		 
}
h3               /*Überschrift3*/
{
         font-size:14px;
         color:#8C4A21;
}
#left            /*Text/Menue links bündig*/
{
         text-align:left;
         padding-top:5px;
}
p.left           /*Ausrichtung Text Projekte*/
{
         padding-top:20px;
         text-align:left;
}
p.left-mich      /*Ausrichtung Text Über Mich*/
{        padding-top:15px;
}
p.float-off         /*Über mich Umfliesen aufheben*/
{
         clear:left;
		 padding-left:0px;
}
ul.list          /*Auflistung Über mich*/
{
         list-style-type:circle;
         text-align:left;
         color:#8C4A21;
		 float: clear;
		 
}
#list            /*Über mich - Liste*/
{
         float:left;
}
p.left-it     /*Ausrichtung Text It-Schulung*/
{        padding-top:15px;
		 float:left;
}
ul.list1     /*Listen IT-Schulung/Knuddels*/
{
	list-style-type: square;
	list-style-position: inside;
	line-height: 1.6em;
}
ul.list2     /*Listen Knuddels*/
{
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.0em;
}

#editor      
{ 
			white-space:pre; 
}
img.start        /*Foto Startseite*/
{
         width:113px;
         height:150px;
         border:0px;
}
img.pega-12      /*Foto Über mich links*/
{
         width:93px;
         height:250px;
         border:0px;
         padding-top:20px;
         padding-left:5px;
         padding-right:40px;
         float:left;
}
img.pega-21      /*Foto Über mich rechts*/
{
         width:99px;
         height:250px;
         border:0px;
         padding-top:50px;
         padding-left:40px;
         padding-right:30px;
}
img.hp-pega      /*JPG Hp Pega*/
{
         height:124px;
         width:200px;
         border:0px;
         padding-top:30px;
         padding-left:40px;
         padding-right:30px;
         float:left;
}
img.fehler     /*404 Fehler*/
{
		 width:400px;         
         border:0px;
         margin-top:0px;
         margin-right:250px;
}
img.it     /*It-Schulung-Tastatur*/
{
		 width:78px;         
         border:0px;
         padding-top:0px;
         padding-left:0px;
         padding-right:100px;
		 float:right;

}
img.it-logo     /*Logo It-Schulung*/
{
         width:150px;
         border:0px;
         padding-top:30px;
         padding-left:5px;
         padding-right:40px;
         float:left;
}
img.hp-traum     /*JPG Hp Chattertraum*/
{
         height:123px;
         width:200px;
         border:0px;
         padding-top:20px;
         padding-left:5px;
         padding-right:30px;
         float:left;
}
img.hp-kram      /*JPG Hp Kramecke*/
{
         height:122px;
         width:200px;
         border:0px;
         padding-top:20px;
         padding-left:40px;
         padding-right:30px;
         float:left;
}
img.hp-bi        /*JPG Hp Bielefeld*/
{
         height:127px;
         width:200px;
         border :0px;
         padding-top:20px;
         padding-left:5px;
         padding-right:30px;
         float:left;
}
img.hp-b-t1      /*JPG Hp Template Frameset*/
{
         height:123px;
         width:200px;
         border:0px;
         padding-top:20px;
         padding-left:40px;
         padding-right:30px;
         float:left;
}
img.hp-block     /*JPG Hp www.web-block-design.de*/
{
         height:133px;
         width:200px;
         border:0px;
         padding-top:20px;
         padding-left:5px;
         padding-right:30px;
         float:left;
}
img.mail /*JPG E-Mail*/
{
         height:32px;
         width:200px;
         border:0px;
}
img.button       /*Download/Button-Banner*/
{
         height:60px;
         width:156px;
         border:0px;
         padding-top:0px;
         padding-left:0px;
         padding-right:0px;
}
#ga_container    /*Galerie Container*/
{
         text-align:center;
         width:140px;
         height:100%;
         position:fixed;
         top:100px;
         left:835px;
         background-color:#E3B52C;
}
#impress_container    /*Impressum Container*/
{
         text-align:center;
         width:170px;
         height:100%;
         position:fixed;
         top:100px;
         left:685px;
         background-color:#E3B52C;
}
#ga a,           /*Menue (Über mich) Galerie links bündig*/
#ga a:visited
{
        
         height:100%;
         float:left;
         text-decoration:none;
         font-size:14px;
         font-weight:bold;
         color:#8C4A21;
         display:block;
         width:140px;
         height:0.5em;
         padding:0.5em;
         margin-left:0px;
         top:20px;
         text-align:center;
}
#ga a:hover
{
         text-decoration:none;
         color:#8C4A21;
         font-size:14px;
         font-weight:bold;
         text-align:left;
}
#balken                /*Balken (Download)*/
{
         text-align:center;
         width:40px;
         height:100%;
         position:fixed;
         top:100px;
         left:780px;
         background-color:#E3B52C;
         z-index:1;
}
#balken-grafik        /*Balken-Grafik (Download)*/
{
        text-align:center;
        padding-top:140px;
        margin:5px;
        width:30px;
        height:220px;
        border:0;
}
#l-text        /*text (Download)*/
{
margin:30px auto;
margin-top:0px;
}
#layer-text-md        /*text (Meine Downloads)*/
{
text-align:left;
margin-top:0px;
margin-left:5px;
}
#Layer0                /*Layer (Text[Meine Downloads])*/
{
position:absolute;
width:180px;
height:130px;
z-index:3;
left:430px;
top: 110px;
border:0px inset #C9A34E;
}
#Layer1                /*Layer (Grafik-Tools)*/
{
position:absolute;
width:160px;
height:80px;
z-index:3;
left:50px;
top: 265px;
background-color: #E3B52C;
border:2px inset #C9A34E;
}
#Layer2                /*Layer (Rund um's Web)*/
{
position:absolute;
width:160px;
height:80px;
z-index:3;
left: 180px;
top: 195px;
background-color: #E3B52C;
border:2px outset #C9A34E;
}
#Layer3                /*Layer (Web-Design)*/
{
position:absolute;
width:160px;
height:80px;
z-index:3;
left: 320px;
top: 265px;
background-color: #E3B52C;
border:2px inset #C9A34E;
}
#Layer4                /*Layer (Security)*/
{
position:absolute;
width:160px;
height:80px;
z-index:3;
left:450px;
top: 335px;
background-color: #E3B52C;
border:2px outset #C9A34E;
}
#Layer5                /*Layer (Audio und Co)*/
{
position:absolute;
width:160px;
height:80px;
z-index:3;
left: 50px;
top: 405px;
background-color: #E3B52C;
border:2px outset #C9A34E;
}
#Layer6                /*Layer (Spiel und Spass)*/
{
position:absolute;
width:160px;
height:80px;
z-index:3;
left: 180px;
top: 335px;
background-color: #E3B52C;
border:2px inset #C9A34E;
}
#Layer7                /*Layer (Meine Downloads)*/
{
position:absolute;
width:160px;
height:80px;
z-index:3;
left: 320px;
top: 405px;
background-color: #E3B52C;
border:2px inset #C9A34E;
}