/* Farben */

/* #3A75C4; /* Pantone 285, Hauptblau */    
/* #FFC61E; /* Pantone 123, gelb */
/* #FCA311; /* Pantone 137, hellorange */
/* #F95602; /* Pantone 1655, orange */
/* #9E540A; /* Pantone 160, braun */
/* #009E60; /* Pantone 347, grün */
/* #005B99; /* Pantone 301, blau */
/* #00ADC6; /* Pantone 312, türkis */


body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	background-color: #fff;
}

img {
    border: 0px;
}

a:link {
    color: #3A75C4; /* Pantone 285, Hauptblau */    
    text-decoration: underline;
}


a:hover, a:active
{
	color: #005B99; /* Pantone 301, blau */
    text-decoration: underline;
}

a:visited {
color: #507Bb9;
}

/* Links mit target="blank", also mit Icon werden weiter unten definiert */

p.backlink {
    padding-top: 10px;
}
p.backlink a, p.backlink a:hover {
  color: #005B99; /* Pantone 301, blau */
  text-decoration: underline;
}

/*  U N S I C H T B A R E   E L E M E N T E  */

.invisible, .printonly {
    display: none;
}


/*  w e i ß e   Z e i l e   m i t   L o g o  */

#header
{
	height: 120px;
	width: 100%;
	background-image: url( /aomedia/web/g/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#header img#logo { /* Bild oben links */
    width:304px;
    height: 120px;
}
#header img#header_image_right { /* Bild oben rechts */
    float:right;
    width: 459px;
    height: 120px;
}

* html #header_image_right { /* Bild oben rechts */
	margin-top: 5px;
}


/*  H i e r   i s t   a l l e s   d r i n .  */

#container
{
	margin: 0px auto;
	width: 805px;
	text-align: left;
	background-color: #fff;
	background-image: url( /aomedia/web/g/navbg.png );
    background-repeat: repeat-y;
}



/*  g e l b e   Z e i l e   m i t   B r e a d c r u m b   u n d   L i n k s  */

#topbar {
    margin: 0px;
    padding: 0px;
    height: 32px;
    background-color: #ffca30; /* gelb */
	background-image: url(/aomedia/web/g/breadcrumb.gif);
    background-repeat: no-repeat;
	background-position: 0 0;
}

* html #topbar {
	height: 10px;
}

#breadcrumb {
    margin: 0px;
    padding-top: 8px;
}

* html #breadcrumb {
	padding: 0px;
}

#breadcrumb ul {                                /*  B r e a d c r u m b  */
    margin: 0px;
    padding: 0px;
    padding-left: 16px;
}



#breadcrumb li {
    display: inline;
    margin: 0px;
    padding: 0px;
}
#breadcrumb li a {
    font-size: 10pt;
    color: #fff;
    text-decoration: none;
    height: 32px; 
    padding-top: -2px;
}

* html #breadcrumb {
	height: 10px;
	width: 550px;
}

* html #breadcrumb li a {
	padding-top: 8px;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

#breadcrumb li.arrowed:before {  
	content:url(/aomedia/web/g/breadcrumb_arrow.gif);
}

#breadcrumb a.active {
    text-decoration: underline;
}
#usefullinks {                                  /*  L i n k s  */
    float:right;
   	padding-top: 9px;
}
#usefullinks p {
    margin: 0px;
    font-size: 10pt;
    padding-right: 16px;    
}

#usefullinks a {
    color: #ffffff;
    text-decoration: none;
    padding-left: 20px;
}
#usefullinks a:hover {
    color: #ffffff;
    text-decoration: underline;
}



/*  N A V I G A T I O N  */

#nav
{
	float: left;
	width: 170px;
	background-color: #fff9e5;
	margin: 0px;
	padding-top: 8px;
}
#nav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#nav ul ul {
    background-color: #FFF2CB;
}
#nav li {
    padding-top: 3px;
    padding-bottom: 3px;
}
#nav ul a { /* topnav */
	padding-left: 18px;
    font-size: 10pt;
    text-decoration: none;
    color: #005aa0;
    color: #3A75C4; /* Pantone 285, Hauptblau */  
    display: block;
}
#nav li.topnav:hover { /*topnav hover */
    background-color: #ffe187;
}
#nav li.topnav:hover a {
    color: #003a90;
}

