.container { margin: 0;  width: 100%; height: 100%; top: 0%; 
 margin: 0px auto;
 padding: 0 0px;
 background-repeat: no-repeat;
 background-position: center 0px;  }


/* Mit dieser Einstellung bleibt die Seite im Grössenangepasst !!!!!!
 .container {  
 width: 100%; 
 margin: 0px auto;
 padding: 0 0px;
 background-repeat: no-repeat;
 background-position: center 0px;  
 */
 




body {
    background-color: #eee;
    text-align: center;
    padding-top: 50px;
}

.nav {
    display: block;
    font: 13px Helvetica, Tahoma, serif;
    text-transform: uppercase;
    margin: 0; 
    padding: 0;
}

.nav li {
    display: inline-block;
    list-style: none;
}

.nav .button-dropdown {
    position: relative;
}

.nav li a {
    display: block;
    color: #333;
    background-color: #fff;
    padding: 10px 20px;
    text-decoration: none;
}

.nav li a span {
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
    color: #999;
}

.nav li a:hover, .nav li a.dropdown-toggle.active {
    background-color: #289dcc;
    color: #fff;
}

.nav li a:hover span, .nav li a.dropdown-toggle.active span {
    color: #fff;
}

.nav li .dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0;
    margin-top: 3px;
    text-align: left;
}

.nav li .dropdown-menu.active {
    display: block;
}

.nav li .dropdown-menu a {
    width: 150px;
}




/* Change color of dropdown links on hover */
 .dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
















 

#holder {margin: 0;  width: 1000px; height: 780px; position: absolute; top: 6%; left: 50%; margin-left: -500px;  } // margin-top: -370px;
	
	
	#holder2 {margin: 0;  width: 100%; height: 100%; top: 0%; 
 margin: 0px auto;
 padding: 0 0px;
 background-repeat: no-repeat;
 background-position: center 0px;}
	
	

@charset "utf-8";
html, body { 
witdh: 100%;
  height: 100%;

  }
body {
font-family:Verdana,arial,Tahoma;
font-size:.8em; 
color:#222;
margin:0;
padding:0;
background:#fff;
text-align:justify;
}
a { color:#000;  }
a:hover { text-decoration:none; color: #900; }
a:visited {color: #666;}


.fliesstextgraf { text-align:left; vertical-align:top;   line-height:1.3em; font-family:Verdana, Geneva, sans-serif; font-size:1.0em; color:#666}  /* Text auf den einzelnen Seiten */


.fliesstextgraf99 { text-align:left; vertical-align:top;   line-height:1.3em; font-family:Verdana, Geneva, sans-serif; font-size:0.9em; color:#666}  /* Text auf den einzelnen Seiten */


.fliesstext2 { width:100%;  line-height:1.0em; font-family:Verdana, Geneva, sans-serif; font-size:0.8em; color:#666}  /* Text auf den einzelnen Seiten */

#footer {
    position:fixed;
    bottom:0px;
    background:#fff;
    text-align:center;
    padding:0px;
    width:100%; 
}


#blume { 
	width:100%;
 height:100%;
 
z-index:10;

   
}





#balken_gross {
	
	width:100%; height:100%;
    
 
z-index:10;


}

.bild_skalieren   {
	
	width:100%; max-width: 1920px;


}


.bild_skalieren_slider   {
	
	width:100%; max-width: 1050px;


}




p, li { margin:0px; color:#666; padding:0px}    /* dropdownfelder Abst�nde zwischen den Namen */
ul { padding-left:1em; }
a:link { text-decoration:none; color: #666; }
img { border: none; }
.bordered { border:0px solid #aaa; }
h1 { text-align:right; margin:2px; color:#000; font-family:Georgia,Arial,Tahoma; font-size: 3em;}
h3, h5 { line-height:1.3em; margin-bottom:0px; }
textarea { background:#ccc; color:#333; border:1px solid #aaa; }
#content { width:700px; background:#eee; margin-left:auto; margin-right:auto; padding:8px; border-left:0px solid #ccc; border-right:0px solid #ccc; }

#inhalt {  background-color:#FFF;}
	 
	 /* Erweiterung zur dynamischen Ein-/Ausblendung */
  ul#Navigation li>ul { line-height:1.9em;
    display: none; top: 1.6em; 
  }
  ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {padding-left:-10px;
    display: block;
  }

  /* Workaround fuer den IE 7 */
  *:first-child+html ul#Navigation ul {
     padding-bottom:0.4em; display: block;
  }

	 ul li {
    list-style-type: none;
}
  
	#liste {margin-left:-40px; display: block;}
	
	nav ul {
    padding: 0px;
    margin: 0px;
	
 
    box-shadow: 2px 2px 2px #dfdfdf;
    -moz-box-shadow: 2px 2px 2px #dfdfdf;
    -webkit-box-shadow: 2px 2px 2px #dfdfdf;
}
nav ul li {
list-style: none;   /* reiterposition */

    float:left;
	text-align:center;
    border-right: 0px solid #dfdfdf;
}
nav ul li a {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 14px 34px 14px 34px;
 
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
}

.reiter_nav { text-decoration: none;
    display: block;
    color: #333;
    padding: 14px 34px 14px 34px;
 
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
}



nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
  background-color: #008C74; text-align:left;  
}




	
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
    background-color: #008C74;


}
nav ul li:hover > a {
    color: #FAFAFA;
}
nav ul li ul li a {
    color: #FAFAFA;
}
nav ul li ul li a:hover{
    color: #333;
    background-color: #FAFAFA !important;
}
html {
    background-color: #FFFFFF;
}

a {
	font-family:Verdana,arial,Tahoma;
font-size:1.0em; 
    text-decoration: none;
    color: #900;
}


#wrapper {
	
	width: 100%;
	height: 100%;
	vertical-align:center; padding-right:0px;
	

}

nav ul,nav ul li{
    background-color: none;
}
nav ul li {
    list-style: none;   /* reiterposition */
 



    border-right: 1px solid #900;  /* pipes zwischen den menupunkten */
}
nav ul li a {
	
    text-decoration: none; 
    display: block;
    color: #333;
    padding: 3px 10px 3px 10px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}

nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
    background-color: #fff;
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {   /* TRANSPARENZ */
    background-color: rgba(256,256,256,0.7);
	
 

}
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
   background-color: rgba(256,256,256,0.7);
}
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
    background-color: rgba(256,256,256,0.7);
}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
    background-color: rgba(256,256,256,0.7);
}

