/*-----------FARBWERTE ÜBERSICHT---------------------
Farbe #fde1c5 = Hintergrund Inhalt 
Farbe #fdd5b5 = Hintergrund Page
Farbe #cab49d = Umrandung der Seite
Farbe #880000 = Farbe Überschrift + Linkhover
-----------------------------------------------------*/



/*-----------FORMATIERUNG HTML-----------------------*/

html, body
{
	background-color:				#fdd5b5;
	color:							#000000;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						small;
	height:							100%;
	margin:							0px;
	text-align:						left;
}

/*-----------FORMATIERUNG LINKS----------------------*/
a

{
	color:							#000000;
	text-decoration:				underline;
}

a:hover
{
	color:							#880000;
	text-decoration:				underline;
}

a.navi

{
	color:							#555555;
	font-size:						12px;
	font-weight:					bold;
	text-decoration:				underline;
}

a.navi:hover
{
	color:							#880000;
	font-size:						12px;
	font-weight:					bold;
	text-decoration:				underline;
}

a.tut

{
	font-size:						11px;
	font-weight:					bold;
	text-decoration:				underline;
}

a.tut:hover
{
	color:							#880000;
	font-size:						11px;
	font-weight:					bold;
	text-decoration:				underline;
}


/*-----------FORMATIERUNG ÜBERSCHRIFTEN--------------*/

h1
{
	color:							#880000;
	display:						inline;
	font-size:						small;
	font-variant:					small-caps;
	font-weight:					bold;
	letter-spacing:					-1px;
}

h2
{
	color:							#000000;
	font-size:						11px;
	font-weight:					bold;
	margin-top:						30px;
}

h3
{
	color:							#880000;
	font-size:						medium;
	font-weight:					bold;
}

h4
{
	color:							#000000;
	font-size:						11px;
	font-weight:					bold;
}

/*-----------FORMATIERUNG SONSTIGES----------------*/

p:first-letter
{
	color:							#880000;
	font-size:						medium;
	font-weight:					bold;
}

img.alle
{
	border:							3px double #cab49d;
	margin-right:					12px;
	margin-top:						5px;	
}

pre.webtutorial
{
	color:							#000099;
	display:						inline;
	font-size:						12px;
}

pre.rot
{
	color:							red;
	display:						inline;
	font-size:						12px;
}

textarea
{
	border:							3px double #cab49d;
	width:							670px;
}

li.navi1
{
	list-style-image:				url(grafik/bullet_navi.gif);
	margin-left:					25px;
	margin-top:						3px;
}

li.navi2
{
	list-style-image:				url(grafik/bullet_navi.gif);
	margin-left:					40px;
}

/*----------FORMATIERUNG LISTE VON TUTORIAL----------*/

dt
{
	font-weight:					bold;
	margin-left:					40px;							
}

dd
{
	font-size:						12px;
	font-style:						oblique;
	margin-left:					60px;
	margin-bottom:					10px;	
}

/*-----------FORMATIERUNG ELEMENTE-------------------*/

/* ALLE ELEMENTE WERDEN IN DER REIHENFOLGE WIE SIE AUF DER SEITE SICHTBAR SEIN WERDEN VON OBEN NACH UNTEN 
   ANGORDNET. WERDEN ELEMENTE IN EINANDER VERSCHACHTELT WIRD DAS ÄUSSERE ELEMENT ZU OBERST GESETZT, UND 
   ALLE UNTERGEORDETEN ELEMENTE IN DER REIHENFOLGE VON AUSSEN NACH INNEN UNTEREINANDER ANGEORDNET. */

.kopf
{
	background-image:				url(/grafik/webdesign-koeln-kopf.gif);
	border-left:					1px solid #cab49d;
	border-right:					1px solid #cab49d;
	border-top:						3px solid #cab49d;
	height:							190px;
	margin:							0px auto;
	width:							990px;
}

.content-hg
{
	background-image:				url(/grafik/webdesign-koeln-hg_links.gif);
	border-left:					1px solid #cab49d;
	border-right:					1px solid #cab49d;
	margin:							0px auto;
	width:							990px;
}

.links
{
	background-image:				url(/grafik/webdesign-koeln-links.gif);
	background-repeat:				no-repeat;
	height:							300px;
	float:							left;
	margin:							0px;
	width:							175px;
}

.content
{
	background-color:				#fde1c5;
	float:							right;
	line-height:					150%;
	padding-bottom:                 10px;
	padding-left:                   50px;
	padding-right:                  80px;
	padding-top:                    10px;
	width:							685px;
}

/*----FORMATIERUNG CONTENTBEREICH IM TUTORIAL------*/

.tutorial
{
	background-color:				#fde1c5;
	float:							right;
	line-height:					150%;
	padding-bottom:                 10px;
	padding-left:                   50px;
	padding-right:                  80px;
	padding-top:                    10px;
	text-align:						justify;
	width:							685px;
}
/*-------------------------------------------------*/

.ueberschrift
{
	border-bottom:					1px dashed #cab49d;
	width:							400px;
}

.menue-unten
{
	border-top:					1px dashed #cab49d;
	width:							684px;
}


/*<!-------------PORTFOLIO-TABELLE-----------------!>*/

table.portfolio
{	
	width:						670px; 
	border-collapse:			collapse;	
}

/*----------FORMATIERUNG PORTFOLIO ZELLEN-----------*/
td.portfolio
{	
	border:						#cab49d 1px solid;
	padding:					10px;	
}

/*<!---------ÜBERSCHRIFTEN-ZELLE PORTFOLIO--------!>*/

td.ueberschrift
{	
	border-bottom: 				#cab49d 1px solid;
	padding:					4px;	
}

/*<!------------NAVI FÜR DAS TUTORIAL-------------!>*/

.tutmenue
{
	text-align:					center;
}

/*<!---------TABELLE TUTORIAL RESSOURCEN---------!>*/

table.ress
{
	border-collapse:			collapse;
	width:						100%;
}

th.ress
{
	text-align:					center;
}

td.ress1
{
	border:						1px solid #cab49d;
	padding:                    3px;
	width:						100px;
}

td.ress2
{
	border:						1px solid #cab49d;
	font-size:					11px;
	padding:                    8px;
	text-align:					left;
	width:						200px;
}

/*<!-------FORMATIERUNG KOMMENTAR AUSGABE--------!>*/
.komm1
{
	background-color:			#FFFFcf;
	border:						1px solid #cab49d;
	margin-top:					3px;
	width:						680px;
}

.komm2
{
	background-color:			#FFFFff;
	border:						1px solid #cab49d;
	margin-top:					3px;
	width:						680px;
}

/*-------------FORMATIERUNG FUSS-------------------*/

.fuss
{
	background-image:				url(/grafik/webdesign-koeln-fuss.gif);
	border-bottom:					1px solid #cab49d;
	clear:							both;
	height:							100px;
	margin:							0px auto;
	width:							990px;
}