/*Fontimport*/
@charset "UTF-8";
@import url("../fonts.css");


/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	float: left;
	margin-right: 10px;
	top: 15px;
	margin-top: 15px;
	height: auto;
	padding-top: 0px;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by 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;        
}

.fluidgemeinde {
	clear: both;
	margin-left: 0;
	width: 100%;
	height:85px;
	float: left;
	display: block;
	padding-top: 20px;
}

.fluidludwig {
	clear: both;
	margin-left: 0;
	width: 100%;
	height:85px;
	float: left;
	display: block;
	padding-top: 20px;
}

.fluidhuber {
	clear: both;
	margin-left: 0;
	width: 100%;
	height:85px;
	float: left;
	display: block;
}

.fluidstrom {
	clear: both;
	margin-left: 0;
	width: 100%;
	height:90px;
	float: left;
	display: block;
}

.fluidspinner {
	clear: both;
	margin-left: 0;
	margin-top: 10;
	width: 100%;
	height: 59px;
	float: left;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.fluidstimmer {
	clear: both;
	margin-left: 0;
	margin-top: 10;
	width: 100%;
	height: 50px;
	float: left;
	display: block;
	padding-top: 20px;
	padding-bottom: 25px;
}

.fluidsponsoren {
	clear: both;
	margin-left: 0;
	margin-top: 10;
	width: 100%;
	height: 50px;
	float: left;
	display: block;
	padding-top: 30px;
}

/* Mobile Layout: 480px and below. */
  
/*Schriftdefinitionen*/
h3 {font-family:"aleo";
	line-height:1}
h4 {font-family:'fg petra';
	font-size:16px}
subhead {
	font-family: 'Roboto';
	font-size: 20px;
	color: #2163CF;
	margin-top: 0px;
	margin-bottom: auto;
	padding-top: 10px;
	line-height: 80%;
}
p {font-family:'Roboto';
font-size:14px;
color: #000000;}
neghead {
	font-family: 'Roboto';
	font-size: 20px;
	color: #FFF;
	text-align: center;
	line-height: 90%;}
pneg {
	font-family: 'Roboto';
	font-size: 14px;
	text-align: center;
	color: #FFF;}
.Liste {
	font-size: 14px;
	font-family: 'Roboto'}
bold {
	font-family: 'Roboto-bold'}

#logo 
{
	margin-left:0px;
}

#menubar
{
	width: 100%;
	height: 15px;
	padding-top: 0.8px;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: 0;
} 
ul#menu
{ 
  margin: 0;
  	text-align: right;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: 0;
}

ul#menu li
{ padding: 0 0 0 0px;
  list-style: none;
  margin: 2px 0 0 0;
  display: inline;
  background: transparent;}

ul#menu li a
{
	float: left;
	font: 80% Roboto;
	height: 21px;
	margin: 7px 0 0 10px;
	padding: 3px 6px 0;
	background: #079752;
	color: #FFF;
	text-decoration: none;
} 
  
ul#menu1 li a
{
	font-size: 80%;
	height: 21px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0;
	text-align: center;
	color: #FFF;
	text-shadow: 1px 1px #1d1d1d;
	text-decoration: none;
	background: transparent;
} 

ul#menu li.current a
{ background: #3B5998;}
  
ul#menu li:hover a
{ background: #3B5998;}

#menu_container2
{ height: 40px;
  background: #0081C6;}  


.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
#div1 {
width: 47.3684%;
margin-left: 0;
height:100px;
}

#div2 { width: 47.3684%; margin-left: 5.2631%; clear: none;}
#div4 { width: 47.3684%; margin-left: 0; clear: both; height:110px}
.navi {clear: both;margin-left: 0;}
#div6 {width: 47.3684%;margin-left: 5.2631%;clear: none;}

#div8
{ width: 100%; height:30px; margin-left: 0; clear: both;}  

#div11
{ width: 100%; margin-left: 0; clear: both;}  

#div12
{ width: 100%; margin-left: 0; clear: both;}  

#div14
{ width: 100%; margin-left: 0; clear: both;}  

#div16
{ width: 100%; margin-left: 0; clear: both;}  

#div17
{ width: 100%; margin-left: 0; clear: both;}  

#div18
{ width: 100%; margin-left: 0; clear: both;}  

#div20
{
	width: 47.3684%;
	height: auto;
	margin-left: 0;
	clear: both;
}  

#div23
{ width: 47.3684%; height: auto; margin-left: 0; clear: both;}  

#div26
{ width: 47.3684%; height: auto; margin-left: 0; clear: both;}  

#div29
{ width: 73.6842%; height: auto; margin-left: 0; clear: both;}  

#div32
{ width: 100%; height: 30px; margin-left: 0; clear: both;}  

#div13
{ width: 47.3684%; height: auto; margin-left: 0; clear: both;}  

#div35
{ width: 47.3684%; height: auto; margin-left: 0; clear: both;}  

#div38
{width: 100%;margin-left: 0;clear: both;}  

#div40
{width: 100%;margin-left: 0;clear: both;}  

#div42
{width: 100%;margin-left: 0;clear: both;}  

#div43
{width: 100%;margin-left: 0;clear: both;}  

#div41
{width: 100%;margin-left: 0;clear: both;}  

#div44
{width: 100%;margin-left: 0;clear: both;}  

#div45
{width: 100%;margin-left: 0;clear: both;}  

.zeroMargin_mobile
{margin-left: 0;}  

.hide_mobile
{display: none;}  
  


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

@media only screen and (min-width: 481px) {

/*Schriftdefinitionen*/
h3 {font-family:"aleo";
	line-height:1}
h4 {font-family:'fg petra';
	font-size:20px}
subhead {
	font-family: 'Roboto';
	font-size: 20px;
	color: #2163CF;
	margin-top: 0px;
	margin-bottom: auto;}
p {font-family:'Roboto';
font-size:14px;
color: #000000;}
neghead {
	font-family: 'Roboto';
	font-size: 20px;
	color: #FFF;
	text-align: center;
	line-height: 90%;}
pneg {
	font-family: 'Roboto';
	font-size: 14px;
	text-align: center;
	color: #FFF;}
.Liste {font-size: 14px;
font-family: 'Roboto'}


#logo 
{
	margin-left:25px;
}
#menubar
{
	width: 75%;
	height: 19px;
	padding-top: 0.8px;
	text-align: right;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: 0;
} 
ul#menu
{ 
	margin: 0;
  	text-align: right;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: 0;}
ul#menu_unten
{ 
	width:80%;
	margin: 0;
  	text-align: right;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: 0;}

ul#menu li
{ padding: 0 0 0 0px;
  list-style: none;
  margin: 2px 0 0 0;
  display: inline;
  background: transparent;}

ul#menu li a
{
	float: left;
	font: 80% Roboto;
	height: 19px;
	margin: 3px 0 0 10px;
	padding-top: 1px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 0;
	background: #079752;
	color: #FFF;
	text-decoration: none;} 
  
ul#menu1 li a
{ font-size: 80%;
  height: 19px;
  padding: 15px 15px 0 15px;
  text-align: center;
  color: #FFF;
  text-shadow: 1px 1px #1d1d1d;
  text-decoration: none;
  background: transparent;} 

ul#menu li.current a
{ background: #3B5998;}
  
ul#menu li:hover a
{ background: #3B5998;}

#menu_container2
{ height: 40px;
  background: #0081C6;}  

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
width: 35.8974%;
margin-left: 0;
}

#div2 { width: 35.8974%; clear: none; margin-left: 2.5641%;}
#div4 { width: 23.0769%; clear: none; margin-left: 2.5641%;}
.navi {clear: both;margin-left: 0;}
#div6 {width: 100%;clear: both;margin-left: 0;}
#div8 {width: 100%;clear: both;margin-left: 0;}
#div11 {width: 100%;clear: both;margin-left: 0;}
#div12 {width: 48.7179%;clear: both;margin-left: 0;}
#div14 {width: 48.7179%;clear: none;margin-left: 2.5641%;}
#div16 {width: 100%;clear: both;margin-left: 0;}
#div17 {width: 48.7179%;clear: both;margin-left: 0;}
#div18 {width: 48.7179%;clear: none;margin-left: 2.5641%;}
#div20 {width: 23.0769%;clear: both;margin-left: 0;}
#div23 {width: 23.0769%;clear: none;margin-left: 2.5641%;margin-bottom:100px;}
#div26 {width: 23.0769%;clear: none;margin-left: 2.5641%;}
#div29 {width: 35.8974%;clear: none;margin-left: 2.5641%;margin-bottom: 40px;}
#div32 {width: 100%;clear: both;margin-left: 0;}
#div13 {width: 35.8974%;clear: none;margin-left: 2.5641%;}
#div35 {width: 23.0769%;clear: both;margin-left: 0;}
#div38 {width: 48.7179%;clear: none;margin-left: 2.5641%;}
#div40 {width: 48.7179%;clear: none;margin-left: 2.5641%;}
#div42 {width: 48.7179%;clear: none;margin-left: 2.5641%;}
#div43 {width: 48.7179%;clear: none;margin-left: 2.5641%;}
#div41 {width: 48.7179%;clear: none;margin-left: 2.5641%;}
#div44 {width: 48.7179%;clear: none;margin-left: 2.5641%;}
#div45 {width: 48.7179%;clear: none;margin-left: 2.5641%;}
.hide_tablet {display: none;}
.zeroMargin_tablet {margin-left: 0;}

}

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

@media only screen and (min-width: 769px) {

/*Schriftdefinitionen*/
h3 {font-family:"aleo";
	line-height:1}
h4 {font-family:'fg petra';
	font-size:25px}
subhead {
	font-family: 'Roboto';
	font-size: 20px;
	color: #2163CF;
	margin-top: 0px;
	margin-bottom: auto;}
p {font-family:'Roboto';
font-size:14px;
color: #000000;}
neghead {
	font-family: 'Roboto';
	font-size: 20px;
	color: #FFF;
	text-align: center;
	line-height: 90%;}
pneg {
	font-family: 'Roboto';
	font-size: 14px;
	text-align: center;
	color: #FFF;}
.Liste {font-size: 14px;
font-family: 'Roboto'}

#logo 
{
	margin-left:35px;
}
#menubar
{
	width: 65%;
	height: 19px;
	padding-top: 0.8px;
	text-align: right;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: 0;
} 
ul#menu
{ 
  margin: 0;
  	text-align: right;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: 0;}

ul#menu li
{ padding: 0 0 0 0px;
  list-style: none;
  margin: 2px 0 0 0;
  display: inline;
  background: transparent;}

ul#menu li a
{
	float: left;
	font: 80% Roboto;
	height: 19px;
	margin: 3px 0 0 10px;
	padding-top: 1px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 0;
	background: #079752;
	color: #FFF;
	text-decoration: none;} 
  
ul#menu1 li a
{ font-size: 80%;
  height: 19px;
  padding: 15px 15px 0 15px;
  text-align: center;
  color: #FFF;
  text-shadow: 1px 1px #1d1d1d;
  text-decoration: none;
  background: transparent;} 

ul#menu li.current a
{ background: #3B5998;}
  
ul#menu li:hover a
{ background: #3B5998;}

#menu_container2
{ height: 40px;
  background: #0081C6;}  

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
width: 23.7288%;
margin-left: 8.4745%;
}

#div2 { width: 32.2033%; clear: none; margin-left: 1.6949%;}
#div4 { width: 23.7288%; clear: none; margin-left: 1.6949%;}
.navi {margin-left: 7.1428%;clear: none;}
#div6 {
	width: 83.0508%;
	clear: both;
	margin-left: 8.4745%;
}
#div8 {width: 83.0508%;clear: both;margin-left: 8.4745%;}
#div11 {
	width: 83.0508%;
	clear: both;
	margin-left: 8.4745%;
	top: 0px;
}
#div12 {
	width: 40.6779%;
	clear: both;
	margin-left: 8.4745%;
	line-height: normal;
}
#div14 {width: 40.6779%;clear: none;margin-left: 1.6949%;}
#div16 {width: 83.0508%;clear: both;margin-left: 8.4745%;}
#div17 {width: 49.1525%;clear: both;margin-left: 8.4745%;}
#div18 {
	width: 32.2033%;
	clear: none;
	margin-left: 1.6949%;
	margin-top: 15px;
}
#div20 {width: 15.2542%;clear: both;margin-left: 8.4745%;}
#div23 {width: 15.2542%;clear: none;margin-left: 1.6949%;margin-bottom: 100px;}
#div26 {width: 15.2542%;clear: none;margin-left: 1.6949%;}
#div29 {width: 23.7288%;clear: none;margin-left: 1.6949%;}
#div32 {width: 83.0508%;clear: both;margin-left: 8.4745%;}
#div13 {width: 23.7288%;clear: none;margin-left: 1.6949%;}
#div35 {width: 15.2542%;clear: both;margin-left: 8.4745%;}
#div38 {width: 40.6779%;clear: both;margin-left: 8.4745%;}
#div40 {width: 40.6779%;clear: both;margin-left: 8.4745%;}
#div42 {width: 40.6779%;clear: none;margin-left: 1.6949%;}
#div43 {width: 40.6779%;clear: none;margin-left: 1.6949%;}
#div41 {width: 40.6779%;clear: none;margin-left: 1.6949%;}
#div44 {width: 40.6779%;clear: both;margin-left: 8.4745%;}
#div45 {width: 40.6779%;clear: none;margin-left: 1.6949%;}
.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}

}