@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:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	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: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv0 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position:fixed;
	background-color:#FFF;
	z-index:1!important;
	margin-top:20%!important;
	padding-top:6%!important;

}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position:fixed;
	background-color:#FFF;
	z-index:3!important;

}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:53%!important;
	background-color:#FFF;
	z-index:4!important;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:0%;
	background-color:#FFF;

}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%!important;
	display: block;
	margin-top:35%!important;
	background-color:#FFF;
		
}
#menu {
    clear: both;
	float: none;
	margin-left:9.5%!important;
	width: 100%!important;
	display: block;
	margin-top:12%!important;
	position:fixed;
	background-color:#FFF;
	z-index:2!important;
	
	
	
}
#menu ul {
     position: fixed;
	 margin-left: 0;
     margin: 0 auto;
     list-style: none;
	 background-color:#FFF;
	
	
}
#menu ul li {
     float: left;
     margin: 0 0 0 16px;
	 color:#CCC!important;
	 font-size:15px!important;
	 background-color:#FFF;
	
	
	 	
	
	 
}
.box0 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 12%;!important;
	padding-top: 12%;!important;
	background-color:#FFF;


}
.box1 {
	border: 0px solid #222222;
	width: 85%!important;
	height: 85%!important;
	float: left;
	margin-top: 10%!important;
	padding-top: 0%!important;
	background-color:#FFF;
	z-index:1!important;

}
.box2 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 10%!important;
	padding-top: 0%!important;
	background-color:#FFF;

}
.box3 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 5%;
	padding-top: 0%;
	background-color:#FFF;

}
.box4 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top:30%;
	padding-top: 0%;
	background-color:#FFF;

}
.box5 {
	border: 0px solid #222222;
	width: 150%!important;
	height: 100%!important;
	float: none;
	margin-top: 40%!important;
	margin-left: -32%!important;
	padding-top:0%!important;
	background-color:#FFF;
	z-index:2!important;
}
.box6 {
	border: 0px solid #222222;
	width: 100%!important;
	height: 100%!important;
	float: none;
	margin-top: 16.5%!important;
	margin-left: -19%!important;
	padding-top:0%!important;
	background-color:#FFF;
	z-index:2!important;
}
h1 {
	color:#247977!important;
	font-size: 15px;
	line-height: 20px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}
h2 {
	color:#247977!important;
	font-size: 13px;
	line-height: 20px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}
h3 {
	color:#247977!important;
	font-size: 13px;
	line-height: 20px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}
p {
	color:#247977!important;
	font-size: 14px;
	line-height: 20px;
	font-family: Univers, Arial, Helvetica, sans-serif;
	
}
p1 {
	color:#247977!important;
	font-size: 15px!important;
	font-family:Univers, Arial, Helvetica, sans-serif;
	word-spacing: 0.1em!important;
	letter-spacing: 0.05em!important;
	line-height:2.5em!important;
	
}
m1 {
	color:#FFF;
	font-size: 12px;
	line-height: 0px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}
m2 {
	color:#777;
	font-size: 12px;
	line-height: 0px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}

.body {
background-color: #FFF;
}	

