/* OWN STYLES
--------------------------------------------------------- */

h1 {
	display: block;
	font-size: 2em;
	font-weight: 700;
	margin: 0.5em 0 0 0;
}
	
h2 {
	font-size: 100%;
	color: #8b2838;
	line-height: 160%;
	padding-bottom: 5px;
	margin: 0 0 0.5em 0;
}

.zusatzinfo {
	font-size: 100%;
	color: #F59B00;
	line-height: 160%;
}

.anwendungen {
	font-size: 120%;
	line-height: 140%;
}

.dauer {
	font-size: 120%;
	color: #8B2838;
	line-height: 140%;
}

.preis {
	font-size: 120%;
	line-height: 140%;
}

.preisinfo {
	font-size: 80%;
	color: #F59B00;
	line-height: 140%;
}

.preisinfo:hover, .preisinfo:active, .preisinfo:focus  {
	color: #8b2838;
}

.allginfo {
	font-size: 100%;
	color: #717676;
	line-height: 140%;
}

.footer {
	text-transform: lowercase;
	color: #FFF;
	font-size: 100%;
	position: relative;
	left: 20px;
}

.tele {
	float: right;
	margin: 50px 0 20px 50px;
}

/* -------------- own styles ---------------- */

#at-tablatdiv { padding-bottom: 10px; padding-left: 10px; display: block; }

/* begin logo shtes
--------------------------------------------------------- */
#logo1, img#logo1 
{ position: absolute; top: 160px; left: 0px; border: 0; }
div.wrapper { text-align: left; margin: auto; position: relative; }
/* end logo shtes
--------------------------------------------------------- */

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }

body {
	color: #000000;
	background: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 175%;
}

body#bd { color: #2a343a; background: #fff url(../images/body-bg.jpg) no-repeat 50% top; }

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	background: transparent;
	color: #000000;
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
}

body {
	font-size: 11px;
}

/* Normal link */
a {
	color: #717676;
	text-decoration:none;
}

