#banner img	{
					top:0px;
					left:0px;
					width:100%;
					z-index:0;
				}
@media(min-width:225px) and (max-width:767px)	{
							#oben		{
										position:absolute;
										background:white;
										z-index:1;
										width:100%;
										top:0px;
										left:0px;
										box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
									}							
                                                        #inhalt img     {       width:100%;
										height:auto;
									}
							#banner img	{
										position:relative;
										top:18px;
									}
						}

@media(max-width:319px)	{
							#bannerimage	{	display:none;}
			}

@media(max-width:479px)	{
							#huelle		{	margin-top:99px;}
							#banner		{	font-size:16px;}
							#logo img	{	width:100%;}
							.navbar-header		{ clear:both;}
							.fa		{	
										font-size:1.8em;
										margin:0px;
									}
							input#searchform	{	
											height:40px;
											border-radius:20px;
											display:inline;
											position:absolute;
											right:0px;
											top:0px;
											opacity:0;
										}
							#logo		{	
										width:90px;
									}
							.navbar-header > .navbar-nav > li       {	float:left;}
							.navbar		{	margin:0 10px 0 0; ;}
							li#search i     { margin:0px;}
							h1		{	font-size:2em;}
			}
@media(min-width:480px) and (max-width:767px){
							#huelle		{	margin-top:139px;}

							#logo		{
										width:200px;
				                                                height:109px;
									}
							
							div#banner	{
											font-size:26px;
										}
                                                        .nav > li > a           {
											font-size:1.3em;
                                                                                }

							div#toolbar	{
										position:relative;
										top:10px;
									}
							.navbar-header > .navbar-nav > li	{
											float:left;
										}
							.navbar         {       margin-right:20px;}
							.fa		{
										font-size:2.5em;
										margin:0 5px;
										
									}
							input#searchform	{
											height:60px;
											width:1px;
											opacity:0;
											border-radius:30px;
											display:inline;
											position:absolute;
											right:12px;
											top:0px;
										}
		.collapse .navbar-nav > li 		{
							float:left;
							width:50%;
						}
		div#toolbar i.fa		{
							width:60px;
							height:60px;
							line-height:60px;
							border-radius:30px;
						}

			}
@media(min-width:768px){
							#logo		{
										margin-top:1em;
										width:200px;
										height:109px;
									}	
							div#banner	{
											font-size:33px;
										}
							.oben .nav > li > a		{
											text-align:center;
											padding:0 20px;
											font-size:1em;
										}
							input#searchform	{
											height:40px;
											width:1px;
											opacity:0;
											border-radius:20px;
											display:inline;
											position:absolute;
											right:12px;
											top:0px;
										}
							div.navbar-collapse	{
											margin-top:20px;
										}
							.navbar	{
											margin-bottom:0px;;
										}
						}
				
@media(min-width:992px){				div#huelle	{	position:relative;
										margin-top:132px;
									}
							div#oben	{
										position:fixed;
										z-index:1;
										top:0px;
										width:960px;
										margin:auto;
										margin-left:-15px;
										background-color:white;
										box-shadow:0px 6px 14px -2px rgba(0,0,0,0.176);
									}
							div#logo        {       margin-top:0;}
							div#banner	{
											font-size:42px;
										}
							.nav > li > a		{
											padding:0 6px;
											width:auto;
										}
					                li#search i     {
				                                                margin:0 10px;
                                					}
			
						}
@media(min-width:1200px){}

		.navbar-header		{
						float:none;
					}
	
		.nav > li > a		{
						color:black;
						text-decoration:none;
						line-height:2em;
						position:relative;
					}
		.nav > li > a:hover	{
						background:transparent;
						color:black;
					}
		.nav > li > a:focus	{	background:transparent;
						color:black;
					}
		
		.dropdown-menu		{	border-width:0px;}

