/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
*/

@charset "utf-8";
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
}

/* Mobile Layout: 480px and below. */


	.gridContainer {
		margin-left: auto;
		margin-right: auto;
		width: 87.9666%;
		padding-left: 1.5166%;
		padding-right: 1.5166%;
	}

	#d01 {
		clear: both;
		float: left;
		margin-left: 0;
		margin-top: 76px;
		width: 100%;
		display: block;
	}

	#d02 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d03 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d04 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d05 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d06 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d07 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d08 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d09 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d10 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d11 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d12 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d13 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d14 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d15 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#anfang {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#zur {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#impress {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	/*.banner {
	top: 0;
	left: 0;
	height: 255px;
	width: 100%;
	margin-top: 20px;
	text-align: center;
	position: absolute;
	z-index: 1;}

.banner_back{
	background-image:url(../images/banner_mini2.jpg);
	background-position:center;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: absolute;    
	z-index: 1;
	}*/

	.d01 {
		padding-top: 132px;
	}

	.d02 {
		padding-top: 25px;
		padding-bottom: 25px;
		margin-top: 5px;
		text-align: right;
	}



	/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

	@media only screen and (min-width: 769px and max-width: 1319px) {
		.gridContainer {
			width: 90.675%;
			padding-left: 1.1625%;
			padding-right: 1.1625%;
		}

		#d01 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d02 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d03 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d04 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d05 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d06 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d07 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d08 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d09 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d10 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d11 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d12 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d13 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d14 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d15 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#anfang {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#zur {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#impress {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		/*.banner_back{
	background-image:url(../images/banner.jpg);
	background-position:center;
}*/

		.d01 {
			padding-top: 233px;
		}

		.d02 {
			padding-top: 15px;
			padding-bottom: 15px;
		}
	}

	/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

	@media only screen and (min-width: 1320px) {
		.gridContainer {
			width: 88.5%;
			max-width: 1232px;
			padding-left: 0.75%;
			padding-right: 0.75%;
			margin: auto;
		}

		#d01 {
			clear: both;
			float: left;
			margin-left: 0;
			padding-top: 261px;
			width: 100%;
			display: block;
		}

		#d02 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d03 {
			clear: both;
			float: left;
			margin-left: 1.6949%;
			width: 100%;
			display: block;
		}

		#d04 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d05 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d06 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 49.1525%;
			display: block;
		}

		#d07 {
			clear: none;
			float: left;
			margin-left: 1.6949%;
			width: 49.1525%;
			display: block;
		}

		#d08 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 49.1525%;
			display: block;
		}

		#d09 {
			clear: none;
			float: left;
			margin-left: 1.6949%;
			width: 49.1525%;
			display: block;
		}

		#d10 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 49.1525%;
			display: block;
		}

		#d11 {
			clear: none;
			float: left;
			margin-left: 1.6949%;
			width: 49.1525%;
			display: block;
		}

		#d12 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 49.1525%;
			display: block;
		}

		#d13 {
			clear: none;
			float: left;
			margin-left: 1.6949%;
			width: 49.1525%;
			display: block;
		}

		#d14 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 49.1525%;
			display: block;
		}

		#d15 {
			clear: none;
			float: left;
			margin-left: 1.6949%;
			width: 49.1525%;
			display: block;
		}

		#anfang {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#zur {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#impress {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		/*.banner{
	margin-top: 100px;}
	
.d01 {
	margin-top: 100px;
}	*/

		.d02 {
			padding-top: 10px;
			padding-bottom: 0;
		}
	}

	/* _____________________________________________________________ */

	#d04 {
		text-align: center;
		margin-top: 25px;
	}

	.btn {
		cursor: pointer;
		text-align: center;
		margin-top: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
		background-color: rgba(0,0,0,.3);
	}

	/*.d00{
	margin-top: 30px;}*/

	.d00 img {
		width: 100%;
	}

	.d03 {
		text-align: center;
		margin-top: 20px;
		padding-top: 15px;
	}

	a {
		font-size: 14pt;
	}

	p {
		margin-top: 10px;
		font-family: 'Ubuntu', sans-serif;
		font-size: 12pt;
		line-height: 135%;
		font-weight: 400;
	}

	h2 {
		font-family: 'Ubuntu', sans-serif;
		line-height: 135%;
		display: inline;
		font-size: 14pt;
		font-weight: 500;
		color: #666;
	}

	h3 {
		font-family: 'Ubuntu', sans-serif;
		line-height: 135%;
		display: inline;
		font-size: 12pt;
		font-weight: 500;
		color: #333;
	}
}