/* General Style */ 

body {
	background:#f1f2ed;
	font-size:100%;
	margin:0em;
	padding:0em;
    color:#3a3a3a; 
}

h1 {
	font-size:1.5em;
	line-height:1.8em;
	font-family:Verdana;
	font-weight:100;
	color:#fffff9; 
	margin:0em;
}
.gross{
 font-size:1.2em;
 line-height:1.2em;   
 }
h2 {
	font-size:1.2em;
	line-height:1.4em;
	font-family:Verdana;
	font-weight: bold;
	color:#040404; 
	margin:0em;
	padding:0.25em;
	text-align:left;
}

h2.mini {
	font-size:1.0em;
	line-height:1.1em;
	font-weight:100;
	padding-left: 1em;

}
h3 {
	font-size:1.1em;
	line-height:1.3em;
	font-family:Verdana;
	font-weight: bold;
    color:#040404; 
	margin:0em;
	padding-top: 1.0em;
	padding-left:1.0em;
	text-align:left;
}
h3.kleiner {
	padding:0.0em;
}
h3.mitte {
	font-size:0.9em;
	line-height:1.2em;
	margin-top: -2em;
	margin-bottom: 1em;
	text-align:center;
}
p {
    font-size:0.9em;
	line-height:1.3em;
	font-family:Verdana;
	font-weight:100;
	color:#3a3a3a;    
	margin:0em;
	padding:1.0em;
	padding-top: 0.3em;
	text-align:left;
}
p.mitte {
    text-align:center;
}
p.fett {
    font-weight: bold;
}
p.kleiner {
    font-size:0.8em;
    line-height:1.0em;
}
p.randlos {
    padding-left: 0em;
    padding-right: 0.3em;
}
p.weiss{
    color:#fefefe;
    
}
.gelb{
color:#FFF43F;    
}
.rot{
color:#F00;
}

.d_rot{
color:#BF1616;
}

.punkt{
  font-size:1.5em;
	line-height:1.5em;
	font-family:Verdana;
	font-weight:bold;
	margin:0em;
	padding:2.0em;
}
.punkt_li{
  font-size:1.5em;
	line-height:1.5em;
	font-family:Verdana;
	font-weight:bold;
	margin:0em;
	padding:0.0em;
}
ul {
	margin:0px;
	padding:0px;
}

li {
	list-style:square;
	font-family:Verdana;
	font-weight:100;
	color:#2F2D2C;
	line-height:1.25em;
	margin:0em;
	padding:0em;
	margin:0.313em 0em 0.313em 0em;
}

img {
	width:95%;
	height:auto;
	max-width:100%;
}
img.mittel{
	width:75%;
	height:auto;
	max-width:50%;
}
img.kleiner{
	width:50%;
	height:auto;
	max-width:50%;
}
img.mini{
	width:15%;
	height:auto;
	max-width:15%;
}
img.schatten{
box-shadow:2px 2px 15px #efefef; 
}