/*                h2              {       font-size:22px;}*/

		p			{
						font-size:1.2em;
						margin-top:1em;
					}

		.visCustomText p	{
						margin-top:1.5em
					}

		h1,h2,.farbe			{	
						margin:0;
						font-weight:lighter;
					}
		
		body		{
						background-image:url(../images/wabe.png);
						font-family:Calibri,Arial,sans-serif;
						font-weight:lighter;
						font-family:"Open Sans", Jura,sans-serif;
						font-weight:300;
						margin:0;
						font-size:14px;
					}

		.hintergrund,.heller	{	background-image:url(../images/wabe.png);}

		div#huelle	{
						background:white;
						min-width:225px;
						/*border-radius:3px;*/
						/*box-shadow: 0 6px 12px rgba(0, 0, 0, 0.125);*/
				}
		div#oben	{
						padding-top:1em;
						padding-bottom:1em;
						padding-left:1.5em;
						/*position:relative;*/
					}
		div#logo	{
						/*background:rgb(255,208,0);*/
						background:white;
						margin-left:auto;
						margin-right:auto;
					}

		div#toolbar	{
				}
		div#toolbar ul	{
						float:right;
				}	
		div#toolbar li	{		
						position:relative;
						list-style-type:none;
				}
		
		div#toolbar i	{
						width:40px;
						height:40px;
						border-radius:20px;
						line-height:40px;
						text-align:center;
						cursor:pointer;
				}
	
		li#search i	{
						color:white;
						position:relative;
				}

		li#smallnav i	{
				}			
					
		li#login i	{
				}
		div#navi	{
						font-size:1.2em;
					}
					
		div#banner	{
						text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
						font-styles:italic;
						color:white;
						padding:0px;
						position:relative;
						overflow:hidden;
					}

		img.active	{
					z-index:3;
				}
		div#text	{
					padding:0.75em;
					position:absolute;
					bottom:0px;										
					}
		img#bannerimage	{
							max-width:165px;
							max-height:165px;
							width:100%;
							float:right;
				}
		#navileft		{
						padding-left:0;
						padding-right:0;
					}

		#navileft .dropdown-menu	{
							position:static;
							display:block;
							background-color:transparent;
							border-style:none;
							float:none;
							z-index:auto;
						}

		#navileft .nav a	{
						color:white;
						font-size:1.25em;
						padding-left:1em;
					}
		#navileft .nav li li a	{	
						padding-left:1em;
						font-size:1em;
						text-decoration:none;
					}
		#navileft ul		{
						padding-top:1em;
						padding-bottom:1em;
					}
		#navileft ul ul		{	
						list-style-type:none;
						padding-left:0;
						padding-top:10px;
						padding-bottom:10px;
					}
		#navileft ul li	{
						padding-left:1px;
						padding-right:1px;
					}
		#navileft li:hover,.active	{
						background-color:rgba(0,0,0,0.2);
					}
		#navileft li li:hover	{
						background-color:rgba(0,0,0,0.2);
					}		
		#navileft ul li li	{
						padding-left:20px;;
					}
		.dropdown-menu > .active > a	{
							background-color:rgba(0,0,0,0.2);
						}
		div#inhalt		{
							padding:1.5em;
						}
		div#unten			{
							margin-top:1px;
							padding:1.5em;
							/*border-radius:0px 0px 3px 3px;*/
						}
		div#footertext	{
							color:white;
							text-align:center;
						}
		.breadcrumb	{	
					margin-bottom:0px;
					border-radius:0px;

				}
		.breadcrumb .active	{ background-color:transparent;}
		.breadcrumb a		{ color:white;}
		
		.nav-pills > li > a {	border-radius:0px;}

		.breadcrumb li.active	{	color:white;}

		.breadcrumb > li + li::before { color:white;}

		#speziell	{	margin-bottom:1px;}

		.divider img	{	
					margin-bottom:5px;
				}

		.dropdown:hover .dropdown-menu 	{
						    display: block;
						}

/* Bootstrap 3 conflict */
#phocagallery *,
#phocagallery *:before,
#phocagallery *:after {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box  !important;
  box-sizing: content-box !important;;
}

.pagination li	{	display:inline;
			margin-right:1.8em;
		}

#inhalt td	{	padding:5px;}


.form-horizontal .control-label {
					float:left;
					width:160px;
					padding-top:5px;
				}

.form-horizontal .control-group::after {
    clear: both;
}

.form-horizontal .control-group::before, .form-horizontal .control-group::after {
    display: table;
    content: "";
    line-height: 0;
}
.form-horizontal .controls {
    margin-left: 180px;
}

label	{
		line-height:18px;
	}

#navileft li.parent > a > span::after	{	  
  display: inline-block;
  width: 0px;
  height: 0px;
  margin-left: 5px;
  vertical-align: middle;
  border-bottom: none;
  border-top: 4px solid #FFFFFF;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom-width: 0px;
  border-bottom-style: dotted;
  content: "";
}

#navileft li.active.parent > a > span::after   {
  display: inline-block;
  width: 0px;
  height: 0px;
  margin-left: 5px;
  vertical-align: middle;
  border-right: none;
  border-left: 4px solid #FFFFFF;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right-width: 0px;
  border-right-style: dotted;
  content: "";
}