/*************** body ***************/
body {
margin: 0;
padding: 0;
font-family: Verdana, 'Trebuchet MS', Arial, Sans-serif;
text-align: center;
background: url(./images/background.png) #dddddd; 
}

#antassuite {
  margin-left: -200px;
}

#page {
  margin: 40px auto; width: 990px; background-color: #ffffff; text-align: left;
}
 
a:link, a:visited {
font-family: Verdana, 'Trebuchet MS', Arial, Sans-serif;
text-decoration: underline;
color: #236093;
}

a:hover, a:active{
text-decoration: none;
}

h1, h2, h3, h4, h5 {
font-family: 'Trebuchet MS', Tahoma, Sans-serif;

}
h1{
font-size: 1.2em;
}
h2{
font-size: 1.1em;
}
h3{
font-size: 1em;
}
h4{
font-size: 0.9em;
}
h5{
font-size: 0.8em;
}

/*************** header ***************/
#header {
  background-color: #efefe9;
  width: 100%; 
  top: 0px; 
  left: 0px;
  height: 139px;
}

#header-top {
  background-image: url(./images/header-logo.jpg); 
  width: 990px;
  height: 116px;
  text-align: left;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #9bcae8;
}
  
#header-menu {
  margin-top: 0;  /*  -4px;  */
  background-color: #004191;
  position: relative;
  top: 0px;
  left: 0px;
  height: 23px;
  text-align: left;
  width: 990px;
  background-image: url(./images/header-menu.jpg); 
  background-repeat: no-repeat;
}

/*************** flags ***************/
#flags {
  margin-top: -15px;
  margin-right: 10px;
  text-align: right;
}

/*************** breadcrumb ***************/
#breadcrumb { 
margin-left: 20px;
margin-top: 10px;
padding: 0 0 7px 0;
font-size: 70%;
} 

/*************** content ***************/
#content {
  margin: 20px;
  padding: 0 5px 10px;
  width: 950px;
}

#pagetitle {
}

#main-content {
  margin-left: 200px;
}

#content h1 { 
  color: #236093;
  font-size: 120%;
  padding: 0;
  margin: 0;
  font-weight: 600;
} 
#content h2 { 
  color:#236093;
  font-size: 110%;
  padding: 0;
  margin: 0;
  font-weight: 600;
} 
#content h3 { 
  color:#236093;
  font-size: 100%;
  padding: 0;
  margin: 0;
  font-weight: 600;
} 
#content h4 { 
  color:#236093;
  font-size: 90%;
  padding: 0;
  margin: 0;
  font-weight: 600;
} 
#content h5 { 
  color:#236093;
  font-size: 80%;
  padding: 0;
  margin: 0;
  font-weight: 600;
} 

#content p { 
  color: #333;
  font-size: 80%;
} 

#content ul { 
  color: #333;
  font-size: 80%;
} 

#content ol { 
  color: #333;
  font-size: 80%;
} 

/*************** footer ***************/
#footer {
  background-color: #ffffff;
  width: 990px; 
}

/*************** copyright ***************/
#copyright{
  color: #000000;
  font-size: 70%;
  margin: 1em;
}

/********************************************/
/********* Horizontal Menu Styles ***********/
/********************************************/ 
/*
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */
 
/*		------	Basic style	------		*/

#menu {
margin: 2px 5px 0 160px;
padding: 0;
display: block;
width: 700px;
}

#menu:after{
content: '.';
display: block;
height: 1px;
line-height: 1px;
clear: both;
visibility: hidden;
}

#menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

*+html #menu ul { min-height: 1px; }/*hack for ie7*/

#menu li {
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 8;
}

* html #menu li { 
position: static;
}

#menu a {
display: block;
}

#menu li li {
width: 100%;
z-index: 9;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
top: 0;
left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
display: none;
position: absolute;
z-index: 7;
}

/* display them on hover */
#menu li:hover>ul {
display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}

/*		------   Make-up	--------			*/

#menu {
font-size: 13px;
}

#menu li li {
width: 330px; /* dies definiert die Länge des Untermenü-Eintrags */
}

#menu li a {
font-weight: bold;
text-decoration: none;
text-align: center;
color: #ffffff;
padding: 1px 10px;
}

#menu ul li a:hover {
color: #ffffff;
background-color: #BBBBBB; /* alte farbe: #58A4D5 */
margin: 0;
padding: 1px 10px;
}

#menu li:hover>a {
color: #ffffff;
background-color: #58A4D5; 
margin:0;
padding: 1px 10px;
}

#menu li li a {
text-decoration: none;
text-align: left;
padding: 1px 10px;
border-top: 1px solid #2E79AB;
color: #ffffff;
background-color: #58A4D5;
}

#menu li ul li a:hover {
color: #000000;
background-color: #9ECCE9;
}
#menu li li:hover>a {
color: #000000;
background-color: #9ECCE9;
}

#menu li ul {
width: 130px;
}

#menu li li ul {
border-top-width: 0px;
}

#menu li li li:first-child {
}

#menu li li.submenu>a:after {
content: "";
}

/****************************************************************************************
# Default css file for content edited with htmlArea RTE
# ***************************************************************************************/

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Default selector for indentation.*/
div.indent { margin-left: 2em; }