/* Thumbnails von Buechern mit Rand */
#webdesign #content .titelinfo img {
	float: right;
	margin: 2px -0.5em 0 1em;
	padding: 7px;
	background: #fff;
	border: 1px solid #CFAF87; 
}

/* Grafiken im Fliesstext sind in der Regel Beispiele, daher kein Rand */
/*#webdesign #content img {
	padding: 0;
	margin: 0;
	border: none;
	background: none;	
}*/

/*  ===  Linklisten =================== */


dt {
	margin-top: 1em;
	font-weight: bold;
	padding:0 .75em;
}

dd {
	margin-bottom: 1.5em;
	padding-left: 1.5em;
	padding-bottom: 1.5em;	
	border-bottom: 1px solid #E4D8BE;
}


#sidebar li a {
	font-weight:bold;
}

/* markierung der aktuellen links in der ! Elternliste ! duch das Hintergrundbild */
#sidebar li.currentCat a {
	background: url("../gifs/graficbullet.gif") 0 50% no-repeat;	
}

/* oberer rand der verschachtelten listen aus */
#sidebar li ul {
	margin: 0;
	padding: 0;
	border-top-width:0;
}

/* verhalten der links in der verschachtelten liste */
#sidebar li li a:link, 
#sidebar li li a:visited  {
	font-weight: normal;
	padding-left: 45px;
	background: url("../gifs/sb-hover-bg.gif") bottom left repeat-x;
	text-decoration: underline;
	cursor: pointer;
}

#sidebar li li a:hover {
	background: url("../gifs/sb-hover-bg.gif") top left repeat-x;
} 

/* Browsersupporttabelle im CSS-Layout Tutorial */

#browserSupport {
	margin:0;
	/*margin-right:30%;*/
	width:95%;
	border: 1px dotted #A7836D;
	border-width: 1px 0 0 1px;
	font-size:11px;
	text-align: center;
}

#browserSupport th, #browserSupport td {
	width: 25%;
	margin: 0;
	padding:.5em .25em;
	border-right: 1px dotted #A7836D;
	border-bottom: 1px dotted #A7836D;
} 

#browserSupport th, #browserSupport .leftCol {
	background: #F3ECDC;
	font-weight: bold;
}


/* Beispiel HTML rendering (im Gegensatz zu Code) */

.bsp {
	margin:1em 0;
	padding:0 1em 0 2em;
	background: #FAF9F3;
	border: 1px solid #E4D8BE;
	font-size: .9em;
}

.bsp h1, 
.bsp h2, 
.bsp h3, 
.bsp h4, 
.bsp h5,
.bsp h6,
.bsp p,
.bsp li,
.bsp blockquote {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: .125em 0;
	padding: 15px 0;
}


#webdesign .bsp h1 {
	position: static;
	margin:0;
	padding:.125em 0;
	text-indent:0;
	background:none;
	width:auto;
}

#webdesign .bsp h2 {
	margin: 0;
	padding:.125em 0;
}

#webdesign .bsp h3 {
	margin: 0;
	padding: 0;
	background: none;
}

.bsp li {
	background: none;
	padding: 0;
	margin: 0;
}

.bsp ul li {
	list-style: disc;
}

.bsp ol li {
	list-style: decimal;
}

.bsp dd {
	border-bottom: none;
}

.bsp table {
	margin: 15px 0 15px -1.5em;
}

.bsp blockquote {
	padding-left: 0;
	border-left: none;
}


/* Tabellendarstellung im Webdesign mit Webstandards Tutorial */

table.example {
background-color:#fff;
border:1px solid #999;
border-width:1px 0 0 1px;
border-collapse:collapse;
}
table.example caption {
font-style:italic;
background-color:#eee;
padding:2px;
}
table.example th, table.example td {
border:1px solid #999;
border-width:0 1px 1px 0;
padding:2px 4px;
}

/* === amazon affiliate links */

iframe#amazon {
	float: right;
	margin: 0 0 1em 1em;
	padding: 10px;
	background: #F3ECDC;
	border: 1px dotted #CFAF87;
}

iframe#amazonSidebar {
	margin: 0 auto;
	padding: 10px;
	background: #F3ECDC;
	border: 1px dotted #CFAF87;
}


/* Backpack Affiliate Link in der Webdesign Sidebar ============== */

/* Google Firefox Ad */

#sidebar #bp-referrer {
	text-align: center; /* nur fuer die FF Anzeige */
	margin-left:25px;
	margin-right:45px;
	/*padding: .5em 10px;*/
	padding: 1em 10px;
	/*border: 1px dotted #8C6147;*/
	/*background: #F9F5EE;*/
	/*background: #FEFDFC;*/ /* muss sehr hell sein, da Google die Grafik mit weissen Bg anzeigt */
}

#sidebar #bp-referrer h5 {
	margin: 0;
	padding: 0;	
	letter-spacing: normal;
}

#sidebar #bp-referrer p {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#sidebar .bp-referrer a {
	text-decoration: underline;
}

#sidebar #bp-referrer a img {
	margin:1em 0;
	padding: 0;
	border: none;
}