a:hover, a:active, a:focus {
	color: #8B2838;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption { font-size: 90%; color: #999; }

/* Heading */
h1 { font-size: 180%; }
h2 { font-size: 155%; }
h3 { color: #18455e; font-size: 130%; font-weight: normal; line-height: 23px; height: 25px; }
h4 { font-size: 100%; }

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 0;
	padding: 0;
}

ul {
	list-style: none;
	text-decoration:none;
}

ul li {
	padding-left: 10px;
	line-height: 180%;
}

ol li {
	margin-left: 35px;
	line-height: 180%;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #D0D9DF;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}

td, div { font-size: 100%; }

/* FORM
--------------------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

select, textarea, .inputbox {
	background: #ffffff;
	color: #3c3b3b;
}

.button { font-weight: bold; color: #8B2838; padding: 2px; background: #fff url(../images/but-bg.gif) repeat-x 50% top; border: solid 1px #dfdcdc; }

.inputbox { color: #3c3b3b; margin-bottom: 1px; padding: 3px 0 3px 5px; background: #fefefe; border: solid 1px #dfdcdc; }

.inputbox:hover, .inputbox:focus {
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
.footer1 {
	text-transform: lowercase;
	color: #FFF;
	font-size: 100%;
	position: relative;
	left: 20px;
}	

pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #92A3AE;
	background: #FAFAF0;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 0 0 0 20px;
	background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
	padding: 0 20px 0 0;
	background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
	padding : 10px 15px;
	margin: 0;
	background: #FFFFFF;
	border: 1px solid #D0D9DF;
}

/* Small quote */
.small-quote {
	background: none;
	margin: 0;
	padding: 0;
}

.small-quote span.open-quote {
	background: url(../images/so-q.gif) no-repeat center left;
	margin: 0;
	padding-left: 20px;
}

.small-quote span.close-quote {
	background: url(../images/sc-q.gif) no-repeat center right;
	margin: 0;
	padding-right: 20px;
}

.small-quote span.author {
	display: block;
	padding: 2px 5px 2px 20px;
	background: url(../images/author.gif) no-repeat 5px 4px #D0D9DF;
	border-top: 1px solid #D0D9DF;
	margin: 0.5em 0 0;
	font-size: 90%;
}

/* Rropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #92A3AE;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 25px;
	color: #CC0000;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 25px;
	color: #717676;
	background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
	padding-left: 25px;
	color: #0033cc;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}

/* Note Style */
p.stickynote {
	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
	padding: 10px 0px 10px 40px;
	border: 1px solid #D0D9DF;
}

p.download {
	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
	padding: 10px 0px 10px 40px;
	border: 1px solid #D0D9DF;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
	list-style: none;
}

ul.stars li {
	margin-left: 15px;
	padding: 0px 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Bignumber */
.bignumber { float: left; margin-right: 8px; padding: 6px 7px; display: block; color: #ffffff; font: bold 20px Arial, sans-serif; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; }

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_seperator {
	display: block;
	height: 20px;
}

#at-col1 .article_seperator, #at-col2 .article_seperator {
	display: none;
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 5px 1px 25px;
}

table.contenttoc th {
	padding: 0 0 3PX;
	border-bottom: 1px solid #D0D9DF;
	text-indent: 5px;
}

table.poll { padding: 0; width: 100%; border-collapse: collapse; }

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 2px!important;
	border-collapse: collapse;
	border-spacing: 0;
}

table.pollstableborder tr.sectiontableentry1 td {
	border: none;
}

table.pollstableborder tr.sectiontableentry2 td {
	border: none;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
	width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more {
	margin: 10px 0;
}

.blog_more strong { margin: 0 0 5px; display: block; color: #18455e; font-size: 100%; text-transform: lowercase; }

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 17px;
}

td.buttonheading {
	padding: 0 0 0 8px!important;
	text-align: center;
	/*url(../images/dot.gif) repeat-x bottom;*/
}

.category {
	font-weight: bold;
}

.clr {
	clear: both;
}

.componentheading { color: #717676; padding: 0 0 10px 10px; margin-bottom: 20px; font-size: 150%; font-weight: normal; }

.contentdescription {
	padding-bottom: 30px;
}

.contentheading { color: #8B2838; font-weight: bold; background-image: url('(EmptyReference!)'); padding-bottom: 3px; }

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
}

a.readon {
	float: left;
	display: block;
	text-decoration: none;
	text-transform: lowercase;
}

a.readon:hover, a.readon:active, a.readon:focus {

}

table.contentpaneopen td, table.contentpane td { padding-right: 5px; padding-left: 5px; }

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.createdate {
	padding: 3px;
	text-transform: lowercase;
	font-size: 90%;
	color: #999;
}

.modifydate { color: #999; font-size: 90%; text-transform: lowercase; height: 15px; padding-top: 15px; }

.moduletable {
	padding: 0 0 0 10px;
}

.mosimage {
	margin: 15px 5px 10px 0;
	padding: 0 5px 5px;
}

* html .mosimage { /*IE 6*/
	padding: 5px 0 !important;
	margin: 15px 10px 10px 0;
}

*+html .mosimage { /*IE 7*/
	padding: 5px 0 !important;
}

.mosimage img {
	padding: 0 !important;
	margin: 0 !important;
}

.mosimage_caption {
	margin-top: 5px;
	padding: 1px 2px;
	color: #999;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
	padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
	text-decoration: none;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
	text-decoration: none;
}

.pagenavbar {
	padding-left: 14px;
	background: url(../images/pages.gif) no-repeat center left;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
	background: url(../images/pages.gif) no-repeat 0 11px;
}

.sectiontableheader {
	padding: 30px 5px 8px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 125%;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
	background: url(../images/dot.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
	background: url(../images/dot.gif) repeat-x bottom;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(../images/dot.gif) repeat-x bottom;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#at-wrapper { color: #3c3b3b; width: 950px; margin: 0 auto; background: transparent;; }
.narrow #at-wrapper {
	width: 800px;
}

#at-containerwrap, #at-containerwrap-fr, #at-containerwrap-fl, #at-containerwrap-f {
	clear: both;
}

#at-containerwrap, #at-containerwrap-fr { background-image: url(../images/mainwrap-bg.gif); background-repeat: no-repeat; background-attachment: scroll; }
#at-containerwrap-repeat { background-image: url(../images/mainwrap-bg-repeat.gif); background-repeat: repeat-y; background-attachment: scroll; }

#at-containerwrap #at-container {
	background: url(../images/dot.gif) repeat-y 77% 0;
}

#at-containerwrap-fl {
	background: url(../images/dot.gif) repeat-y 75% 0;
}

#at-containerwrap-fl #at-container {
	background: none;
}

#at-containerwrap-fr #at-container {
	background: none;
}

#at-mainbody, #at-mainbody-fr {
	float: right;
	width: 72%;
}

