@charset "UTF-8";
/* CSS Document */

/* webFonts */
@font-face {
  font-family: 'Sue Ellen Francisco';
  font-weight: 400;
  font-style: normal;
  src:url(../fonts/SueEllenFrancisco-Regular.woff) format("woff"),
        url(../fonts/SueEllenFrancisco-Regular.woff2)  format("woff2")
}
}
.regular { font-family: 'Sue Ellen Francisco', cursive; font-weight: 400; font-style: normal;}


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	text-rendering: optimizespeed;
	color: #000;
	margin: 0;
	padding: 0;
}
#wrapper {
    min-width: 1008px;
    position: relative;
}
#left-column {
    margin-right: 100px;
    max-width: 75.5%;
    min-width: 100px;
}
#center-column {
    margin-left: auto;
	padding-left: 25px;
    width: 736px;
}
#right-column {
    float: right;
    margin: 0 auto;
    max-width: 130px;
    min-width: 24.5%;
	height: 50px;
	background: #97bf0d;
	filter: alpha(opacity=85); /* IE */
	opacity:0.85; /* allgemein */
	-moz-opacity:0.85; /* Mozilla */
	-khtml-opacity:0.85; /* KTHML */
	-opera-opacity:0.85; /* Opera */
}
#logo {
    position: fixed;
    right: 0;
    top: 170px;
    width: 140px;
    height: 140px;
	z-index: 99;
}
#menu {
	height: 192px;
	margin: 0;
	padding: 0;
	background: url("../img/content-bg-top.png") no-repeat scroll left bottom;
}
#content-column {
	z-index:1;
	padding: 22px 0 0px 20px;
	background: url("../img/content-bg.png") repeat-y scroll 0 0;
}
#content-column-window {
	z-index:1;
	padding: 22px 0 0px 20px;
	background: url("../img/content-bg-window.png") no-repeat scroll 0 0;
}
h1.window {
	margin: 0px;
	padding: 0px 0px 174px 0px;
}
#content {
	float: left;
	width: 439px;
	margin: 0 22px 0 0;
}
#sidebar {
	float: left;
	width: 229px;
	margin: 0;
	padding: 4px 0 0 20px;
}
#footer {
	max-width: 730px;
	height: 28px;
	background: url("../img/content-bg-bottom.png") no-repeat scroll center top;
}


/** START DIVERS ###################### **/
.bg-info-orange {
width: 100%;
background-color: #F93;
margin: 2px 0 32px 0;
padding: 6px 0 4px 8px;
font-size: 1.2em;
font-style: normal;
font-weight: normal;
line-height: 1.65em;
letter-spacing: 0.02em;
color: #FFF;
}


img#logos {
	margin: 8px 0 10px 0;
	padding: 0;
}

img { margin: 0; padding: 0; border: 0;}

#content p {
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.65em;
	color: #4b4b4d;
	margin: 0;
	padding: 0 0 16px 0;
}
#content p strong {
	font-size: 1em;
}
h2, h3 {
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #F93;
	margin: 0;
	padding: 0;
}
h3.logo-klein {
 	background: url("../img/_logo-klein.png") no-repeat 0 0;
 	margin: 0;
 	padding: 4px 0 0 30px;
}
p a, p a:visited {
	text-decoration: underline;
	color: #4b4b4d;
}
p a:hover {
	text-decoration: none;
}
p a[target=_blank] {
	font-weight: bold;
	text-decoration: none;
	background: url("../img/link-new-window.png") no-repeat 0 5px;
	margin: 0;
	padding: 2px 0 0 14px;
}
p a[target=_blank]:hover {
	text-decoration: underline;
}
h1 {
	font-family: 'Sue Ellen Francisco', cursive;
	font-size: 1.55em;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.035em;
	word-spacing: 0.071em;
	color: #F93;
	margin: 0;
	padding: 0 0 10px 0;
}
#content img {
	margin: 0;
	padding: 6px 0 19px 0;
	border: 0;
}
#sidebar h2 {
	font-family: 'Sue Ellen Francisco', cursive;
	font-size: 1.55em;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.035em;
	word-spacing: 0.071em;
	color: #FFF;
	margin: 0;
	padding: 6px 0 1px 8px;
	background-color: #97BF0D;
	width: 200px;
}
#sidebar h3 {
	font-size: 1.2em;
	font-style: normal;
	font-weight: 700;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	color: #666;
	margin: 0;
	padding: 0 0 11px 0;
}
#sidebar h4 {
	font-family: 'Sue Ellen Francisco', cursive;
	font-size: 1.55em;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.035em;
	word-spacing: 0.071em;
	color: #FFF;
	margin: 0;
	padding: 6px 0 1px 8px;
	background-color: #F93;
	width: 200px;
}
span#date {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}
.bg-green {
	width: 200px;
	background-color: #97BF0D;
	margin: 2px 0 32px 0;
	padding: 6px 0 0 8px;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.65em;
	letter-spacing: 0.02em;
	color: #FFF;
}
.bg-green p {
	margin: 0;
	padding: 0 0 6px 0;
	font-style: normal;
	font-weight: normal;
	line-height: 1.65em;
	letter-spacing: 0.02em;
}
.bg-orange {
	width: 200px;
	background-color: #F93;
	margin: 2px 0 32px 0;
	padding: 6px 0 0 8px;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.65em;
	letter-spacing: 0.02em;
	color: #FFF;
}
.bg-orange p {
	margin: 0;
	padding: 0 0 6px 0;
	font-style: normal;
	font-weight: normal;
	line-height: 1.65em;
	letter-spacing: 0.02em;
}
#sidebar h2.orange {
	background-color: #F93;
}
.social li {
	display:inline;
}
.social svg {
	fill: #666;
}
.social svg:hover {
	fill: #F93;
}




