/* css */ 

/* reset */

* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


/* render html5 elements as block 
   rendert html5 elemente als block  */

header, footer, section, nav, article, figure, figcaption { display: block;}


/* first for IE 4–8 */
@font-face {
  font-family: NettoWeb-Light;
  src: url("NettoWeb-Light.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: NettoWeb-Light;
  src: url("NettoWeb-Light.woff") format("woff");
}


/* go on with normal style definitions */
body { 
  font-family: NettoWeb-Light, sans-serif;
}



/* first for IE 4–8 */
@font-face {
  font-family: NettoWeb;
  src: url("NettoWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: NettoWeb;
  src: url("NettoWeb.woff") format("woff");
}


/* go on with normal style definitions */

body { 
  font-family: NettoWeb, sans-serif;
}



a {color: #000;
text-decoration:none;	
}
a:visited {color:#000;}
a:hover {color: #B39837;}
a:active { color:#000;}


body {
	background-color:#fff;
	font-size: 0.95em;
	color:#fff;
	font-family: NettoWeb, sans-serif;
}



p.Auszeichnung {	
font-family: NettoWeb;	
font-size: 1.400em;
color: #ABBD64;
line-height:1.3em;
}



hr {
background-color:#F6F6F6; /* Farbe für Opera und Firefox */ 
color: #F6F6F6; /* Farbe für Internet Explorer (IE) */
border: 0; 
height: 2px;
margin-top:30px;
margin-bottom:50px;
}


ul#liste{
font-family: NettoWeb-Light;	
font-size:1.3em;
padding: 0 0 20px;
margin-left:18px;
line-height:1.4em;
color:#000;
list-style-type:circle;

}





p {
font-family: NettoWeb-Light;	
font-size:1.3em;
padding: 0 0 20px;
line-height:1.4em;
margin-top:0px;
color:#000;
}


h1 {
font-family: NettoWeb-Light;	
font-size: 2.800em;
margin-top: 5px;
color: #B39837;
}


h2 {
font-family: NettoWeb-Light;	
font-size: 1.400em;
margin-top: 15px;
color: #B39837;
}


h3 {
font-family: NettoWeb;		
font-size: 1.800em;
margin-top: 0px;
color: #B39837;
}

h4 {
font-family: NettoWeb;
line-height:26px;	
font-size: 1.400em;
margin-top:20px;
margin-bottom:15px;
color:#333;
}

h5 {
font-family: NettoWeb;
line-height:26px;	
font-size: 1.500em;
margin-top:20px;
margin-bottom:15px;
color:#B39837;
}



img.download {vertical-align:middle;}
figure img {border:0px solid #F6F6F6; }
  
img.burgi{
  border: 2px solid #F6F6F6;
  margin-top:2px;
 
}


.tab {text-indent: 50px;}


span.tab{
    padding: 0 30px; /* Or desi space*/
}



span.tabtwo{
    padding: 0 32px; /* Or desi space*/
}



span.tabthree{
    padding: 0 36px; /* Or desi space*/
}


span.tabfour{
    padding: 0 53px; /* Or desi space*/
}




	
/* ----------container zentriert das layout-------------- */

#container {
max-width:1200px;
min-width:950px;
margin:8px auto;
background-color:#fff;
}

/* ----------header for logo-------------- */
header {
	padding:20px;
	background:#fff;
}
	
header p{
	font-size:60px;
	

}
header img{ padding: 0 0 10px;}


/* -------------- navigavtion------------- */

/*

nav {
font-family: NettoWeb;	
font-size:1.400em;
background:#fff;
color:333;
margin-bottom:10px;
}

nav ul { 
list-style-type: none; 
margin:0;
}

nav li {
display: inline;
}

nav a {
display: inline-block;
padding: 50px 35px;
text-decoration: none;
}

nav a:visited {color:#333;}


nav a:hover {
	color:#B39837;
	font-family: NettoWeb;
}


nav a.:hover {
	color:#CA675E;
}


nav a.beige:hover {
	color:#C1A890;
}


nav a.green:hover {
	color:#ABBD64;
}


nav a.blue:hover {
	color:#81C5CB;
}


nav ul .current {
color: #B39837;

}
 
*/



/* ----------------- css menu | update 2.0 --------------------- */


#nav {
	position:relative;
	width:950px;
	margin:0 auto;
	margin:0;
	margin-bottom:30px;
	padding: 45px;
/*	text-transform: uppercase; */
}

ul#navigation {
	margin:0px auto;
	margin-left: 54px;
	margin-left: 0px;  /* Änderung nav mit KONTAKT */ 
	margin:0px; /* Änderung nav mit KONTAKT */ 
	margin-bottom: 55px;
	position:relative;
	float:left;
	border-left:0px solid #c4dbe7;
	border-right:0px solid #c4dbe7;
}

ul#navigation li {
	display:inline;
	color:#333;
	font-family:NettoWeb;	
	font-size:21px;
	margin:0;
	padding:0px;
	float:left;
	position:relative;
	border-top:0px solid #c4dbe7;
	border-bottom:0px solid #c4dbe7;
}

ul#navigation li a {
	padding:10px 25px;
	color:#333;
	text-shadow:0px 0px 0px #fff;
	text-decoration:none;
	display:inline-block;
	border-right:1px solid #fff;
	border-left:0px solid #F6F6F6;
	border-top:1px solid #fff;
	background: #fff;
	-webkit-transition:color 0.1s linear, background 0.1s linear;	
	-moz-transition:color 0.1s linear, background 0.1s linear;	
	-o-transition:color 0.1s linear, background 0.1s linear;	
	transition:color 0.1s linear, background 0.1s linear;	
	
}