#at-mainbody #at-contentwrap {
	float: left;
	width: 70%;
}

#at-mainbody-fl {
	float: left;
	width: 100%;
}

#at-mainbody-fl #at-contentwrap {
	float: left;
	width: 74.8%;
	background: none;
}

#at-mainbody-fl #at-col2 {
	float: right;
	width: 25%;
}

#at-mainbody-f {
	float: none;
	width: 100%;
}

#at-container { padding-right: 0; padding-bottom: 0; padding-left: 0; }

#at-content { color: #4b4848; padding: 30px 10px 0 0 ; margin: 0; clear: both; display: block; }

/* HEADER
--------------------------------------------------------- */
#at-headerwrap { position: relative; height: 300px; line-height: normal; background: #f8f4f3 url(../images/header1.jpg) no-repeat; }

#at-header { background-repeat: no-repeat; height: 300px; }

h1.logo {
	font-size: 300%;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 217px;
	height: 80px;
}

.narrow h1.logo {
	width: 172px;
}
h1.logo a {
	width: 217px;
	height: 80px;
	display: block;
	float: left;
	text-decoration: none;
	outline: none medium;
	text-indent: -4000px;
	background: url(../images/logo.png) no-repeat;
}
.narrow h1.logo a { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 172px; }

#at-newsflash { color: #516069; font-weight: normal; line-height: normal; position: relative; float: left; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; bottom: 0; clear: both; padding-top: 5px; padding-right: 5px; padding-left: 5px; }

#at-scroll_1, #at-scroll_2 {
	background: #5D6B74;
}
#at-pathway { display: block; padding: 10px 0 3px; color: #717676; font-size: 15px; font-weight: normal; background-color: transparent; background-image: url(../images/path-home.gif); background-repeat: no-repeat; float: right; text-indent: 20px; position: absolute; top: 255px; left: 15px; z-index: 100; }

#at-pathway strong {
	margin-right: 10px;
}

#at-pathway img { background-repeat: no-repeat; }

#at-pathway a {
	font-weight: normal;
	color: #8B2838;
}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#at-mainnavwrap { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; clear: both; width: 950px; height: 32px; }

.narrow #at-mainnavwrap { background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 750px; height: 36px; }

#at-mainnav { position: absolute; top: 25px; left: 10px; float: right; width: 100%; height: 30px; }

#at-mainnavwrap a,
#at-mainnavwrap a:hover,
#at-mainnavwrap a:active,
#at-mainnavwrap a:focus {
	outline: none;
}

#at-subnavwrap {
}

#at-subnav {
}