/* 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: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	
	
}
#LayoutDiv0 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position:fixed;
	background-color:#FFF;
	z-index:1!important;
	margin-top:12%!important;

}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position:fixed;
	background-color:#FFF;
	z-index:3!important;

}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:25%!important;
	padding-top:0%!important;
	background-color:#FFF;
	z-index:4!important;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:0%;
	background-color:#FFF;

}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 1%;
	width: 100%!important;
	display: block;
	margin-top:25%!important;
	background-color:#FFF;
		
}
#menu {
    clear: both;
	float: none;
	margin-left: 0%;
	width: 100%;
	display: block;
	margin-top:15%!important;
	padding-top:0%!important;
	position:fixed;
	background-color:#FFF;
	z-index:2!important;
}
#menu ul {
     position: fixed;
	 margin-left: 0;
     margin: 0 auto;
     list-style: none;
	 background-color:#FFF;
	
}
#menu ul li {
     float: left;
     margin: 0 0 0 20px;
	 color:#CCC!important;
	 font-size:15px!important;
	 background-color:#FFF;
	
	 
}
.box0 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 0%;!important;
	padding-top: 11%;!important;
	background-color:#FFF;


}
.box1 {
	border: 0px solid #222222;
	width: 43%!important;
	height: 43%!important;
	float: left;
	margin-top: 5%!important;
	padding-top: 0%!important;
	background-color:#FFF;
	z-index:1!important;

}
.box2 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 7%!important;
	padding-top: 0%!important;
	background-color:#FFF;

}
.box3 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 5%;
	padding-top: 0%;
	background-color:#FFF;

}
.box4 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 6%;
	padding-top: 0%;
	background-color:#FFF;

}
.box5 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: none;
	margin-top: 15%!important;
	margin-left: -34.5%!important;
	padding-top:0%!important;
	background-color:#FFF;
	z-index:2!important;
}
.box6 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: none;
	margin-top: 0%!important;
	margin-left: -17%!important;
	padding-top:0%!important;
	background-color:#FFF;
	z-index:2!important;
}
h1 {
	color:#247977!important;
	font-size: 14px;
	line-height: 20px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}
h2 {
	color:#247977!important;
	font-size: 12px;
	line-height: 20px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}
h3 {
	color:#247977!important;
	font-size: 10px;
	line-height: 20px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}
p {
	color:#247977!important;
	font-size: 14px;
	line-height: 22px;
	font-family: Univers, Arial, Helvetica, sans-serif;
	
}
p1 {
	color:#247977!important;
	font-size: 17px!important;
	font-family:Univers, Arial, Helvetica, sans-serif;
	word-spacing: 0.1em!important;
	letter-spacing: 0.05em!important;
	line-height:2.0em!important;
	
}

m1 {
	color:#FFF;
	font-size: 12px;
	line-height: 0px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}
m2 {
	color:#777;
	font-size: 12px;
	line-height: 0px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}

.body {
background-color: #FFF;
}	

/* 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: 88.2%;
	max-width: 1350px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	
}
#LayoutDiv0 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:1%!important;
	width: 100%;
	display: block;
	position:fixed;
	background-color:#FFF;
	z-index:1!important;

}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0%!important;
	width: 100%;
	display: block;
	position:fixed;
	background-color:#FFF;
	z-index:3!important;

}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:10%!important;
	padding-top:0%!important;
	background-color:#FFF;
	z-index:4!important;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:0%;
	background-color:#FFF;

}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 78%!important;
	display: block;
	margin-top:14%!important;
	background-color:#FFF;
		
}
#menu {
    clear: both;
	float: none;
	margin-left:0%!important;
	width: 100%;
	display: block;
	margin-top:8%!important;
	position:fixed;
	background-color:#FFF;
	z-index:2!important;
	
}
#menu ul {
     position: fixed;
	 margin-left: 0%;
     margin: 0 auto;
     list-style: none;
	 background-color:#FFF;
	
}
#menu ul li {
     float: left;
     margin: 0 0 0 20px;
	 color:#CCC!important;
	 font-size:15px!important;
	 background-color:#FFF;
	
	 
}
.box0 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%!important;
	float: left;
	margin-top: 2%!important;
	padding-top: 3%!important;
	background-color:#FFF;
	

}
.box1 {
	border: 0px solid #222222;
	width: 22%!important;
	height: 22%!important;
	float: left;
	margin-top: 2.5%!important;
	padding-top: 0%!important;
	background-color:#FFF;
	

}
.box2 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 6%!important;
	padding-top: 0%!important;
	background-color:#FFF;

}
.box3 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 5%;
	padding-top: 0%;
	background-color:#FFF;

}
.box4 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: left;
	margin-top: 15%;
	padding-top: 0%;
	background-color:#FFF;

}
.box5 {
	border: 0px solid #222222;
	width: 100%!important;
	height: 100%!important;
	float: none;
	margin-top: 7%!important;
	margin-left: -17%!important;
	padding-top:0%!important;
	background-color:#FFF;
	
}
.box6 {
	border: 0px solid #222222;
	width: 100%;
	height: 100%;
	float: none;
	margin-top: 4%!important;
	margin-left: -18%!important;
	padding-top:0%!important;
	background-color:#FFF;
	
}

h1 {
	color:#247977!important;
	font-size: 17px;
	line-height: 20px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}
h2 {
	color:#247977!important;
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;

}
h3 {
	color:#247977!important;
	font-size: 14px;
	line-height: 20px;
	font-family: Univers, Arial, Helvetica, sans-serif;



}
p {
	color:#247977!important;
	font-size: 14px;
	line-height: 20px;
	font-family: Univers, Arial, Helvetica, sans-serif;
	
}
p1 {
	color:#247977!important;
	font-size: 17px!important;
	font-family:Univers, Arial, Helvetica, sans-serif;
	word-spacing: 0.1em!important;
	letter-spacing: 0.05em!important;
	line-height:2.5em!important;
	text-decoration:none;
}
m1 {
	color:#FFF;
	font-size: 12px;
	line-height: 0px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}
m2 {
	color:#777;
	font-size: 12px;
	line-height: 0px;
	font-family: Univers, Arial, Helvetica, sans-serif;

}

.body {
background-color: #FFF;

}