@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:		4;
	dw-num-cols-tablet:		12;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	10;
	
	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/
*/

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

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
/* Layout für Mobilgeräte: 480 px oder weniger. */

/*.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 97.7272%;
	padding-left: 1.1363%;
	padding-right: 1.1363%;
	clear: none;
	float: none;}*/
	
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
}
.rund {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}

a:link {
	color: #666;

	text-decoration: underline;
	clip: rect(auto,auto,auto,auto);
}
a:visited {
	color: #666;

	text-decoration: underline;
	clip: rect(auto,auto,auto,auto);
}
a:hover {
	color: #666;

	text-decoration: underline;
	clip: rect(auto,auto,auto,auto);
}
p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: #666;
	font-size: 16px;
	text-align: center;
}


ul {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: #666;
	font-size: 15px;
	text-align: center;
	list-style-position: inside;
	list-style-type: disc;
}
p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: #666;
	font-size: 16px;
	text-align: center;
}





h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	color: #01438f;
		font-size: 20px;
		text-align: center;
}
h2 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
			color: #666;
	font-size: 14px;
	text-align: center;
}
h5 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
			color: #666;
	font-size: 14px;
	text-align: center;
}
h6 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 24px;
	color: #C00;
}

.gridContainer.clearfix #toptitel img {
	float: left;
}
.gridContainer.clearfix #toptitel p {
	font-size: 20px;
	color: #8CC22C;
}
#div1 {
}
#toptitel {
	width: 74.4186%;
	margin-left: 25.5813%;
	font-size: 1.4em;
	text-align: left;
}
#nav1 {
	width: 23.2558%;
	margin-left: 0;
}
#nav2 {
width: 74.4186%;
margin-left: 2.3255%;
clear: none;
}
#nav3 {
width: 100%;
margin-left: 0;
}
#titelbild {
}
#bild_pc_oben {
	margin-top: 0px;
	display: none;
}
#bild_mobil_oben {
	margin-top: 3%;
	display: block;
}
#bild_pc {
	margin-top: 100px;
	display: none;
}
#bild_mobil {
	margin-top: 20px;
	display: block;
}
/*#nav_a1 {
    width: 23.2558%;
	margin-left: 0;
}
#nav_a2 {
width: 23.2558%;
margin-left: 2.3255%;
clear: none;
}
#nav_a3 {
width: 23.2558%;
margin-left: 2.3255%;
clear: none;
}
#nav_a4 {
width: 23.2558%;
margin-left: 2.3255%;
clear: none;
}*/
#nav_hg_grey {
	background-color: #d4e6fb;
}	
#nav_a1 {
	width: 48.8372%;
	margin-left: 0%;
	clear: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
#nav_a2 {
	width: 48.8372%;
	margin-left: 2.3255%;
	clear: none;
}
#nav_a3 {
width: 48.8372%;
margin-left: 0%;
	clear: left;
}
#nav_a4 {
width: 48.8372%;
margin-left: 2.3255%;
clear: none;
}
#nav_a1, #nav_a2, #nav_a3, #nav_a4 {
	color: #666;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#nav_a1 img, #nav_a2 img, #nav_a3 img, #nav_a4 img {
	float: left;
	width: 30px;
	height: auto;
	padding-left: 10px;
	padding-right: 5px;
}


#nav_a1 a, #nav_a2 a, #nav_a3 a, #nav_a4 a {
	color: #666;
	font-size: 11px;
	text-decoration: none;
	clip: rect(auto,auto,auto,auto);
}


#text_60 {
width: 100%;
margin-left: 0;
}
#text_40 {
width: 100%;
margin-left: 0;
}
#text60_lks {
width: 100%;
margin-left: 0;
}
#text60_re {
width: 100%;
clear: both;
margin-left: 0;
}


#team_lks {
width: 48.8372%;
margin-left: 25.5813%;
}
#team_re {
width: 48.8372%;
margin-left: 25.5813%;
clear: both;
}

#teambild p img, #team_lks p img, #team_re p img{
	text-align: center;
}


#info_lks {
width: 100%;
margin-left: 0;
}
#info_mitte {
width: 100%;
margin-left: 0;
}
#info_re {
width: 100%;
clear: both;
margin-left: 0;
}
#bilder_pc_big {
}
#bilder_mobil_big {
}
#bilder_60 {
	width: 100%;
	margin-left: 0;
	text-align: center;
}
#bilder_60 img {
	width: 100%;
}

