@charset "utf-8";



/* Simple fluid media



   Note: Fluid media requires that you remove the media's height and width attributes from the HTML



   http://www.alistapart.com/articles/fluid-images/ 



*/



img, object, embed, video {



	max-width: 100%;



	text-align: center;



}







/* IE 6 does not support max-width so default to width 100% */



.ie6 img {



	width:100%;



}







/*



	Dreamweaver Fluid Grid Properties



	----------------------------------



	dw-num-cols-mobile:		4;



	dw-num-cols-tablet:		8;



	dw-num-cols-desktop:	12;



	dw-gutter-percentage:	25;



	



	Inspiration from "Responsive Web Design" by Ethan Marcotte 



	http://www.alistapart.com/articles/responsive-web-design



	



	and Golden Grid System by Joni Korpi



	http://goldengridsystem.com/



*/







.fluid {



	clear: both;



	margin-left: 0;



	width: 100%;



	float: left;



	display: block;



}







.fluidList {



    list-style:none;



    list-style-image:none;



    margin:0;



    padding:0;        



}







/* Mobile Layout: 480px and below. */



  



.gridContainer {

	margin-left: auto;

	margin-right: auto;

	width: 98%;

	padding-left: 1%;

	padding-right: 1%;

	clear: none;

	float: none;

	background-color: #FFFFFF;



}



#div1 {



	margin-bottom: 30px;



}



#logo {



width: 100%;



}



#navigation {



width: 100%;



margin-left: 0;



clear: both;



}



#banner {



}



#inhaltfirmenprofil {



	padding-left: 0px;



	padding-right: 0px;



	margin-right: 0px;



}



#naivgation {



}



#startcont {



	width: 100%;



	margin-left: 0;



	background-image: url(hintergrundconta.gif);



}



#div2 {



width: 100%;



margin-left: 0;



clear: both;



}



#div3 {



width: 100%;



margin-left: 0;



clear: both;



}



#div1 #inhalt #startcont {



	padding-left: 0px;



	margin-left: 0px;



}



#textoben {







width: 100%;







margin-left: 0;







}



#inhalt2links {



width: 100%;



margin-left: 0;



}



#inhalt2rechts {



width: 100%;



margin-left: 0;



clear: both;



}



#dreibereiche1 {



width: 100%;



margin-left: 0;



}



#dreibereiche2 {



width: 100%;



margin-left: 0;



clear: both;



}



#dreibereiche3 {



width: 100%;



margin-left: 0;



clear: both;



}



#liste {



}



#liste li {



	list-style-type: disc;



	list-style-position: outside;



}



.restfirmaunten1 {



width: 100%;



margin-left: 0;



}



.zeroMargin_mobile {



margin-left: 0;



}







li a img {



	margin-bottom: 4px;



	margin-right: 1px;



}



.fluid.restfirmaunten1 p img {



	float: left;



	padding-right: 39px;



	padding-bottom: 31px;



}





.hide_mobile {



display: none;



}

#textoben #demo2 .bewerben {

    padding-top: 6px;

    padding-right: 6px;

    padding-bottom: 6px;

    padding-left: 6px;

    color: #FFFFFF;

    background-color: #225196;

}

#demo2 .bewerben a {

    color: #FFFFFF;

    text-decoration: none;

    font-weight: bold;

}





















/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */







@media only screen and (min-width: 481px) {



.hide_mobile {



display: block;



}



.gridContainer {

	width: 95.55%;

	padding-left: 1.225%;

	padding-right: 1.225%;

	clear: none;

	float: none;

	margin-left: auto;

	background-color: #FFFFFF;



}



#div1 {



}



#logo {



width: 100%;



}



#navigation {



width: 100%;



clear: both;



margin-left: 0;



}



#banner {



}



#inhaltfirmenprofil {



}



#naivgation {



}



#startcont {



width: 100%;



margin-left: 0;



}



#div2 {



width: 100%;



clear: both;



margin-left: 0;



}



#div3 {



width: 100%;



clear: both;



margin-left: 0;



}



#textoben {



width: 100%;



margin-left: 0;



}



#inhalt2links {



width: 100%;



margin-left: 0;



}



#inhalt2rechts {



width: 100%;



clear: both;



margin-left: 0;



}



#dreibereiche1 {



width: 100%;



margin-left: 0;



}



#dreibereiche2 {



width: 100%;



clear: both;



margin-left: 0;



}



#dreibereiche3 {



width: 100%;



clear: both;



margin-left: 0;



}



#liste {



}



.restfirmaunten1 {



width: 100%;



margin-left: 0;



}



.hide_tablet {



display: none;



}



.zeroMargin_tablet {



margin-left: 0;



}



}







/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */







@media only screen and (min-width: 769px) {







.gridContainer {



	width: 93.4166%;



	max-width: 1200px;



	padding-left: 0.7916%;



	padding-right: 0.7916%;



	margin: auto;



	clear: none;



	float: none;



	margin-left: auto;



}



#div1 {



}



#logo {



width: 32.2033%;



}



#navigation {



	width: 66.1016%;



	margin-left: 1.6949%;



	clear: none;



	font-family: Arial;



	font-weight: normal;



	text-align: center;



	font-size: 13pt;



}



#banner {



	margin-top: 26px;



}



#inhaltfirmenprofil {



	background-color: #FFFFFF;



}



#naivgation {



}



#startcont {



	width: 32.2033%;



	margin-left: 0;



	padding-left: auto;



	padding-right: auto;



}



#div2 {



	width: 32.2033%;



	clear: none;



	margin-left: 1.6949%;



	background-image: url(hintergrundconta.gif);



}



#div3 {



	width: 32.2033%;



	clear: none;



	margin-left: 1.6949%;



	background-image: url(hintergrundconta.gif);



}



#div1 #inhalt #startcont {



}



#textoben {











width: 83.0508%;











margin-left: 8.4745%;











}



#inhalt2links {



width: 40.6779%;



margin-left: 8.4745%;



}



#inhalt2rechts {



width: 40.6779%;



clear: none;



margin-left: 1.6949%;



}



#dreibereiche1 {



width: 23.7288%;



margin-left: 8.4745%;



}



#dreibereiche2 {



width: 23.7288%;



clear: none;



margin-left: 1.6949%;



}



#dreibereiche3 {



width: 23.7288%;



clear: none;



margin-left: 1.6949%;



}



#liste {



}



.restfirmaunten1 {



width: 83.0508%;



margin-left: 8.4745%;



}



.zeroMargin_desktop {



margin-left: 0;



}



.hide_desktop {



display: none;



}







}



.rslides {



  position: relative;



  list-style: none;



  overflow: hidden;



  width: 100%;



  padding: 0;



  margin: 0;



  }







.rslides li {



  -webkit-backface-visibility: hidden;



  position: absolute;



  display: none;



  width: 100%;



  left: 0;



  top: 0;



  }







.rslides li:first-child {



  position: relative;



  display: block;



  float: left;



  }







.rslides img {



  display: block;



  height: auto;



  float: left;



  width: 100%;



  border: 0;



  }



  .callbacks .caption {



  display: block;



  position: absolute;



  z-index: 2;



  font-size: 20px;



  text-shadow: none;



  color: #fff;



  background: #000;



  background: rgba(0,0,0, .8);



  left: 0;



  right: 0;



  bottom: 0;



  padding: 10px 20px;



  margin: 0;



  max-width: none;



  }