#nav li.topnav_active {
    background-color: #ffa200;
}
#nav li.topnav_active a {
    color: #fff;
}
#nav li.topnav_active:hover a {
    color: #fff;
}

#nav li.subnav a { /* subnav */
	padding-left: 28px;
    color: #ffa200;
    display: block;
}
#nav li.subnav ul li:hover { /* subnav hover */
    background-color: #ffe187;
}
#nav li.subnav ul li:hover a {
    color: #ff8200;
}
#nav li.subnav ul li.active {
    background-color: #ffa200;
}
#nav li.subnav ul li.active a { /* active subnav */
    color: #fff;
}
#navarrow { /* <tionspfeil */
    position:absolute;
    width: 9px;
    height: 21px;
    margin: 0px;
    padding: 0px;
    margin-top: -3px;
    margin-left: 169px;
    background-image: url( /aomedia/web/g/nav_bigarrow.png );    
}
#nav li.subnav + li.topnav { /* 1st nach subnav */
    margin-top: 8px;
}

/* Bild unter der Nav */
#navimage {
 /*   background: url( /aomedia/web/fotos/hands_170.jpg ); */
    width: 170px;
    height: 109px;
    margin-top: 40px;
}


/*  I n h a l t s b e r e i c h  */



#content_header {
    padding-bottom: 25px;
}
#content_header img {
    width: 635px;
    margin-left: -30px;
}

* html #content_header img {
    width: 635px;
    margin-left: -33px;
}


#content_header img.header_small {
    height: 80px;
}
#content_header img.header_big {
    height: 119px;
}



#contents {
    margin: 0px 0px 0px 200px;
    padding: 0px;
}

#contents .img_alone {
    display: block;
    margin-bottom: 20px;
}
#contents .img_left {
    display: block;
    margin-right: 16px;
    margin-bottom: 16px;
    float: left;
}
#contents .img_right {
    display: block;
    margin-left: 16px;
    margin-bottom: 16px;
    float: right;
}
#contents .img_inline {
    display: inline;
}

#contents .img_right img, #contents .img_left img, #contents .img_inline img, #contents .img_alone img {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#contents .img_right p, #contents .img_left p, #contents .img_inline p, #contents .img_alone p {
    color: #333;
    font-size: .8em;
    background-color: #fff9e5;
    margin: 0px;
    padding: 3px;
    margin-bottom: 10px;
}

#contents .grey {
    color: #999;
}


#contents h2, #contents h3, #contents h4, #contents h5, #contents h6, #contents p {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;    
    margin-top: 25px;
}

#contents h2 { /* Hauptüberschrift */
    color: #ffa200; /* orange */
    color: #ffca30; /* gelb */
    color: #3A75C4; /* Pantone 285, Hauptblau */
    color: #FCA311; /* Pantone 137, hellorange */
    font-size: 20pt;
}

#contents h3 { /* Unterüberschrift / Slogan */
    color: #FCA311; /* Pantone 137, hellorange */
    font-size: 12pt;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 4px;
}
#contents h2 a, #contents h3 a {
    color: #FCA311; /* Pantone 137, hellorange */
    text-decoration: none;
}
#contents h2 a:hover, #contents h3 a:hover {
    text-decoration: underline;
}
#contents h4 { /* Zwischenüberschrift / Absatzüberschrift */
    margin-top: 10px;
    margin-bottom: 10px;
    color: #9E540A; /* Pantone 160, braun */
    font-size: 11pt;
}

#contents h5 { /* Zwischenüberschrift / Absatzüberschrift */
    margin-top: 10px;
    margin-bottom: 10px;
    color: #9E540A; /* Pantone 160, braun */
    font-size: 10pt;
    font-weight: normal;
}

/* Falls im content_header eine unsichtbare h3 ist und eine h2,
   braucht die h2 Abstand nach oben */
h2.invisible + h3 {
    padding-top: 25px;
}

#contents p, #contents div {
    font-size: 10pt;
}

#main_text {
    margin: 0px 230px 0px 0px;
    font-size: 11pt;
}

#main_text_full {
    margin: 0px 0px 0px 0px;
    font-size: 11pt;
}

#main_text .neuerbereich, #main_text_full .neuerbereich {
    border-top: 1px solid #ddd;
    margin-top: 8px;
    padding-top: 16px;
}

#main_text h4:first-child, #main_text_full h4:first-child {
    margin-top: 0px;
    padding-top: 0px;
}

