#workshopcss3 h2 { margin-bottom:10px; font-size:18px; background-color:#FDDEBF; color:#202F46; padding:1px 1px;}
#workshopcss3 h3 { margin-bottom:10px; font-size:16px;}

#workshopcss3 code { color:#FF00FF; padding-left:20px; display:block; margin-bottom:15px;  font-family:monospace;}
#workshopcss3 code.auszug { padding-left:0px; display:inline; font-style:normal; font-weight:bold;}


/* Beispiel */
#workshopcss3 table {width:300px; font-size:11px; margin-bottom:15px;}
#workshopcss3 table tr td{ padding:3px;}
#workshopcss3 table.tb1 tr:nth-child(2n){ background-color: #eee;}
#workshopcss3 table.tb2 tr:nth-child(2n+1) { background-color: #eee;}
#workshopcss3 table.tb3 tr:last-child  { background-color: #eee;}
#workshopcss3 table.tb4 tr:nth-last-child(2)  { background-color: #eee;}

#workshopcss3 table.tb5 tr {background-color: #f00;}
#workshopcss3 table.tb5 tr:not([class*="tr-red"]) {background-color: #ddd;}

#workshopcss3 span.color1 { background-color: rgba(152, 0, 32, 1); color:rgba(255,255,255,1); padding:5px;}
#workshopcss3 span.color2 { background-color: rgba(23, 109, 118, 1); color:rgba(255,255,255,1); padding:5px;}
#workshopcss3 span.color3 { background-color: rgba(62, 0, 232, 1); color:rgba(255,255,255,1); padding:5px;}
#workshopcss3 div#img-example-1 { background-image:url(http://www.radmann.net/wordpress/wp-content/uploads/2010/07/bild-example.jpg); width:500px; height:237px; position:relative; margin-bottom:15px;}
#workshopcss3 div.overlay { position:absolute; display:block; top:5px; left:5px; width:200px; height:auto; background-color:rgba(0, 0, 0, 0.7); color:rgba(255,255,255,1); padding:10px;}

#workshopcss3 div#box1 { box-shadow: 5px  5px 10px  #999; width:200px; height:50px; 
			-webkit-box-shadow: 5px  5px 10px  #999;
			-moz-box-shadow: 5px 5px 10px #999;
			margin:0 0 20px 0;
			background-color:#0099FF;
			padding:10px;}
			
			
#workshopcss3 p.text1 {color:#fff; text-shadow: 1px 1px 1px  #000; font-size:16px;}

