html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size: 12px;
	font-family: verdana;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Davimar Styles */
.clear {
  clear: both;
}
#wrapper {
  background: url(../img/background.jpg) no-repeat 0px 110px;
  height: 759px;
  width: 981px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
#social_media {
  float: right;
  height: 30px;
  padding-top: 10px;
  padding-right: 23px;
}
#facebook {
  height: 21px;
  width: 21px;
  background: url(../img/facebook.jpg) no-repeat;
}
a.facebook { color: #000; text-decoration: underline; }
a.facebook:visited { color: #000; text-decoration: underline; }
a.facebook:hover { color: #000; text-decoration: none; }

#twitter {
  height: 21px;
  width: 21px;
  background: url(../img/twitter.jpg) no-repeat;
  display: none;
}
#xing {
  height: 21px;
  width: 21px;
  background: url(../img/xing.jpg) no-repeat;
}
#social_media ul li {
  float: left;
  margin-left: 10px;
}
#social_media ul li a { text-decoration: none; display: block; width: 21px; height: 21px; }
#social_media ul li a:visited { text-decoration: none; display: block; width: 21px; height: 21px; }
#social_media ul li a:hover { text-decoration: none; display: block; width: 21px; height: 21px; }

h1, .titel_content, h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
#logo {
  background: url(../img/logo.png) no-repeat;
  height: 77px;
  width: 265px;
  position: absolute;
  margin-top: -17px;
  margin-left: 10px;
}
#logo a { display: block; text-decoration: none;  height: 77px; width: 265px; }
#logo a:visited { display: block; text-decoration: none;  height: 77px; width: 265px; }
#logo a:hover { display: block; text-decoration: none;  height: 77px; width: 265px; }

#top_bar {
  height: 33px;
  width: 980px;
  background-color: #000;
}

#nav {
  margin-left: 290px;
  font-size: 14px;
  padding-top: 8px;
  height: 25px;
  width: 480px;
  float: left;
}
#nav ul li {
  float: left;
  margin-right: 15px;
}
#nav ul li a { text-decoration: none; color: #FFF; }
#nav ul li a:visited { text-decoration: none; color: #FFF; }
#nav ul li a:hover { text-decoration: none; color: #000; background-color: #FFF; }

#nav ul li ul {
  display: none;
}
#nav ul li:hover ul {
  display: block;
  position: absolute;
  padding-top: 20px;
}
#nav ul li ul li a { color: #000; text-decoration: none; }
#nav ul li ul li a:visited { color: #000; text-decoration: none; }
#nav ul li ul li a:hover { color: #FFF; text-decoration: none; background-color: #000; }

#search {
  width: 190px;
  float: right;
  height: 33px;
  padding-right: 15px;  
  padding-top: 4px;
}
.search_davimar_button {
  width: 21px;
  height: 21px;
  background: url(../img/search_button.jpg) no-repeat;
  border: none;
  cursor: pointer;
}
#image_grafik {
  margin-top: 44px;
  height: 410px;
}
#image_grafik_2 {
  margin-top: 44px;
  height: 193px;
}
#image_grafik_3 {
  margin-top: 44px;
  height: 410px;
}
#image_boxen {
  width: 963px;
  height: 185px;
  padding-left: 17px;
  padding-top: 20px;
}
.boxes {
  width: 304px;
  height: 205px;
  float: left;
  margin-right: 17px;
}
.boxes a { width: 304px; height: 205px; display: block; position: absolute; z-index: 2; }
.boxes a:visited { width: 304px; height: 205px; display: block; position: absolute; z-index: 2; }
.boxes a:hover { width: 304px; height: 205px; display: block; position: absolute; z-index: 2; }