ul#navigation li a:hover {
	background:none;
	color:#333;
}


/* Class Nav*/


ul#navigation li:hover > a {
	background:none;
	color: #B39837;
}


ul#navigation li:hover > a.red {
	background:none;
	color:#CA675E;
}



ul#navigation li:hover > a.green {
	background:none;
	color:#ABBD64;
}


/*

ul#navigation li:hover > a.gold {
	background:none;
	color:#B39837;
}
*/



/* Class Nav 2 */


ul#navigation li > a.red:hover {
	background:none;
	color: #CA675E;
}



ul#navigation li > a.beige:hover {
	background:none;
	color: #C1A890;
}



ul#navigation li > a.green:hover {
	background:none;
	color: #ABBD64;
}



ul#navigation li > a.blue:hover {
	background:none;
	color: #81C5CB;
}



ul#navigation li > a.gold:hover {
	background:none;
	color: #B39837;
  font-family: NettoWeb;
}






/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
	text-align:left;
    margin: 0;
	margin-top:0px;    /* Andi */
	padding-left:10px;
	padding-right:0px;
	font-size:18px;   
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:180px;
	background:#F6F6F6;
	box-shadow: 0px 0px 0px 0px #ccc;
	opacity:0;
	-webkit-transition:opacity 0.1s linear, visibility 0.1s linear; 
	-moz-transition:opacity 0.1s linear, visibility 0.1s linear; 
	-o-transition:opacity 0.1s linear, visibility 0.1s linear; 
	transition:opacity 0.1s linear, visibility 0.1s linear; 	
}

ul#navigation ul {
    top: 43px;
    left: 1px;
}

ul#navigation ul li ul {
	top: -5px;
    left: 171px;
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	border-bottom:1px solid #fff;
}

ul#navigation ul li a {
	background:none;
	padding: 10px 15px;
	font-size:18px;   
	color:#333;
	text-shadow:0px 0px 0px #fff;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:150px;
	
}



ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}


ul#navigation li .current {
color: #B39837;
}




/* ----------------- content--------------------- */
section#content {
margin: 0 250px 0 0;
}


article {
float:left;
background-color:#fff;
min-height:100%;
padding:25px;
margin-left:10px;
}



/*

article {
clear:both;
overflow:auto;
width:100%;
padding:10px;
}*/


/* -------------- side infos ------------- */


aside {
float:right;
background-color:#fff;
border-left: 0px solid;
border-color:#ccc;
padding: 0px;
width: 250px;


}
aside a{color:#FFF;}


/* -----------footer--------------------------- */
footer {
padding: 20px;
clear:both;
background-color: #fff;
}


footer p {
font-family: NettoWeb-Light;	
font-size:1.0em;
padding: 0 0 20px;
line-height:1.4em;
margin-top:0px;
color:#000;
}


footer p .current {
color:#B39837;
}


figure {
float:left;
padding: 0px;
margin-left:0px;
border: 0px solid #ccc;


}


figurecaption {
float:right;	
font-family: NettoWeb-Light;
text-align:left;
margin-left:15px;

}


#textnexttoburgi  {
float:right;
padding: 0px;

}

