/* Stadtanzeiger */
 
* {  /* -- UNIVERSAL-SELEKTOR --  */ 
	margin: 0px;
	padding: 0px;
	outline: none; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
 
header,footer,nav,section,aside,article,figure,figcaption { display: block;  }
 
a { text-decoration: none; }
 
a img {  border: 0; }    /* NO BORDER FOR IMAGES  */	
	

ul {
	list-style: none;
}
     
 
 /*   -- Body --   */
body, html {	 -webkit-font-smoothing: antialiased; font-size: 100%;}

body {
	color: #000; 
	font-family: Droid Sans, Open Sans, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	line-height: 20px;  
	background. #fff;
/*	background: #ffffff url(../images/bg.jpg)   no-repeat center 0px;  */
} 

/*     -- Headlines h1, h2, h3, h4, h5 --   */	
h1 { 
	font-size: 50px;
	line-height: 52px;
	font-weight: normal;
	letter-spacing: -0.8px;
	color: #000;
}		 
	
h2 {
    font-size: 45px;
    line-height: 48px;
	letter-spacing: -0.8px;
    font-weight: normal;
    text-align: left;
    color: #000;
}

h3 {
    font-size: 24px;
    line-height: 28px;
	letter-spacing: 0.0px;
    font-weight: normal;
    text-align: left;
    color: #000;
}

h3.box { margin: 4% 5% 0% 5%; border: 0px solid #f0f; display: inline-block;}	

h4 {
    font-size: 18px;
    line-height: 28px;
	letter-spacing: 0.0px;
    font-weight: normal;
    text-align: left;
    color: #000;
}

/* 
	
h3.products { 
	font-size: 24px;
	font-family: Droid Sans, Verdana, Arial, Helvetica, sans-serif; 
	color: #d91427;
	font-weight: normal;
	line-height: 24px; }

 */
 
p { 	
	color: #000; 
	font-size: 16px; 
	line-height: 24px; 
	margin-bottom: 6px; 
}
	
p.box { margin: 0% 5% 7% 5%; line-height: 20px;  font-size: 14px; display: inline-block; margin-top: 1.2%; }	

p.small { font-size: 14px; line-height: 20px; 	margin-bottom: 6px; }
	
p a { text-decoration: none; }
p a:hover { color: #cf3aef; text-decoration: underline; }
  
a { color: #cf3aef; }	
/* a:hover  { color: #fb5e03; text-decoration: underline; }  */


/*   -- Wrapper --   
#wrapper {  border: 0px solid #0055ff;
	max-width: 100%;
	height: auto;
	margin:0 auto; 
}  */

.wrapper {  border: 0px solid #f0f;
	max-width:1220px;
	width:90%;
	height: auto;
	margin:0 auto;
}

#header { border: 0px solid #f00; 
	width:100%;
	height:170px; 
}

.header-image { border: 0px solid #0ff;
    max-height: 350px;
    overflow: hidden;
    position: relative;
}

.header-image img {
    bottom: -9999px;
    left: 0;
    margin: auto;
 /*   position: absolute;  */
    top: -9999px;
    width: 100%;
}

#logo { border: 0px solid #0ff; 
	z-index: 9999;
	width: 646px;
	position: relative;
	top: 20px; 
	margin-left: auto;
    margin-right: auto;
	-webkit-transition:all .2s ease-in-out;	
	-o-transition:all .2s ease-in-out;	
	-moz-transition:all .2s ease-in-out; 
	transition:all .2s ease-in-out;
}

#logo:hover  { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; opacity:.65 
}



#slider { border: 0px solid #00fd47; 
	width:100%;
	margin-bottom: 1.5%;
	height:auto; float: left;   /*  height:548px;  */
	background: url(../img/head-home.jpg)   no-repeat center 0px; 
}

#slider .image_container img { 
	width:100%;	    
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; 
}

#slider a .image_container img:hover  { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; opacity:.65 }

#slidermap { 
	width:100%;
	margin-bottom: 0%;
	height:400px; float: left;
	overflow: hidden;
    position: relative;
	background: url(../images/head-map.jpg)   no-repeat center 0px; 
}

#content { border: 0px solid #f00; 
	float:left;
	width:100%;
	margin-right:2%;
	margin-top: 2.5%;
	margin-bottom: 2%;
	height: auto;
	min-height: 100px;
	top: 0px; }

#content .image_container img { 
	width:100%;	    
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; 
}

#content .main {  border:0px solid #00f;
  width: 45%;
  float: left;
  margin-left: 5%;
  margin-right: 5%;
 }
 
#content .sidebar { border: 0px solid #f00;
   float: left;
   width: 45%;
  }

#content a .image_container img:hover  { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; opacity:.65 }

#content h1 {	margin-bottom: 2.0%; }
#content h2 {	margin-bottom: 2.0%; }
#content h3 {	margin-top: 3%; margin-bottom: 3%; }