#workshopcss3 div#box2 {
        -moz-border-radius-topleft: 20px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 0px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-top-right-radius: 20px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-bottom-right-radius: 5px;
		box-shadow: 3px  3px 10px  #999; width:200px; height:50px; 
		-webkit-box-shadow: 3px  3px 10px  #999;
		-moz-box-shadow: 3px 3px 10px #999;
		width:300px; height:60px; padding:10px;
		margin-bottom:15px; background-color:#0099FF;
		background:-moz-linear-gradient(top, #950023, #F09983);
	   background:-webkit-linear-gradient(top, #950023, #F09983);
	   background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#950023), to(#F09983));
       background:linear-gradient(top, #950023, #F09983);
	   color:#fff;
		}
		
#workshopcss3 #farbverlauf1 {
       background:-moz-linear-gradient(top, #950023, #F09983);
	   background:-webkit-linear-gradient(top, #950023, #F09983);
	   background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#950023), to(#F09983));
       background:linear-gradient(top, #950023, #F09983);
	   width:300px; height:80px; padding:10px;
	   margin-bottom:15px;
	   color:#fff;
       }
		#workshopcss3 div#box3 {border: 4px solid black; 
		-moz-border-top-colors: #000 #f00 #0f0 #00f;
		-moz-border-left-colors: #000 #f00 #0f0 #00f;
		-moz-border-right-colors: #000 #f00 #0f0 #00f;
		-moz-border-bottom-colors: #000 #f00 #0f0 #00f;
	 	margin-bottom:15px; width:300px; height:80px;}
		
		#workshopcss3 div#box4 {
		width:250px; height:80px;
		border: 23px solid #cccccc;
		-moz-border-image: url(http://www.radmann.net/wordpress/wp-content/uploads/2010/07/border.png) 23 34 23 34 stretch stretch;
		-webkit-border-image: url(http://www.radmann.net/wordpress/wp-content/uploads/2010/07/border.png) 23 34 23 34 stretch stretch;
		margin-bottom:15px;
		}
		#workshopcss3 div#box5 { 
		border:1px solid #999;
		padding:20px;
		width:510px;
		height:auto;
		column-count : 3;
		column-gap : 20px;
		-webkit-column-count : 3;
		-webkit-column-gap : 20px;
		-moz-column-count : 3;
		-moz-column-gap : 20px;
		column-rule: 1px solid #000;
		-moz-column-rule: 1px solid #000;
		-webkit-column-rule: 1px solid #000;
		margin-bottom:15px;
		}
		#workshopcss3 div#box5 p { margin-bottom:0px; padding-bottom:0px;}
		
		#workshopcss3 div.box6 {padding: 10px; background-color:#FFCC66; width:230px; height:auto; float:left;}
		#workshopcss3 div.box6 img { float:left; margin:0 10px 0 0; border:1px dashed #000;}
		#workshopcss3 div.box6 p { margin-bottom:0px; padding-bottom:0px;}
		
		#workshopcss3 div#box6-rotate {
		float:right;
		transfom: scale(.6) rotate(20deg) skew(25deg 10deg);
		-moz-transform: scale(.6) rotate(20deg) skew(25deg, 10deg);
		-webkit-transform: scale(.6) rotate(20deg) skew(25deg, 10deg);
		}
		#workshopcss3 div#box7 { position:relative; width:250px; height:450px; margin-bottom:15px; background-color:#CCCCCC; float:left; margin:0 15px 10px 0;}
		#workshopcss3 div.wuerfel { width:100px; height:100px; position:absolute; }
		#workshopcss3 div#vorne { background-color:#2a838c; position:absolute; top:95px; left:51px;}
		#workshopcss3 div#oben { background-color:#82b6bb; -moz-transform: scale(.7) rotate(-45deg) skew(45deg, 0deg); top:20px; left:75px;
		-webkit-transform: scale(.7) rotate(-45deg) skew(45deg, 0deg); top:20px; left:75px;}
		#workshopcss3 div#rechts { background-color:#1c636a; -moz-transform: scale(.7) rotate(45deg) skew(0deg, 45deg); top:70px; left:125px; 
		-webkit-transform: scale(.7) rotate(45deg) skew(0deg, 45deg); top:70px; left:125px;}
		#workshopcss3 div#box7 p { position:absolute; width:200px; top:220px; left:25px;}
		
		#workshopcss3 div#box8 { width:300px; height:80px; background-color:#CCCCCC; padding:10px; margin-bottom:15px;}
		#workshopcss3 div#box8:hover { background-color:#0099FF; -webkit-transition: background-color 3s 0s linear;}
		
		#workshopcss3 div#box9 { width:100px; height:100px; background-color:#000; color:#fff; padding:10px; margin-bottom:15px;}
		#workshopcss3 div#box9 {
				-webkit-animation-name: track;
				-webkit-animation-duration: 10s;
				-webkit-animation-iteration-count: infinite; }
				
				@-webkit-keyframes track {
				0% {
				margin-top:0px;
				}
				25% {
				margin-top:100px;
				}
				50% {
				margin-top:100px;
				margin-left: 400px;
				}
				75% {
				margin-top:100px;
				margin-left: 200px;
				}
				100% {
				margin-left:0px;
				}
				}
				
		#workshopcss3 table.table1 { width:500px; height:auto; margin-bottom:15px;}
		#workshopcss3 table.table1 tr td { padding:4px 4px;} 
		#workshopcss3 table.table1 tr:nth-child(2n) { background-color:#eee;} 
		
#workshopcss3 ul.ul1 { margin-bottom:15px;}
#workshopcss3 ul.ul1 li { list-style:square; margin-left:20px;}