/** START MENU ###################### **/
.nav-container {
display:block;
cursor:default;
white-space:nowrap;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
	position:relative;
	margin: 0;
	padding: 0;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}
#nav-container a {	
	padding: 0px;
	margin: 0px 2px 2px 0px;
	color: #fff;
}
#nav-container a:hover{
	color: #4b4b4d;
}
#nav-container div, #nav-container ul{	
	margin: 0px;
	padding: 2px 4px 2px 0px;
	background: #97bf0d;
	filter: alpha(opacity=85); /* IE */
	opacity: 0.85; /* allgemein */
	-moz-opacity: 0.85; /* Mozilla */
	-khtml-opacity: 0.85; /* KTHML */
	-opera-opacity: 0.85; /* Opera */
}
#nav-container ul {
	height: 112px;
}
#nav-container div a, #nav-container ul a{	
	margin: 0px;
	padding: 4px 0px 0px 25px;
	font-size:11px;
	border-width:0px;
	border-style:none;
}
#nav-container div a:hover, #nav-container ul a:hover{	
	color: #4b4b4d;
}
#nav-container {	
	cursor:default;
	padding: 0px;
	color: #6C3600;
}
a.item-primary, li.item {
	width: 120px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
	background: #97bf0d;
	filter: alpha(opacity=85); /* IE */
	opacity: 0.85; /* allgemein */
	-moz-opacity: 0.85; /* Mozilla */
	-khtml-opacity: 0.85; /* KTHML */
	-opera-opacity: 0.85; /* Opera */
}
a.item-primary {
  font-family: 'Sue Ellen Francisco', cursive;
  font-size: 1.6em;
  letter-spacing: 0.05em;
  word-spacing: 0.071em;
  line-height: 3.4em;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: uppercase;  
}
#nav-container li ul a {	
	font-family: 'Sue Ellen Francisco', cursive;
	font-size: 1.275em;
	letter-spacing: 0.08em;
	word-spacing: 0.071em;
	line-height: 1.425em;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;  
}
li.item { width: 4px; }
#nav-container li ul li.active { 
	color: #4b4b4d;
	margin: 0;
	padding: 4px 0 0 25px;
	font-family: 'Sue Ellen Francisco', cursive;
	font-size: 1.275em;
	letter-spacing: 0.08em;
	word-spacing: 0.071em;
	line-height: 1.425em;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
}
#nav-container li a.subactive {
	color: #4b4b4d;
}

/** TOOLTIP ###################### **/
h6 {
	font-size: 1.2em;
	font-weight: normal;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	color:#fff;
	background: #97bf0d;
	filter: alpha(opacity=85); /* IE */
	opacity: 0.85; /* allgemein */
	-moz-opacity: 0.85; /* Mozilla */
	-khtml-opacity: 0.85; /* KTHML */
	-opera-opacity: 0.85; /* Opera */
	padding: 5px 10px;
}
#tooltip h6, #tooltip div { margin: 0; }