
/*** Major Frames **********************************************************/

html {
	width: 100%;
	height: 100%;
}
body {
	/* padding: 0;	margin: 0; TEST */
    font-size: 13px; /* use same in typography.css */
    font-family:Verdana,Helvetica,sans-serif;
    color:#000;
}
* {
	padding:0; margin:0;
/* 	font-family:Verdana,Helvetica,sans-serif; TEST */
	/* font-family:'Trebuchet MS',Tahoma,sans-serif;*/
}

/* remove border around images */
img { border-style:none; } 


/*** Major Containers ************************************************************/

#main_container {
    position:relative; width:1010px; margin: 0 auto; /* border: 1px solid #666666; */
}
#main_background { align:center; margin-top:0px; margin-left:-20px; }

#main_title_container { position:absolute; top:30px; left:0px; line-height:1.0; }
#main_title_text {
    font-family:"Trebuchet MS",Arial,sans-serif; font-weight:normal;
    margin-left:15px; font-size:3em; color:#fff; text-decoration:none;
}

#main_logo_container { position:absolute; top:5px; left:800px; }
#main_logo { opacity:0.9; filter:Alpha(opacity=90); }
#main_logo_image { width:170px; }
#main_logo_text {
    position:relative; top:-90px; margin-left:180px;
    color:#d6f3ff; font-size:16px; font-family:'Trebuchet MS',sans-serif; text-align:left; line-height:1em;
}

#main_menu_container {
    position:absolute; top:80px; left:18px;
    width:1050px; /* IMPORTANT: increase when line breaks */
}

#main_content_sidebar_container {
    position:absolute; /* necessary to bring it in front of logo picture */
    top:145px; /* 130 nav-in-content,  145px nav below menu */
    left:0px;
    width:992px;
    /* opacity:0.9; filter:Alpha(opacity=90); */
}

#content_container_outer { margin-left:8px; width:730px; float:left; }

#content_container {
    width:690px;
    padding-left:20px; padding-right:20px; padding-top:1px; padding-bottom:10px; 
    margin-bottom:20px;
    background:#fff;
    /* border: 2px solid #ff0; */
    min-height:400px;
}
#content_container_title { color:#000; font-size: 1.1em; padding-top:4px; padding-left:15px; text-align:center; }

#sidebar_container {
    margin-top:0px; margin-left:0px; margin-right:0px; 
    width:237px;
	font-size: 1.1em;
    float:right;
    opacity:0.94; filter:Alpha(opacity=94);
}

#footer {
    padding-left:0px; padding-right:30px; padding-top:2px; padding-bottom:2px; 
    margin-bottom:20px;
    color:#fff; 
    text-align:left; font-size:9px; font-weight:normal;
}
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:#bdf; text-decoration:underline; }

/* display:inline; left:0; top:0; margin-left:0px; border:#56f 1px solid;  */
#otherlanguage_link {
    display:block; float:right; width:100px; color:#000; text-decoration:none; font-size:0.9em;
}
#otherlanguage_link:hover { background:#fff; }
#otherlanguage_flag { margin-right:2px; margin-bottom:-2px; border:#56f 1px solid; }

.roundify_menu_mainbutton   { -moz-border-radius:0px; -webkit-border-radius:0px; }
.roundify_menu_mainbutton_active   { -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -webkit-border-radius:0px; }
.roundify_menu_dropdown     { -moz-border-radius:0px; -webkit-border-radius:3px; }
.roundify_menu_sub          { -moz-border-radius:0px; -webkit-border-radius:0px; }
.roundify_sidebar_box,
.roundify_content_container {
    -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;
}
.roundify_footer            { -moz-border-radius:2px; -webkit-border-radius:2px; }


/*** Sidebar *****************************************************************/

.sidebar_box_common {
	margin-bottom: 15px;
	padding-top: 5px; padding-bottom:5px;
	background:#fff;
}

