/*
**********************************************************
**********************  conTAKT-Menu   ********************
**********************************************************
*/

* {
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
line-height: 140%;
font-weight: normal;
font-style: normal;
font-size: 15px;
color: #4e3610;
}

* p a:link,
* dt a:link,
* p a:visited,
* dt a:visited,
* p a:hover,
* dt a:hover{
vertical-align: middle;
padding: 0 0 0 20px;
background-image:url(../images/link_navigation_image.gif);
background-repeat:no-repeat;
background-position: left center;
font-size: 12px;
color: #c01f25; /*rot*/
background-color: inherit;
text-decoration: none;
}

* h1{			/* kommt nur einmal zuoberst in der seite vor */ 
font-size: 25px;
font-weight: bold;
margin-bottom: 10px;
}

* h2 {
font-family: arial, helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
margin: 0px 0 5px 0;
color: #c01f25;
padding-bottom: 10px;
}

* h3 {
font-family: arial, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
margin: 10px 0 5px 0;
color: #4e3610;
}

img {
border: none;
}

table {
clear: both;
}

* ul{
margin: 5px 0 9px 30px;
list-style-type: square;
}

.AccessibilityPageAreaTitle {
position:absolute !important;
visibility:hidden !important;
height: 0px !important;
width: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

/*
**********************************************************
**********************  POSITION LOGO  *******************
**********************************************************
*/

#area_logo {
position: absolute;
left: 0px;
top: 0px;
height: 60px;
width: 100%;
/*background-color: #fff;*/
color: inherit;
z-index: 20;
}

#logo {
position: absolute;
top: 12px;
left: 170px;
}

/*** SPRACHWAHL ***/

#language_switch {
position: absolute;
top: 35px;
left: 805px;
font-size: 12px;
color: #919293;
background-color: inherit;
text-align: right;
z-index: 21;
}

/**overview Page. Positionsänderung**/
#language_switch_overview  #language_switch{
position: absolute;
top: 35px;
left: 620px;
}

#language_switch a:link,
#language_switch a:visited {
color: #919293;
background-color: inherit;
text-decoration: none;
font-size: 12px;
}

#language_switch .lng_active {
color: #4e3610;
background-color: inherit;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

#language_switch a:hover,
#language_switch a:active {
color: #919293;
background-color: inherit;
text-decoration: none;

}

#language_switch .lng_inactive {
color: #d1d1d1;
font-size: 12px;
}

#ast {
position: absolute;
top: 500px;
left: 0px;
background-image: url(../images/ast.jpg);
background-repeat: no-repeat;
width: 167px;
height: 228px;
z-index: 20;
}

#AccessibilityMenu {
position:absolute;
left:-2000px;
top:-2000px;
width:0;
height:0;
overflow:hidden;
display:block;
}


/*
**********************************************************
*********************  Content Area  *********************
**********************************************************
*/


#area_content,
#area_content_startpage,
#area_content_subProjectPage {
position: absolute;
top: 215px;
left: 170px;
width: 595px;
padding: 15px 10px 0px 10px;
background-color: #fff;
border-left-width: 1px;
border-left-style: solid;
border-right-width: 1px;
border-right-style: solid;
border-color: #4e3610;
z-index: 20;
}

#contentParagraphs,
#content_startpageParagraphs,
#area_content_subProjectPage{
min-height: 500px;
}

div[id] #contentParagraphs,
div[id] #content_startpageParagraphs,
div[id] #area_content_subProjectPage{
height: auto;
}

#startpage_ImageCentered,
#subProjectPage_ImageContent{
padding: 0 0 0 0;
}

#area_content ol {
margin: 5px 0 9px 30px;
}

/*
**********************************************************
********************  HAUPTNAVIGATION  *******************
**********************************************************
*/

/*** Set the position of the Navigation***/
#area_top_navigation{
position: absolute;
top: 80px;
left: 170px;
z-index: 30;
}

.top_navigation table {
position:absolute; 
top:0; 
left:0; 
border-collapse:collapse;
}

.top_navigation{
width:620px; 
height:140px; 
position:relative;
}

html .top_navigation{
width: 621px;
w\idth: 620px;
}

/*** Style level 2 ***/
.level2 {
padding:0; 
margin:0; 
list-style: none;
z-index: 50;
}

/*** Styling level 2 ***/
.level2 li{
position:relative;
float:left; 
width: 107px;
margin-bottom: 0;
padding: 0 7px 0 7px;
border-right: 3px solid white;
background: #4e3610;
color: white;
font-weight: normal;
}

/*** Styling level 3 ***/
.level2 li ul{
display: none;
margin: 1px 0px 0px 0px;
list-style:none;
z-index: 40;
width: 100%;
}

.level2 li.last{
border-right: none;
}

.level2 li ul li{
border-right: none;
border-bottom: 1px solid #4e3610; 
width: 137px;
height:20px;
background: white;
padding: 0px 0px 0px 0px;
}

.level2 li ul li a,
.level2 li ul li strong a {
font-family: arial, helvetica, sans-serif;
height: 20px;
font-size: 12px;
text-align: left;
font-weight: normal;
color: #4e3610;
padding-left: 7px;
}

/*** Reset the font for links ***/
.level2 li ul li a:link,
.level2 li ul li a:visited {
font-weight: normal;
font-size: 12px;
text-align: left;
color:#4e3610;
}

.level2 li a, 
.level2 li a:visited{
display:block; 
text-decoration:none;  
height:20px;
text-align:center; 
background:transparent; 
font-size:14px; 
line-height:20px; 
overflow:hidden;
color: white;
}

/*** Set font weight for Level 2 in case of hover ***/		
.level2 li.active strong a,
.level2 li:hover a,
.level2 li a:hover{
/*color:#c01f25; */
font-weight: bold;
}

/*** Show Level 3 in case of hover, active or open trail of level2 ***/
.level2 li:hover ul,
.level2 li a:hover ul,		/* <-- For IE6 - hover only on <a> element */
.level2 li.active ul,
.level2 li.open.trail ul{			
display:block;
position:absolute; 
top:19px; 
left:0; 
}

/*** Show Level 3 Link in case of hover, active or open trail of level2 ***/
.level2 li:hover ul li a,
.level2 li a:hover ul li a,
.level2 li.active ul li a,
.level2 li.open.trail ul li a {
display:block;
text-align: left;
font-family: arial, helvetica, sans-serif;
font-size: 12px; 
color:#4e3610;
}

/*** Set background and font of level3 if active ***/
.level2 li:hover ul li:hover,
.level2 li:hover ul li:hover a,
.level2 li.open.trail ul li.active,
.level2 li.open.trail ul li.active strong a,
.level2 li.open.trail ul li.closed.trail,
.level2 li.open.trail ul li.closed.trail a {
background:#c01f25;
color:white;
font-weight: bold;
font-size: 12px;
text-align: left;
}