/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME:		HigherGround
   TEMPLATE CODE: 	S-0014
   VERSION:          1.1   
	LAST MODIFIED:    January-12-2008       	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 
/* Note for Astrid: 
A class can be used several times, while an ID can only be used once, 
So you should use classes for items that you know you're going to use a lot. (e.g. like this style sheet has done with tr.row-a )
You should use ID for things you only use once in a page. (e.g. like what this style sheets has done for items in Layout: #top-bg, #main)

CSS id looks like this in the style sheet: p#exampleID1 { background-color: white; } Notice the "#".
and like this in the HTML: <p id="exampleID1">This paragraph ID </p>

CSS class looks like this: p.exampleID3 { background-color: #013370; color: white;} Notice the "."
and <p class='exampleID3'>These paragraphs all look the same</p>

So for styling you want to apply only to your workshop or cart. 
Just create a style for the tag you want to modify and give it a class name. 

Example in action: here i created a unique ul style for the output of the php in booking/index.php 
I don't suggest we leave it this way, the text align should be left but this makes it easy for you to see.
In the html part of function.php I used <ul class="ws"> 
That made the list items in your table cell have less space between the border and the content (it was too narrow before). 
Notice that it takes the li styling automatically */

body {
	xbackground: #c11788;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #666666; 
	text-align: center;
	margin: 15px 0;
}
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

/* styling for php rendered data e.g. workshop name, desc., price etc. */
ul.ws {
	margin: 5px 5px;
	padding: 0;
	list-style: none;
}
 ul.ws li
	{ text-align: left; }
.li-center
	{ 
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	 }	
	
/* start cart- table */
table.cart {
	border-collapse: collapse;
	xmargin: 10px;
	border: 1px solid #DCDCDC;
 }
table.cart th {
	background: #057fc6;
	height: 30px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	border: 2px solid #DCDCDC;
}
table.cart th.left {
	text-align: left;
}
table.cart tr {
	height: 30px;
	
}
table.cart td {
	min-width:50px;
	vertical-align:middle;
	border: 1px solid #DCDCDC;
}
table.cart td.right {
	text-align: right;
}
/* end cart- table */

/* links */
a, a:visited {	
	color: #c11788;
	xbackground: inherit;
	text-decoration: none;
}
a:hover {
	color: #c11788;
	xbackground: inherit;
	text-decoration: underline;
}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 		
}
h1 {
	font-size: 190%;
	font-weight: normal;
	color: #91d900;
}
h2 {
	font-size: 130%;
	text-transform: uppercase;
	color: #057fc6;
	line-height:22px;
}
h3 {
	font-size: 130%;	
}

h1, h2, h3, p {
	padding: 10px;
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}
ul {
	list-style: none;
}

.blocktext {
	color: #fff;
}

/* images */
img {
	xbackground: #FAFAFA;
   xborder: 1px solid #DCDCDC;
	padding: 5px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	background: url(../images/post.jpg);
	border: 1px solid #E0DBC9;  
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 25px;  
   background: url(../images/post.jpg);
	border: 1px solid #E0DBC9;
	font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #A89A6A;
}


/* start - table */
table {
	border-collapse: collapse;
	xmargin: 10px;
}
th strong {
	color: #fff;
}
th {
	background: #93BC0C url(../images/nav.jpg) repeat-x;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
}
td {
	padding-left: 5px;
	padding-right: 5px;
	border-left: 0px solid #E8E8E8;
	border-bottom: 1px solid #DFDFDF;
	vertical-align:top;
}
td.first,th.first {
	border-left: 0px;
}
.zelle_programm {
	line-height: 11px; 
	}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */



/* form elements
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #D5D5D5; 
	background-color: #DFDFDF; 	
}
label {
	
	font-weight:bold;
	margin:20px 0px 30px 0px ;
	line-height:25px;;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #8EB50C url(../images/nav.jpg) repeat-x 0 0;
	border: none;
}
 */
/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 3px; padding: 5px 0 10px 0;	
	width: 220px;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}
.mail { 
	width: 205px;
	background:  url(../images/mail.gif) no-repeat left  top;
	height: 19px;
	xpadding: 0px 5px  2px 5px;
	margin-left:10px;
	vertical-align: middle;
}

/********************************************
   LAYOUT
********************************************/ 
#lang
{
	position: absolute;
	top: 120px; left: 560px;
	padding-left:10px;
	width: 220px;
	xbackground: #CCC url(../images/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#wrap {
	position: relative;
	width: 820px;
	background: #ccc url(../images/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#top-bg {
	position: absolute;
	width: 820px;
	height: 19px;
	background: #ccc url(../images/top-bg.jpg) repeat-y center top;
	top: 1px;
	left: 0;
	z-index: 2;
}
#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	width: 790px;	
	padding: 0; 	
	background: #E8E8E8;	
	border-top: 5px solid #FFF;
	border-bottom: 2px solid #D0D0D0;
	margin-left: 15px;	
	display: inline;
}
#header {
	width: 800px;
	float: left;
	border:0px solid #069;
	position: relative;
	height: 140px;
	background: #fff url(../images/logobar.gif);  background-repeat:no-repeat; background-position:10px 20px;
	margin-left: 5px;	
	color: #FFF;
	align:left;
}
#header h1#logo-text a {
	position: absolute;
	margin: 0;
	padding: 0;
	font: bold 28px 'Trebuchet MS', Arial, Sans-serif;
	text-align: center;
	letter-spacing: 0px;
	line-height: normal;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	/* change the values of top and left to adjust the position of the logo*/
	top: 40px;
	left: 80px;
}
#header h1#logo-text span {
	xcolor: #9A9696;
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #838181;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 67px; left: 95px;		
}

