@font-face{ font-family: 'Fontin-Regular'; src: url('../fonts/Fontin-Regular.otf') format("opentype"); }
@font-face{ font-family: 'Fontin-Bold'; font-weight: bold; src: url('../fonts/Fontin-Bold.otf') format("opentype"); }
@font-face{ font-family: 'Fontin-Italic'; font-style: italic; src: url('../fonts/Fontin-Italic.otf') format("opentype"); }
@font-face{ font-family: 'Fontin-SmallCaps'; font-variant: small-caps; src: url('../fonts/Fontin-SmallCaps.otf') format("opentype"); }

/* body { margin: 0; text-align: center; font: 0.8em/140% 'Fontin-Regular', Verdana, arial, sans-serif; color: #eee; background-color: #585858; background-repeat: repeat; background-attachment: scroll; background-position: center top; text-align:center; } */
body { margin: 0; text-align: center; font: 0.8em/140% "Lucida Grande", "Lucida Sans Unicode", Verdana, arial, sans-serif; color: #eee; background-color: #585858; background-repeat: repeat; background-attachment: scroll; background-position: center top; text-align:center; }
img { border-style: none; border-width: 0; }
.body_kopf { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/marmor.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; height:100px; width:100%; text-align:right; position: absolute; right: 0; z-index: 500; padding-top: 5px; padding-bottom: 5px; }
#hopp { background-image: url(../images/schriftzug.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; height:100px; width:600px; text-align:right; position: absolute; left: 0; z-index: 5000; padding-top: 5px; padding-bottom: 5px; }
#footer { color: #888888; font-size: 11px;  float: left; border-top:1px solid #bf0101; text-align: center; width: 100%; height: 80px; z-index: 100; padding-top: 1px; }

.rand { position:absolute; top:0; left:1.5%; width:97%; margin:0; z-index:500; background-color: #444444; background-image: url(../images/marmor.jpg); max-width: 1200px; border-left:1px solid #bf0101; border-right: 1px solid #bf0101; border-bottom: 1px solid #bf0101; }
#header { color: white; font-size: 20px; background: #bf0101 url(../images/schriftzug.gif) no-repeat left top; text-align: right; width: 100%; height: 130px; z-index: 100; padding-top: 1px; }
p { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px !important; padding-top: 3px; padding-bottom: 1px !important; padding-bottom: 3px; }
strong { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.wichtig { color: #ff282b; font-family: Fontin-Bold, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
a, td a { color: #fb9819; text-decoration: underline; }
a:visited { color: #ff4b01; font-size: inherit; }
a:hover { color: #fff; font-size: inherit; }

/*input { padding-right: 10px; padding-bottom: 3px; }*/
input[type="text"],
textarea {
  padding: 1px 3px;
  margin: 5px 0;
  font: 1em 'Fontin-Regular', Verdana, arial, sans-serif;
  color: #eee;
  background-color: #777;
  border: solid 1px #999;
}

input[type="text"]:hover,
input[type="text"]:focus,
textarea:hover,
textarea:focus {
  color: #FFF;
  background-color: #999;
  border: 1px solid #EEE;
}

h1 { clear: both; margin: 10px 0; font: 700 0.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-transform: uppercase; color: #fccf2e; background: #686868 url(../images/rounded_tr.gif) no-repeat right top; white-space: nowrap; text-shadow: black 0.1em 0.1em 0.2em; }

h1 span {
  display: block;
  padding: 2px;
  background: url(../images/rounded_br.gif) no-repeat bottom right;
}

#seitenteil h1 { text-align: right; background: #686868 url(../images/rounded_tl.gif) no-repeat left top; white-space: nowrap; }

#seitenteil h1 span {
  display: block;
  padding: 2px;
  background: url(../images/rounded_bl.gif) no-repeat bottom left;
}

#inhalt ol li { 
  color: #9BE4FF;
}

#inhalt ol li span {
  color: #EEE;
}

#inhalt ul {
  padding-bottom: 10px;
}

#inhalt ul li {
  list-style-image: url(../images/li_bullet.gif);
}
blockquote {  
  margin: 0;
  background: #686868 url(../images/rounded_tr.gif) no-repeat top right;
} 

blockquote span {
  display: block;
  padding: 5px;
  background: url(../images/rounded_br.gif) no-repeat bottom right;
}
#bilder { text-align: left; float: left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; }
.inno { color: black; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; background-color: white; text-transform: lowercase; }
.innoo { color: red; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; background-color: white; text-transform: lowercase; }
.textblock { width: auto; padding-bottom: 5px; display: block; }
/*
#menu { font-size: 11px; width: 100%; text-align: left; position: relative; z-index: 600; margin-right: auto; margin-bottom: 0; margin-left: auto; top: -100px; *+ top: -104px; }
#menu ul {
  margin: 0;
  padding: 0;
  line-height: normal;  
}

#menu ul li { display: inline; float: left; padding-top: 0.5em; list-style: none; text-align: center; width: auto; margin-right: 10px; margin-left: 5px; }
#menu ul li a { display: block; text-decoration: none; padding-bottom: 1em; color: #eee; font-size: 0.95em; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
#menu ul li a:hover,
#menu ul li a.active { font-weight: bold; color: #111; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }*/

#inhalt {  
  clear: both;
  width: 100%;
  text-align: left;
}
#text { float: left; width: 60% !important; width: 60%; padding: 5px 0px; display: block;
/*!important;*//** mozilla **/
  padding: 5px 1.2%; background: url(../images/left.png) no-repeat right top; position: relative; height: 100%; }

#image {
  float: left;
  width: 12%;  
  height:700px;
  vertical-align: top;
  background: url(../images/feuer.png) no-repeat center top;
}
#seitenteil { float: left; width: 21% !important; /** mozilla **/
  width: 20.25%; /** explorer  **/
  padding-left:1.2% !important;/** mozilla **/
  padding-left:4%;/**IE  **/
  background: url(../images/right.png) no-repeat left top; }
