/*body header footer logo nav*/



@font-face {
	font-family: Rockwell;
	src: url('Rockwell.ttf'); 
	} 

@font-face { font-family: Delicious;
font-weight: bold;
src: url('Rockwell.ttf'); 
}





body{
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(229,229,229,1) 0%, rgba(247,247,247,1) 15%, rgba(247,247,247,1) 85%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(229,229,229,1)), color-stop(15%,rgba(247,247,247,1)), color-stop(85%,rgba(247,247,247,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(229,229,229,1) 0%,rgba(247,247,247,1) 15%,rgba(247,247,247,1) 85%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(229,229,229,1) 0%,rgba(247,247,247,1) 15%,rgba(247,247,247,1) 85%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(229,229,229,1) 0%,rgba(247,247,247,1) 15%,rgba(247,247,247,1) 85%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(229,229,229,1) 0%,rgba(247,247,247,1) 15%,rgba(247,247,247,1) 85%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */
margin:0px;
}

header {
margin:0px;
width: 100%;
height: 150px;
z-index: 150;
background: #c5deef; /* Old browsers */
background: -moz-linear-gradient(top,  #c5deef 0%, #0872b7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5deef), color-stop(100%,#0872b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c5deef 0%,#0872b7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c5deef 0%,#0872b7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c5deef 0%,#0872b7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c5deef 0%,#0872b7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deef', endColorstr='#0872b7',GradientType=0 ); /* IE6-9 */
-moz-box-shadow:    0x 0px 15px 0px #666;
-webkit-box-shadow: 0px 0px 15px 0px #666;
box-shadow:         0px 0px 15px 0px #666;
border-bottom:1px #B4AD9E solid;
}

header #header-inner {
margin-right:auto;
margin-left:auto;
overflow: hidden;
width:1000px;
height:150px;
font-family:Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
}

#logo{
margin-top:20px;
z-index:1000;
}

nav {
position:absolute;
left: 0;
top: 125px;
width: 100%;
height:25px;
z-index: 200;
}

nav #nav-inner {
height: 25px;
width: 990px;
margin-right:auto;
margin-left:auto;
overflow: hidden;
padding-left:10px;
padding-right:10px;
}

nav ul li a{
height: 25px;
width: auto;
min-width:70px;
text-align:center;
display: block;
float: left;
padding-left:20px;
padding-right:20px;
padding-top: 3px;
margin-left: 5px;
margin-top: 0px;
border-right:solid;
border-right-width:thin;
border-color: #CCC;
border-top-right-radius:10px 10px;
border-top-left-radius:10px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #F5F5F5;
text-decoration: none;
font-weight:bold;
background: #4b99ca; /* Old browsers */
background: -moz-linear-gradient(top,  #4b99ca 0%, #0872b7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b99ca), color-stop(100%,#0872b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4b99ca 0%,#0872b7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4b99ca 0%,#0872b7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4b99ca 0%,#0872b7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4b99ca 0%,#0872b7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b99ca', endColorstr='#0872b7',GradientType=0 ); /* IE6-9 */
}

nav ul li a:hover{
color: #FF6600;
border-color:#CCC;
}

footer {
position:fixed;
left: 0;
bottom: 0;
width: 100%;
height: 25px;
z-index: 100;
background: #0872B7;
-moz-box-shadow:    0x 0px 5px 0px #999;
-webkit-box-shadow: 0px 0px 5px 0px #999;
box-shadow:         0px 0px 5px 0px #999;
}

#footer-inner {
min-height: 25px;
max-height: 25px;
width: 1000px;
margin-right:auto;
margin-left:auto;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
}

footer ul {
	width:auto;
}

footer ul li {
list-style-type: none;
}

footer ul li a{
height: 25px;
width: auto;
display: block;
float: left;
padding-left:10px;
padding-right:10px;
padding-top: 2px;
margin-left: 0px;
margin-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #FFFFFF;
text-decoration: none;
border-right:inset;
border-right:inset;
border-right-width:thin;
border-color: #CCC;
border-bottom-right-radius:4px 25px;
}

footer ul li a:hover{
color:#FF6600;
}



section{
margin-left: auto;
margin-right: auto;
position: absolute;
width: 1000px;
height: auto;
top: 150px;
left: 50%;
margin-left:-500px;
padding:0px;
}

section a:link {
	color: #0872b7;
}
section a:visited {
	color: #0872b7;
}
section a:hover {
	color: #FF6600;
}
section a:active {
	color: #0872b7;
}