ul {

}

#content li {
	background: #ffffff url(../images/bg-list.png)   no-repeat left 9px; 
	padding-left: 12px;
	line-height: 24px;
}

#teaser_boxes { text-align: left; margin-left: 0px; min-height: 150px; height: auto; border: 0px solid #00f; width: 100%; float:left; margin-bottom: 5%;}

/*     --css-framework -- */
.one_full { width: 100%; }
.one_half  { width: 48.25%; border: 0px solid #f00; margin-bottom: 10%; background: #fff; }

.one_third    { width: 31.5%; }
.two_third    { width: 61%; }
.one_fourth   { width: 23.2%; background: #fff;} 
.one_fifth    { width: 16.8%; }
.three_fourth { width: 74%;  }
.four_fifth   { width: 79%;  }
.two_fifth    { width: 37.2%; }
.three_fifth  { width: 58%;   }
.one_sixth    { width: 13.7%; }
.four_sixth   { width: 65.4%  }

.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .four_fifth, .one_sixth, .two_fifth, .three_fifth, .four_sixth, .three_fourth, .one_full { position: relative; float:left; display: block; margin-right: 2.4%; margin-bottom: 2.5%; vertical-align: top; }  


.last { margin-right: 0% !important;}


/*   -- Footer --    */

#footer {
	width:100%;
	/* background:#b8b9bb; */
	background:#fff;
	margin-top: 0.5%;
	height:50px; /* war 145 px*/ }
 
#footer p { color: #000;  font-size: 14px; line-height: 20px; }
  
 /*#footer a { color: #2653bd; letter-spacing: 0.2px;  }*/
 #footer a { color: #f5a100; letter-spacing: 0.2px;  }
 /*#footer a:hover  { color: #2653bd; text-decoration: underline; }*/
 #footer a:hover  { color: #f5a100; text-decoration: underline; }
  
#footer .left { color: #fff;
  width: 20%;
  padding-top: 2%;
  float: left; }

#footer .main {
  width: 35%;
  padding-top: 2%; 
  float: left;
 }
 
#footer .right { border: 0px solid #f00;
   float: left;
   width: 36%; 
  padding-top: 2%;  }

 #back-top {
position: fixed; 
/* bottom: 30px; right:180px; - wenn frei auf der Seite und nicht im Footer drin */
  padding-right: 1%; padding-top: 1.8%;
  z-index: 10; position: relative;  float:right;
}

#back-top span {  border: 0px solid #f00;
width: 30px;
height: 30px;
display: block;
/* background: url('http://goo.gl/OYPgh') no-repeat; */

background-image: url(../images/top_dunkelgrau.png);
background-repeat: no-repeat;
opacity: 1.0;

}

#map_canvas {
  width: 100%;  /* width: 1220px;  */ 
  height:400px; }

  
  
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1425px) {

.header-image img { left: -4%; width: 108%; }

.phone { margin-left: 900px!important; }

}

@media screen and (max-width: 1245px) {

.phone { visibility: hidden; }

}
				
@media screen and (max-width: 1024px) {

#wrapper { width:100%; height: auto; }

#header { width:100%;  border: 0px solid #f00; }

 .header-image  { width:100%;  height: 100%; border: 0px solid #f00;  } 

.img { width: 100%; height: auto; }

}
  
 /*---------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 925px) {
 
 /*  .brand-name { visibility: hidden;  }   */
div.brand-name {  margin-left: 215px; top: 114px; right: 30px; float: right;    }
div.brand-name h1 { font-size: 36px; line-height: 36px; letter-spacing: 0px; }

#footer { height:180px; }
#footer .left  { padding-top: 3%; }
	
#footer .left { width: 100%; }
#footer .main { width: 100%; }
#footer .right { width: 100%;  }


#back-top {
	margin-top: -250px;} 
	
#slider { background: #fb5f03; }
	
.one_fourth   { width: 47.5%; } 
 
} 
  
 /*---------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 784px) {
 
#content .sidebar { border: 0px solid #f00;
   margin-left: 5%;
  }
  
}


/*---------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 582px) {

#logo img { width:75%; height: 75%; }
#header { height: 125px; }
#content .main  { width:100%; margin-top: 3%; }
#content .sidebar { width:100%; margin-top: 4%; }

div.brand-name {   top: 95px;  right: 15px; float: right;  }
div.brand-name h1 { font-size: 24px; line-height: 22px; letter-spacing: 0px; }

.one_fourth   { width: 100%; } 

#footer .left  { padding-top: 5%; }

}

/*---------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 464px) {

div.brand-name {   top: 71px;  right: 15px; float: right;  }
div.brand-name h1 { font-size: 24px; line-height: 22px; letter-spacing: 0px; }




}