#forum { background-image: url(../images/forum.png); background-repeat: no-repeat; position: relative; width: 110px; height: 130px; margin-top: 50px; margin-right: auto; margin-left: auto; }
#boerse { background-image: url(../images/boerse.png); background-repeat: no-repeat; margin-top: 50px; margin-right: auto; margin-left: auto; position: relative; width: 110px; height: 130px; }
.seitenmenu {
  padding: 10px 0;
}

.seitenmenu a {
  display: block;
  text-align: right;
  text-decoration: none;
  margin-bottom: 1px;  
}

.seitenmenu a span {
  display: block;
  padding: 1px;
}

.seitenmenu a:hover {
  background: #686868 url(../images/rounded_tl.gif) no-repeat top left;
}

.seitenmenu a:hover span {
  background: url(../images/rounded_bl.gif) no-repeat bottom left;
}
.komm_box p { background: #686868 url(../images/rounded_tl.gif) no-repeat left top; text-align: center; margin-bottom: 0; padding: 5px 5px 0; }
.komm_box p span.author {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-weight: 700;
}
.komm_box p span.links { font-weight: 700; text-align: left; display: block; margin-top: 5px; }
.komm_box img { text-align: center; margin-top: 5px; margin-right: auto; margin-left: auto; }

.komm_box a {
  color: #7BD32C;
}

.komm_box a:visited {
  color: #AAA;
}

.komm_box a:hover {
  color: #FFF;
}

.bild_box { background: #686868 url(../images/rounded_tl.gif) no-repeat left top; text-align: left; margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding: 15px 15px 5px; width: 510px; height: auto; float: none; clear: none; }
.bild_box_trans { text-align: left; margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding: 15px 15px 5px; width: 510px; height: auto; float: none; clear: none; }
.bild_box_u { background: #686868 url(../images/rounded_tl.gif) no-repeat left top; text-align: left; width: 240px; height: 430px; float: left; clear: right; margin: 10px 20px 10px 0; padding: 5px 10px; }
.bild_box_u1 { background: #686868 url(../images/rounded_tl.gif) no-repeat left top; text-align: left; width: 124px; height: 300px; float: left; clear: right; margin: 0px 1px 16px 0; padding: 10px 10px; }
.bild_box_u2 { background: #686868 url(../images/rounded_tl.gif) no-repeat left top; text-align: left; width: 180px; height: 252px; float: left; clear: right; margin: 10px 20px 10px 0; padding: 30px 10px; }
.bild_box_r { background: #686868 url(../images/rounded_tl.gif) no-repeat left top; text-align: left; width: 510px; height: auto; padding: 15px 15px 5px; float: left; clear: right; margin-top: 10px; margin-bottom: 10px; margin-left: 0; }
.bild_box p { padding: 0 5px; margin-bottom: 0; background: #686868 url(../images/rounded_tl.gif) no-repeat left top; }

.bild_box p span.author {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-weight: 700;
}

.bild_box a {
  color: #7BD32C;
}

.bild_box a:visited {
  color: #AAA;
}

.bild_box a:hover {
  color: #FFF;
}

.bild_box_bild { text-align: left; width: 120px; margin: 1px 10px 10px 0; float: left; border-style: none; border-width: 0; }
.bild_box_bild_rechts { text-align: left; margin: 1px 10px 10px 0; width: 120px; float: right; border-style: none; border-width: 0; }
.bild_box_bild_r { text-align: center; margin: 1px 10px 10px 0; width: 120px; float: left; clear: right; border-style: none; border-width: 0; }
.bild_box_bild_u { text-align: center; margin: 1px 10px 10px 0; width: 120px; height: 250px; float: none; clear: none; border-style: none; border-width: 0; }
.galerie_bild { font-size: 0.7em; line-height: 100%; text-align: center; width: 140px; height: 180px; float: left; /*clear: right;*/ margin-top: 1px; margin-bottom: 5px; margin-left: 5px; border: dotted 1px #686868; }
.galerie_bild_rahmen { width: 140px; height: 114px; float: none; clear: none; padding-bottom: 8px; }
.galerie_bild img { float: none; clear: none; }
.galerie_bild input { width: auto; height: auto; float: left; clear: right; margin-right: 5px; margin-left: 2px; }
.galerie_bild_fuss { width: 90%; height: auto; float: left; clear: none; margin-bottom: 10px; }
#fussbereich { clear: both; float: right; width: 97.5%; padding: 20px 0 20px 2%; color: #888; text-align: left; }

#fussbereich p {
  padding-top: 0 !important;
  padding-top: 10px;
}

#fussbereich a {
  color: #888;
}

#fussbereich a:hover {
  color: #EEE;
}
.rotrahmen { background-color: #bf0101; }
.spalte { position: relative; width: 200px; height: auto; float: left; margin-right: 50px; }
div.clear {
  clear: both;
  font-size: 1px;
}
.mantel {
  clear: both;
  float: right; 
  width: 100%;
  margin: 0;
  padding-bottom: 26px;
}
.links {
  width: 33%;
  float:left;
}
.mitte {
  width: 33%;
  float:left;
}
.rechts {
  width: 33%;
  float:left;
}
.topmantel {
  clear: both;
  float: right;
  width: 100%;
  margin: 0;
  padding-bottom: 0;
}
.toplinks {
  width: 35%;
  float: left;
  padding-top: 0px;
}
.toprechts {
  width: 57%;
  float: right;
}
.heizlinks {
  width: 33%;
  float:left;
  /* width: 190px; */
}
.heizmitte {
  width: 33%;
  float:left;
  /* width: 190px; */
}
.heizrechts {
  width: 33%;
  float:left;
  /* width: 190px; */
}
.heizmantel {
  clear: both;
  float: right;
  width: 100%;
  margin: 0;
}
.heizbotlinks {
  width: 50%;
  float: left;
  padding-top: 0px;
}
.heizbotrechts {
  width: 50%;
  float: right;
}
#untereseite {
  display: none;
}
.admin_box { background: #686868 url(../images/rounded_tl.gif) no-repeat left top; text-align: left; margin: 10px 20px 10px 0; padding: 5px 10px; width: 450px; height: auto; float: left; clear: right; min-height: 300px; }
.label { margin-left: 5px; }
.artikelbox { font-size: 0.8em; background-color: #777; text-decoration: none; position: relative; width: 260px; height: auto; float: left; margin-bottom: 10px; margin-left: 10px; padding: 2px; }
.artikelbox img { float: left; margin-right: 2px; border-style: none; border-width: 0; }
.artikeltitel { color: white; font-size: 11px; font-weight: bold; text-decoration: none; }
.artimg { text-align: center; margin-right: 2px; width: 120px; height: 82px; float: left; border-style: none; border-width: 0; }
a.artbox:link { text-decoration: none; }
#bilderleiste { position: relative; width: 100%; height: 75px; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; }
#bilderleiste img { width: auto; height: auto; float: left; margin-right: 20px; }
#datenblatt { position: relative; width: 80%; height: 60px; min-height: 60px !important; margin-top: 20px; margin-bottom: 20px; padding-left: 10px; }
#datenblattext { position: relative; width: 80%; height: auto; float: left; }
#datenblatt img { position: absolute; width: 75px; height: auto; float: right; }
#details { background-color: #777; position: relative; width: 80%; height: auto; margin-bottom: 20px; padding: 5px; }
#optionen { color: white; background-color: #777; position: relative; width: 80%; height: auto; padding: 5px; }
#optionen label { width: 200px; float: left; display: block; }
#optionen select { width: 200px; }
.merkbox { font-size: 0.8em; text-decoration: none; background-color: #777; margin-bottom: 10px; padding: 2px; position: relative; width: 226px; height: auto; margin-left: 2px; }
.merkbox img { margin-right: 2px; float: left; border-style: none; border-width: 0; }
.rechtsunten { position: absolute; right: 0; bottom: 0; width: auto; height: auto; float: right; margin-right: 2px; }
.rechtsunten a { color: white; }
.fehler {color: #de0000;}
/*<agl.folder "menu">*/
	#qm0 .qmparent {  }
	/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
	.menu{ font-size: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: normal; border:none; border:0; margin:0; padding:0; text-transform: uppercase; position: relative; z-index: 100; top: -100px; *+ top: -104px;}
	.qmmc .qmdivider{ display:block; font-size:1px; border-width:0; position:relative; z-index:1; border-style: none; }
	.qmmc .qmdividery{float:left;width:0px;}
	.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
	.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
	.qmmc {position:relative;zoom:1;z-index:10;}
	.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
	.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
	.qmsh div a {float:left;}
	.qmmc div{visibility:hidden;position:absolute;}
	.qmmc li {z-index:auto;}
	.qmmc ul {left:-10000px;position:absolute;z-index:10;}
	.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
	.qmmc li a {float:none}
	.qmmc li:hover>ul{left:auto;}
	#qm0 ul {top:100%;}
	#qm0 ul li:hover>ul{top:0px;left:100%;}
	/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/
	/* MyCSSMenu 0 */
	/*"""""""" (MAIN) Container""""""""*/
	#qm0	
	{	
		height:20px;
		background-repeat: repeat-x;
		border-width:0;
		border-style:none;
	}
	/*"""""""" (MAIN) Items""""""""*/
	#qm0 a	
	{ padding:5px; color:#ffffff; text-decoration:none; }
	/*"""""""" (MAIN) Hover State""""""""*/
	#qm0 a:hover, #qm0 a.active	
	{ color:black; text-decoration:none; }
	/*"""""""" (MAIN) Active State""""""""*/
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		color:black;
		text-decoration:none;
	}
	/*"""""""" (SUB) Container""""""""*/
	#qm0 div, #qm0 ul	
	{ padding:2px; margin:0; background-color:#bf0101; border-width: 0; }
	/*"""""""" (SUB) Items""""""""*/
	#qm0 div a, #qm0 ul a	
	{ padding:5px; margin:0; color:#ffffff; font-size:10px; line-height:normal; text-align: left; width: 85px; }
	/*"""""""" (SUB) Hover State""""""""*/
	#qm0 div a:hover, #qm0 ul a:hover	
	{ color:black; }
	/*"""""""" (SUB) Active State""""""""*/
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:teal;
	}
	/*"""""""" Box Animation Styles""""""""*/
	#qm0 .qmbox	
	{	
		
	}
	/*"""""""" Main Hover Fill Items [Static]""""""""*/
	#qm0 .qmhoverfill	
	{	
		background-color:#91ED99;
	}
	/*"""""""" Sub Hover Fill Items [Static]""""""""*/
	#qm0 div .qmhoverfill	
	{	
		background-color:#91E599;
		border-width:1px;
		border-style:solid;
		border-color:#555555;
	}
/*</agl.folder>*/