body {
	margin:0;
	padding: 0;
	background: #282828;
	font-size: 1em;
	width: 100%;
	
}

#clear {	clear:both;}



/*chrome und Safari*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
#header {
	z-index: 50000!important;
}

#inhalt {
	z-index: 1!important;
}

#navigation  a{
	font-weight: bolder!important;
}
}


/*=========================== Navklein / Responsive ===================================*/


@media screen and (max-width:470px) {
	
	img.unter {display:none;}
	img.mini {float:left; width: 100%;}

}

@media screen and (min-width:470px) {
	
	img.mini {display:none;}

}


@media screen and (max-width:600px) {
	
		#inhalt {padding-left:15px!important; padding-right:15px;}
        #preise {min-height: inherit !important; padding-top:20px!important;}
    	#team {padding-top:50px!important;}
}


@media screen and (min-width:1000px) {
	
	#preise {min-height: 700px; padding-top:200px!important;}
	#team {min-height: 700px; padding-top:200px!important;}
	#kontakt {min-height:700px; padding-top:180px!important;}	

}


@media screen and (min-width:1050px) {
	
	#navigation  { width: 60%!important; font-size:1em; position:relative; }
	
	#preise {min-height: 700px; padding-top:170px!important;}
	#team {min-height: 700px; padding-top:170px!important;}
	#kontakt {min-height:700px; padding-top:10px!important;}
	
	p.mehrplatz {padding-bottom:150px;}
	
	.anavMain
		{
			display:none;
		}
	#acontent 
		{
		display:none;
		}
		
	#logo 
		{
		width: 59%;  float:right; z-index: 60; position:relative;
		}
		
	img.unter {display:none;}
}		

@media screen and (max-width:1050px) {

	body
		{
		margin:0px;
		padding: 0px;
		}
	
	img.eins {float:left; width:100%!important;}
	img.einsb {float:left; width:100%!important;}
	img.zwei {width:100%!important;}
	img.unter {float: left; width: 100%;}
	img.ueber {display:none;}
	
	#wrapper 
		{
		max-width:100%!important;
		}
		
	#navigation 
		{
			display:none;
		}
		
	#logo
		{
		float:left!important;
		width:100%;
		background: #282828;
		max-height:170px;!important;
		}

	#header 
		{		
		width:100%;
		z-index:50;
		position:absolute;
		}
		
		
	#logo img 
		{
		width:80%;
		padding-left:70px;
		}
	
	#slider
		{
		width:100%;
		float:left!important;
		margin-top: 0px;
		z-index:1;
		position:relative;
		}
	 .anavMain, #acontent {
          -webkit-transition: all .3s ease-in-out;
          -moz-transition: all .3s ease-in-out;
          -ms-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
     }

     .anavMain {
          width:260px;
          height:100%;
          position:fixed;
          left:-260px;
		  background: #282828;
		  z-index: 2000;
		  padding-top:30px;
		  
     }
	 
	 .anavMain ul {
		list-style:none;
	 }
	 
	 .anavMain a {
		color: white;
		text-decoration: none;
		font-family: 'ARB-218_bold'!important;
		font-size:1.6em;
		line-height:1.6em;
	 }

     #acontent {
          /*margin-left:20px;
          padding-top:20px;*/
     }

     #aopenBtn,
     #acloseBtn {
          width:50px;
          height:50px;
         
          color:white;
          padding:4px;
		  z-index: 2000;
		  float: left;
		  margin-left: 10px;
		  margin-top: 10px;		  
		  position: fixed;
     }

     #aopenBtn {
          background:#bb0f7b;
          display:block;
     }

     #acloseBtn {display:none;}

     /* Wenn die Navigation offen ist */

     #aopenNav:target .anavMain {left:0;}

     #aopenNav:target #acontent {
          margin-left:260px;
          position:fixed;
     }

     #aopenNav:target #aopenBtn {display:none;}

     #aopenNav:target #acloseBtn {
          display:block;
          background:red;
     }
}	

/*=========================== Navklein / Responsive  ENDE ===================================*/



/*=========================== Eigene Schriften ===========================*/

