/* Navigation */

.NavElement {
width: 150px; 
margin-left: -3px; 
margin-top: 0;
margin-bottom: 0;
background-color: #c90200; 
border: 1px solid white; 
padding: 1px;
padding-left: 4px;
}

a:link.NavMainpointLink, a:visited.NavMainpointLink, a:active.NavMainpointLink, a:hover.NavMainpointLink {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: white;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
word-spacing: 1px;
text-decoration: none;
}

a:link.NavSubpointLink, a:visited.NavSubpointLink, a:active.NavSubpointLink {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-left: 15px;
color: black;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

a:hover.NavSubpointLink {
color: #c90200;
}


.hint {
    display: none;
    position: absolute;
    width: 200px;
    left: 345px;
    margin-top: -4px;
    border: 1px solid #b6ca2c;
    padding: 5px;

    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background-color:#E6EDAA;
}



.LangRegioMenu {
	z-index:99;
	float:left;
	clear:both;
	position:absolute;
	width:80px;
	border: 2px solid #b6ca2c;
	padding: 5px;
	background-color: white;
	text-align:left;
	font-size:8pt;
}




/* Schriften */

.NavHeader {  display: block; margin-bottom: 5px; }
.NavTitle {  font-family: Trebuchet MS, Arial, Veranda; font-size: 11pt; font-weight: bold; text-align: left; color: #c90200; text-decoration: none; padding-left: 4px;}
.NavContent {  font-family: Trebuchet MS, Arial, Veranda; font-size: 9pt; text-align: left; color: black; text-decoration: none; }
.NavContentLink {  font-family: Trebuchet MS, Arial, Veranda; font-size: 9pt; text-align: left; color: black; }
.NavContentLink:hover { color: #c90200; }
.NavBox { border: 1px solid #c90200; font-family: Trebuchet MS, Arial, Veranda; font-size: 9pt; text-align: left; text-decoration: none; background-color: white; }
.NavButton { border: none; font-family: Trebuchet MS, Arial, Veranda; font-size: 9pt; font-weight: bold; text-align: center; text-decoration: none; background-color:#b6ca2c; margin: 7px 0; }

.ContentTitle {  font-family: Trebuchet MS, Arial, Veranda; font-size: 11pt; font-weight: bold; text-align: left; color: #c90200; text-decoration: none; display: block; margin-bottom:15px; }

.TextStd {  font-family: Trebuchet MS, Arial, Veranda; font-size: 9pt; text-align: left; color: black; text-decoration: none; }
a:link, a:visited, a:active {  font-family: Trebuchet MS, Arial, Veranda; font-size: 9pt; text-align: left; color: black; text-decoration: underline; }
a:hover { color: #c90200; }

a.LangRegioLink:link, a.LangRegioLink:visited, a.LangRegioLink:active { color: white; }
a.LangRegioLink:hover { color: black; }


.TextSmall {  font-family: Trebuchet MS, Arial, Veranda; font-size: 8pt; text-align: left; color: black; text-decoration: none; }

.navparagraph { padding:1px 3px; width: 88%; margin-top: 10px;margin-bottom: 5px; background-color:#E6EDAA; border:1px solid #b6ca2c; text-align:right; }

.TextSubTitle {  font-family: Trebuchet MS, Arial, Veranda; font-size: 9pt; font-weight:bold; text-align: left; color: black; text-decoration: none; }

.TagSpan { float:left; background:#F7E681; margin: 2px 6px 2px 0; padding: 0px 3px; border: 1px solid #D69A3C; }

/* Form-Elemente etc. */

select { border: 1px solid #c90200; font-family: Trebuchet MS, Arial, Veranda; font-size: 9pt; text-align: left; text-decoration: none;}
.ContentBox { border: 1px solid #c90200; font-family: Trebuchet MS, Arial, Veranda; font-size: 9pt; text-align: left; text-decoration: none; background-color: white; }
.ContentButton { border: none; font-family: Trebuchet MS, Arial, Veranda; font-size: 9pt; font-weight: bold; text-align: center; text-decoration: none; background-color:#b6ca2c; margin: 7px 0; }



#tablehighlightcss tr.highlight	{background:#E6EDAA;}
#tablehighlightcss tr.selected	{background:#E6EDAA;}
#tablehighlightcss td.highlight	{background:#E6EDAA;}
#tablehighlightcss td.selected	{background:#E6EDAA;}

/* Layer */

body {
    background-color: #b6ca2c;
    background-image:url(/images/overallbackground.jpg); 
    background-repeat:repeat-x;
    color: black;
    font-size: 100.01%;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0px;
    padding: 0px;
    text-align: center;  /* Zentrierung im Internet Explorer */
}



div#Overall {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0px auto;      /* standardkonforme horizontale Zentrierung */
    margin-top:0px;
    margin-bottom:0px;
    padding: 0px;
    width: 986px;
     /* border: 3px solid black; */


  }
  
  
  .clearfix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */  

  
div#Top {
	width:100%;
    background-color: white;
    text-align:left;
    border: none;
    margin: 0px;
    padding: 0px;
    padding-top:10px;
    clear: both; 
}

div#Logo {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    padding: 0;
    width: 275px;
    height:55px;
    float:left;
    margin: 5px 0 5px 25px;

    /*border: 1px solid black;*/
}
  
div#Banner {
    text-align: Center;
    padding: 0;
    width: 485px;
    height:65px;
    margin-left:auto;margin-top:0px; margin-right:75px;
    padding-bottom: 8px;
    /*border: 1px solid black;*/
}
  

  
div#Moodpic {

    float:left;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    background:white;
    padding: 0;
    margin:0; 
  border-top-width:7px;
  border-top-style:solid;
  border-top-color:#c90200;
  border-bottom-width:7px;
  border-bottom-style:solid;
  border-bottom-color:#c90200;


}


div#Contentarea {
	background-attachment: scroll;
	background-image: url(/images/sitebackground.jpg); 
	background-repeat: no-repeat;
	background-position: top;
	background-color: #C1D14C;
	position:relative;
    text-align:left;
    border: none;
    margin: 0;
    padding: 0;
    clear:both;
    float:left;
    width:100%;

}


div#Navarea {
    float:left;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    background:none;
    padding: 0;
    width: 170px;
     display:inline;
    margin-top:8px; 
    margin-left:3px;
    /*  border: 1px solid brown; */
}
  
  
 
      
div#Content {
    position:relative;
    float:left;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    padding: 0px;
    width:620px;
    display:inline;
    margin-top:8px; margin-left:7px; margin-right:auto; margin-bottom:25px;
    /*border:1px solid red; */
}


div#Rightarea {
    float:right;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    background:none;
    padding: 0;
    width: 170px;
    display:inline;
    margin-left:auto;margin-top:8px;margin-bottom:5px;margin-right:7px;
    /*border: 1px solid brown; */
}
 




.Box { background: transparent; margin-left:2px; width: 170px;
clear:left; float:left; display:inline; }

.Trans { filter:alpha(opacity=80); opacity:.8; margin-bottom:12px;  }
.NoTrans { filter:alpha(opacity=90); opacity:.90;  }

.Box .top, .Box .bottom {display:block; background:transparent; font-size:1px;}
.Box .Box1, .Box .Box2, .Box .Box3, .Box .Box4, .Box .Box1b, .Box .Box2b, .Box .Box3b, .Box .Box4b {display:block; overflow:hidden;}
.Box .Box1, .Box .Box2, .Box .Box3, .Box .Box1b, .Box .Box2b, .Box .Box3b {height:1px;}
.Box .Box2 {background:#fff; border-left:1px solid #B3BB6E; border-right:1px solid #B3BB6E;}
.Box .Box3 {background:#fff; border-left:1px solid #B3BB6E; border-right:1px solid #B3BB6E;}
.Box .Box4 {background:#fff; border-left:1px solid #B3BB6E; border-right:1px solid #B3BB6E;}
.Box .Box4b {background:#fff; border-left:1px solid #B3BB6E; border-right:1px solid #B3BB6E;}
.Box .Box3b {background:#fff; border-left:1px solid #B3BB6E; border-right:1px solid #B3BB6E;}
.Box .Box2b {background:#fff; border-left:1px solid #B3BB6E; border-right:1px solid #B3BB6E;}

.Box .Box1, .Box .Box1b {margin:0 5px; background:#B3BB6E;}
.Box .Box2, .Box .Box2b {margin:0 3px; border-width:0 2px;}
.Box .Box3, .Box .Box3b {margin:0 2px;}
.Box .Box4, .Box .Box4b {height:2px; margin:0 1px;}

.Box .Boxcontent { display:block; background:#fff; padding: 2px 6px;
border-left:1px solid #B3BB6E; border-right:1px solid #B3BB6E;
}

.Box .BoxcontentSky { display:block; background:#fff; text-align: Center;
border-left:1px solid #B3BB6E; border-right:1px solid #B3BB6E; z-index:1;
}