#bilder_40 {
width: 100%;
margin-left: 0;
}
#schiebeHG_1 {
}
#schiebeHG_2 {
}
#schiebeHG_3 {
}
#cont_1v3 {
width: 100%;
margin-left: 0;
}
#cont_2v3 {
width: 100%;
clear: both;
margin-left: 0;
}
#cont_3v3 {
width: 100%;
clear: both;
margin-left: 0;
}
#info_lks {
width: 80%;
margin-left: 10%;
}
#info_mid {
clear: both;
width: 80%;
margin-left: 10%;
}
#info_re {
clear: both;
width: 80%;
margin-left: 10%;
}

#teambild {
width: 48.8372%;
clear: none;
margin-left: 25.5813%;
}


#footer_1 {
	background-color: #d4e6fb;
		
	text-align: center;
}

#footer_1 p {
	font-size: 10px;

}


#footer_2 {
width: 100%;
}
#footer_3 {
width: 100%;
clear: both;
margin-left: 0;
}
#footer_4 {
width: 100%;
clear: both;
margin-left: 0;
}
#Logo_Trennlinie {
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* 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: 99.2424%;
	padding-left: 0.3787%;
	padding-right: 0.3787%;
	clear: none;
	float: none;
	margin-left: auto;
}
.gridContainer.clearfix #toptitel img {
	float: left;
}
.gridContainer.clearfix #toptitel p {
	font-size: 20px;
	color: #8CC22C;
}
p {
	font-size: 14px;

}
h1 {

		font-size: 20px;

}
h2 {

	font-size: 14px;

}
h5 {

	font-size: 14px;

}
h6 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 24px;
	color: #C00;
}

#div1 {
}
#toptitel {
width: 49.6183%;
margin-left: 33.5877%;
}
#nav1 {
width: 16.0305%;
margin-left: 0;
}
#nav2 {
width: 83.2061%;
clear: none;
margin-left: 0.7633%;
}
#nav3 {
width: 100%;
margin-left: 0;
}
#titelbild {
}#bild_pc_oben {
	margin-top: 0px;
	display: block;
}
#bild_mobil_oben {
	margin-top: 0px;
	display: none;
}

#bild_pc {
	display: block;
	margin-top: 40px;
}
#bild_mobil {
	display: none;
}
#nav_a1 {
width: 16.0305%;
margin-left: 16.7938%;
}
#nav_a2 {
width: 16.0305%;
clear: none;
margin-left: 0.7633%;
}
#nav_a3 {
width: 16.0305%;
clear: none;
margin-left: 0.7633%;
}
#nav_a4 {
width: 16.0305%;
clear: none;
margin-left: 0.7633%;
}
#text_60 {
width: 66.4122%;
margin-left: 16.7938%;
}
#text_40 {
width: 49.6183%;
margin-left: 25.1908%;
}
#text60_lks {
width: 32.8244%;
margin-left: 16.7938%;
}
#text60_re {
width: 32.8244%;
margin-left: 0.7633%;
clear: none;
}
#team_lks {
width: 24.4274%;
margin-left: 25.1908%;
}
#team_re {
width: 24.4274%;
margin-left: 0.7633%;
clear: none;
}
#info_lks {
width: 32.8244%;
margin-left: 16.7938%;
}
#info_mitte {
width: 58.0152%;
margin-left: 25.1908%;
}
#info_re {
width: 32.8244%;
margin-left: 0.7633%;
clear: none;
}
#bilder_pc_big {
}
#bilder_mobil_big {
}
#bilder_60 {
width: 66.4122%;
margin-left: 16.7938%;
}
#bilder_40 {
width: 49.6183%;
margin-left: 25.1908%;
}
#schiebeHG_1 {
}
#schiebeHG_2 {
}
#schiebeHG_3 {
}
#cont_1v3 {
width: 16.0305%;
margin-left: 16.7938%;
}
#cont_2v3 {
width: 16.0305%;
margin-left: 9.1603%;
clear: none;
}
#cont_3v3 {
width: 16.0305%;
margin-left: 9.1603%;
clear: none;
}

#teambild {
width: 32.8244%;
margin-left: 34.3511%;
clear: none;
}
#teambild p img, #team_lks p img, #team_re p img{
	text-align: center;
}