.box_title {
  position: absolute;
  padding-left: 20px;
  padding-top: 10px;
  line-height: 1.4;
  padding-right: 25px;
  width: 260px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
.box_link {
  position: absolute;
  padding-left: 227px;
  padding-top: 178px;
  line-height: 1.4;
  padding-right: 25px;
  width: 260px;
  font-size: 10px;
}
.trenner {
  width: 625px;
  height: 1px;
  background-color: #CCC;
  margin-top: 20px;
  margin-bottom: 20px;
}
p {
  margin-bottom: 5px;
}
#footer {
  height: 80px;
  background-color: #000;
  color: #FFF;
  margin-top: 60px;
  padding-left: 17px;
  padding-top: 10px;
}
.time {
  float: left;
  width: 320px;
}
.contact {
  float: left;
  width: 320px;
}
.sub_nav {
  float: left;
  width: 320px;
}
.sub_nav ul li {
  float: left;
  margin-right: 10px;
}
.sub_nav ul li a { text-decoration: none; color: white; }
.sub_nav ul li a:visited { text-decoration: none; color: white; }
.sub_nav ul li a:hover { text-decoration: underline; color: white; }

#slider {
    position:relative;
    width: 980px; /* Change this to your images width */
    height: 410px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
#headline {
  position: absolute;
  z-index: 10;
}
#main_content {
  padding-left: 17px;
  margin-top: 20px;
}
#left {
  width: 639px;
  float: left;
  margin-right: 29px;                     
}
#left_2 {
  width: 639px;
  float: left;
  margin-right: 10px;                     
}
#event {
  margin-right: 34px;                     
}
#right {
  float: left;
  width: 270px;
}

/* Kontakt normal */
#contact_form2 {
  width: 400px;                       
}
#contact_form2 input {
  width: 300px;
}
#contact_form2 textarea {
  width: 398px;
  height: 200px;
  font-family: arial;
  font-size: 12px;
}
input#absenden_button2 {
  width: 100px;
  margin-left: 305px;
}

/* Minikontakt */
#miniContact {
  width: 270px;
}
#miniContact input {
  width: 270px;
}
#miniContact textarea {
  width: 268px;
  font-family: arial;
}
input#absenden_button {
  width: 100px;
  margin-left: 176px;
}
#miniContact_phone {
  display: none;
}
.nivo-caption p {
  padding: 10px;
}
.bodytext {
  line-height: 1.8;
}
.bodytext a { text-decoration: underline; color: #000; }
.bodytext a:visited { text-decoration: underline; color: #000; }
.bodytext a:hover { text-decoration: none; color: #000; }

#quicklinks {
  margin-top: 20px;
}
#facts li, #quicklinks li, #vorteile li, #aquapur li, .kondi li, #kundenservice li, #lieferung li, #kopfteile li, .auping_merkmale li {
  margin-bottom: 15px;
  line-height: 1.6;
  list-style: circle inside;  
}
#kundenservice a, #quicklinks li a { text-decoration: underline; color: #000; }
#kundenservice a:visited, #quicklinks li a:visited { text-decoration: underline; color: #000; }
#kundenservice a:hover, #quicklinks li a:hover { text-decoration: none; color: #000; }

.last {
  padding-top: 60px !important;
}
.margin_bottom {
  margin-bottom: 10px;
}


ul#topnav {
	padding: 0;
  margin-left: 300px;	
  float:left;
	width: 550px;
	list-style: none;
	position: absolute;
	z-index: 200;
}
ul#topnav li {
	float: left;
	margin: 0;
  padding-top: 8px;
	position: relative;
	margin-right: 13px;
}
ul#topnav li a {
	float: left;
	height: 33px;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
}
ul#topnav li a:visited {
	float: left;
	height: 33px;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
}
ul#topnav li a:hover {
	float: left;
	height: 33px;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;   
}
ul#topnav li a.products {
  background: url(../img/nav_pfeil.jpg) no-repeat 30px 21px;    
}
ul#topnav li a.service {
  background: url(../img/nav_pfeil.jpg) no-repeat 25px 21px;    
}
ul#topnav li .sub {
	position: absolute;	
	left: -20px;
	top: 14px;
	padding: 20px 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row { clear: both; float: left; width: 100%; }