#textnexttoburgi p  {
margin-top:182px;
font-family: NettoWeb;	
font-size: 1.400em;
margin-left: 15px;
color: #B39837;

}




#articlebox  {
float:left;
	}
	
	
#articlebox_second  {
	float:left;
	font-family: NettoWeb, sans-serif;
	}

#articlebox_third  {
float:left;
	}
	
		
#asidebox  {
float:left;
margin-left:90px;
margin-top:30px;
padding-bottom:10px;
	}
	
	
#asidebox p {
font-family: NettoWeb-Light;	
font-size:1.0em;
line-height:1.4em;
margin-top:5px;
color:#CA675E;
text-align:center;
}
	
	
#asidebox_second  {
float:left;
margin-left:90px;
padding-bottom: 10px;
	}
	
	
#asidebox_second p {
font-family: NettoWeb-Light;
text-align:center;
margin-top:5px;	
font-size:1.0em;
line-height:1.4em;
color:#C1A890;
}
	
	
#asidebox_third  {
float:left;
margin-left:90px;
padding-bottom: 10px;
	}
	
	

#asidebox_third p {
font-family: NettoWeb-Light;	
font-size:1.0em;
line-height:1.4em;
color:#ABBD64;
text-align:center;
margin-top:5px;

}
	
	
#asidebox_four p {
font-family: NettoWeb-Light;	
font-size:1.0em;
line-height:1.4em;
color:#81C5CB;
text-align:center;
margin-top:5px;
}
	
	
#asidebox_four  {
float:left;
margin-left:90px;
padding-bottom:10px;
margin-top:6px;
	}
	
	
	
#asidebox_third_text p {
font-family: NettoWeb-Light;	
font-size:1.0em;
line-height:1.4em;
color:#ABBD64;
text-align:left;
padding-top:10px;
margin:-6px;
}
	
	
/* -------------- lightbox – images ------------- */

	
/* line 180, ../sass/screen.sass */
.image-row {
  *zoom: 1;
  margin-bottom: 20px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.image-row:after {
  content: "";
  display: table;
  clear: both;
}

/* line 184, ../sass/screen.sass */
.example-image-link {
  display: inline-block;
  margin: 0 39px 22px 0px;
  line-height: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border: 2px solid #F6F6F6;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/* line 191, ../sass/screen.sass */
.example-image-link:hover {
  border: 2px solid #F6F6F6;
   
}

/* line 194, ../sass/screen.sass */
.example-image {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
	
	
	span.rollover {
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url(image/raum/plus_image_4.png) center center no-repeat;
	cursor: pointer;
	height: 176px;
	width: 176px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

span.rollover:hover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 0px #fff;
	-moz-box-shadow: 0px 0px 0px #fff;
	box-shadow: 0px 0px 0px #fff;
	
	 
}


/* Menue Problem bei iOS select Safari & Chrome  */
 @media screen and (-webkit-min-device-pixel-ratio:0) {

/* Code goes here..... */
 #navigation ul {display: none;} 
 #navigation li:hover ul {display: block;} 
 #navigation ul  {
	position:absolute;
	top: auto;
	left: auto;
	display:none;
	padding: 0;
	margin: 0;
	z-index: 1;	
}


#nav li:hover ul ul,
#nav li li:hover ul ul,
#nav li li li:hover ul ul,
#nav li li li li:hover ul ul
{display:none;}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul
{display:block;}
}


/* Info Terminvereinbarung */

#termin {
	position: absolute;
	border: 1px solid #DDCCA5;
	padding:8px;
	top: 30px;
	left: 30px;
	height: 70px;
	width: 250px;
	color:#B38E37;
	font-size: 25px;
	z-index: 99;
	text-align:center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#tel {
	font-size: 22px;
	font-weight:bold;
}



#spot {
	position: relative;
	border: 1px solid #1BBAD7;
	padding:8px;
	top: -20px;
	left: 600px;
	height: 130px;
	width: 320px;
/*	background-color:#B38E37;  */
  background-color:#1BBAD7;
	color:#fff;
	font-size: 30px;
	z-index: 9999;
	line-height: 1.2em;
	text-align:center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	transform: rotate(-5deg);
    border: 5px #fff solid;
    box-shadow: 5px 5px 8px #ddd;
	clear:both;
  }
/* css done */