/* header links */
#header #header-links {
	position: absolute;
	top: 20px; right: 20px;	
	color: #838181;
	font-size: 10px;	
}
#header #header-links a {	
	color: #838181;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #444;		
}

/* header-photo */
#header-photo {
	clear: both;
	height: 200px;
	width: 790px;
	margin: 0 auto;
	background: #FFF url(../images/header-photo2.jpg) no-repeat center center;
}

/* Navigation */
#nav {

	clear: both;	
	
}
#nav ul {
	float: left;
	list-style: none;
	background: url(../images/nav.jpg) repeat-x;	
	width: 790px;		
	text-transform: uppercase;
	margin: 0 0 0 15px;
	padding: 0;	
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #899D00;
	border-left: 1px solid #A7D101;
	border-bottom: none;
	color: #FFF;
	font: bold 11px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	background: url(../images/nav-hover.jpg) repeat-x;	
}
#nav ul li#current a {	
	background: url(../images/nav-current.jpg) repeat-x;	
}

/* Main Column */
#block {

	clear: both;	
	width:535px;
	height: 195px;
	margin-left: 15px;	
	margin-top: 0px;
	background-color: #057fc6;
}
#main {
	float: left;
	width: 67%;
	padding: 20px 0 0 0; margin: 0 0 0 10px;
	display: inline;
	background-color:#FFF;
}
#mainschedule {
	float: left;
	width: 100%;
	padding: 20px 0 0 0; margin: 0 0 0 10 px;
	xdisplay: inline;
	background-color:#fff;
}

#main h2 {
	font: normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #057fc6; 
	text-transform: none;
	padding: 10px 0 0px 10px; 			
}
#main h2 a {
	color: #85970C;
	text-decoration: none;	
}
#main ul li {
	list-style-image: url(../images/bullet.gif);
}

/* Sidebar */	
#sidebar {
	float: right;
	width: 27.8%;
	padding: 20px 15px 0 0; margin: 0;		
}	
#sidebar h3 {
	padding: 5px 5px; 
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #8C9F0D; 		
}
#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 4px 8px 0; padding: 0;
	text-decoration: none;		
	background: url(../images/dots.jpg) repeat-x left top;
}
#sidebar ul.sidemenu li {
	list-style: none;
	background: url(../images/dots.jpg) repeat-x left bottom;
	padding: 4px 0 4px 5px;
	margin: 0 2px;		
	color: #8F8F8F;
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	color: #666666;			
}
#sidebar ul.sidemenu li a:hover {	
	color: #1773BC;	
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }

/* footer */
#footer-wrap {
	clear: both;
	width: 820px;
	font-size: 95%;	
	text-align: left;
	padding: 15px 0;
	background: url(../images/footer-bottom.jpg) no-repeat center bottom;	
}
#footer-wrap a {
	text-decoration: none;
	color: #c11788;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #c11788;	
	text-decoration: underline;	
}
#footer-wrap p {
	padding:10px 0;
}
#footer-wrap h3 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
	text-transform: uppercase;
}

#footer-columns {
	color: #888;
	margin: 0 auto; 
	padding: 0;	
	width: 760px;		
}
#footer-columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	background: url(../images/footer-dots.jpg) repeat-x left top;
}
#footer-columns li {
	background: url(../images/footer-dots.jpg) repeat-x left bottom;		
}
#footer-columns li a {
	display: block;
	font-weight: normal;
	padding: 4px 0 4px 10px;
	width: 96%;
}
#footer-columns .col3, .col3-center {
	float: left;
	width: 32%;
}
#footer-columns .col3-center { 
	margin: 0 15px; 
}

/* bottom */
#footer-bottom {
	clear: both;
	color: #666;	
	margin: 0 auto; 
	width: 820px;
	padding: 10px 0px 0 0px ;
	text-align: center;
}
#bottom-bg {
	position: absolute;
	width: 820px;
	height: 19px;
	background: #CCC url(../images/bottom-bg.jpg) repeat-y center top;
	top: 1px;
	left: 0;
	z-index: 2;
}

/* postmeta */
.post-footer {
	background: url(../images/post.jpg);
	padding: 5px; margin: 5px 10px 10px 10px;	
	font-size: 95%;	
	color: #AEA471;
	border: 1px solid #E0DBC9;
}
.post-footer .date{ margin: 0 10px 0 5px;	}
.post-footer a.comments { margin: 0 10px 0 5px;	}
.post-footer a.readmore { margin: 0 10px 0 5px;	}
.post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #888; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


.tabelle_programm		{ border: 0px solid black; border-collapse: collapse }
.zelle_programm		{ border: 1px solid #808080; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000 }