#main_text p,  #main_text_full p { 
    margin: 0px;
    padding: 0px;
    padding-bottom: 16px;
}

#main_text p.author, #main_text_full p.author {
	margin-top: -12px;
	font-style: italic;
}

/* einzelne Kontakt-Box */
#main_text p.contact, #main_text_full p.contact {
   background-image: url( /aomedia/web/g/vcard-icon.png);
   background-repeat: no-repeat;
   background-position: 8px 8px;
   border: 1px solid #f0f0f0;
   background-color: #fafafa;
   padding: 8px;
   padding-left: 80px;
   margin-bottom: 10px;
}
/* einzelne Kontakt-Box mit Bild */
#main_text p.contact_with_image, #main_text_full p.contact_with_image {
   border: 1px solid #f0f0f0;
   background-color: #fafafa;
   padding: 8px;
   padding-left: 80px;
   margin-bottom: 10px;
   padding-bottom: 0px;
}

#main_text p.contact_with_image img, #main_text_full p.contact_with_image img {
   width: 60px;
   height: auto;
   margin-left: -70px;
   float: left;
}

#main_text p.contact_with_image span, #main_text_full p.contact_with_image span {
   display: block;
   clear: left;
   line-height: 1;
}

#main_text div.table, #main_text table, #main_text_full div.table, #main_text_full table {
    display: table;
    width: 100%;
    padding-top: 10px;
    border: 0px;
}

#main_text div.row, #main_text_full div.row {
    display: table-row;
}

#main_text div.row div, #main_text_full div.row div, #main_text table tr td, #main_text_full table tr td {
    display: table-cell;
    padding-right: 10px;
    vertical-align: top;
    width: 50%;
}

* html #main_text_full table {
	width: 600px;
}


#main_text ul, #main_text_full ul {
     margin: 0px;
     padding-left: 1.5em;
     padding-bottom: 1.5em;
}

#main_text li, #main_text_full li {
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
    padding-bottom: 0px;
}


#contents img {
    padding-bottom: 10px;
}


/* Spalten aus LI */

div.columns {
  display: table;
  width: 100%;
  padding: 0px;
  margin: 0px;
}


div.columns > div {
 display: table-cell;
 width: 50%;
 margin: 0px;
 padding: 0px;
 padding-right: 20px;
 margin-left: -20px;
 padding-left: -20px;
}

div.columns > div > ul {
  margin: 0px ! important;
  padding: 0px ! important;
}

div.columns > div > ul > li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-top: 16px ! important;
}

div.columns > div > ul > li > p {
  background-color: #DADEEC;
  margin: 0px ! important;
  padding: 6px ! important;
  font-weight: bold;
}

div.columns > div > ul > li > ul {
  list-style-type: none;
  padding-left: 6px ! important;
  margin-top: 4px ! important;
}

div.columns > div > ul > li > ul > li {
  padding-top: 2px ! important;
  margin-top: 2px ! important;
}

div.columns > div > ul > li > ul > li > ul > li {
  display: inline;
  list-style: none;
  font-size: 8pt ! important;
}

div.columns > div > ul > li > ul > li > ul > li > ul > li {
  display: inline;
  list-style: none;
  font-size: 7pt ! important;
}

/*  R e c h t e r   B e r e i c h  */

#right
{
	float: right;
	width: 190px;
	border-left: 2px solid #ffca30;
	padding-left: 15px;
	margin-left: 20px;
        margin-bottom: 20px;
}
#right h3 {
    margin-bottom: .6em;
}
#right h4 {         /* große Überschrift */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffca30;
    color: #3A75C4; /* Pantone 285, Hauptblau */    
    margin: 0px;
    padding: 0px;
    margin-bottom: 8px;
    border-top: 1px solid #ddd;
    margin-top: 8px;
    padding-top: 16px;
}
#right h4.first {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0px;
}
#right h5 {         /* kleine Überschrift */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #555;
    margin: 0px;
    padding: 0px;
    margin-bottom: 0px;
}
#right h5 a {
    text-decoration:none;
}
#right h5 a:hover {
    text-decoration:underline;
}
#right h6 {         /* richtig kleine Überschrift */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #555;
    margin: 0px;
    padding: 0px;
    margin-bottom: 0px;
}
#right p {
    margin: 0px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    font-size: 9pt;
}
#right .termin p, #right .termin_mit_text p, #right .meldung p, #right .meldung_mit_text p {
    padding-bottom: 0px;
}
#right .termin, #right .termin_mit_text , #right .meldung, #right .meldung_mit_text {
    margin-bottom: 16px;
    padding-bottom: 0px;
}
#right .termin_mit_text:hover, #right .meldung_mit_text:hover  {
    background-color: #fff9e5;
}
#right .meldung_aktiv, #right .meldung_mit_text_aktiv {
    background-color: #FFC61E; /* Pantone 123, gelb */;
    margin: 0px;
    margin-left: -16px;
    padding-left: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 16px;
}
#right .meldung_aktiv a, #right .meldung_mit_text_aktiv a {
    color: #fff;
}
#right .neuerbereich {
    border-top: 1px solid #ddd;
    margin-top: 8px;
    padding-top: 16px;
}