/* Default Joomla! Menu */
a.mainlevel { display: block; color: #8B2838; font-size: 120%; font-weight: normal; line-height: 23px; text-decoration: none; background: url(../images/a-mainlevel.gif) no-repeat left bottom; padding-right: 0; padding-bottom: 3px; padding-left: 32px; }
a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	color: #717676;
	font-weight: normal;
	text-decoration: none;
	background: url(../images/a-mainlevel-hover.gif) no-repeat left bottom;
}
a.mainlevel#active_menu {
	color: #717676;
	background: url(../images/a-mainlevel-hover.gif) no-repeat left bottom;
	font-weight: normal;
	text-decoration: none;
}
a.sublevel { padding: 2px 4px 2px 20px; display: block; color: #8B2838; text-decoration: none; margin-left: 15px; }
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
	color: #717676;
	text-decoration: none;
}
#active_menu {
	color: #717676;
	font-weight: normal;
	text-decoration: none;
}
/* MODULE
--------------------------------------------------------- */
div h3 { color: #8B2838; font-size: 150%; font-weight: normal; background-color: #fff; background-repeat: no-repeat; padding-left: 10px; }
div.moduletable h3 { color: #8B2838; font-size: 150%; font-weight: normal; background-color: #fff; background-repeat: no-repeat; padding-left: 10px; }
div.moduletable { color: #4b4848; }
#at-col1 div.moduletable { color: #4b4848; background: transparent;}
#at-col1 div.moduletable h3 { color: #8B2838; font-size: 100%; font-weight: bold; background: transparent; background-repeat: no-repeat; padding-left: 0;}
#at-col2 div.moduletable { color: #4b4848; padding-right: 12px; padding-bottom: 10px; }
#at-col2 div.moduletable h3 { color: #8B2838; font-size: 150%; font-weight: normal; background-repeat: no-repeat; padding-left: 20px; }
div.moduletable-blank { color: #4b4848; background: transparent; }

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.at-box-full, .at-box-left, .at-box-right, .at-box-rightcol {
	float: left;
	overflow: hidden;
	padding: 0;
}

.at-box-full div.moduletable,
.at-box-left div.moduletable,
.at-box-right div.moduletable,
.at-box-rightcol div.moduletable { padding: 0 20px 20px; }

.at-box-left div.moduletable h3,
.at-box-full div.moduletable h3 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

.at-box-left,
.at-box-full { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

.at-box-right div.moduletable h3 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

.at-box-right { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

.at-box-rightcol div.moduletable h3 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

.at-box-rightcol {
	background: #E3E8EB;
}

/* Bottom Spotlight */
#at-botslwrap { float: left; clear: both; margin-bottom: 10px; }

#at-botsl {
}

#at-botsl h3 {
	color: #C08E61;
	margin: 0 -20px 10px;
	padding: 6px 20px;
	font-size: 100%;
	letter-spacing: 1px;
}

#at-botsl div.moduletable {
	margin: 0;
}

#at-botsl ul {
	padding: 0;
	margin: 0 !important;
}

#at-botsl li {
	padding: 0 0 0 13px;
	margin: 0;
}

#at-botsl td {
	padding: 0;
}

#at-botsl .article_seperator {
	display: none;
}

#at-botsl table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#at-col1 { background: transparent; float: left; width: 26.9%; overflow: hidden; padding-bottom: 10px; padding-top: 30px; text-decoration:none; }
#at-col1 div.at-innerpad { background: transparent; padding-left: 0; }
#at-col2 { float: right; width: 200px; min-height: 500px; overflow: hidden; padding-bottom: 10px; padding-top: 70px; background-image: url(../images/right_bg.png); background-repeat: no-repeat; }
#at-col2 div.at-innerpad { background-color: #fff; }
#at-col1 table,
#at-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}
#at-col1 ul li,
#at-col2 ul li {
	padding-left: 5px;
	margin: 0;
}
#at-col1 ul,
#at-col2 ul {
	margin: 0;
}
/* USER TOOLS
--------------------------------------------------------- */
#at-usertools { background-color: #c1c0b9; position: absolute; top: 195px; right: 8px; }
#at-usercolors ul,
#at-usertools ul {
	margin: 0;
	padding: 0;
	float: left;
}

