
/*<agl.folder "main">*/
	html { overflow: -moz-scrollbars-vertical; /* vertikale scrollbar wird im firefox _immer_ angezeigt. */ }
	body      { height:100%; font-family: "Trebuchet MS", Helvetica, Tahoma, Verdana, Arial, sans-serif; background-color: #fff; background-image: url("/el/hg-body.gif"); background-repeat: repeat-y; background-position: left top }
	a, a:link, a:active, a:visited   { color: #b43c00; text-decoration: none; outline:none; }
	a:hover        { color: #fff; background-color: #b43c00 }
	a.no-hover, a.no-hover:link, a.no-hover:active, a.no-hover:visited, a.no-hover:hover     { background-color: transparent; background-image: none !important; margin: 0 !important; padding: 0 !important; border-bottom: none !important }
	div, td, a, h1, h2, h3, img, input, ul, ol, li          { color: #000; font-size: 13px; line-height: 20px; margin: 0; padding: 0 }
	p    { color: #000; font-size: 13px; line-height: 20px; margin-right: 0; margin-left: 0 }
	p.right { text-align: right; }
	br.clear   { clear: both; line-height: 0px; }
	img.no-border { border-style: none !important }
	.maincolor { color:#b43c00; }
	.ausblenden { display:none; }
/*</agl.folder>*/
/*<agl.folder "layer">*/
	#body { position: absolute; height:100%; text-align: center; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% }
	#main { height:100%; text-align: left; margin-right: auto; margin-left: 0; width: 980px }
	#header { z-index: 1; position:absolute; width: 980px; height: 320px; }
	#headline_h1 { z-index:5; position: absolute; top: 274px; left: 200px; width: 570px; height: 46px; background-color: #fff; background-image: url("/el/headline_h1_hg.gif"); background-position: left top; }
	#container { position:absolute; width: 980px; left:0px; top:320px; background-image: url("/el/bg.jpg"); }
	#navi { background-image: url("/el/hg-verlauf.gif"); background-repeat: repeat-x; background-position: left top; padding-top: 10px; padding-bottom: 14px; width: 200px; height: 100%; float: left }
	#content { background-image: url("/el/hg-box.gif"); background-repeat: no-repeat; background-position: left top; width: 580px; float: left }
	#feature { background-color: #fff; background-image: none; margin-left: 1px; padding-top: 10px; padding-left: 11px; width: 188px; height: 100%; float: left }
/*</agl.folder>*/
/*<agl.folder "headline">*/
	#headline_h1 h1    { font-size: 17px; font-weight: bold; margin-top: 12px; margin-right: 10px; margin-left: 10px; height: 29px }
	.sIFR-hasFlash h1   { visibility: hidden; position: relative; top: -5px; left: -2px }
	.sIFR-flash   { visibility: visible !important }
	.sIFR-replaced  { visibility: visible !important }
	span.sIFR-alternate   { display: block; width: 0; height: 0; overflow: hidden }
/*</agl.folder>*/
/*<agl.folder "header">*/
	#header #lang { position:absolute; right:0px; top:0px; }
	#header #lang a { padding:0px 2px 0px 14px; position:relative; color:#e1b199; }
	#header #lang a:hover { color:#fff; }
	#header #lang a img { position:absolute; border:1px solid #000; top:3px; left:2px; -moz-opacity: 0.4; filter: alpha(opacity=40); opacity: 0.4; }
	#header #lang a:hover img { -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; }
	#header #lang a.aktiv { color:#b43c00; }
	#header #lang a.aktiv img { -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; }
	#header #lang a.aktiv:hover { color:#fff; }
/*</agl.folder>*/
/*<agl.folder "navi">*/
	#navi ul               { list-style-type: none; line-height: 18px; width: 190px; border-top: 1px solid #b43c00 }
	#navi ul li                 { line-height: 18px; list-style-type: none; width: 190px; border-bottom: 1px solid #b43c00; margin-top:1px; }
	#navi ul li a                 { font-size: 14px; color: #000; font-weight: bold; text-decoration: none; display: block; padding:2px 0px 3px 10px; width: 180px; border:none; }
	#navi ul li a small                 { font-weight: normal; }
	#navi ul li a:hover              { color:#fff; background-color: #b43c00; }
	#navi ul li a.sel       { color:#fff; background-color: #b43c00; }
	#navi ul ul               { list-style-type: none; margin-top: -3px; width: 190px; border-top: medium none }
	#navi ul ul li                 { font-size: 12px; line-height: 16px; list-style-type: none; width: 190px; border-bottom: medium none }
	#navi ul ul li a                 { color: #000; font-weight: normal; text-decoration: none; display: block; padding:1px 0px 2px 20px; width: 170px }
	#navi ul ul li a:hover               { color: #000; padding: 1px 0px 2px 20px; width: 170px; background-color: #e8c4b2 }
	#navi ul ul li a.sel    { color: #000; padding: 1px 0px 2px 20px; width: 170px; background-color: #e8c4b2 }
	#navi ul#imprint { margin-top:90px; }
/*</agl.folder>*/
/*<agl.folder "content">*/
	#content a { border-bottom: 1px solid #b43c00; }
	#content a.unmarked, #content a.unmarked:link, #content a.unmarked:active, #content a:visited.unmarked { text-decoration: none; background-image: none; padding-left: 0; z-index: 5; border-bottom: 1px dashed #6c6f6b }
	#content div.content_full h2,
	#content div.content_left h2,
	#content div.content_right h2   { color: #b43c00; font-size: 15px; font-weight: bold; line-height: 18px; margin-bottom: 2px; margin-top:15px; padding:0px; position:relative; }
	#content div.content_full h2 small { color: #b5b7b5; font-size: 11px; font-weight: bold; margin: 0; padding: 0; z-index: 5; position:absolute; right:0px; }
	#content div.content_full    { margin-left: 10px; z-index: 5; width: 550px; height: 100%; float: left }
	* html #content div.content_full { margin-left: 5px; }
	#content div.content_left     { padding-right: 10px; width: 270px; height: 100%; float: left }
	#content div.content_right     { width: 270px; height: 100%; float: left }
	#content div.img  { margin-bottom: 10px; border: solid 1px #b43c00 }
	#content div.img_right  { margin: 0px 0px 10px 0px; border: solid 1px #b43c00; float:right; background-color: #b43c00 }
	#content div.img_right a { border:none; }
	#content div.img_right p  { margin:0px; padding:0px 3px; color:#fff; font-size: 11px; }
	#content img.left { margin-right: 10px; margin-bottom: 10px; float: left; border: solid 1px #b43c00 }
	#content input { margin:2px; }
	#content table tr td { padding:3px; }
	#content table tr th { padding:3px; vertical-align: top; border-top:2px solid #b43c00; border-bottom:1px solid #b43c00; background-color: #F6E6D9; /*background-image:url(/el/headline_h1_hg.gif); background-position:-1px -5px;*/ }
	#content .materials_img p { font-size:11px; }
	#content .materials_img img { border-top:2px solid #b43c00; border-bottom:1px solid #b43c00; padding-bottom:1px; padding-top:1px }
	#content ul { list-style-type: square; margin: 0 0 15px 25px; padding: 0; }
	#content ul.links { list-style-type: none; clear:both; }
	#content ul.links li { line-height: 10px; background-position: 0px center; background-image: url("/el/pfeil-braun.gif"); background-repeat: no-repeat; }
	#content ul.links li a { margin-left:10px; font-size: 12px; border:0px; text-decoration: underline; }
	#content ul.links li a:hover { text-decoration: none; }
	#content p { margin: 0 0 5px; padding: 0; }
	#content p.link { float:right; width:188px; margin-left:10px; }
	#content p.link a { text-align: center; display:block; font-size:15px; font-weight:bold; background-color: #b43c00; color:#fff; padding:3px; border:1px solid #b43c00; }
	#content p.link a:hover { background-color: #fff; color:#b43c00; }
/*</agl.folder>*/
/*<agl.folder "feature">*/
	#feature div     { margin-bottom:40px; }
	#feature div a    { display:block; }
	#feature div a p    { font-size: 14px; font-weight:bold; margin:0px; color: #b43c00; background-position: 5px 7px; padding-left:13px; line-height: 20px; border-bottom: 1px dashed #c3c6c8; background-image: url("/el/pfeil-braun.gif"); background-repeat: no-repeat; }
	#feature div a:hover p { color:#ffffff; background-image: url("/el/pfeil-weiss.gif"); border-bottom:1px solid #b43c00; }
	#feature div img { border-bottom: 3px solid #b43c00; }
	#feature div h2 { color: #b43c00; font-size: 14px; font-weight: bold; line-height: 14px; margin-bottom: 2px; }
	#feature div form { margin-top: 0 }
	#feature div div.img { margin-top: 0; margin-bottom: 5px; }
	#feature div div.img img { margin-top: 0; margin-bottom: 0; border: solid 1px #6c6f6b }
	#feature div div.txt  { font-size: 10px; line-height: 12px; margin-top: 0 }
	#feature div div.txt a, #feature div div.txt a:link, #feature div div.txt a:active, #feature div div.txt a:visited  { font-size: 10px; text-decoration: none; background-image: url("/el/w.ag-link-hg.gif"); background-repeat: no-repeat; background-position: left 2px; padding-left: 10px; z-index: 5; border-bottom: 1px dashed #6c6f6b }
	#feature div div.txt a.img-lnk, #feature div div.txt a.img-lnk:link, #feature div div.txt a.img-lnk:active, #feature div div.txt a.img-lnk:visited, #feature div div.txt a.img-lnk:hover  { text-decoration: none !important; background-color: transparent; background-image: none !important; padding-left: 0 !important; z-index: 5; border-bottom: medium none }
/*</agl.folder>*/
/*<agl.folder "newsletter">*/
	#newsletter h3 { font-size: 14px; font-weight:bold; margin:0 0 5px 0; color: #b43c00; background-position: 5px 7px; padding-left:13px; line-height: 20px; border-bottom: 1px dashed #c3c6c8; background-image: url("/el/pfeil-braun.gif"); background-repeat: no-repeat; }
	#newsletter input,
	#newsletter select { border: 1px solid #b43c00; font-size: 12px; line-height:11px; padding:2px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial; }
	#newsletter input#newsletter_mail { margin-bottom:5px; width:182px; }
	#newsletter input#newsletter_senden { padding:0px; border:0px; position:absolute; right:0px; }
	#newsletter select  { width:162px; }
/*</agl.folder>*/
/*<agl.folder "formmailer">*/
	form#inquiry {}
	form#inquiry input,
	form#inquiry textarea,
	form#inquiry select { margin:0px; padding:2px; border:1px solid #b43c00; width:200px; font-size: 13px; font-family: "Trebuchet MS", Tahoma, Verdana; font-weight: normal; }
	form#inquiry input#plz { width:40px; }
	form#inquiry input#ort { width:150px; }
	form#inquiry input#send { background-color: #D4D0C8 }
	form#inquiry select#land,
	form#inquiry select#anrede { width:206px; }
	form#inquiry textarea { width:350px; }
	form#inquiry label.error, p.error { color:#f00; font-weight: bold; }
	form#inquiry input.error { border: 2px solid #f00; width:198px; background-color: #E9E6DC }
	form#inquiry textarea.error { border: 2px solid #f00; background-color: #E9E6DC }
/*</agl.folder>*/
/*<agl.folder "natursteindatenbank">*/
	div#content ul#natursteindatenbank img { margin: 2px; float: left; border: 0 }
	ul#natursteinpictures { margin: 0; padding: 0 }
	ul#natursteinpictures li { list-style-type: none }
	div#content ul#natursteindatenbank { margin: 0; padding: 0 }
	div#content ul#natursteindatenbank li { font-size: 12px; font-weight: bold; list-style-type: none }
	div#content ul#natursteindatenbank li ul { margin: 0; padding: 0 }
	div#content ul#natursteindatenbank li ul li { font-size: 12px; font-weight: normal; background-color: #eee; list-style-type: none; margin: 10px; padding: 2px; width: 154px; float: left; border: solid 1px #cccccc }
	* html div#content ul#natursteindatenbank li ul li { margin: 10px; margin-left:5px; }
/*</agl.folder>*/
/*<agl.folder "lightbox">*/
	#lightbox h2  { padding-left:2px; padding-right:2px; margin-left:2px; margin-right:2px; margin-top:2px; margin-bottom: 5px; color: #b43c00; font-size: 14px; font-weight: bold; line-height: 18px; z-index: 5; border-bottom: 1px dashed #c3c6c8 }
	#lightbox h3  { padding:2px; }
	#lightbox { background: #fff; text-align: left; display: none; margin: -300px 0 0 -250px; position: absolute; z-index: 9999; top: 50%; left: 50%; }
	#lightbox[id] { position: fixed }
	#lightbox img { border:0px; }
	#lightbox p { padding:2px; font-size:11px; line-height: 13px; width:346px; margin:0px; }
	#overlay { background-color: #000; display: none; position: absolute; z-index: 5000; top: 0; left: 0; width: 100%; height: 100%; -moz-opacity: 0.7; filter: alpha(opacity=70); opacity: .70 }
	#overlay[id] { position: fixed }
	#lightbox.done #lbLoadMessage { display: none }
	#lightbox.done #lbContent { display: block }
	#lightbox.loading #lbContent { display: none }
	#lightbox.loading #lbLoadMessage { display: block }
	#lightbox.done img { float:left; margin:1px; }
	#lightbox div#x { position: absolute; right:1px; top:2px; z-index:9999; }
/*</agl.folder>*/

