/****************************************
  <body>

  	<body_canvas>
  	
	  		<page_header_canvas>								// w: 100%
	  			<page_header_body>								// w: 762, m: 0 auto
	  				<page_header_menu>				
	  			</page_header_body>				
	  		</page_header_canvas>
	  			
	  		<page_content_canvas>							// w: 100%
	  			<page_content_body>							// w: 762, m: 0 auto
	  		</page_content_canvas>
	  			
	  		<page_footer_canvas>								// w: 100%
	  			<page_footer_body>								// w: 762, m: 0 auto
	  		</page_footer_canvas>

				<body_footer_canvas_placeholder>		// h: 206
				</body_footer_canvas_placeholder>
				  		
  	</body_canvas>		

  	<body_footer_canvas>		 								// h: 206
  	</body_footer_canvas>

	</body>
****************************************/

* {
	margin: 0px;
}
html {
  height: 100%;
}
body {
  background: #ffffff url(/wp-content/themes/stoeckerhof/site.img/bg_body.jpg) center 30px;
  color: #3d2310;
  font-family: arial,verdana,helvetica,sans-serif !important; 
  font-size: 0.7em !important;
  font-weight: normal;
  line-height: 130%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 100%;
}
h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }

/****************************************
  body:
****************************************/
#body_canvas {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -206px; 
}
#body_footer_canvas {
  background: url(/wp-content/themes/stoeckerhof/site.img/bg_body_footer_canvas.jpg) bottom center repeat-x;
  height: 206px;	
  width: 100%;
}
#body_footer_canvas_placeholder {
	height: 206px;
}

/****************************************
  page - header:
****************************************/
#page_header_canvas {
  background: url(/wp-content/themes/stoeckerhof/site.img/bg_page_header_canvas.jpg) top center no-repeat;
  height: 150px;
  width: 100%;
}
#page_header_body {
	text-align:left;
	margin: 0 auto;
	width: 762px;
}

/****************************************
  page - header - menu:
****************************************/
#page_header_menu {
}
#page_header_menu ul {
  list-style: none;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}
#page_header_menu ul li {
  background: url(/wp-content/themes/stoeckerhof/site.img/menu_divider.gif) no-repeat right center;
  padding-right: 8px;
	display: inline;
}
#page_header_menu ul li a {
  color: #3d2310;
}
#page_header_menu ul li.selected a {
  font-weight: bold;
  text-decoration: none;
}
#page_header_menu ul li.selected a {
  background: url(/wp-content/themes/stoeckerhof/site.img/menu_selected.gif) repeat-x center 7px;
  padding-bottom: 10px;
}
#page_header_menu ul li.hover a {
  background: url(/wp-content/themes/stoeckerhof/site.img/menu_selected.gif) repeat-x center 7px;
  padding-bottom: 10px;
  text-decoration: none;
}
#page_header_menu ul li.disabled a {
  color:#cccccc;
}
#page_header_menu ul li.eof {
  background: transparent none;
}

/****************************************
  page - header - menu - fontsize:
****************************************/
#page_header_menu ul.fontsize {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;	
	vertical-align: bottom;
}
#page_header_menu ul.fontsize li {
  background: none no-repeat center center;
  margin: 0px 0px 0px 4px;
  padding: 0px;
  display: inline;
}
#page_header_menu ul.fontsize li.selected a {
  background: url(/wp-content/themes/stoeckerhof/site.img/menu_selected.gif) repeat-x center 6px;
}
#page_header_menu ul.fontsize li.hover a {
  background: url(/wp-content/themes/stoeckerhof/site.img/menu_selected.gif) repeat-x center 6px;
}
#page_header_menu ul.fontsize img {
	border: 0;
}

/****************************************
  page - content:
****************************************/
#page_content_canvas {
  background: url(/wp-content/themes/stoeckerhof/site.img/bg_page_content_canvas.jpg) repeat-y top center;
  width: 100%;
}
#page_content_body {
	text-align:left;
	padding: 0px;
	margin: 0 auto;
	width: 762px;
}

/****************************************
  page - footer:
****************************************/
#page_footer_canvas {
  background: url(/wp-content/themes/stoeckerhof/site.img/bg_page_footer_canvas.gif) repeat-y top center;
  height: 28px;
  width: 100%;
}

/****************************************
links
****************************************/
.link {
	background: url(/wp-content/themes/stoeckerhof/site.img/link.gif) no-repeat right top;
	color: #3d2310;
	padding-right: 7px;
}
.link:hover {
	color: #0B91CC;
  background-position: right -50px;
}
.link_pdf {
	background: url(/wp-content/themes/stoeckerhof/site.img/link_pdf.gif) no-repeat left top;
	color: #3d2310;
	padding-left: 24px;
	padding-top: 3px;
	padding-bottom: 10px;
} 


