@charset "UTF-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver-Eigenschaften für fließende Raster
	----------------------------------
	dw-num-cols-mobile:		10;
	dw-num-cols-tablet:		16;
	dw-num-cols-desktop:	22;
	dw-gutter-percentage:	25;
	
	Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	und "Golden Grid System" von Joni Korpi
	http://goldengridsystem.com/
*/

/* Layout für Mobilgeräte: 480 px oder weniger. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 89.18%;
	padding-left: 0.91%;
	padding-right: 0.91%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top: 15%;
	width: 100%;
	display: block;
}
#LayoutDiv1_smart {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top: 15%;
	width: 100%;
	display: none;
}
#content {
	clear: both;
	float: left;
	margin-left: 0;
	padding-bottom: 4%;
	width: 100%;
	display: block;
}
#nav_1_desk {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#nav_1_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 1.1;
	border-top: 1px solid #666;
	line-height: 1.5;
	text-align: center;
}
#Logo_desk {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	line-height: 1.1;
}
#nav_2_desk {
	clear: both;
	float: left;
	margin-left: 0;
	padding-bottom: 5%;
	width: 100%;
	display: none;
}
#nav_2_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 1.5;
}
#Logo_smart {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top: 0%;
	width: 100%;
	display: block;
}
#footer_desk {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	background-color:/*#ececec*/#FFF;;
	border-top: 1px solid #333;
	text-align: center;
	/*position: fixed;
  padding: 0px;
  bottom: 0;
  left: 0;
  right: 0%;*/
}
#footer_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:/*#ececec*/#FFF;;
	border-top: 1px solid #333;
	text-align: center;
	line-height: 1.5;
	/*position: fixed;
  padding: 0px;
  bottom: 0;
  left: 0;
  right: 0%;*/
}
.img-rightfloat {
	float: right;
	text-align: right;
}

.img-leftfloat {
	float: left;
}
	
.img-center {
	display: block;
	margin: 0 auto;
}
.text-align-left {
	text-align:left;
	padding-top: 0.5%;
}
.text-align-right {
	text-align: right;
	padding-top: 0.5%;
}
.text-align-center {
	text-align: center;
	padding-top: 0.5%;
}
.text-klein {
	font-size: 90%;
	font-weight: normal;
}
.text-gross {
	font-size: 110%;
	font-weight: normal;
}
.plightlight {
	font-weight: 100;
	font-size: 13px;
	text-align: justify;
}
.navhier {
	border-bottom: 1px solid #F00;
	border-left: 1px solid #F00;
	letter-spacing: 1px;
}
.text-color-red {
	color: #f22613;
}
.font-24pt {
	font-size: 24px;
	font-weight: 300;
}
.font-36pt {
	font-size: 36px;
	font-weight: 300;
}
.font-48pt {
	font-size: 48px;
	font-weight: 400;
}
.font-weight300 {
	font-weight: 300;
}

/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: /*91.8375%*/98%;
	padding-left: 0.5812%;
	padding-right: 0.5812%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top: 20%;
	width: 100%;
	display: block;
}
#LayoutDiv1_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#content {
	clear: both;
	float: left;
	margin-left: 6.3291%;
	padding-bottom: 6%;
	width: 62.0253%;
	display: block;
}
#nav_1_desk {
	clear: none;
	float: left;
	margin-left: 7.5949%;
	width: 17.7215%;
	display: block;
}
#nav_1_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#Logo_desk {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 24.0506%;
	display: block;
}
#nav_2_desk {
	clear: none;
	float: left;
	margin-left: 7.5949%;
	padding-bottom: 5%;
	width: 17.7215%;
	display: block;
}
#nav_2_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#Logo_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#footer_desk {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:/*#ececec*/#FFF;;
	border-top: 1px solid #333;
	text-align: center;
	/*position: fixed;
  padding: 0px;
  bottom: 0;
  left: 0;
  right: 0%;*/
}
#footer_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	background-color:/*#ececec*/#FFF;;
	border-top: 1px solid #333;
	text-align: center;
	/*position: fixed;
  padding: 0px;
  bottom: 0;
  left: 0;
  right: 0%;*/
}
.img-rightfloat {
	float: right;
	text-align: right;
}