.sidebar_title { color:#000; text-align:center; margin-top:4px; margin-bottom:0px; height:20px; } /* color:#65944a; */
a.sidebar_title { color:#000; text-decoration:none; }
a:hover.sidebar_title { text-decoration:underline; }

.sidebar_entry {
    display:block;
	font-size:0.9em; line-height:1.4;
    margin-left:4px; margin-right:4px; margin-top:0px; margin-bottom:0px;
    padding-left:6px; padding-right:6px; padding-top:5px; padding-bottom:5px;
    color:#000; text-decoration:none;
}
a:hover.sidebar_entry { background-color: #c0e8ff; }

div.sidebar_entry_separator1 { margin-top: 5px; margin-left: 8px; margin-right: 8px; border-bottom:#65944a dashed 1px; }
div.sidebar_entry_separator2 { margin-top: 5px; }

.sidebar_entry_title { display:block; font-size:1em; color:#37c; font-weight:bold; }
.sidebar_entry_date { display:block; font-size:0.7em; }
.sidebar_entry_teaser { display:block; font-size:1em; }
.sidebar_entry_more { color:#00f; }


/*** Menu *****************************************************************/

/*** Main Menu Buttons     opacity:0.7; filter:Alpha(opacity=70);
 ***/

/* menu_mainbutton common for active & inactive & hover */
a.menu_mainbutton_common {
    display:block; margin:0; 
    text-decoration: none;
    padding-left:8px; padding-right:8px; padding-top:2px; padding-bottom:3px;
    color:#000; font-weight:bold; line-height:1.2;
}

#menu_mainbutton_active_below {
    display:inline-block; vertical-align:top;  margin:0; margin-left:0px; margin-right:0px; min-width:0px; height:9px; background:#d0f8ff; opacity:0.3; filter:Alpha(opacity=30);
}

a.menu_mainbutton_inactive { background:#e8e8e8 url(menu-button.png); }
a.menu_mainbutton_inactive_important { color:#060; background:#e0e0e0 url(menu-button.png); } /* border:2px #060 solid; margin-top:-2px; */
/* background:url(title-line-repeat.png); border: 1px solid #acf; background:url(menu-button.png); */

a.menu_mainbutton_active {  background:#c0ffff url(menu-button-active.png); /* background:url(menu-button-active.png); */ }
a.menu_mainbutton_active_important {  color:#040; background:#c0f0ff url(menu-button-active.png); /* background:url(menu-button-active.png); */ }

/* menu_mainbutton state: inactive hover */
a:hover.menu_mainbutton_inactive, a:hover.menu_mainbutton_active,
a:hover.menu_mainbutton_inactive_important, a:hover.menu_mainbutton_active_important, 
a:hover.menu_mainbutton_active_with_children {
    background:url(menu-button-hover.png);
}

.menu_mainbutton_start_separator { } /* display:inline-block; padding-right:12px; */


/*** Level 2 Navigation ***/

.menu_sub_container_common {
    position:absolute; left:1px; top:30px;
    /* background:url(menu-sub-bg.png);*/
}

.menu_sub_container_script { visibility:hidden; }
.menu_sub_container_noscript { width:1000px; background:#58a; text-align:center; }

a.menu_sub_entry_common {
    display:inline-block; padding-left:6px; padding-right:6px; margin-right:-3px;
    color:#000; font-size:1.0em; text-decoration:none;  /* font-weight:bold;  */
    border: 0px solid #5af; /* must be same as border width of menu_sub_entry_active */
}
a.menu_sub_entry_inactive { background:#c0ffff url(menu-sub.png);  } /* background:url(menu-sub.png); */

a.menu_sub_entry_active { background:#ffffb0 url(menu-sub-active.png); } /* background:url(menu-sub-active.png); */
a:hover.menu_sub_entry_inactive { background:#ffffc0 url(menu-sub-active.png); } /* background:url(menu-sub-hover.png); */


/*** Dropdown Menu ***/

/* Dropdown Menu Box */
.menu_dropdown_box_container {
    /* IE DD_roundies problem: menu disappears when moving mouse down from button to menu box;
    hack for IE with transp. gif & additional container that is transparent at the top 250px*/
    visibility:hidden; position:absolute; top:0px; left:0px; z-index:20000;
    min-width:230px;  /* width:auto; width:250px;  */
    padding-top:4px; background:url(transparent-filler.gif)
}

.menu_dropdown_box {
    border: 2px solid #aacad7; background:#f8f8f8; /* opacity:0.7; filter:Alpha(opacity=70); */
	background:url(verlauf-hell3grau-y350-rev.jpg);
    line-height:1.5; text-align:left;
}

/* Dropdown Menu Entry (must be link, not div for IE6 hover to work) */
a.menu_dropdown_entry {
    display:block;
    padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:3px;
    color:#000; text-decoration: none;  font-weight:normal;
    /* text-indent:-70px; margin:0; margin-left:70px;  */
}
a:hover.menu_dropdown_entry { background:url(menu-dropdown-hover.png); } /* #7fc1dd */


/*** Level 2 Navigation in (above/below) content ***/

#menu_content_above_container { margin-top:15px; margin-bottom:15px; }
#menu_content_below_container { margin-top:15px; margin-bottom:15px; }

a.menu_content_button_common {
    display:inline-block;
    margin-right:-1px; margin-top:3px; margin-bottom:3px; 
    padding-left:6px; padding-right:6px;
    color:#000; font-size:1.0em; text-decoration:none;  /* font-weight:bold;  */
    border: 1px solid #59f; /* must be same as border width of menu_sub_entry_active */
}

a.menu_content_button_inactive { background:url(menu-content-button.png); }
a.menu_content_button_active { background:url(menu-content-button-active.png); }
a:hover.menu_content_button_inactive {
    background:url(menu-content-button-hover.png);
}

/*** SEARCH RESULTS STYLES ***/

#SearchForm_SearchForm input.text { border:1px solid #59f; width:160px;  }
#SearchForm_SearchForm fieldset { border:none; }
#SearchForm_SearchForm div.field { display:inline-block; margin-right:2px; }

#searchresults .highlight { color:#f22; font-weight:bold; }
#searchresults h4  { margin-bottom:0px; }