h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color:#0871b7;
margin-left: 0px;
margin-right: 0px;
margin-top: 8px;
margin-bottom: 8px;
}

 h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight:100;
color:#0871b7;
margin-bottom:-4px;
}

.bold{
	font-weight:bold;
}

h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-style: normal;
font-weight:100;
color:#0871b7;
margin-bottom:-8px;
}

h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color:#FF6600;
margin-left: 0px;
margin-right: 0px;
margin-top: 8px;
margin-bottom: 8px;
}

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-style: normal;
line-height:175%;
font-weight: normal;
color: #000000;
text-decoration: none
}

ul {
margin: 0px;
padding: 0px;
line-height:175%;
}

ul li {
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height:175%;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none
}



#article1{
width:940px;
height:100%;
min-width:400px;
min-height:10px;
padding:10px;
float:left;
margin:10px;
-moz-box-shadow:    0x 0px 15px 0px #F5F5F5;
-webkit-box-shadow: 0px 0px 15px 0px #F5F5F5;
box-shadow:         0px 0px 15px 0px #F5F5F5;
border-radius:10px;
background: #f5f5f5; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#ffffff 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #f5f5f5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#article1_1{
width:940px;
height:auto;
min-width:400px;
min-height:10px;
padding:10px;
float:left;
margin:10px;
-moz-box-shadow:    0x 0px 15px 0px #F5F5F5;
-webkit-box-shadow: 0px 0px 15px 0px #F5F5F5;
box-shadow:         0px 0px 15px 0px #F5F5F5;
border-radius:10px;
background: #f5f5f5; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#ffffff 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #f5f5f5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#article2{
width:450px;
height:auto;
min-width:400px;
min-height:10px;
padding:10px;
float:left;
margin:10px;
-moz-box-shadow:    0x 0px 15px 0px #F5F5F5;
-webkit-box-shadow: 0px 0px 15px 0px #F5F5F5;
box-shadow:         0px 0px 15px 0px #F5F5F5;
border-radius:10px;
background: #f5f5f5; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#ffffff 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #f5f5f5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#article2_links{
width:465px;
height:auto;
float:left;
}

#article2_rechts{
width:465px;
height:auto;
float:right;
padding-right:45px;
}

#article1 ul li{
	list-style:disc;
	margin-left:15px;
	font-style:oblique;
}

#article1_1 ul li{
list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin: 7px;
  float: left;
}

#article2 ul li{
	list-style:disc;
	margin-left:15px;
	font-style:oblique;
}

#maps{
	overflow:hidden;
	height:400px;
	width:940px;
}

#map_canvas{
height:400px;
width:940px;	
}

.shadow {
-moz-box-shadow:    0x 0px 10px 0px #000;
-webkit-box-shadow: 0px 0px 10px 0px #000;
box-shadow:         0px 0px 10px 0px #000;
}

.image{
width:120px;
height:120px;
background-color: #FFF;
float:left;
margin-right:5px;
margin-bottom:5px;
-moz-box-shadow:    0x 0px 15px 0px #F0F0F0;
-webkit-box-shadow: 0px 0px 15px 0px #F0F0F0;
box-shadow:         0px 0px 15px 0px #F0F0F0;
}

.image_r{
background-color: #FFF;
float:right;
margin:2px;
-moz-box-shadow:    0x 0px 15px 0px #F0F0F0;
-webkit-box-shadow: 0px 0px 15px 0px #F0F0F0;
box-shadow:         0px 0px 15px 0px #F0F0F0;
}

#ender{
width:940px;
height:60px;
float:left;		
}

#top{
width:80px;
height:auto;
padding:5px;
position:absolute;
left:50%;
margin-left:-490px;
margin-top:5px;
margin-bottom:5px;
bottom:30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #F5F5F5;
text-decoration: none;
text-align:center;
background: #4b99ca; /* Old browsers */
background: -moz-linear-gradient(top,  #4b99ca 0%, #0872b7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b99ca), color-stop(100%,#0872b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4b99ca 0%,#0872b7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4b99ca 0%,#0872b7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4b99ca 0%,#0872b7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4b99ca 0%,#0872b7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b99ca', endColorstr='#0872b7',GradientType=0 ); /* IE6-9 */
border-radius:10px 10px;
border-radius:10px 10px;
}


#top_swipe{
position:absolute;
left:50%;
margin-left:-490px;
top:0px;
width: 44px;
	height: 44px;
	margin-top:2px;
	background-image: url(css/icons.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index:10000;
	opacity:0.75;


}

