body { background-color: #999; margin: 0; padding: 0; color: #333; }
@font-face { font-family: Rockwell; src: url(Rockwell.otf) format("opentype") }
@font-face { font-family: Rockwell-Bold; src: url(Rockwell-Bold.otf) format("opentype") }
a{ /*color: inherit !important;*/ color: #333 !important; /* IE */ text-decoration: underline; }
a:hover{ color: #f60 !important;	}
ul, ol{ text-indent: 0; padding: 0; margin: 0; }
li{ margin: 3px 0; text-align: left; list-style-type: none; }
p{ margin: 0 0 3px 0; padding: 0; }
img{ border: 0; }
/* ======================================================== elements */
#page { margin: 0 auto; background-color: #fff; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; width: 1100px; }
#holder{ background: none repeat scroll 0 0 #FFFFFF; width: 800px; }
#banner{ width: 300px; }
#holder, #banner{ float: left; }
#content { width: 100%; height: 480px; overflow: auto; margin-top: 20px; background-color: #fff; background-position:bottom; background-repeat: no-repeat; padding-bottom: 10px; }
/* ======================== cols */
.l_col{ margin: 0px 0px 0 0; padding: 10px; float: left; padding-left: 75px;}
.r_col{ margin: 0px 0px 0 0px; padding: 10px; padding-right: 40px; float: right;}
/* ======================== static text to hide */
#text{}
/* ======================== foot */
#foot { background-color: #999; padding: 8px 0; font-size: 9px; color: #fff; clear:both;}
#foot .address{}
#foot #loginout{ float: right; text-align: right;}
#foot a{ color: #fff !important; text-decoration: none; }
#foot a:hover{ color: #fff !important;}
#foot .address a:hover{ text-decoration: underline; }
#foot .address img{ margin-right:10px; position:relative; top:4px;}
/* ======================================================== menu */
#top { padding-bottom: 20px; height: 80px;	}
#logo{ float: left; margin-top: 15px; margin-left: 30px; height: 80px;}
#menu{ font: 100% Arial, Helvetica, sans-serif; font-size: 9px; text-transform: uppercase; color: #999; float: right; margin-top: 83px; padding-right: 30px;}
#menu img{ height: 7px; margin:0 10px 2px 0;}
/* ======================================================== text styles */
.copy{ font-size: 10px; line-height: 15px; /* text-indent: 80px; */ margin-top: 10px; text-align: left;}
/* ======================================================== navigation */
.open, .close, .navi{ }
.open, .navi{ text-align: left; text-indent: 0px; margin-bottom: 10px; font-family: Rockwell-Bold, Arial, Helvetica, sans-serif; font-size:150%; }
.navi{ text-align: right; }
.navi a{ padding: 0 3px; }
.navi, .open{ margin-top: 10px; }
.close{ margin-top: 0px; text-align: right; }
.login a{ text-decoration: none;  color: #666; }
.login a:hover{ text-decoration: none;  color: #fff; }
.ftree { display: inline; }
#content .ftree a:hover, #content .open a:hover{ background: #ff6600; color: #fff !important; padding: 2px; margin: 5px 0; text-decoration:none; }
.clear { margin: 0px; padding: 0px; height: 0px; }
/* ======================================================== mail */
#mailform{ width: 330px; }
.mail{ }
dt{ display: inline; float: left; width: 90px; clear: both; padding: 6px 0; }
dt.mssg{ margin-top: 4px; }
dd{ margin-left: 50px; margin-bottom: 9px; }
dd input{ width: 220px; padding: 5px; border: 1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; }
dd textarea{ width: 220px; padding: 6px; border: 1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; }
dd.mssg{ margin: 5px 0px; }
.snd{ display: block !important; clear: both !important; line-height: 20px !important; margin-left: 90px; }
.snd a{ padding: 3px; font-family: Rockwell-Bold, Arial, Helvetica, sans-serif; font-size:150%;	 }
/* ======================================================== login */
dt.user, dt.pass { margin-left: 10px; text-align: right; }
dd.user input{ width: 200px; margin-left: 10px; }
dd.pass input{ width: 200px; margin-left: 10px; }
dd.submit input{ width: 50px; margin-left: 20px; }
/* ======================================================== news */
.xmlNews.fullFeatured{ padding-top: 0px; }
.archiv { background-color:#000; filter:alpha(opacity=90); opacity:0.9; position: absolute; top:0px; right: 15px; padding:20px; width: 430px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }
.archiv-container { width: 420px; height: 300px; overflow: auto; }
.flip, .closeHL{ cursor:pointer; font-weight: bold; display: inline-block; }
.flip { font-family: Rockwell-Bold, Arial, Helvetica, sans-serif; font-size:140%; left: 636px; position: relative; }
.flip a{ color: #fff !important; text-decoration: none !important; }
.closeHL{ position: absolute; right: 10px; top: 10px; }
div.flip, div.closeHL{ background: #000; color: #fff !important; padding: 0 6px; }
div.flip:hover{ background: #ff6600; }
div.closeHL:hover{ color: #ff6600 !important; }
.archiv .xmlNews.hl_only a{ color:#fff !important; text-decoration: none !important; font-weight: bold !important; display: block; width:380px; border-bottom:1px solid #666; padding: 2px 0; }
.archiv .xmlNews.hl_only a:hover, .archiv .xmlNews.hl_only .selected a{ color:#ff6600 !important; margin-left: 10px; width:370px; border-bottom:1px solid #ff6600; }
.xmlNews a{ font-weight: normal !important; text-decoration: underline !important; }
.xmlNews ul, .xmlNews ol{ margin: 0 14px; }
.xmlNews li{ list-style-type: disc; }
.xmlNews textarea{ }
.xmlNews div.task{ padding: 3px 0 8px 0 !important; border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; clear: both; }
.xmlNews div.task a{ background-color: #ccc !important; color: #FFF !important; padding: 4px !important; width: 70px; }
.xmlNews div.entry{ clear: both; margin-bottom: 0px; padding: 0px 0; }
.xmlNews div.entry div.task{ }
.hl, .xmlNews div.entry div.headline { font-family: Rockwell-Bold, Arial, Helvetica, sans-serif; font-size: 19px; line-height: 19px; font-weight: bold; margin-bottom: 20px; text-align: left; width: 80%; }
div.entry div.headline a{ text-decoration:none !important; font-weight:bold !important;}
.archiv{ clear: both; }
.archiv p{ padding: 5px; }
.archiv .xmlNews div.entry div.headline{ font-family: Arial, Helvetica, sans-serif; text-align: right; margin-left: 0px; font-size: 12px; line-height: 14px; margin-bottom: 4px; text-align: left; }
.sub_hl{ margin: 6px 0 2px 0; color: #333; font-size: 9px; font-weight: bold; line-height: 13px; text-transform: uppercase; }
.xmlNews div.entry textarea.headline{ width: 100%; height: 32px; }
.l_col .xmlNews div.entry div.teaser{ clear: right; display: inline-block; float: right; overflow: hidden; padding: 40px 0 20px 20px; }
.l_col .xmlNews form div.entry div.teaser{ overflow: visible; }
.xmlNews div.entry div.teaser{ clear: right; display: block; float: right; padding: 20px 0 0px 20px; }
.l_col .xmlNews div.entry div.teaser img{ width: 220px; }
.xmlNews div.entry div.teaser .upload{ }
.l_col .xmlNews div.entry div.paragraph{ margin: 0px; padding: 0px; text-align: justify; -moz-column-width: 20em; -webkit-column-width: 20em; -moz-column-gap: 2em; -webkit-column-gap: 2em;  }
.paragraph{ margin-bottom: 0px; }
.xmlNews div.entry textarea.paragraph{ width: 100%; height: 150px; }
div.fupload{ padding: 3px 0 8px 0 !important; border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; clear: both; }
ul#news a{ font-weight: normal !important; }
