/* General Style */ 
body {
	background:#fafafa;
	font-size:100%;
	margin:0em;
	padding:0em;
}

h1 {
	font-size:1.5em;
	line-height:2.2em;
	font-family:Verdana;
	font-weight:100;
	color:#fdfdfd;
	margin:0em;
}

h2 {
	font-size:1.563em;
	line-height:1.8em;
	font-family:Verdana;
	font-weight:100;
	color:#010101;
	margin:0em;
	padding:0.25em;
	text-align:left;
}
h2.kleiner {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:100;
	margin-left:0.25em;
	color:#444444;
	
}
h2.mini {
	font-size:1.0em;
	line-height:1.1em;
	font-weight:100;
	padding-left: 1em;
	color:#444444;

}
h3 {
	font-size:0.9em;
	line-height:1.4em;
	font-family:Verdana;
	font-weight: bold;
    color:#010101;
	margin:0em;
	padding-top: 1.0em;
	padding-left:1.0em;
	text-align:left;
}
h3.kleiner {
	font-size:0.9em;
	line-height:1.4em;
	padding:0.0em;
    color:#444444;
	text-align:left;
}
h3.mitte {
	text-align:center;
}
p {
	line-height:1.4em;
	font-family:Verdana;
	font-weight:100;           
	color:#010101; /*#2F2D2C;        */
	font-size: 1em;
	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.1em;
    padding-top: 0.2em;
}
p.sehr_klein {
    line-height:0.01em;
  	padding:0em;
    font-size:0.01em;
}
p.randlos {
    padding-left: 0em;
    padding-right: 0.3em;
}
.kleiner {
    font-size:0.8em;
    line-height:1.0em;
    padding-top: 0.2em;
}
ul {
	margin:0px;
	padding:0px;
}

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

img {
	width:90%;
	height:auto;
	max-width:100%;
}
img.hundert {
	width:90%;
	height:auto;
	max-width:100%;
}
img.kleiner{
	width:50%;
	height:auto;
	max-width:50%;
}
img.fuenzig{
	width:50%;
	height:auto;
	max-width:50%;
}
img.dreizig{
	width:30%;
	height:auto;
	max-width:50%;
}
img.zwanzig{
	width:22%;
	height:auto;
	max-width:50%;
}
img.mini{
	width:15%;
	height:auto;
	max-width:15%;
}