a {
	text-decoration: none;
}
a.imtext:link {color:#000;  text-decoration:none; }
a.imtext:visited {color:#000; text-decoration:none; }
a.imtext:focus {color:#000;  text-decoration:none; }
a.imtext:hover {color:#040404; text-decoration:underline;  }
a.imtext:active {color:#000;  text-decoration:none; }

a.ob:link {color:#040404; font-weight: bold;  text-decoration:none; }
a.ob:visited {color:#040404; font-weight: bold;  text-decoration:none; }
a.ob:focus {color:#444;  font-weight: bold; text-decoration:none; }
a.ob:hover {color:#FACB00; font-weight: bold;  text-decoration:underline;  }
a.ob:active {color:#444; font-weight: bold;  text-decoration:none; }

a.aufgrau:link {color:#040404; font-weight: bold;  text-decoration:none; }
a.aufgrau:visited {color:#040404; font-weight: bold;  text-decoration:none; }
a.aufgrau:focus {color:#444;  font-weight: bold; text-decoration:none; }
a.aufgrau:hover {color:#777; font-weight: bold;  text-decoration:underline;  }
a.aufgrau:active {color:#444; font-weight: bold;  text-decoration:none; }

a.rot:link {color:#BF1616; font-weight: bold;  text-decoration:underline; }
a.rot:visited {color:#BF1616; font-weight: bold;  text-decoration:none; }
a.rot:focus {color:#BF1616;  font-weight: bold; text-decoration:none; }
a.rot:hover {color:#FF0000; font-weight: bold;  text-decoration:underline;  }
a.rot:active {color:#BF1616; font-weight: bold;  text-decoration:none; }

a.footer:link {color:#fefefe;  text-decoration:none; }
a.footer:visited {color:#fefefe; text-decoration:none; }
a.footer:focus {color:#444;  text-decoration:underline; }
a.footer:hover {color:#bbb; text-decoration:underline;  }
a.footer:active {color:#444;  text-decoration:underline; }

.ul_op{list-style-image: url(./bilder/buttonRot8.gif) ;
    font-size:0.8em;
    margin: 0em 0em 0em 1em;
    padding: 0em 0em 1em 1em;
}
.minioben{
 font-size: 0.01em;   
}
.ka{
  display:none;
}
.keineanzeige{
  display:none;
}
.klaeren{
clear:both;
font-size: 0.01em;
}
.fett{
 font-weight: bold;   
}
.mitte{
 text-align:center;   
}
/* On Top Bar */
#menubar {
	display:block;
	background:#f1f2ed;/*#F7F2F2;  */
	margin-top: -0.3em;
} 
#menubar ul {
	display:block;
	width:2em;
	padding:1.1em;
}
#menubar ul li {
	display:inline;
}
#menubar ul li a.menubutton {
	display:none;
}
/* Header */ 
header {
	display:block;
	background:#040404;
	text-align:center;  
}
/* Navigation */ 
nav {
	display:block;
	height:3.5em;
	background:#f1f2ed; /*#F7F2F2;*/
	text-align:center;
}

nav ul {
	display:block;
	background:#f1f2ed;
}
nav ul li {
	display:inline;
	background:#f1f2ed;
	margin:0em 0.188em 0em 0.188em;
}
nav ul li a {
	color:#040404;
	font-size: 0.9em; 	
	line-height:3em;
	padding:0.563em 0.938em 0.25em 0.983em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
}
nav ul li a:hover {
	background:#DBD9D8;
	border-bottom: 0.188em solid #444;
}
nav ul li a.active {
	border-bottom: 0.188em solid #040404;
}
/* Content Area */ 
#main {
    background:#dededa;
	display:block;
	width:96%;
	max-width:927px;
	margin:1.25em auto;
	padding:0em;
}

#main article {
	display:inline-block; 
	width:96%; 
	background:transparent;
	vertical-align: top;
	margin:0em;
	padding:1em;
	text-align:center;
}

#main article img {
	max-width:560px;
    box-shadow:0px 0px 10px -5px #4c4948;
	border-radius: 0.5px; 
}

#main article h2 {
	padding:1em 1.8em 1em 1.8em;
}
.Box1erRahmen{
    display:inline-block;
	width:93%;
	background:transparent;
	vertical-align: top;
	margin: 0em 0em 0em -1.2em;
	padding:1em  2em 0em 2em;
	text-align:left;
	border: solid #f00 0px;
}

.Box2erRahmen{
    display:inline-block;
	width:100%;
	background:transparent;
	vertical-align: top;
	margin: 0em 0em 0.0em 0em;
	padding:0em  0em 0em 0em;
	text-align:left;
	border: solid #f0f 0px;
}
.Box2er{
    display:inline-block;
	width:49.0%;
	min-width: 250px;
	background:transparent;
	vertical-align: top;
	padding:0.0em;
	margin: 0em 0.0em 0.0em 0.0em;
	text-align:left;
    border: solid #ff0 0px;
}
.Box2erMitte{
    display:inline-block;
	width:100%;
	background:transparent;
	vertical-align: top;
	margin: 0em 0em 0.0em 0em;
	padding:0em  0em 0em 0em;
	text-align:center;
	border: solid #00f 0px;
}
.Box2lRand{
    display:inline-block;
	width:90%;
    min-width: 215px;
    background-color: #d3d3d3;
	vertical-align: top;
	padding:0.5em;
	margin: 1em 0em 1.5em 0em;
	text-align:left;
    border:0.3em inset #999;
    border-left: 1.0em inset #040404;
}

.PreisRahmen{
    display:inline-block;
	width:100%;
	background:transparent;
	vertical-align: top;
	margin: 0em 0em 0.3em 0em;
	padding:0em  0em 0em 0em;
	text-align:left;
	border: inset #000 1px;
}
.PreisText{
    display:inline-block;
	width:65.0%;
	min-width: 210px;                       
	background:transparent;
	vertical-align: top;
	padding:0em 0.0em 0.0em 0.2em;
	margin: 0em 0.0em 0.0em 0.2em;
	text-align:left;
    border: solid #ff0 0px;
}
.PreisZahl{
    display:inline-block;
	width:30%;
	background:transparent;
	vertical-align: top;
	margin: 0em 0.2em 0.0em 0em;
	padding:0em  0em 0em 0em;
	text-align:right;
    font-weight: bold;
	border: solid #00f 0px;
}


/* Footer */   
footer {
	display:block;
	background:#040404;
	text-align:center;
}
.footerBoxRahmen{
    display:block;
	width:100%;
	max-width:927px;
	text-align:left;
	margin:0px auto;
    border:#0ff solid 0px;    
}
.footerBoxL{
    display:inline-block;
	width:77%;
	min-width: 280px;
	height: auto;
	font-size:0.9em;
	line-height:2.0em;
	padding: 0.2em;
	margin: 0.1em;
    border:#f0f solid 0px;
    text-align: left;
}
.footerBoxR{
    display:inline-block;
    width:23%;
    min-width: 150px;
    height: auto;
    font-size:0.9em;
	line-height:2.0em;
	padding: 0.2em;
	margin: 0.1em -3em 0.1em 0em;
    border:#00f solid 0px;
    text-align: left;
}

/* Mobile Style */
@media screen and (max-width:800px) {
	body {
		font-size:90%;
	}
}
@media screen and (max-width:600px) {
	#main aside, #main article {
		width:100%;
		display:block;
		margin:0.625em 0em 0.625em 0em;
	}
}
@media screen and (min-width:550px) {
	nav.nav {
		display:block !important;
	}	
}
@media screen and (max-width:550px) {
	body {
		font-size:86%;
	}
	#menubar ul li a.menubutton {
		display:block;
	}	
	nav {
		display:none;
		height:auto;
	}
	nav ul li {
		display:block;
		margin:0.3em 0em 0.3em 0em;
	}
}




 /* Kontaktseite */
#konta {
	display:block;
	width:96%;
	max-width:927px;
	margin:1.25em auto;
	padding:0em;
}

#konta article {
	display:inline-block;
	width:96%;
	background:#FFFFFF;
	vertical-align: top;
	margin:0em;
	padding:0em;
	text-align:center;
}

#konta aside {
	display:inline-block;
	width:65%;
	background:#FFFFFF;
	vertical-align: top;
	margin:0em;
	padding:0em;
	text-align:left;
}

#konta aside section {
	margin-top:1.5em;
	text-align:left;
}

/* fuer Google Maps  */
.box-Einbettung {
    display:inline-block;
	width:90%;       
    position: relative;
    padding-bottom: 56.25%;
    margin: 0px ;
    margin-left:1em;
    height: 0;
    overflow: hidden;
    max-width: 600px;
    height: auto;
    text-align:center;
}
.box-Einbettung iframe, .box-Einbettung object, .box-Einbettung embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
}

/* Impressumseite */ 
#impressu {
	display:block;
	width:96%;
	max-width:927px;
	margin:1.25em auto;
	padding:0em;
}

#impressu article {
	display:inline-block;
	width:96%;
	background:transparent;
	vertical-align: top;
	margin:0em;
	padding:1em;
	padding-top:0.0em;
	text-align:left;
}

/* sitemap*/
#site {
	display:block;
	width:96%;
	max-width:927px;
	margin:1.25em auto;
	padding:0em;
}

#site article {
	display:inline-block;
	width:100%;
	background:transparent;
	vertical-align: top;
	margin:0em;
	padding:1em;
	padding-top:0.0em;
	text-align:left;
}
.sitemapBox{
    display:inline-block;
	width:65%;
	background:transparent;
    background: transparent url(./bilder/bg_content.png) repeat;
	vertical-align: top;
	margin:1em 0em 0em 0em;
	padding:1em;
	text-align:left;
    border: solid 0px #f0f;    
}
.sitemapLinks{
    display:inline-block;
	width:18%;
	min-width: 180px;
	background:transparent;
	vertical-align: top;
	margin:0em;
	padding:0.0em 0.5em 0.0em 0.0em;
	text-align:left;
    border: solid 0px #f00;    
}
.sitemapRechts{
    display:inline-block;
	width:60%;
	min-width: 200px;
	background:transparent;
	vertical-align: top;
	margin:0em;
	padding:0.5em; 
	padding-top:0.0em;
	text-align:left;
	border: solid 0px #00f;        
}