/* *********** GRUNDEINSTELLUNGEN ************
*/
html       { font-size: 100.01%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }
body         { color: #630; font-size: 94%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #ffd968; background-image: none; margin-top: 0 }
/* *********** CONTENT ************
*/
p    { margin-top: 6px; margin-bottom: 6px }
a  { color: #006634; text-decoration: none; background: transparent }
a:visited  { color: #006634; text-decoration: none; }
a:focus  { color: #006634; text-decoration: underline; background: #fff; outline-style: none; outline-width: 0 }
a:hover  { color: #006634; text-decoration: underline; outline: none 0 }
hr       { margin-top: 4px; margin-bottom: 10px; padding: 0; width: 100%; float: left; border-top: 1px dotted #fc0; border-right: 0 none; border-bottom: 1px solid #fdf5c1; border-left: 0 none }
/**
* ------------------------------------------------------------------------------------------------- #
*
* Tables | Tabellen
*
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/
table   { border-collapse: collapse   }
table caption { font-variant: small-caps }
table.full { width: 100% }
table.fixed { table-layout: fixed }
th, td  { }
thead th { color: #000; border-bottom: 2px solid #800 }
tbody th { color: #333; background: #e0e0e0 }
tbody th[scope="row"], tbody th.sub  { background: #fc0 }
tbody th { text-align: left; border-bottom: 1px solid #fff }
tbody td  { }
/*------------------------------------------------------------------------------------------------------*/

/* ****************** CLEARFIX **************** */
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

/* (en) essential for Safari browser !! */
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display:block; }

/* (en) alternative solution to contain floats */
/* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
.floatbox { overflow:hidden; }

/* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
/* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display:none; }

/* *********** HEADLINES GRÖSSE ************
*/
h1,h2,h3,h4,h5,h6            { color: #390; font-weight: lighter }
/* 30px */
h1          { font-size: 240%; font-weight: lighter; line-height: 0.9em; background-image: none; background-repeat: no-repeat; background-position: right center; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 22px 10px 0 0 }                       /* 24px */
h2     { font-size: 160%; font-weight: normal; line-height: 1em; margin-top: 10px; margin-bottom: 12px; margin-left: 3px; padding-top: 4px }                       /* 18px */
h3    { font-size: 133.33%; font-style: normal; line-height: 0.5em; margin-top: 5px; padding-bottom: 1.0em; }                    /* 16px */
h4  { font-size: 116.67% }     	       /* 14px */
h5 { font-size:101.33%; }                    /* 13px */
/****************** LAYOUT******************
*/
#wrap          { text-align: center; margin: 0; padding: 0; width: 100% }
.header       { background-image: none; background-repeat: no-repeat; background-position: center 20px; margin: 0 auto; padding: 0; width: 900px; border-top: 20px solid #fff; border-right: 20px solid #fff; border-left: 20px solid #fff }
.main           { color: #630; background-color: #fdf5c1; background-image: none; background-position: 0 bottom; text-align: left; margin: 0 auto 10px; width: 900px; border-right: 20px solid #fff; border-bottom: 20px solid #fff; border-left: 20px solid #fff }
#footer       { color: #630; font-size: 0.85em; background-color: transparent; text-align: center; margin-right: auto; margin-bottom: 40px; margin-left: auto; padding-right: 20px; padding-left: 20px; width: 940px; height: 60px }
#footer a:link; a:visited; a:hover { color: #ccc; text-decoration: underline; background-color: transparent }
.page_margins  { background-color: transparent; margin: 0 30px 30px; padding-top: 0; max-width: 930px }

/**************************** 
*********** MENU ************
*****************************/

#menu_wrap           { background-image: url("../images/menubg.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: center 0; margin: 0; padding: 0; width: 900px; height: 30px }
#menu    { background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; margin: 0; padding: 0; top: 0 }
#menu ul        { color: #006634; font-size: 1em; font-weight: bold; list-style: none; margin: 0 0 0 0; padding: 0; width: auto; float: left }

#menu a, #menu h2
{ color: #fff; font-style: normal; font-variant: normal; font-weight: bold; display: block; margin: 0; padding-top: 0; padding-right: 0; padding-left: 0 }

#menu h2       { color: #006634; font-size: 0.95em; background-image: none; text-transform: uppercase; cursor: pointer; margin: 0; padding: 0; border-style: none }
#menu a         { color: #006634; text-decoration: none; margin: 0; padding-top: 0.5em; padding-right: 0.9em; padding-left: 0.8em; border-bottom: 6px solid transparent }

#menu a:hover         { color: #006634; background-image: url("../images/menu-hover-bg.gif"); background-repeat: no-repeat; background-position: right 0; padding-bottom: 0.15em }
#menu li.active        { color: #fff; background-color: #fdf5c1; background-image: url("../images/menu-hover-bg.gif"); background-repeat: no-repeat; background-position: right 0; cursor: auto; margin: 0; padding: 0.5em 0.9em 0.56em 0.8em; }
#menu li     { background-image: url("../images/menu-right-border.gif"); background-repeat: no-repeat; background-position: right 0; margin: 0 0; padding: 0; position: relative }

#menu ul ul          { background-color: transparent; text-align: left; margin: 0 0 0; padding: 0; position: absolute; z-index: 500; left: 0; border: solid 1px #006634 }

#menu ul ul ul  { position: absolute; top: 0; left: 100% }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{ display: none; padding-left: 0 }

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{ display: block }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{ display: none }

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* *********** COLUMS UND SUBCOLUMS ************
*/
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l    { float: left }
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r    { float: right }
.c20l, .c20r { width: 20% }
.c40l, .c40r { width: 40% }
.c60l, .c60r { width: 60% }
.c80l, .c80r { width: 80% }
.c25l, .c25r { width: 25% }
.c33l, .c33r { width: 33.33% }
.c50l, .c50r    { width: 50% }
.c66l, .c66r { width: 66.67% }
.c75l, .c75r { width: 75% }
.c38l, .c38r { width: 38.2% }
.c62l, .c62r { width: 61.8% }
.c100   { width: 100%; float: left }
.subc    { margin: 0; padding: 2em 0 0; width: 100% }
.subcl      { padding: 0 2em }
.subcr    { padding-top: 0; padding-right: 2.5em; padding-bottom: 0 }
.info  { background-image: url("../images/bg_info.jpg"); background-repeat: repeat-x; background-position: 0 bottom; text-align: center; margin-top: 20px; padding: 10px }
.float-left { margin-right: 20px; margin-bottom: 5px; float: left }
.float-right { margin-bottom: 5px; margin-left: 20px; float: right }