img.sieben{
	width:7%;
	height:auto;
	max-width:9%;
	padding-right: 0.3em;
}
a.linkabblend:hover img {filter:alpha(opacity=60);-moz-opacity:0.60; opacity: 0.6;} 
a {	text-decoration: none;}
a.imtext:link {color:#000;  font-weight: bold; text-decoration:none; }
a.imtext:visited {color:#000; font-weight: bold; text-decoration:none; }
a.imtext:focus {color:#000; font-weight: bold; text-decoration:none; }
a.imtext:hover {color:#765DBA; font-weight: bold; text-decoration:none;  }
a.imtext:active {color:#000; font-weight: bold; text-decoration:none; }

a.imtext_u:link {color:#000;  font-weight: normal; text-decoration:underline; }
a.imtext_u:visited {color:#000; font-weight: normal; text-decoration:underline; }
a.imtext_u:focus {color:#000; font-weight: normal; text-decoration:underline; }
a.imtext_u:hover {color:#765DBA; font-weight: normal; text-decoration:underline;  }
a.imtext_u:active {color:#000; font-weight: normal; text-decoration:underline; }

a.ob:link {color:#444444; font-weight: bold;  text-decoration:none; }
a.ob:visited {color:#444444; font-weight: bold;  text-decoration:none; }
a.ob:focus {color:#444444;  font-weight: bold; text-decoration:none; }
a.ob:hover {color:#765DBA; font-weight: bold;  text-decoration:none;  }
a.ob:active {color:#444444; font-weight: bold;  text-decoration:none; }

a.oben:link {color:#999; font-weight: bold;  text-decoration:underline; }
a.oben:visited {color:#999; font-weight: bold;  text-decoration:none; }
a.oben:focus {color:#999;  font-weight: bold; text-decoration:none; }
a.oben:hover {color:#765DBA; font-weight: bold;  text-decoration:none;  }
a.oben:active {color:#999; font-weight: bold;  text-decoration:none; }

a.footer:link {color:#fff;  text-decoration:none; }
a.footer:visited {color:#fff; text-decoration:none; }
a.footer:focus {color:#777;  text-decoration:none; }
a.footer:hover {color:#777; text-decoration:none;  }
a.footer:active {color:#fff;  text-decoration:none; }

li{
list-style-type:none;
}
.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;   
}
.weiss{
 color:#fefefe;   
}
.grau{
color:#444444;
}
.rot{
color:#f00;
}
.cyan{
color:#0ff;
}
/* On Top Bar */
#menubar {
	display:block;
	background:#000;
	margin-top: -0.2em;
} 
#menubar ul {
	display:block;
	width:2em;
	padding:0.9em;
}
#menubar ul li {
	display:inline;
}
#menubar ul li a.menubutton {
	display:none;
}
/* Header */ 
header {
	display:block;
	background:#0C0C0C;
	background-image: url(images/marx_webdesign_kopf_n.jpg);
	height: 95px;
	text-align:center;  
}
/* Navigation */ 
nav {
	display:block;
	height:4.3em;
	background:#FFF;
	text-align:center;
}

nav ul {
	display:block;                   
}
nav ul li {
	display:inline;
	margin:0em 0.188em 0em 0.188em;
}
nav ul li a {
	color:#454040;
	font-size: 0.9em;
	line-height:2.2em;
	padding:0.4em 0.938em 0.3em 0.983em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
}
nav ul li a:hover {
	background:#F2F2F2;
	border-bottom: 0.188em solid #0b0b0b;
}
nav ul li a.active {
	border-bottom: 0.188em solid #444;
}
/* Content Area */ 
#main {
	display:block;
	width:99.9%;
	max-width:980px;
	margin:1.0em auto;
	padding:0em;
	background-color: #fff;
  border: 0px solid #f0f;
}
 .nichtTransparent {
    padding: 0em; 
 }
#main article {
	display:inline-block; 
	width:98%; 
	background:transparent;
	vertical-align: top;
	margin:0em -0.2em 0em -0.2em;
	padding:1em;
	text-align:center; 
  border: 0px solid #0ff; 	
}

#main article img {
	max-width:560px;
  box-shadow:0px 0px 10px -5px #4c4948;
	border-radius: 5px;	
} 
#main article img.kopf {
	max-width:1100px;
  box-shadow:0px 0px 10px -5px #4c4948;
	border-radius: 0px;
}
#main article img.Flagge {
	max-width:30px;
  box-shadow:0px 0px 0px 0px #f00;
	border-radius: 0px;	
}
#main article h2 {
	padding:1em 1.8em 1em 1.8em;
} 
.Box1er{
  display:inline-block;
	width:98%;     
  background:#fff;
	vertical-align: top;
	padding:0.5em;
	margin: 0em 0.0em 0.5em 0em;
	text-align:left;
  border: 0.12em inset #444444;
}
.Box1ert{
  display:inline-block;
	width:98%;
  background:transparent;
	vertical-align: top;
	padding:0.5em;
	margin: 0em 0.0em 0.5em 0em;
	text-align:center;
  border: 0px inset #0f0;
}
.Box1Mitte{
  display:inline-block;
	width:70%;
  background:#fff;
	vertical-align: top;
	padding:0em;
	margin: 0em 0.0em 0.5em 0em;
	text-align:center;
  border: 1px inset #f0f;
  border-radius: 0.7em;
}                            
.Box3erRahmen{
    display:inline-block;
	width:100%;
	background:transparent;
	vertical-align: top;
	margin: -2em 0.3em 0.0em 0.3em;
	padding:1em  0em 0em 0em;
	text-align:center;
	border: solid #f00 0px;
}
.Box3erRahmenW{
    display:inline-block;
	width:100%;
	background:#fff;
	vertical-align: top;
	margin: -2em 0em 0.0em 0.3em;
	padding:1em  0em 0em 0em;
	text-align:center;
	border: solid #ff0 1px;
}
.Box3er{
    display:inline-block;
	width:29.5%;
	min-width: 220px;
	background:#fff;
	vertical-align: top;
	padding:0.5em;
	margin: 0em 0.3em 0.5em 0.4em;
	text-align:left;
    border: 0.1em outset #444444;
}
.Box3er_oRahmen{
    display:inline-block;
	width:29.5%;
	min-width: 220px;
	background:#fff;
	vertical-align: top;
	padding:0.5em;
	margin: 0em 0.3em 0.5em 0.4em;
	text-align:left;
    border: 0.0em outset #444444;
}
.Box2erRahmen{
    display:inline-block;
	width:97%;
	background:transparent;
	vertical-align: top;
	margin: -2em 0.3em 0.0em 0.3em;
	padding:1em  0em 0em 0em;
	text-align:center;
	border: solid #f00 0px;
}
	
.Box2erL{
  display:inline-block;
	width:29.5%;
	min-width: 220px;
	background:#fff;
	vertical-align: top;
	padding:0.5em;
	margin: 0em 0.3em 0.5em 0.4em;
	text-align:left;
  border: 0px solid #0ff;
}
.Box2erR{
  display:inline-block;
	width:59%;
	min-width: 220px;
	background:#fff;
	vertical-align: top;
	padding:0.5em;
	margin: 0em 0.3em 0.5em 0.4em;
	text-align:left;
  border: 0px solid #ff0;
}
.impres{
  display:inline-block;
	width:96%;
  background:#fff;
	vertical-align: top;
	padding:0.5em;
	margin: 0em 1.0em 0.5em 0.5em;
	text-align:left;
  border: 0px solid #0ffd72;
}
.kontakt{
  display:inline-block;
	width:96%;
  background:#fff;
	vertical-align: top;
	padding:0.5em;
	margin: 0em 1.0em 0.5em 0.5em;
	text-align:center; 
  border: 0px solid #0ffd72;
}
/* Footer */ 
footer {
	display:block;
	background:#000;
	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: 250px;
	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;
	}
}
 

/* für Google Maps 
.box-Einbettung {
    display:inline-block;
	width:90%;       
    position: relative;
    padding-bottom: 56.25%;
    margin: 0px ;
    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;
}
 */
 
/* sitemap*/
.sitemapBox{
    display:inline-block;
	width:90%;
	background:transparent;
	vertical-align: top;
	margin:0em;
	padding:1.5em;
	padding-top:0.0em;
	text-align:left;    
}
.sitemapLinks{
    display:inline-block;
	width:32%;
	background:transparent;
	vertical-align: top;
	margin:0em;
	padding:1.5em;
	padding-top:0.0em;
	text-align:right;    
}
.sitemapRechts{
    display:inline-block;
	width:52%;
	background:transparent;
	vertical-align: top;
	margin:0em;
	padding:1.5em;
	padding-top:0.0em;
	text-align:left;    
}