/****************************************
columns
****************************************/
.col1 { 
	float: left; 
}
.col1 .summary .block {
	padding:8px 12px 8px 8px;
	margin-left: 0px;
	background:url(/wp-content/themes/stoeckerhof/site.img/bg_block.jpg) no-repeat;
}
.col1 .summary .canvas {
	background:url(/wp-content/themes/stoeckerhof/site.img/bg_block_canvas.jpg) repeat-y;
}
.col1 .summary .canvas_footer {
	height: 10px;
	background:url(/wp-content/themes/stoeckerhof/site.img/bg_block_canvas_footer.jpg) no-repeat;
}

.col2 {	
	float: left; 
}
.col2 .summary .block {
	padding:8px 6px 8px 8px;
	margin-left: 6px;
	background:url(/wp-content/themes/stoeckerhof/site.img/bg_block.jpg) no-repeat;
}
.col2 .summary .canvas {
	background:url(/wp-content/themes/stoeckerhof/site.img/bg_block_canvas.jpg) repeat-y  6px 0px;
}
.col2 .summary .canvas_footer {
	height: 10px;
	background:url(/wp-content/themes/stoeckerhof/site.img/bg_block_canvas_footer.jpg) no-repeat 6px 0px;
}

.col3 {
	float: left;
}
.col3 .summary .block {
	padding:8px 0px 8px 8px;
	margin-left: 12px;
	background:url(/wp-content/themes/stoeckerhof/site.img/bg_block.jpg) no-repeat;
}
.col3 .summary .canvas {
	background:url(/wp-content/themes/stoeckerhof/site.img/bg_block_canvas.jpg) repeat-y  12px 0px;
}
.col3 .summary .canvas_footer {
	height: 10px;
	background:url(/wp-content/themes/stoeckerhof/site.img/bg_block_canvas_footer.jpg) no-repeat 12px 0px;
}

.colspan1 { width: 254px; }
.colspan2 {	width: 508px; }
.colspan3 { width: 762px; }

