/************************************************************************
2.0 - GENERAL
************************************************************************/

img, object, embed 					{ max-width: 100%; }
img 								{ margin: 0px 0 0px 0; height: auto; }


/************************************************************************
2.1 - OVERRIDE 1120 GRID for modern pc > 1024px
************************************************************************/

.wrapper 							{ margin: 0 auto; padding: 0px 0px 0 0px; width: auto; z-index: 1; }
.divider 							{ margin: 0 auto 0px auto; padding: 0px 0px 0 0px; width: 100%; width: 940px; overflow: hidden; }
.col-01, .col-02, .col-03, .col-04, 
.col-05, .col-06, .col-07, .col-08, 
.col-09, .col-10, .col-11 			{ margin: 0px 20px 0px 0; float: left; }

									.divider .col-01 { width: 60px;  } .divider .col-02 { width: 140px; } .divider .col-03 { width: 220px; } 
									.divider .col-04 { width: 300px; } .divider .col-05 { width: 380px; } .divider .col-06 { width: 460px; } 
									.divider .col-07 { width: 540px; } .divider .col-08 { width: 620px; } .divider .col-09 { width: 700px; } 
									.divider .col-10 { width: 780px; } .divider .col-11 { width: 860px; } .divider .col-12 { width: 940px; }

.last 								{ margin: 0 0 0 0; }


/************************************************************************
2.2 - STYLES LAYOUT /* 				
************************************************************************/

/* topbar */
.topbarcontainer 					{ margin-bottom: 0px; padding: 0px 0 0px 0; }
.topbarcontainer .topbar 			{ padding: 0px 0 0px 0; overflow: visible; }
.topbarcontainer .topbar section 	{ float: left; width: 100%; }

/* branding */
.brandingcontainer 					{ margin: 0px; padding: 0px 0 0px 0; min-width: 980px; height: 70px; background: url(_images/div_branding.png) left center repeat-x; display: block;}
.brandingcontainer .branding 		{ padding: 0px 0px 0px 0px; width: 940px; height: 70px; overflow: visible; }
.brandingcontainer .branding section{ float: left; width: 940px; }
h1.logo 							{ position: relative; margin: 0; text-indent: -9999em; background: url(_images/h1_logo.png) left center no-repeat; z-index: 1000; float:right; }
h1.logo a:link, h1.logo a:visited, 
h1.logo a:hover, h1.logo a:active	{ width: 260px; height: 110px; display: block;
								      -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;
									  -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
									  border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
-webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 1);
box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 1);
									}

/* navmain */
.navmaincontainer 					{ margin-bottom: 0px; padding: 0px 0 0px 0; background: rgb(211,211,211); background: rgba(211,211,211,1); }
.navmaincontainer .navmain 			{ padding: 0; overflow: visible; }
.navmaincontainer .navmain section 	{ float: left; width: 100%; background: #eee; }

/* slider */
.slidercontainer 					{ margin-bottom: 0px; padding: 0px 0 0px 0; background: url(_images/div_slider.png) left top repeat-x; }
.slidercontainer .slider 			{ padding: 0px 0px 0px 0px; background: rgb(250,250,249); overflow: visible; }
.slidercontainer .slider section 	{ position: relative; top: -40px; height:360px;float: left; width: 100%; }
.slider h5 							{ margin: 0; padding: 5px 10px 0px 10px; text-shadow: 0px 1px 0px rgba(0,0,0,.5); color: rgba(254,254,253,1); background: rgba(0,0,0,.62); display: table; } 
.slider em 							{ margin: 0; padding: 0px 10px 5px 10px; text-shadow: 0px 1px 0px rgba(0,0,0,.2); color: rgba(254,254,253,1); background: rgba(0,0,0,.62); display: table; } 

/* ticker */
.tickercontainer 					{ margin-bottom: 0px; padding: 0px 0 0px 0; }
.tickercontainer .ticker 			{ padding: 0 20px 40px 20px; background: rgb(250,250,249); background: rgba(250,250,249,.6); 
									  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.tickercontainer .ticker section 	{ float: left; width: 100%; }
.ticker .col-12 		 			{ background: url(_images/div_ticker.png) left center no-repeat;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

ul#tickerbbcbox 					{ padding: 0px 0px 0px 100px; font-weight: 300; font-size: 21px; line-height: 65px; }
ul#tickerbbcbox li 					{ color:#1f1f1f; }
ul#tickerbbcbox li a:link, ul#tickerbbcbox li a:visited 		
									{ text-decoration:none; color: #fff; cursor:pointer; }
ul#tickerbbcbox li a:hover, ul#tickerbbcbox li a:active
									{ text-decoration:none; color :#fff; }

/* intro */
.introcontainer 					{ margin-bottom: 0px; padding: 0px 0 0px 0; -webkit-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 1);
box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 1);
}
.introcontainer .intro 				{ padding: 0 0px; background: rgb(250,250,249); background: rgba(250,250,249,.6); overflow: visible; 
-webkit-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 1);
box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 1);
}
.introcontainer .intro section 		{ margin-bottom: 20px; float: left; width: 100%; border-bottom: 1px solid #e0e0e0; }

/* teaser */
.teasercontainer 					{ margin-bottom: 40px; padding: 0px 0 0px 0; }
.teasercontainer .teaser 			{ padding: 0; overflow: visible; }
.teasercontainer .teaser section 	{ float: left; width: 100%; }
.teaser .col-04 		 			{ margin: 0 20px 40px 0; }

/* content */
.contentcontainer 					{ margin-bottom: 0px; padding: 0px 0 0px 0; 
									  -webkit-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 1);
									  box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 1); }