.img-leftfloat {
	float: left;
}
	
.img-center {
	display: block;
	margin: 0 auto;
}
.text-align-left {
	text-align:left;
	padding-top: 0.5%;
}
.text-align-right {
	text-align: right;
	padding-top: 0.5%;
}
.text-align-center {
	text-align: center;
	padding-top: 0.5%;
}
.text-klein {
	font-size: 90%;
	font-weight: normal;
}
.text-gross {
	font-size: 110%;
	font-weight: normal;
}
.plightlight {
	font-weight: 100;
	font-size: 13px;
	text-align: justify;
}
.navhier {
	border-bottom: 1px solid #F00;
	border-left: 1px solid #F00;
	letter-spacing: 1px;
}
.text-color-red {
	color: #f22613;
}
.font-24pt {
	font-size: 24px;
	font-weight: 300;
}
.font-36pt {
	font-size: 36px;
	font-weight: 300;
}
.font-48pt {
	font-size: 48px;
	font-weight: 400;
}
.font-weight300 {
	font-weight: 300;
}
}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: /*89.1818%*/98%;
	max-width: /*1232px*/1630px;
	padding-left: 0.409%;
	padding-right: 0.409%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top: 4%;
	width: 100%;
	display: block;
}
#LayoutDiv1_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#content {
	clear: both;
	float: left;
	margin-left: 4.5871%;
	padding-bottom: 6%;
	width: 67.8899%;
	display: block;
}
#nav_1_desk {
	clear: none;
	float: left;
	margin-left: 10.0917%;
	padding-top: 2%;
	width: 12.844%;
	display: block;
}
#nav_1_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#Logo_desk {
	clear: none;
	float: left;
	margin-left: 5.5045%;
	padding-top: 5%;
	width: 17.4311%;
	display: block;
}
#nav_2_desk {
	clear: none;
	float: left;
	margin-left: 10.0917%;
	padding-top: 5%;
	padding-bottom: 6%;
	width: 12.844%;
	display: block;
}
#nav_2_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#Logo_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#footer_desk {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:/*#ececec*/#FFF;
	border-top: 1px solid #333;
	text-align: center;
	/*position: fixed;
  padding: 0px;
  bottom: 0;
  left: 0;
  right: 0%;*/
}
#footer_smart {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	background-color:/*#ececec*/#FFF;
	border-top: 1px solid #333;
	text-align: center;
	/*position: fixed;
  padding: 0px;
  bottom: 0;
  left: 0;
  right: 0;*/
}
.img-rightfloat {
	float: right;
	text-align: right;
}

.img-leftfloat {
	float: left;
}
	
.img-center {
	display: block;
	margin: 0 auto;
}
.text-align-left {
	text-align:left;
	padding-top: 0.5%;
}
.text-align-right {
	text-align: right;
	padding-top: 0.5%;
}
.text-align-center {
	text-align: center;
	padding-top: 0.5%;
}
.text-klein {
	font-size: 90%;
	font-weight: normal;
}
.text-gross {
	font-size: 110%;
	font-weight: normal;
}
.plightlight {
	font-weight: 100;
	font-size: 13px;
	text-align: justify;
}
.navhier {
	border-bottom: 1px solid #F00;
	border-left: 1px solid #F00;
	letter-spacing: 1px;
}
.text-color-red {
	color: #f22613;
}
.font-24pt {
	font-size: 24px;
	font-weight: 300;
}
.font-36pt {
	font-size: 36px;
	font-weight: 300;
}
.font-48pt {
	font-size: 48px;
	font-weight: 400;
}
.font-weight300 {
	font-weight: 300;
}
}