nav ul li:hover > a {               /* SCHRIFT NAVI */
    color: #900; font-weight:normal;
}
nav ul li:hover > ul {
    visibility: visible;
}

nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute; z-index:99;
    padding:0px;
}
nav ul li ul li{
	float: none;
}
nav ul li ul li a {              /* SCHRIFT NAVI */
    color: #090;
}
nav ul li ul li a:hover{
	color: #333;
	background-color: #FFF !important;   /* Balken bei dropdown mit einzelnen namen */
	
	 
	
}



	 
/* bildergalerie Karuselllllllll */


#cat1 { width:100%; height:100%;
	
	border-right: 1px solid #FFF; 
	 text-align:left;                 /* Pipes bei dropdown ohne Farbe */
	
}



#cat5 { width:100%; height:100%; display:block;
	
	
	
}




/*--------------------der neue slider_mit den punkten-------------------------*/



#wrapper33 {
	width: 100%;
	height: 400px;
	
	
	
	box-shadow: 0 5px 15px #013;
}
#carousel33 {
	width: 1050px;
	height: 400px;
	overflow: hidden;
}
#carousel33 img {
	display: block;
	float: left;
}
 
#pager {
	text-align: right;
	padding: 20px 45px 0 0;
}
#pager a {
	background-color: #356;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 6px;
	border-radius: 10px;
	box-shadow: 0 1px 1px #cef;
}
#pager a.selected {
	background-color: #134;
}
#pager a span {
	display: none;
}
 
#thumbs33 {
	display: none;
	border: 1px solid rgba(0, 0, 0, 0.8);
	background-color: rgba(0, 0, 0, 0.5);
	width: 150px;
	height: 75px;
	padding: 10px;
	position: absolute;
	top: 400px;
	right: 500px;
	z-index: 10;
}
#thumbs33 img {
	display: block;
	float: left;
}


#prev, #next {
	background: transparent url(../images/gui/carousel_nav.png) no-repeat 0 0;
	display: block;
	width: 19px;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}
#prev {
	background-position: 0 0;
	left: 10px;
}
#next {
	background-position: -19px 0;
	right: 10px;
}			
#prev:hover { 
	background-position: 0 -20px;				
}
#next:hover {
	background-position: -19px -20px;				
}
#prev.disabled, #next.disabled {
	display: none !important;
}



 
#wrapper22 {
	
	width: 1050px;
	height: 200px;
	
}
#carousel-wrapper {
	padding-bottom: 10px;
	position: relative;
}
#carousel, #thumbs {
	overflow: hidden;
}
#carousel-wrapper .caroufredsel_wrapper {
	border-radius: 0px;
	box-shadow: 0 0 5px #899;
}
 
#carousel span, #carousel img,
#thumbs a, #thumbs img  {
	display: block;
	float: left;
}
#carousel span, #carousel a,
#thumbs span, #thumbs a {
	position: relative;
}
#carousel img,
#thumbs img {
	border: none;
	width: 100%;
	height: 100%;
	
	top: 0;
	left: 0;
}
#carousel img.glare,
#thumbs img.glare {
	width: 102%;
	height: auto;
}
 
#carousel span {
	width: 554px;
	height: 200px;
}
 
#thumbs-wrapper22 {
	padding: 0px 40px;
	position: relative;
}
#thumbs a {
	border: 2px solid #899;
	width: 150px;
	height: 100px;
	margin: 0 10px;
	overflow: hidden;
	border-radius: 2px;
	
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
}
#thumbs a:hover, #thumbs a.selected {
	border-color: #566;
}
 
#wrapper22 img#shadow {
	width: 100%;
	position: absolute;
	bottom: 0;
}
/* der kleine Nav-pfeil---bei den quadratischen kleinen bildern---------------------------------------------------------------- */
 
#prev, #next {
	background: transparent url(../images/gui/carousel_nav.png) no-repeat 0 0;
	display: block;
	width: 19px;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}  	
#prev {
	background-position: 0 0;
	left: 10px;
}
#next {
	background-position: -19px 0;
	right: 10px;
}			
#prev:hover { 
	background-position: 0 -20px;				
}
#next:hover {
	background-position: -19px -20px;				
}
#prev.disabled, #next.disabled {
	display: none !important;
}