/** 
 * base.css
 * Base stylesheets for the page
 *  
 * @author jjarolim
 * @customer Agentur David Schaeffler
 * @date 2010-04-31
 */  

/* Infrastructure */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix { 
	zoom:1; 
}

.boxshadow {
	-moz-box-shadow: 0 4px 18px #c8c8c8;
	-webkit-box-shadow: 0 4px 18px #c8c8c8;
	box-shadow: 0 4px 18px #c8c8c8;
}

/* Page */

body {
	font-family: georgia,Times,serif;
	background: #ffffff url(../images/body-bg.gif) left top repeat;
}

	/* centering class */

	.center {
		margin: 0 auto;
		width: 800px;
	}

	#header {
		height: 140px;
		font: normal 11px/14px arial,sans-serif;
		background: url(../images/header-bg.png) left bottom repeat-x;
	}
	
		#header a {
			display: block;
			color: #000000;
			margin-bottom: 2px;
		}
		
		.home #header a,
		.impressum #header a {
			color: #9e0b0f;
		}
		
		.bergauf #header a {
			color: #7fab1b;
		}

		.freizeitalpin #header a {
			color: #32658c;
		}

		
		
		
		#header a:hover {
			color: #000;
		}
		
		#header p {
			padding-top: 60px;
		}
		
		#header h1 {
			font-weight: bold;
		}
		
	#content {
		border: 1px solid #e2e2e2;
	}		

		#content .border {
			border: 9px solid #f0f0f0;
			background-color: #ffffff;
		}
	
			#content .center {
				width: 700px;
				padding-top: 40px;
				padding-bottom: 40px;
			}
			
		/* Contentelemente */
		
		#content .teaser {
			float: left;
			width: 300px;
		}
		
		#content .teaser-left {
			margin-right: 20px;
		}
			
			#content .teaser img {
				float:left;
				margin-right: 30px;
			}
			
			#content .teaser .text {
				float:left;
				width: 140px;
			}
			
				#content .teaser .text h2 {
					font: bold 20px arial,sans-serif;
				}
				
				#content .teaser .text p {
					font: normal 12px/14px georgia,times,serif;
					margin-bottom: 10px;
				}
				
				#content .teaser .text a.button {
					padding: 1px 10px 1px 14px;
					font: normal 11px arial,sans-serif;
					text-decoration: none;
					background: #000 url(../images/arrow-right.gif) 6px 6px no-repeat;
					color: #ffffff;
				}
				
				#content .teaser .text a.button:hover {
					background-color: #9e0b0f;
				}
				
		/* Contentelement Inhaltsseiten */
		
		#content .left {
			float: left;
			width: 200px;
		}
		
		#content .right {
			float: left;
			width: 500px;
			font: normal 12px/16px georgia,times,serif;
		}
		
			#content .right h2 {
				font: normal 20px/24px arial,sans-serif;
				margin-bottom: 30px;
			}

			#content .right h3 {
				font: bold 16px/20px arial,sans-serif;
				margin-bottom: 10px;
				margin-top: 30px;
			}
			
			.bergauf #content .right h2,
			.bergauf #content .right h3,
			.bergauf #content .right a {
				color: #add357;
			}
			
			.freizeitalpin #content .right h2,
			.freizeitalpin #content .right h3,
			.freizeitalpin #content .right a {
				color: #32658c;
			}

			.impressum #content .right h2,
			.impressum #content .right h3,
			.impressum #content .right a {
				color: #9e0b0f;
			}

					
			#content .right p {
				margin-bottom: 15px;
			}
			
			#content .right hr {
				width: 80%;
				height: 1px;
				color: #efefef;
				border: 0;
				background-color:#efefef;
				margin: 0 0 15px 0;
			}
			
			#content .right table {
				margin-bottom: 13px;
			}
			
				#content .right table th,
				#content .right table td {
					padding: 0 0 2px 0; 
				}
			
				#content .right table th {
					font-weight:bold;
				}
				
				#content .right table td {
					padding-left: 15px;
				}
			
			#content .right .column {
				float: left;
				width: 160px;
				margin-right: 20px;
			}
			
			#content .right .column-wide {
				float: left;
				width: 240px;
				margin-right: 20px;
			}
			
			#content .right ul {
				margin-bottom: 15px;
			}
			
				#content .right ul li {
					padding-left: 15px;
					margin-bottom: 2px;
				}
				
				.bergauf #content .right ul li {
					background: url(../images/bergauf-bullet.gif) left 5px no-repeat;
				}

				.freizeitalpin #content .right ul li {
					background: url(../images/freizeitalpin-bullet.gif) left 5px no-repeat;
				}
				
				.impressum #content .right ul li {
					background: url(../images/impressum-bullet.gif) left 5px no-repeat;
				}
				
			#content .right a.pdf {
				display: block;
				padding-left: 50px;
				height: 36px;
				margin-bottom: 20px;
				background: url(../images/pdf-icon.gif) left top no-repeat;
			}

			#content .right a.txt {
				display: block;
				padding-left: 50px;
				height: 36px;
				margin-bottom: 20px;
				background: url(../images/txt-icon.gif) left top no-repeat;
			}

			
			#content .right a:hover {
				color: black;
			}
			
			#content .right .image-left {
				float: left;
			}
			
			#content .right .image-text {
				float:left;
				width: 220px;
				margin-left: 20px;
				border-left: 1px solid #efefef;
				padding-left: 10px;
			}
			
			
		
	#footer {
		height: 100px;
		font: normal 11px/14px arial,sans-serif;
		background: url(../images/footer-bg.png) left top repeat-x;
	}
	
		#footer ul {
			float: right;
			margin-top: 20px;
		}
	
			#footer ul li {
				float: left;
				padding-left: 15px;
				background: url(../images/footer-bullet.gif) 5px 5px no-repeat;
			}
			
			#footer ul li.first {
				background: none;
			}

				#footer ul li a {
					color: black;
				}
				
				#footer ul li a:hover {
					color: #000000;
				}
				
				.home #footer ul li a:hover,
				.impressum #footer ul li a:hover {
					color: #9e0b0f;
				}
				
				.bergauf #footer ul li a:hover {
					color: #7fab1b;
				}
				
				.freizeitalpin #footer ul li a:hover {
					color: #32658c;
				}
				
				#footer ul li.current a {
					color: #000000;
				}
				
				.home #footer ul li.current a,
				.impressum #footer ul li.current a {
					color: #9e0b0f;
				}
				
				.bergauf #footer ul li.current a {
					color: #7fab1b;
				}
				
				.freizeitalpin #footer ul li.current a {
					color: #32658c;
				}