/* CSS Document */
html {
	height: 100%;
}
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0 none;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
img {
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
body {
  background: none repeat scroll 0 0 #ffffff;
  color: #454545;
  font-family: "Doppio One";
  font-size: 12px;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  line-height: 1.5em;
  text-rendering: optimizelegibility;
  background-image:url(/pics/layout/top.png);
  background-position:top;
  background-repeat:repeat-x;
}
a {
  color:inherit;
  text-decoration:none;
}
#contentContainer  {
	width:100%;
	max-width:1000px;
	padding:0 20px 0 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin:auto;
}


/* TOP START */
div#contentTop {
	width:100%;
	overflow:auto;
	padding-top:82px;
	padding-bottom:52px;	
}
div#contentLogo {
	float:left;
}
div#contentMenu {
	float:right;
	line-height:64px;
}

ul.menu {
  display: block;
  list-style-type: none;
  overflow:auto;
}
ul.menu > li {
  display:inline-block;
  white-space:nowrap;
  padding:0px 6px 0 6px;
  font-size:13px;
}


.submenu {
	text-align:center;
	margin-bottom:10px;
	position:relative;
	top:-10px;
}

@media screen and (max-width: 900px) {
  div#contentTop {
	padding-top:67px;
	padding-bottom:22px;
  }	
  div#contentLogo {
	float:none;
	text-align:center;
  }	
  div#contentMenu {
	float:none;
	text-align:center;
	width:100%;
  }
}

@media screen and (max-width: 610px) {
  div#contentMenu {
	  margin-top:20px;
  }
  ul.menu > li {
	padding:0;
	width:50%;
	float:left;
	border:1px solid #b9caeb;
	background-color:#eff2f8;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
  }
  li.menu_item {
	
	line-height:20px;
  }
  body {
    background-image:url(/pics/layout/top2.png);  
  }
}

@media screen and (max-width: 300px) {
  ul.menu > li { width:100%; }14:14 23-05-2016
}

/* TOP END */

/* SLIDER START */
#contentSlider {
	width:100%;
	max-width:1000px;
	margin:auto;
	overflow:hidden;
	background-color:#ffffff;
}
/* SLIDER END */

/* CONTENT START */
#contentText {
	padding-top:35px;
	padding-bottom:150px;
	position:relative;
	overflow:auto;
}
/* CONTENT END */
/* FOOTER START */
#contentFooter {
	position:fixed;
	bottom:0;
	background-image:url(/pics/layout/footer.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:106px;
	width:100%;
}
#footerContainer {
	width:100%;
	max-width:1000px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin:auto;
	text-align:center;
}
#footerMail, #footerAdresse, #footerTelefon {
	background-position:left;
	background-repeat:no-repeat;
	padding-left:50px;
	color:#969696;
	display:inline-block;
	line-height:36px;
	margin:35px 20px 0 20px;
}
#footerMail {
	background-image:url(/pics/layout/pilmail.png);
}
#footerAdresse {
	background-image:url(/pics/layout/pilside.png);
}
#footerTelefon {
	background-image:url(/pics/layout/piltelefon.png);
}
@media screen and (max-width: 720px) {
  #footerAdresse {
	display:none;
  }
}
@media screen and (max-width: 500px) {
  #contentFooter {
	  height:50px;
  }

  #footerMail, #footerAdresse, #footerTelefon {
	background-image:none;
	margin:10px 10px 0 10px;
	padding-left:0px;
  }
}
/* FOOTER END */