#kunden{
width:215px;
height:107px;
background-color: #FFF;
padding:5px;
float:left;
margin:5px;
-moz-box-shadow:    0x 0px 15px 0px #F0F0F0;
-webkit-box-shadow: 0px 0px 15px 0px #F0F0F0;
box-shadow:         0px 0px 15px 0px #F0F0F0;
border-radius:5px;
}

#route{
	margin-top:-45px;
	margin-left:80px;	
}

#app_box{
width:140px;
height:auto;
float:left;
margin:8px;
padding-bottom:15px;
}

#app_box:hover #app { 
-moz-box-shadow:    2px 5px 5px rgba(0,0,0,0.5) ;
-webkit-box-shadow: 2px 5px 5px rgba(0,0,0,0.5);
box-shadow:         2px 5px 5px rgba(0,0,0,0.5);
background-image:url(images/app/app_orange.png); 
}

#app{
width:140px;
height:140px;
position:absolute;
-moz-box-shadow:    2px 5px 5px rgba(0,0,0,0.3) ;
-webkit-box-shadow: 2px 5px 5px rgba(0,0,0,0.3);
box-shadow:         2px 5px 5px rgba(0,0,0,0.3);
border-radius:10px;
background-image:url(images/app/app_blau.png);
}

#aktion50{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/50%25aktion.png);
}

#aktion40{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/40%25aktion.png);
}

#aktion30{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/30%25aktion.png);
}

#aktion30märz{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/30%25aktion_maerz.png);
}

#aktion20{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/20%25aktion.png);
}

#aktion10{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/10%25aktion.png);
}

#sale50{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/50sale.png);
}

#sale40{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/40sale.png);
}

#sale30{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/30sale.png);
}

#sale20{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/20sale.png);
}

#sale10{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/10sale.png);
}


#neu{
width:140px;
height:140px;
position:absolute;
background-image:url(images/app/neu.png);
}


h5{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: bold;
color:#0871b7;
width:100%;
height:20px;
position:relative;
top:5px;
margin-left: 0px;
margin-right: 0px;
margin-top: 140px;
margin-bottom: 0px;
text-align:center;
text-decoration:none;
}

.gallery{
	width:130px;
	position:relative;
	margin-left:5px;
	margin-top:5px;
	border-radius:10px;
}

.thumb{
	position:relative;
	margin-left:5px;
	margin-top:5px;
	border-radius:10px;
	-moz-box-shadow:    2px 5px 5px rgba(0,0,0,0.3) ;
-webkit-box-shadow: 2px 5px 5px rgba(0,0,0,0.3);
box-shadow:         2px 5px 5px rgba(0,0,0,0.3);
}

#thumb_box{
width:140px;
height:140px;
float:left;
margin:8px;
padding-bottom:15px;
}


.galerie {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-right: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-top: 8px;
  float: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
	}
	
.galerie:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.galerie li { float: left; }
.galerie li a { display: block; }
.galerie li img {
	 display: block;
	 border-radius:10px;
	 -moz-box-shadow:    2px 5px 5px rgba(0,0,0,0.3) ;
	 -webkit-box-shadow: 2px 5px 5px rgba(0,0,0,0.3);
	 box-shadow:         2px 5px 5px rgba(0,0,0,0.3);	 
	 }

#swipe_outer { width: 100%; height:100%; }

#PhotoSwipeTarget { width: 100%; height:100%; }

#Indicators {height:20px; text-align:center; position:fixed; bottom:30px; left: 0; width: 100%; z-index:10000}

#Indicators span { 
display: inline-block; height: 4px; width: 4px; margin: 0 3px 0 0; padding: 0; -webkit-border-radius:1px; -moz-border-radius:1px; -o-border-radius:1px; border-radius:1px; background: rgba(255,255,255,0.33); overflow:hidden;
-moz-box-shadow:    0px 2px 2px rgba(0,0,0,0.5) ;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
box-shadow:         0px 2px 2px rgba(0,0,0,0.5); }

#Indicators span.current{
	 background: rgba(255,255,255,0.80); height: 5px; width: 5px; 
	 -moz-box-shadow:    0px 2px 2px rgba(0,0,0,1) ;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,1);
box-shadow:         0px 2px 2px rgba(0,0,0,1)
	 }

#flash{width:860px;	margin-left:auto; margin-right:auto;}

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
 
.video-container iframe,
.video-container object,
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



table{
	background-color:#F0F0F0;
	border-radius:10px;	
}


table h2 {
	text-align:left;
	padding:5px;
	margin:0px;
}