.contentcontainer .content 			{ padding: 0px 20px; background: rgb(250,250,249); background: rgba(250,250,249,.6); overflow: visible; 
									  -webkit-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 1);
									  box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 1); }
.contentcontainer .content section 	{ padding: 20px 0px 20px 0px; margin: 0 0px 10px 0; float: left; width: 100%; border-bottom: 1px solid #e0e0e0;}
.contentcontainer .content section.last 						
									{ margin: 0; border-bottom: 0px solid #e0e0e0;}
.content .col-04					{ margin: 0 20px 0px 0; }
.content .col-04.last				{ margin: 0 0px 0px 0; }

/* outro */
.outrocontainer 					{ margin-bottom: 0px; padding: 0px 0 0px 0; }
.outrocontainer .outro 				{ padding: 20px 20px; background: rgb(250,250,249); background: rgba(250,250,249,.6); overflow: visible; }
.outrocontainer .outro section 		{ float: left; width: 100%; }

/* footer */
.footercontainer 					{ margin-bottom: 40px; padding: 0px 0 50px 0; }
.footercontainer .footer 			{ padding: 106px 20px 27px 20px; height: 57px; background: rgba(250,250,249,.6) url(_images/div_footer.png) left top no-repeat; overflow: visible; 
									  -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;
									  -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
									  border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.footercontainer .footer section	{ float: left; width: 100%; }

/* maintnc */
.maintnccontainer 					{ margin-bottom: 0px; padding: 0px 0 0px 0; }
.maintnccontainer .maintnc			{ padding: 0; overflow: visible; }
.maintnccontainer .maintnc section	{ float: left; width: 100%; }
.maintnc .col-04 .maintnc 			{ margin: 0 0px 0px 0; }


/************************************************************************
2.3 - NAV 
************************************************************************/

ul.ul_social 						{ font: normal normal normal 36px/50px "ModernPictogramsNormal"; text-shadow: 0px 1px 0px rgba(000,000,000,.2); float:right; } 
ul.ul_social li 					{ margin: 0px 10px 0px 0px;  width: 50px; height:50px; text-align: center; float:left;
									  color: rgb(252,249,240); color: rgba(252,249,240,.8); 
									  background: rgb(166,169,148); background: rgba(166,169,148,.8); 	
									  -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
ul.ul_social li:last-child 			{ margin: 0px 0px 0px 0px; }
ul.ul_social li a 					{ color: rgb(234,230,219); color: rgba(234,230,219,.8); display:block;}
ul.ul_social li a:hover 			{ color: rgb(252,249,240); color: rgba(252,249,240,.8); }
ul.ul_social li.li_tw a:before 		{ content:"t"; }
ul.ul_social li.li_fb a:before 		{ content:"F"; }
ul.ul_social li.li_go a:before 		{ content:"+"; }

ul.ul_branding 						{ margin:0;height:50px; font: normal normal normal 11px/15px Arial, Helvetica, sans-serif; color: #606060; float:left; }
ul.ul_branding li a 				{ color: #909090; }
ul.ul_branding li a:hover 			{ color: #f4193c; }
ul.ul_branding li.li_fb a:before 	{ font: normal normal normal 16px/15px "ModernPictogramsNormal"; content:"G "; }
ul.ul_branding li.li_tw a:before 	{ font: normal normal normal 16px/15px "ModernPictogramsNormal"; content:"U "; }
ul.ul_branding li.li_euro a:before 	{ font: normal normal normal 16px/15px "ModernPictogramsNormal"; content:") "; }
ul.ul_branding li.li_acc a:before 	{ font: normal normal normal 16px/15px "ModernPictogramsNormal"; content:"f "; }

ul.ul_footer 						{ margin:0; font: normal normal 400 14px/21px "futura-pt", arial, helvetica, clean, sans-serif; 
									  color: #606060; text-shadow: 0px 1px 0px rgba(000,000,000,1); float:left; } 
ul.ul_footer li 					{ margin: 0 10px 0 0;color: rgba(255,255,255,1); float:left; }
ul.ul_footer li a 					{ font-weight: 700; color: rgba(255,255,255,1); }
ul.ul_footer li a:hover 			{ color: rgba(255,255,255,1); }

ul.ul_outro 						{ margin:0; height:50px; font: normal normal normal 11px/15px "futura-pt", arial, helvetica, clean, sans-serif; 
									  text-shadow: 0px 1px 0px rgba(000,000,000,1); color: #606060; } 
ul.ul_outro li a 					{ color: #fff; }
ul.ul_outro li a:hover 				{ color: #fff; }

#menu-icon 							{ display: none; /* hide menu icon initially */ }
#navmainbox 						{ position: relative; }
#navmainbox ul.nav-m 				{ width: auto; padding:20px 0 5px 0; float:left; 
									  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius: 2px; }
#navmainbox ul.nav-m li 			{ position: relative; float:left; margin: 0 0px 0px 0; padding:4px 6px 0px 6px; color: rgba(243,243,240,.9); border-right:1px solid rgba(243,243,240,.2);
		 							  font: normal normal 300 16px/26px "droid-sans", arial, helvetica, clean, sans-serif; text-transform: none; letter-spacing: 0.0em;
									  text-shadow:0px 1px 0px rgba(255,255,255,1); }
#navmainbox ul.nav-m li:first-child { border-left:none; }
#navmainbox ul.nav-m li:last-child  { margin: 0 0 0px 0; border-right: none; }
#navmainbox ul.nav-m li a 			{ color: rgba(160,160,155,1); }
#navmainbox ul.nav-m li a:hover		{ color: rgba(160,160,155,1); }

#navmainbox ul.nav-m li a.lv01_navmainboxa
									{ color: rgba(237,126,000,1); text-shadow:0px 1px 0px rgba(255,255,255,1); }

ul.ul_navsub 						{ font: normal normal 300 16px/24px "droid-sans", arial, helvetica, clean, sans-serif; } 
ul.ul_navsub li 					{ margin: 0 0 2px 0; color: rgba(225,226,219,.8); }
ul.ul_navsub li a 					{ margin: 0px 0px 10px 0px; color: rgba(160,160,155,.8); }
ul.ul_navsub li a:hover 			{ color: rgba(160,160,155,1); }
ul.ul_navsub li a.navsub_active		{ color: rgba(237,126,000,1); }


dl.dl_kontakt 						{ margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; width:100%; text-align: left; float:left;}
dl.dl_kontakt.last					{ border-bottom: 0px solid #c9c9c9; }
dl.dl_kontakt dt 					{ margin: 0px 0px 0px 0px; padding: 0; }
dl.dl_kontakt dd 					{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

dl.dl_text 							{ } 
dl.dl_text dt						{ width: 40px; margin: 0 10px 0 0; float: left; }
dl.dl_text dd 						{ }

/************************************************************************
2.4 - A 
************************************************************************/

a.a_back 							{ margin: 14px 0 0 0; padding:6px 30px; color:#fff; text-transform: none; text-decoration: none; text-shadow:1px 1px 0px #000; 
									  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff;
									  -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
									  background-color:#467491; display: inline-block; float:left; }
a.a_online-shop:link				{ position:relative; right: 0px; margin: 0px 0 0 0; width: 240px; height: 40px; color:#fff;
									  background: url(_images/a_online-shop.png) left top no-repeat; float: right; }

/************************************************************************
2.5 - FORM 
************************************************************************/

form#form_kontakt 					{ padding: 4px 0px 0px 0px; border: 0px solid #fff;
									  font: normal normal normal 14px/26px 'droid-sans', Arial, Helvetica, sans-serif;
									  text-transform: none; letter-spacing: 0px; display: block; float:left; }
form#form_kontakt input:required:invalid, input:focus:invalid 
									{  }
form#form_kontakt input:required:valid 								
									{  background: #f4f4f4 url(_images/form_valid.png) right center no-repeat; }

form#form_kontakt textarea:required:invalid, textarea:focus:invalid 
									{  }
form#form_kontakt textarea:required:valid 
									{  background: #f4f4f4 url(_images/form_valid.png) right top no-repeat; }
form#form_kontakt fieldset 			{ width: 280px; border:solid 0 #fff; }

form#form_kontakt legend 			{ margin: 0px 0px 15px 0px; display: block; white-space:pre; }
form#form_kontakt div 				{ margin: 0px 0px 0px 0px; display: block; float:left; }

form#form_kontakt label 			{ padding: 0px 10px 0px 0px; float:left; }
form#form_kontakt label span 		{ font: normal normal normal 14px/26px 'droid-sans', Arial, sans-serif; }

form#form_kontakt label.label_for_input 
									{ width: 75px; height:26px; }
form#form_kontakt label.label_for_checkbox 
									{ }
form#form_kontakt input 			{ padding: 0px 0px 0px 5px; width: 188px; height:26px; border: 1px solid #e0e0e0; color: rgba(058,058,060,1); background: #fff; float:left; }
form#form_kontakt input:focus 		{ color: rgba(058,058,060,1); }
form#form_kontakt textarea 			{ padding: 6px 0px 0px 5px; line-height: 1em;
									  width: 188px; min-width:188px; max-width:188px; height: 100px; min-height: 100px; max-height: 100px;
									  border: 1px solid #e0e0e0; color: rgba(058,058,060,1); background: #fff; }
form#form_kontakt textarea:focus 	{ color: #5e5e5e; }


form#form_kontakt select, form#form_kontakt select:focus, form#form_kontakt select:active 	
									{ width: 190px; height:24px; color: rgba(058,058,060,1); float:left; }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="select"]::-moz-focus-inner 
									{ outline : none !important; border : 0px solid #fff !important; } 
form#form_kontakt input.form_kontakt_send 
									{ padding: 5px; width: 80px; height: 30px; 
									  font: normal normal normal 14px/26px 'droid-sans', Arial, sans-serif; text-align: center; text-transform: none; letter-spacing: 0px;
									  color: #fafafa; border: 0px solid #fff; outline: 0 none; cursor: pointer; background: #777; float: left;
									  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
form#form_kontakt input.form_kontakt_delete 
									{ padding: 5px 5px 5px 5px; width: 100px; height: 24px;
									  font: normal normal normal 13px/26px 'droid-sans', Arial, sans-serif; text-align: center; 
									  cursor: pointer; border: 0px solid #fff; color: #777; background: transparent; float: right; }


/************************************************************************
2.6 - FANCYBOX 
************************************************************************/

div.fancybox 						{ margin: 0 0px 0px 0px; width: auto; border: 0px solid white; opacity: 0.9; transition: all 0.25s ease-in-out; float:left; z-index: 10; }
div.fancybox:hover 					{ box-shadow: 0px 0px 4px #aaa; opacity: 1;transition: all 0.25s ease-in-out;  }
div.fancybox span.span_center		{ margin: 0 auto; padding:0 0px 0 0px; width: 300px; background:#ccc; display: block; z-index: 10; overflow: hidden; }
div.fancybox span.span_center img	{ margin: 0 auto; height: auto; }


/************************************************************************
2.6 - GOOGLEMAP 
************************************************************************/

#map_canvas 						{ height: auto;margin:0;width:300px;height:250px; }
#map_canvas img 					{ max-width: none; }
#map_canvas canvas 					{ padding: 0; }
#map_canvas div div div div div div div div 
									{ overflow: hidden !important; }