/*  F u ߟ z e i l e  */

#footer
{
    clear: both;
    margin: 10px 0px 0px 200px;
margin-top: 10px;
    padding: 0px;
    padding-bottom: 10px;
    border-top: 2px solid #ffca30;
}

#footer p {
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin-top: 10px;
    color: #999999;
}

#footer a {
    color: #ffa200;
    text-decoration: none;
}
#footer a:hover {
    color: #ffa200;
    text-decoration: underline;
}

#footer_left {
    margin: 0px 330px 0px 0px;
}

#footer_right {
	float: right;
	text-align: right;
	width: 300px;	padding-left: 15px;
	margin: 0px;
}
#footer_right a {
    padding-left: 20px;
}

*:first-child+html a.ie_padding {
    padding-left:20px !important;
}

*:first-child+html a.ie_padding {
    padding-left:20px !important;
}

* html a.ie_padding {
    padding-left:10px !important;
}

#impressum {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

#impressum h3 { /* Hauptüberschrift */
    color: #ffa200; /* orange */
    color: #ffca30; /* gelb */
    color: #3A75C4; /* Pantone 285, Hauptblau */
    color: #FCA311; /* Pantone 137, hellorange */
    font-size: 12pt;
    margin: 0px;
    margin-top: 15px;   
}

#sitemap ul{
	list-style-type: none;
}

#sitemap ul li {
	margin-bottom: 4px;	
}

#sitemap ul li a{
    color: #3A75C4; /* Pantone 285, Hauptblau */
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

/* Inhaltsverzeichnis auf einer Textseite */
#toc {
  margin: 0px;
  padding: 0px;
}

#toc ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#toc ul li {
  margin: 0px;
  margin-bottom: .3em;
  margin-left: 1.5em;
  padding: 0px;
}

#toc a {
  color: #9E540A; /* Pantone 160, braun */
}

#toc p {
  color: #666;
  font-weight: bold;
  font-size: 12pt;
  margin-bottom: 8px;
  padding: 0px;
}

/* Zusatzinfos für Programme von einzelnen Chaptern */
#program_description_addition {
    background-color:#fff9e5;
    margin: 0px;
    padding: 8px;
    border: 1px solid #FFC61E; /* Pantone 123, gelb */
}
#program_description_addition div, #program_description_addition p, #program_description_addition h5{
   padding-left: 8px;
}
#program_description_addition p {
    font-size: 9pt;
}

a[target="_blank"] {
    background-image: url(/aomedia/web/g/icon_newwin.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-position: right;
    padding-right: 18px;
}

* html a[target="_blank"] {
    background-image: url(/aomedia/web/g/icon_newwin.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 18px;
    padding-right:0px;
}

*:first-child+html a[target="_blank"] {
    background-image: url(/aomedia/web/g/icon_newwin.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 18px;
    padding-right:0px;
}

.noicon {
    background-image: url(/aomedia/web/g/0.gif) !important;
    padding-right: 0px !important;
}


* html .noicon {
    padding-left:0px !important;
}

*:first-child+html .noicon {
    padding-left:0px !important;
}


* html #breadcrumb li.arrowed a{
	padding-left: 15px;	
	background-image: url(/aomedia/web/g/breadcrumb_arrow.gif);
	background-position: left;
	background-repeat: no-repeat;

}


*:first-child+html #breadcrumb li.arrowed a{
	padding-left: 15px;	
	background-image: url(/aomedia/web/g/breadcrumb_arrow.gif);
	background-position: left;

	background-repeat: no-repeat;
}