/****************************************
block
****************************************/
.block 		{ padding: 8px; }
.block p  { padding-bottom: 10px; color: #63391a; }
.content .block ul,
.content .block ol { margin: 10px 0px 20px 0px; }
.content .block li { color: #63391a; }
/****************************************
teaser
****************************************/
.teaser  {
  background: url(/wp-content/themes/stoeckerhof/site.img/teaser_content_01.jpg) no-repeat center center;
  height: 265px;
}
.teaser .block {
	padding: 252px 8px 0px 8px;
}
/****************************************
popup
****************************************/
.popup {
  text-align: left;
}
/****************************************
buttons
****************************************/
a.btnRegister { 
	background: url(/wp-content/themes/stoeckerhof/site.img/btn_register.gif) no-repeat left 0px;
	display: block;
}
a.btnRegister:hover {
	background: url(/wp-content/themes/stoeckerhof/site.img/btn_register.gif) no-repeat left -100px;
}

/****************************************
summary
****************************************/
.summary {
	
}
.summary h1 {
  background: url(/wp-content/themes/stoeckerhof/site.img/dot.gif) repeat-x bottom center;
	color: #0B91CC;
	font-size: 1.6em;
	font-weight: normal;
	margin-right: 10px;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.summary .hover {
	background: #F0EDE8 url(/wp-content/themes/stoeckerhof/site.img/bg_block_item_hover.jpg) repeat-x center top;
	cursor: pointer;
}
.summary .hover a.link {
	background: url(/wp-content/themes/stoeckerhof/site.img/link.gif) no-repeat right -50px;
	color: #0B91CC;
	padding-right: 7px;
}
.summary .item {
	padding: 5px 0px 5px 0px;
	margin: 0px 10px 0px 0px;
}
.summary .item h2 {
	font-size: 1.0em;
	font-weight: bold;
	margin-left: 60px;
}
.summary .item img {
	float: left;
	margin: 0px;
	padding: 0px;
}
.summary .item p {
	color: #63391a;
}

.summary ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.summary ul li {
  background: url(/wp-content/themes/stoeckerhof/site.img/list.gif) no-repeat left center;
  padding-left: 14px;
}	
.summary ul li.hover {
  background: url(/wp-content/themes/stoeckerhof/site.img/list_selected.gif) no-repeat left center;
  padding-left: 14px;
}	
.summary ul li.selected {
  background: url(/wp-content/themes/stoeckerhof/site.img/list_selected.gif) no-repeat left center;
  padding-left: 14px;
}
.summary ul li a {
  color: #3d2310;
}
.summary ul li.selected a {
  font-weight: bold;
  text-decoration: none;
}

/****************************************
courses
****************************************/
.course_dates ul {
  list-style: none;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  width: 100%;
}
.course_dates ul li {
	display: inline-block;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  width: 100%;
}
.course_dates .col1 {
	float: left;
	width: 110px;
}
.course_dates .col2 {
	float: left;
	width: 218px;
}
.course_dates .col3 {
	float: left;
	cursor: pointer; 
	margin: 12px 0px 0px 20px;
}
.course_dates .col1 div,
.course_dates .col2 div,
.course_dates .col3 div {
	height: 16px;
}
.course_comments .info_ranking {
	width:245px; 
	padding: 2px 0px 2px 0px; 
	font-weight:bold;
}
.course_comments .info_comments {
	background:url(/wp-content/themes/stoeckerhof/site.img/comment.gif) no-repeat top right; 
	width:177px; 
	padding: 0px 0px 22px 0px; 
	font-weight:bold;
}
.course_comments {
	margin-top: 10px;
}
.course_comments ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.course_comments ul li {
	background: url(/wp-content/themes/stoeckerhof/site.img/bg_course_comment_canvas_body.jpg) repeat-y top right;
	display: inline-block;
}
.course_comments ul li .canvas_top {
	background: url(/wp-content/themes/stoeckerhof/site.img/bg_course_comment_canvas_top.jpg) no-repeat top right;
	margin: 0px;
  padding: 0px;
}
.course_comments ul li .canvas_footer {
	background: #ffffff url(/wp-content/themes/stoeckerhof/site.img/bg_course_comment_canvas_footer.jpg) no-repeat top right;
	height: 17px;
	margin: 0px;
  padding: 0px;
}
.course_comments .title {
	height:20px;
  padding: 5px 5px 0px 5px;
  margin: 0px 0px 0px 0px;
}
.course_comments .title .col1 {
	background: url(/wp-content/themes/stoeckerhof/site.img/comment.gif) no-repeat 0px 0px; 
	float: left;
	margin: 0px;
  padding: 0px 0px 0px 20px;
}
.course_comments .title .col2 {
	float: right;
}
.course_comments .comment {
	margin: 10px 10px 10px 27px;
  padding: 0px;
}
/****************************************
gallery
****************************************/
.gallery {
  margin-bottom:10px;
}
.gallery div {
  display:block;
  cursor: pointer;
}
.gallery span {
  background: url(/wp-content/themes/stoeckerhof/site.img/bg_gallery_canvas_body.jpg) no-repeat left top; 
  padding: 8px;
  float:left;
}
.gallery_singlepic {
  cursor: pointer;
  margin-bottom:10px;
}
.gallery_singlepic div {
  display:block;
}
.gallery_singlepic span {
  background: url(/wp-content/themes/stoeckerhof/site.img/bg_gallery_singlepic_canvas_body.jpg) no-repeat left top; 
  padding: 8px 8px 30px 8px;
  margin-left: 10px;
  float:right;
}
.gallery_singlepic span small {
  padding:10px 0px 0px 0px;
  margin:0px;
}
.gallery_singlepic a {
  text-decoration: none;
}
/****************************************
content
****************************************/
.content {
	
}
.content h2 {
  background: url(/wp-content/themes/stoeckerhof/site.img/dot.gif) repeat-x bottom center;
	margin-bottom: 8px;
	padding-bottom: 8px;
	font-size: 1.1em;
	font-weight: normal;
}
.content .block {
	background-image: none;
}
.content .block p, .block div {
	color: #63391a;
}
/****************************************
misc
****************************************/
.left   { float: left; }
.right  { float: right; }
.clear  { clear: both; margin:0px; padding:0px; height: 0px;}
.error  { color: #0B91CC; }

.top		{ margin-top: 58px; }
.top10	{ margin-top: 10px; }
.top20	{ margin-top: 20px; }
.top30	{ margin-top: 30px; }
.top40	{ margin-top: 40px; }
.top50	{ margin-top: 50px; }

.bottom10	{ margin-bottom: 10px; }
.bottom20	{ margin-bottom: 20px; }
.bottom30	{ margin-bottom: 30px; }
.bottom40	{ margin-bottom: 40px; }
.bottom50	{ margin-bottom: 50px; }