ul#topnav li .sub ul {
	list-style: none;
	margin: 0; padding: 0;
	width: 190px;
	height: 160px;
	float: left;
	background-color: #000;
	opacity: 0.90;
}
ul#topnav li .sub ul.two {
	background: #000 url(../img/nav_divider.jpg) no-repeat 0px 20px;
}
ul#topnav li .sub ul.top {
	height: 120px;
}
ul#topnav li .sub ul.bottom {
	height: 130px;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h3 a {
	padding-left: 15px; 
  margin-bottom: 5px;
  margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #f4da83;
	text-decoration: none;
}
ul#topnav .sub ul li h3 a:visited {
	padding-left: 15px; 
  margin-bottom: 5px;
  margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #f4da83;
	text-decoration: none;
}
ul#topnav .sub ul li h3 a:hover {
	padding-left: 15px; 
  margin-bottom: 5px;
  margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #f4da83;
	text-decoration: underline;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: 7px;
	padding-left: 15px;
	padding-bottom: 5px;
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	margin: 0;
}
ul#topnav .sub ul li a:hover { color: #ddd; text-decoration: underline; }

.gallery li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.left { float: left; width: 160px; }
.absolute { position: absolute; margin-left: 204px; }
.float_left {
  float: left;
  margin-right: 10px;
}
.float_right {
  float: right;
  margin-left: 10px;
}
.bodytext_left {
  float: left;
  width: 290px;  
  margin-left: 10px;
}
.uebersicht {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.uebersicht a { height: 137px; width: 203px; display: block; position: absolute; z-index: 2; }
.uebersicht a:visited { height: 137px; width: 203px; display: block; position: absolute; z-index: 2; }
.uebersicht a:hover { height: 137px; width: 203px; display: block; position: absolute; z-index: 2; }

#historie_slider {
  padding-left: 65px;
  margin-top: 20px;
}
#year_even {
  margin-left: 188px;
  margin-bottom: 6px;  
}
#year_even a, #year_odd a { margin-right: 9px; text-decoration: none; color: #000; }
#year_even a:visited, #year_odd a:visited { margin-right: 9px; text-decoration: none; color: #000; }
#year_even a:hover, #year_odd a:hover { font-size: 12px; margin-right: 9px; text-decoration: none; color: #000; }

#year_odd {
  margin-left: 210px;  
}
#timeline {
  margin-left: 200px;
}
#historie_maske {
  width: 500px;
  height: 500px;
  overflow: hidden;
}
.text {
  width: 500px;
  height: 150px;
  padding: 0;
  margin: 0; 
}
.historie {
  float: left;
  height: 500px;
}
#historie_left {
  float: left;
  width: 50px;
}
#historie_left a { display: block; text-decoration: underline; color: #000; margin-bottom: 10px; }
#historie_left a:visited { display: block; text-decoration: underline; color: #000; margin-bottom: 10px; }
#historie_left a:hover { display: block; text-decoration: none; color: #000; margin-bottom: 10px; }

.jahr {
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
}
.news_date {
  font-weight: bold;
  font-size: 10px;
  margin-bottom: 4px;
}
.kontakt {
  float: left;
  width: 210px;
}
ul.sitemap a {
  color: #000;
  line-height: 1.6;
  text-decoration: underline;
}
ul.sitemap a:visited {
  color: #000;
  line-height: 1.6;
  text-decoration: underline;
}
ul.sitemap a:hover {
  color: #000;
  line-height: 1.6;
  text-decoration: none;
}
ul.sitemap ul {
  margin-left: 20px;
  margin-bottom: 20px;
}
.partner_text {
  float: left;
  width: 400px;
}
.galleria-stage {
  width: 980px;
  height: 410px;
  top: 0;
  left: 0;
}
.galleria-thumbnails-container {
  
}

.galleria-container .galleria-thumbnails-container {
  left: 0px;
  right: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  background: black;
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.galleria-thumb-nav-right, .galleria-thumb-nav-left {
  margin-top: 10px;
}