@font-face {
     font-family: 'ARB-218_bold';
     src: url('ARB-218_bold.eot');
     src: url('ARB-218_bold.eot?#iefix') format('embedded-opentype'),
          url('ARB-218_bold.woff') format('woff'),
          url('ARB-218_bold.ttf') format('truetype'),
          url('ARB-218_bold.svg#ARB-218_bold_exeterregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
@font-face {	 
	 font-family: 'MyriadPro-Light';
     src: url('MyriadPro-Light.eot');
     src: url('MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
          url('MyriadPro-Light.woff') format('woff'),
          url('MyriadPro-Light.ttf') format('truetype'),
          url('MyriadPro-Light.svg#MyriadPro-Light_exeterregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
@font-face {	 
	 font-family: 'MyriadPro-Regular';
     src: url('MyriadPro-Regular.eot');
     src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
          url('MyriadPro-Regular.woff') format('woff'),
          url('MyriadPro-Regular.ttf') format('truetype'),
          url('MyriadPro-Regular.svg#MyriadPro-Regular_exeterregular') format('svg');
     font-weight: normal;
     font-style: normal;
}


/*=========================== Eigene Schriften ENDE ===========================*/






/*=========================== Grundformatierung ===========================*/

#wrapper {max-width: 1143px; margin:auto;}

#header {max-width: 1143px; width: 100%; margin:auto; position: fixed; z-index: 1000;}

#home {font-size: 1.1em;}

img.eins {float:left; width:57%;}
img.einsb {float:left; width:100%!important;}
img.zwei {width:100%!important;}

#navigation { width: 49%; max-width: 637px; float:left; position: fixed; height: 140px; z-index:10; background: #282828; font-family: 'ARB-218_bold'!important; font-weight: bolder;}

#navigation ul li{ display: block; list-style: none; position: relativ; padding-right: 2em; float:left; margin-top: 90px; font-size: 1.2em;}

#navigation ul { margin-left:-25px;}

#navigation a { color: #999999; font-weight: bolder;	text-decoration: none; }

#navigation a:hover { color: #bb0f7b; font-weight: bolder; text-decoration: none; }

img a {decoration: none;}

img.gallerie {width:100%; float:left; padding:15px;}

hr.grey {width:100%; margin:auto; color:#c2c2c2; opacity:0.5; }

h2 {color: #FFFFFF; font-family: 'ARB-218_bold'; font-weight:bolder;}

 a.platz {padding-top: 100px;}
 
 p.standard {font-family: 'MyriadPro-Light'; color:#FFFFFF; }
 
 p.hervor {font-family: 'MyriadPro-Regular'; color:#FFFFFF; font-weight:bold;}
 
 h3 {font-family: 'MyriadPro-Regular'; color:#bb0f7b; font-weight:bold;}
 
 ul.unternav {
	margin-top:75px;
 }

span.fetter {font-family: 'MyriadPro-Regular'; font-weight:bold; } 

/*=========================== Grundformatierung ENDE ===========================*/




/*=========================== IMAGE SLIDER ===========================*/

#slider img {   margin-top: 50px; position:relative;  }
#slider { padding-top:90px; position:relative; }





/*=========================== IMAGE SLIDER - ENDE ===========================*/

#inhalt{ float:left; position:relative; z-index: 2; max-width: 1143px; padding-left: 50px; padding-right:50px; padding-top:20px; background: #343434; }

#inhalt h1 { color: #bb0f7b; font-family: arial; font-weight: lighter!important;}

#inhalt p { color: #999999;}

#home {padding-bottom:25px;}
#preise {min-height: 700px; padding-top:150px; padding-bottom:25px;}
#team {min-height: 700px; padding-top:150px; padding-bottom:25px;}
#kontakt { padding-top:150px;}	


/* ====================== TEST ==================================*/

#gbild{float:left; margin:25px;}

img.mitte {
	border-radius: 5px;
}

.container {
	position:relative;
}

.textbox:hover {
opacity:1;
}
.text {
padding-top: 50%;
text-align:center;
color:#FFFFFF;
}

.text span.pink {color: #bb0f7b!important; font-size:2em;}

.textbox {
width:200px;
height:250px;
position:absolute; 
top:0; 
left:0; 
opacity:0; 
background-color: rgba(0,0,0,0.75);
-webkit-transition: all 0.7s ease; 
transition: all 0.7s ease;
font-family: arial, tahoma, sans-serif;
font-weight:bold;
font-size: 0.8em;
border-radius: 4px;
}

/*Übernommen*/

        .captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(images/browser-icons.png);
        }
		
            /*
            .jssorb01 div           (normal)
            .jssorb01 div:hover     (normal mouseover)
            .jssorb01 .av           (active)
            .jssorb01 .av:hover     (active mouseover)
            .jssorb01 .dn           (mousedown)
            */
            .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
            {
                filter: alpha(opacity=70);
                opacity: .7;
                overflow:hidden;
                cursor: pointer;
                border: #000 1px solid;
            }
            .jssorb01 div { background-color: gray; }
            .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
            .jssorb01 .av { background-color: #fff; }
            .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }		
			
			
            /* jssor slider arrow navigator skin 05 css */
            /*
            .jssora05l              (normal)
            .jssora05r              (normal)
            .jssora05l:hover        (normal mouseover)
            .jssora05r:hover        (normal mouseover)
            .jssora05ldn            (mousedown)
            .jssora05rdn            (mousedown)
            */
            .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(images/a17.png) no-repeat;
                overflow:hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05ldn { background-position: -250px -40px; }
            .jssora05rdn { background-position: -310px -40px; }