/*###########################*/
/* General CSS Layout Definition for Tieschen   */
/*###########################*/

/* General Rules */
*, html, body { font-family: Helvetica,Verdana,Arial,sans-serif; font-size: 12px; margin: 0px; padding: 0px; border: 0px; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

/* Standard tags */
#pcontent h1 { border-bottom: 2px solid; }
#pcontent h2 { margin-top: 0px; }

h1, h2, h3, h4, h5, h6 { text-align: left; }
h1, h2 { font-size: 14px; margin-top: 24px; margin-bottom: 18px; text-transform: uppercase; }
h3, h4 { font-size: 12px; margin-top: 18px; margin-bottom: 12px; }
h5, h6 { font-size: 10px; margin-top: 12px; margin-bottom: 6px; text-transform: uppercase; }

h1, h3, h5 { font-weight: bold; }
h2, h4, h6 { font-weight: normal; }
p { margin-bottom: 6px; line-height:16px; } 
ul { margin-left: 12px; list-style: none; list-style-position: inside; }
ol { margin-left: 12px; list-style-position: inside; }
ul.pcsubmenu {
  width: 12em;
  padding: 0.5em;
  float: left;
  margin: 0em 2em 1.5em 0em;
  border: 1px dotted #390;
  background-color: #efe; 
}
ul.pcsubmenu li { margin: 0.3em 0em; }
ul.pcsubmenu li h3 { margin-top: 0.2em; }

strong { font-weight: bold; }
em { font-style: italic; }
sup { font-size: 10px; }
dt { font-weight: bold; margin-bottom: 0.2em; }
dd { margin: 0em 0em 0.2em 4em; }
blockquote {
  font: italic normal normal 1em/1.4em verdana, sans-serif;
  text-align: center;
}
blockquote.author { text-align: right; margin-top: 0.2em; margin-bottom: 3em; }
blockquote.introduction { text-align: justify; margin-top: 0em; margin-bottom: 10em;  }
/* Identifier Rules */
  
/* Page width and center alignment  */
#page, #ptmenu, #ptimage, #pmiddle, #pbottom, #pbmiddle { width: 752px; margin: auto; }
/* Page Definition */
#page { width: 100%; min-width: 750px; }
	#ptop, #pbottom, #pbottom a:link, #pbottom a:visited { background-image: url(../img/layout/hg.jpg); color: #fff; }
	#pbottom a:hover, #pbottom a:active, #pbottom a:focus { background-color: #390; color: #000; }
	/* Header */
	#ptop { height: 300px; }
		#ptspace { height: 20px; }
		/* Top menu */
		#ptmenu { height: 30px; }
			/* Colorize the top menu */
			#tmtieschen, #tmwein, #tmevents_kultur, #tmkulinarik, #tmurlaub, #tmsport_freizeit, #tmaktuelles, #tmkontakt { height: 20px; }
			#tmtieschen { background-color: #799d17; }
			#tmwein { background-color: #a49d0c; }
			#tmevents_kultur { background-color: #b1740b; }
			#tmkulinarik { background-color: #79293e; }
			#tmurlaub { background-color: #232363; }
			#tmsport_freizeit { background-color: #b51b23; }
			#tmaktuelles { background-color: #b84e08; }
			#tmkontakt { background-color: #108a92; }
			/* prepare the links for menu */
			#ptmenu a:link, #ptmenu a:visited, #ptmenu a:hover, #ptmenu a:active, #ptmenu a:focus { display: block; text-decoration: none; }
			/* transform h1, h2 to menu items */
			#ptmenu h1, #ptmenu h2 { 
				display: block; width: 94px; margin: 0px; padding: 0px;
				font-weight: normal; font-style: normal; text-transform: none; text-align: center;
			}
			/* define the behaviour oft h1 and h2 as menu items */
			#ptmenu h1 { font-size: 12px; color: #fff; }
			#ptmenu li:hover h1, #ptmenu ul li.over h1{ height: 20px; background-color: #fff; }
			#ptmenu h2 { color: #390; }
			#ptmenu h2 a { font-size: 11px; }
			/* build the menu with the ul list */
			#ptmenu ul { margin: 0px; padding: 0px; list-style: none;}
			#ptmenu li { float: left;	position: relative;	text-align: center; width: 94px; margin-top: 10px; }
			#ptmenu li ul { display: none; position: absolute; top: 1.5em; left: 0; }
			#ptmenu #ptmnav li:hover, #ptmenu #ptmnav li.over {	display: block; background-color: #fff; }
			#ptmenu li:hover ul, #ptmenu li.over ul { display: block; height: 234px; clear: left; background-color: #fff;
				/* transparency for the most common browsers like FF, IE and O */
				filter: alpha(opacity=80); 
				-moz-opacity: 0.8; 
				opacity: 0.8;
				padding-top: 20px;
			}
			#ptimage { height: 250px; background-color: #fff; }
				#ptimage img{ margin: 6px 6px 0px 6px; }
			/* Middle of header and content */
			#pmiddle {}
				#pmcenter {}
	/* Content */
	#pcontent { width: 690px; margin: auto; /*200907*/overflow: auto; }/* For better look: 690px instead of 750 */
		/* Left menu */
		#pcleft { float: left; width: 20%; margin-bottom: 20px; margin-right: 20px; /*200907*/overflow: visible; }
		#pcleft ul { list-style-type: none; margin-right: 5px; list-style-position:outside; }
		#pcleft li h3 { margin: 6px 0px 6px 0px; padding: 0px; }
		#pcleft li a, #pcleft li a:hover, #pcleft li a.over { font-size: 12px; text-transform: none; font-weight: normal; }
		/* Content area */
		#pcmiddle { float: left; width: 350px; margin: 20px 0px 20px 0px; }
		#pcright { float: left; width: 304px; margin: 20px 0px 20px 36px; text-align: right; }
	/* Footer */
	#pbottom { height: 30px; margin-top: 30px; clear: both; }
		#pbmiddle { padding-top: 6px; }
		#pbmiddle table { width: 270px; height: 100%; margin: auto; }
		#pbmiddle table td { width: 60px; text-align: center; vertical-align: top; background-color: transparent; }
		#pbmiddle table td a { font-size: 10px; background-color: transparent; }
		#pbmiddle .pbmttdspace{ width: 10px; text-align: center; color: #ffefef; }
/* Symbol icons as menu background */
#tmtieschen ul, #tmwein ul, #tmevents_kultur ul, #tmkulinarik ul,
#tmurlaub ul, #tmsport_freizeit ul, #tmaktuelles ul, #tmkontakt ul { 
	background-repeat: no-repeat;
	background-position: 0px 150px;
}

/* Description and border for the images */
#pcontent .imagetexts {
	text-align: center;
	padding: 2px;
	float: left;
}
#pcright .imagetexts { margin-bottom: 2em; }
#pcontent .imagealoneright { float: right; width:302px; margin: 10px; }
#pcontent .imagealoneleft { float: left; width:302px; margin: 10px; }
#pcontent .imagetexts span, #pcontent .imagetexts a { line-height: 18px; }
#pcontent p.back { text-align: right; clear:both; margin: 10px 0px; }

/* imagegallery */
div.gallery { padding: 10px 15px; text-align: center; }
div.gallery div.imagetexts {
	width: 152px;
	float: left;
	margin: 10px 4px;
}
div.gallery div.imagetexts img {
	width: 150px;
}