#info_lks {
width: 20%;
margin-left: 17%;
}
#info_mid {
clear: none;
width: 20%;
margin-left: 3%;
}
#info_re {
clear: none;
width: 20%;
margin-left: 3%;
}
#footer_1 {
}
#footer_2 {
width: 32.8244%;
}
#footer_3 {
width: 32.8244%;
margin-left: 0.7633%;
clear: none;
}
#footer_4 {
width: 32.8244%;
margin-left: 0.7633%;
clear: none;
}
#Logo_Trennlinie {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* 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: 99.2424%;
	max-width: 1232px;
	padding-left: 0.3787%;
	padding-right: 0.3787%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}*/
.gridContainer {
	width: 99.2424%;
	max-width: 1920px;
	padding-left: 0.3787%;
	padding-right: 0.3787%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.gridContainer.clearfix #toptitel img {
	float: left;
}
.gridContainer.clearfix #toptitel p {
	font-size: 20px;
	color: #8CC22C;
}
p {

	font-size: 16px;
}
h1 {

		font-size: 28px;

}
h2 {

	font-size: 14px;

}
h5 {

	font-size: 14px;

}
h6 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 24px;
	color: #C00;
}

#div1 {
}
#toptitel {
width: 49.6183%;
margin-left: 33.5877%;
}
#nav1 {
width: 16.0305%;
margin-left: 16.7938%;
}
#nav2 {
width: 49.6183%;
clear: none;
margin-left: 0.7633%;
}
#nav3 {
width: 66.4122%;
margin-left: 16.7938%;
}
#bild_pc_oben {
	margin-top: 0px;
	display: block;
}
#bild_mobil_oben {
	margin-top: 0px;
	display: none;
}

#bild_pc {
	display: block;
	margin-top: 0px;
}
#bild_mobil {
	display: none;
}
#nav_a1 {
width: 16.0305%;
margin-left: 16.7938%;
}
#nav_a2 {
width: 16.0305%;
clear: none;
margin-left: 0.7633%;
}
#nav_a3 {
width: 16.0305%;
clear: none;
margin-left: 0.7633%;
}
#nav_a4 {
width: 16.0305%;
clear: none;
margin-left: 0.7633%;
}
#text_60 {
width: 66.4122%;
margin-left: 16.7938%;
}
#text_40 {
width: 49.6183%;
margin-left: 25.1908%;
}
#text60_lks {
width: 32.8244%;
margin-left: 16.7938%;
}
#text60_re {
width: 32.8244%;
clear: none;
margin-left: 0.7633%;
}
#team_lks {
width: 24.4274%;
margin-left: 25.1908%;
}
#team_re {
width: 24.4274%;
margin-left: 0.7633%;
clear: none;
}
/*#info_lks {
width: 32.8244%;
margin-left: 16.7938%;
}
#info_mitte {
width: 66.4122%;
margin-left: 16.7938%;
}
#info_re {
width: 32.8244%;
clear: none;
margin-left: 0.7633%;
}*/
#info_lks {
width: 20%;
margin-left: 17%;
}
#info_mid {
clear: none;
width: 20%;
margin-left: 3%;
}
#info_re {
clear: none;
width: 20%;
margin-left: 3%;
}

#bilder_pc_big {
}
#bilder_mobil_big {
}
#bilder_60 {
width: 66.4122%;
margin-left: 16.7938%;
}
/*#bilder_40 {
width: 49.6183%;
margin-left: 33.5877%;
}*/
#bilder_40 {
width: 32.5877%;
margin-left: 33.5877%;
}
#schiebeHG_1 {
}
#schiebeHG_2 {
}
#schiebeHG_3 {
}
#cont_1v3 {
width: 16.0305%;
margin-left: 16.7938%;
}
#cont_2v3 {
width: 16.0305%;
clear: none;
margin-left: 9.1603%;
}
#cont_3v3 {
width: 16.0305%;
clear: none;
margin-left: 9.1603%;
}
#teambild {
	width: 32.8244%;
	clear: none;
	margin-left: 34.3511%;
	text-align: center;
	float: left;
}
#teambild p img, #team_lks p img, #team_re p img{
	text-align: center;
	width: 50%;
}

#footer_1 {
}
#footer_2 {
width: 32.8244%;
}
#footer_3 {
width: 32.8244%;
clear: none;
margin-left: 0.7633%;
}


#footer_4 {
width: 32.8244%;
clear: none;
margin-left: 0.7633%;
}
#Logo_Trennlinie {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}