#at-usercolors ul li,
#at-usertools ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	display: inline;
}

#at-usercolors img,
#at-usertools img {
	padding: 0;
	margin: 0 0 0 2px;
}

#at-usercolors {
	float: left;
	padding: 10px 5px 4px;
}

/* FOOTER
--------------------------------------------------------- */
#at-footerwrap { background-color: transparent; background-image: url(../images/footer.png); background-repeat: no-repeat; clear: both; width: 950px; height: 70px; }

#at-footer {
	padding: 0px 0 20px;
	width: 77%;
	float: right;
	position: relative;
	color: #3c4a53;
	background-color: transparent;
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: 0 0;
	left: 50px;
	top: 8px;
}

#at-footer small, #at-footer address {
	padding: 0 0 0 20px;
	font-style: normal;
	display: block;
	float: left;
	font-size: 100%;
	color: #3C4A53;}

#at-footer ul {
	margin: 0 0 0 20px;
	padding: 0;
}

#at-footer li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#at-footer li a {
	display: inline;
	padding: 0 20px 0 0;
	line-height: normal;
	text-transform: lowercase;
	font-weight: bold;
	color: #ccc;
}

#at-footer li a:hover, #at-footer li a:active, #at-footer li a:focus {
	text-decoration: none;
	color: #ccc;
}

/* Search */
#at-search { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; position: absolute; top: 240px; right: 45px; }
#at-search .inputbox { width: 144px; padding: 2px 5px 3px 7px; color: #625f5f; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border: solid 1px #dfdcdc; }
/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

#at-banner { text-align: center; }

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important;
}

#mod_login_password, #mod_login_username {
	width: 80%;
}

#mod_login_remember {
	border: none;
	background: none;
}

/* aaaaaaaaaaaa newsflash */
div.nftitle,
div.nfimages,
div.nfcontent {
	padding: 0 20px 0 20px;
}

div.nftitle {
	font-size: 170%;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
}

div.nftitle a {
	text-decoration: none;
	border: none;
	color: #FFFFFF;
}

div.nfimages {
	text-align: center;
}

div.nfcontent {
	color: #D0D9DF;
	margin: 0;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

/* CSS Menu - Neu fuer J3 */
#navmenu { position: absolute; top: 20px; left: 10px; float: right; width: 100%; }

/* 1st Level */
#navmenu li {
	float: left;
	height: 30px;
	}

#navmenu li a {
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	border-bottom: 10px solid transparent;
}

#navmenu li.active a {
	color: #780030;
}

#navmenu li:hover ul {
	left: auto;
}

/* 2nd Level */
#navmenu ul {
	margin-top: 22px;
	background-color: #fff;
	opacity: 0.8;
	float: left;
	clear: both;
	position: absolute;
	left: -9999px;
	overflow: visible;
}

#navmenu ul li {
	float: left;
	clear: both;
}

#navmenu ul li:hover {
	background-color: #DDD;
	opacity: 1;
}

#navmenu ul li a, #navmenu ul li li a {
	width: 220px;
	padding: 7px 10px;
	color: #780030;
	font-weight: normal;
	opacity: 1;
	text-transform: none;
	border-bottom: none;
}
#navmenu ul li.active a {
	color: #000;
	font-weight: bold;
}

#navmenu ul li.parent a {
	background: url(../images/arrow2.png) no-repeat 200px 50%;
}

/* 3rd Level */

#navmenu li ul ul.nav-child {
	opacity: 1;
	left: -9999px;
	margin: 0 0 0 240px;
}

#navmenu li ul li:hover ul.nav-child {
	left: auto;
}

#navmenu ul li.parent li a {
	width: 220px;
	background: none;
}

#navmenu li ul li.parent ul li.active a {
	color: #000;
	font-weight: bold;
}

#navmenu li ul li.parent ul li a {
	color: #780030;
	font-weight: normal;
}