/******************************
 * GLOBALE STYLE-DEFINITIONEN *
 ******************************/

body {
	background-color: #FFF6DB;
	background-image:url(/img/hg_body.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color: #000000;
	margin:0;
	padding:0;
}

body,td,div,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

p,form {
	margin:0;
	padding:0;
}

a:link {color: #DB0132;text-decoration:none;}
a:visited {color: #DB0132;text-decoration:none;}
a:hover, a:active{
	text-decoration:underline;
}

td {vertical-align:top;}
img {border:none;}
.cleardiv {clear:both; line-height:0.1em;}

div.menu-cover {
	position:absolute;
	top:186px;
	left:193px;
	width:12px;
}


/*************************
 * OBERSTER NAVI-BEREICH *
 *************************/

#logo {
	position:absolute;
	top:16px;
	left:837px;
	z-index: 100;
}
 

#header {
	margin:0;
	padding:0;
}

#header ul {
	list-style:none;
	margin:0;
	padding:0 0 0 6px;
}
#header ul li {
	margin:0;
	padding:0;
	float:left;
}
#header ul a {
	display:block;
	margin:0;
	padding:0 5px 0 5px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
}
#header ul a:hover {
	text-decoration:underline;
}

#trailer {
	position:absolute;
	width:672px;
	top:92px;
	left:205px;
}

#container, #listen-container {
	position:absolute;
	top:250px;
	left:227px;
	width:717px;
padding: 0 0 16px 0; /*Abstand unten -> Browserrand*/
}
#listen-container {
	width:650px;
}

/*******************************
 * NAVI-BEREICH (linke Spalte) *
 *******************************/

#language {	
	position:absolute;
	top:200px;
	width:179px;
	left: 14px;
	z-index:90;
}
#language ul {
	margin:0;
	padding:0;
 	list-style-type:none;
}
#language ul li {
	margin:0;
	padding:0;
}
#language ul li a {
	display:block;
	margin:0 0 0 0;
	padding:1px 12px 2px 36px;
	text-decoration:none;
	color:#003181;
 	background-image:url(/img/site/engl_flaggen.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#language ul li a:hover {
	text-decoration:underline;
}
#language.ger ul li a {
 	background-image:url(/img/site/dtl_flagge.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#navigation {
	position:absolute;
	top:203px;
	width:194px;
	left: 11px;
}

#navigation h1 {
	margin:0;
	padding:1px 0 4px 0;
	color:#003181;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

/* Styles fuer die Navigation */
/* Navi 1.Ebene */
#navigation ul.ebene-1 {
	border-top:1px solid #355CA1;
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation ul.ebene-1 li{
	margin:0;
	padding:0;
}
#navigation ul.ebene-1 a {
	display:block;
	margin:0 0 0 0;
	padding:1px 12px 2px 14px;
	background-color:#C0E0F5;
	text-decoration:none;
	color:#003181;
	border-left:1px solid #335DA3;
border-left:4px solid #335DA3;
	border-bottom:1px solid #335DA3;
}
#navigation ul.ebene-1 a:hover, #navigation ul.ebene-1 a.active {
	border-left:4px solid #DD0033;
}

/* Navi 2.Ebene */
#navigation ul.ebene-2 {
	list-style:none;
	margin:0;
	padding:0;
}
#navigation ul.ebene-2 li{
	margin:0;
	padding:0;
}
#navigation ul.ebene-2 a {
	padding-left:30px;
	background-color:#D4E9F7;
	border-bottom:1px solid #8DA4BC;
}
#navigation ul.ebene-2 a:hover, #navigation ul.ebene-2 a.active {
}
/* Navi 3.Ebene */
#navigation ul.ebene-3 {
	list-style:none;
	margin:0;
	padding:0;
}
#navigation ul.ebene-3 li {
	margin:0;
	padding:0;
}
#navigation ul.ebene-3 a {
	padding-left:50px;
	background-color:#E9F4FB;
	border-bottom:none;
}



/*******************************************
 * HAUPT-CONTENT-BEREICH (mittlere Spalte) *
 *******************************************/

#content {
	margin:0 0 15px 0;
	padding:0;
}
#content_left {
 width: 266px; float: left;
}
#content_right {
 width: 266px; float: left;
}
#content h1 {
	margin:0 0 0 0;
	padding:0 0px 9px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:23px;
	color:#0F50A9;
	font-weight:normal;
	width:529px;
}

/****** STYLES FÜR DIE TEASER-LISTE DER START-SEITE ****/

#content ul.start-teaser-liste {
	list-style-type:none;
	margin:0;
	padding:0;
}
#content ul.start-teaser-liste li {
	float:left;
	margin:0 0px 15px 0;
	padding:0 0 1px 0;
	background-image:url(../img/start-teaser-unten.gif);
	background-position:bottom right;
	background-repeat:repeat-x;
}
#content ul.start-teaser-liste li.odd {
	clear:left;
}
#content ul.start-teaser-liste .start-teaser-box {
	background-color:#FFFBF1;
	background-image:url(../img/start-teaser-hg.gif);
	background-position:bottom right;
	background-repeat:repeat-y;
	/*width:247px;*/
        /* ein Pixel abgezogen, um Darstellungsfehler im IE6 zu vermeiden (21.12.06) */
        width:246px;
	margin:0;
	padding:0;
}
#content ul.start-teaser-liste h2 {
	margin:0;
	padding:23px 20px 0 4px;
	background-image:url(../img/start-teaser-oben.gif);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:11px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#DB0132;
}
#content ul.start-teaser-liste h3 {
	margin:0;
	padding:0 4px 3px 4px;
	font-size:12px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003181;
}
#content ul.start-teaser-liste .list h3 {
	margin:0;
	padding:0 4px 0px 4px;
	font-size:12px;
	line-height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
}
#content ul.start-teaser-liste .start-teaser-text {
	margin:0;
	padding:0 4px 4px 4px;
}
#content ul.start-teaser-liste .list .start-teaser-text {
	margin:0;
	/* padding:0 4px 4px 4px; geändert 20.06.06*/
	padding:0 4px 12px 4px;
}
#content ul.start-teaser-liste .start-teaser-text img {
	border:1px solid #FFF;
	float:left;
	margin:0 7px 2px 0;
}
#content ul.start-teaser-liste a.mehr, #content ul.event-liste a.mehr {
	font-size:11px;
	font-weight:normal;
	color:#DB0132;
	text-decoration:none;
}
#content ul.start-teaser-liste a.mehr:hover, #content ul.event-liste a.mehr:hover {
	text-decoration:underline;
}

/* styles fuer das standard content-element */
#content .content-block {
	margin:0 0 20px 0;
	padding:0 0 0 0;
	width:515px;
}
#content .content-img-left {
	margin:3px 30px 3px 0;
	padding:0;
	float:left;
}
#content .content-img-right {
	margin:3px 0 3px 25px;
	padding:0;
	float:right;
}

/* die styles für die liste mit den events */
#content ul.event-liste {
	list-style:none;
	margin:10px 0 25px 0;
	padding:0 0 15px 0;
	background-image:url(../img/event-liste-unten.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#content ul.event-liste li {
	clear:left;
	margin:0;
	padding:7px 0 9px 0;
	background-image:url(../img/margin-box-hg.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

#content ul.event-liste .event-datum {
	float:right;width:150px;text-align:right;
}
#content ul.event-liste h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 120px 0 0;
	padding:0;
	color:#0F50A9;
	font-weight:bold;
}
#content ul.event-liste img.event-bild {
	margin:3px 25px 3px 0;
	padding:0;
	float:left;
}
#content ul.event-liste p {
	/*margin:0 120px 0 0;*/
	margin:0 80px 0 0;
	padding:0;
}
.margin_block {
	margin: 12px 0 12px 0;
}
.margin_block .event-ort {
	font-size:11px;
	font-style:normal;
}
/*neu 12.6.06 für die Linkunterscheidung bei News,...*/
#content ul.event-liste ul.download-liste {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#content ul.event-liste ul.download-liste li {
	/*float:left;*/
	background-image:none;
	margin:0 10px 4px 0;
	padding:0;
}
#content ul.event-liste ul.download-liste li a {
	/*display:block;*/
	padding:3px 0px 2px 0;
	font-size:12px;
	font-style:italic;
	color:#0F50A9;
	text-decoration:none;
}
#content ul.event-liste ul.download-liste li.extern a {
	background-image:url(../img/icon-link-extern.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
#content ul.event-liste ul.download-liste li.intern a {
	background-image:url(../img/icon-link-intern.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
#content ul.event-liste ul.download-liste li.pdf a {
	background-image:url(../img/icon-pdf.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 32px 2px 0;
}
#content ul.event-liste ul.download-liste li.doc a {
	background-image:url(../img/doc.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
#content ul.event-liste ul.download-liste li.xls a {
	background-image:url(../img/xls.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
#content ul.event-liste ul.download-liste li a:hover {
	text-decoration:underline;
}

/* die styles für die liste mit den seminaren */

#content ul.seminar-liste {
	list-style:none;
	margin:10px 0 25px 0;
	padding:0;
}
#content ul.seminar-liste li {
	clear:both;
	margin:0 0 25px 0;
	padding:0;
}
#content ul.seminar-liste h2 {
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 120px 20px 0;
	padding:0;
	color:#0F50A9;
	font-weight:bold;
}
#content ul.seminar-liste #left {
float:left;
	width:185px;
}
#content ul.seminar-liste #right {
float:right;
	width:519px;
}
#content ul.seminar-liste .seminar-ort-datum {
        height:51px;
	text-align:right;
}
#content ul.seminar-liste .seminar-inhalt { 
	padding:0;
}
#content ul.seminar-liste .pic {
	width:185px;
        margin: 0 0 8px 0;
	text-align:left;
}
#right_news{
        float:right;
        width:185px;
}
#left_news{
        float:left;
        width:519px;
}
#content ul.seminar-liste .pic_r {
        margin: 0 0 8px 0px;
	text-align:left;
}
.bildtext{
        background-color:#c6e1f4;
        font-size:10px;
        padding: 0 5px 5px 5px;
        line-height:12px;
}
#content ul.seminar-liste p {
	margin:0 0 0 0;
	padding:0;
}
#content ul.seminar-liste ul.download-liste {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#content ul.seminar-liste ul.download-liste li {
	/*float:left;*/
	margin:0 10px 4px 0;
	padding:0;
}
#content ul.seminar-liste ul.download-liste li a {
	/*display:block;*/
	padding:3px 0px 2px 0;
	font-size:12px;
	font-style:italic;
	color:#0F50A9;
	text-decoration:none;
}
#content ul.seminar-liste ul.download-liste li.extern a {
	background-image:url(../img/icon-link-extern.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
#content ul.seminar-liste ul.download-liste li.intern a {
	background-image:url(../img/icon-link-intern.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
#content ul.seminar-liste ul.download-liste li.pdf a {
	background-image:url(../img/icon-pdf.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 32px 2px 0;
}
#content ul.seminar-liste ul.download-liste li.doc a {
	background-image:url(../img/doc.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
#content ul.seminar-liste ul.download-liste li.xls a {
	background-image:url(../img/xls.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
#content ul.seminar-liste ul.download-liste li a:hover {
	text-decoration:underline;
}
span.extern  {
	background-image:url(../img/icon-link-extern.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
span.mail  {
	background-image:url(../img/mail.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
span.intern {
	background-image:url(../img/icon-link-intern.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
span.pdf {
	background-image:url(../img/icon-pdf.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 32px 2px 0;
}
span.doc {
	background-image:url(../img/doc.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
span.xls {
	background-image:url(../img/xls.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:3px 22px 2px 0;
}
.spacer { padding:0 25px 0 25px }

/* styles fuer die linkliste */
#content .link-menu-form {
	margin:8px 0 25px 0;
	padding:0;
}
#content .link-menu {
	border:1px solid #0F50A9;
	width:280px;
}
#content h2 {
	margin:0 0 10px 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0F50A9;
}
#content ul.link-liste {
	list-style:none;
	margin:0 0 35px 0;
	padding:0;
}
#content ul.link-liste li {
	margin:0;
	padding:8px 0 8px 0;
	background-image:url(../img/margin-box-hg.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#content ul.link-liste li a {
	margin:0;
	padding:0 17px 0 0;
	background-image:url(../img/icon-link-extern.gif);
	background-position:right;
	background-repeat:no-repeat;
	color:#0F50A9;
	text-decoration:none;
}
#content ul.link-liste li a:hover {
	text-decoration:underline;
}

.published {
	margin:0 0 10px 0;
	font-style:italic;
	font-size:10px;
}

/* die fusszeile mit der hilfsnavi */
#footer {
	background-image:url(../img/margin-box-hg.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	margin:0px 0 0px 0;
	padding:0 0 3px 0;
}
#footer div {
	list-style-type:none;
	background-image:url(../img/logo_conact_klein.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0 0 0 37px;
}
#footer span{
	margin:0;
	padding:0;
}
#footer span a {
	margin:0 0 0 0;
	padding:1px 8px 2px 4px;
	text-decoration:none;
	color:#0F50A9;
	font-size:11px;
}
#footer span a:hover {
	text-decoration:underline;
}

/**********************************
 * MARGIN-BEREICH (rechte Spalte) *
 **********************************/

#margin {
	float: right;
	width: 185px;
	margin: 0;
/******************** margin: 58px 0 0 0; *geändert 26.04.06* ***************/
	padding: 0;
	background-image:url(../img/margin_hg.gif);
	background-position:left;
	background-repeat:repeat-y;
	font-size:11px;
}
#margin .margin-box {
	margin:0 0 8px 6px;
	padding:0 5px 5px 0;
	background-image:url(../img/margin-box-hg.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#margin .last {
	background-image:none;
}
#margin .margin-box div {
	margin:0 0 4px 31px;
}
#margin .margin-box a {
	font-size:12px;
	font-weight:normal;
	color:#DB0132;
	text-decoration:none;
}
#margin .margin-box a:hover {
	text-decoration:underline;
}
#margin .margin-box h1 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#0F50A9;
}
#margin .margin-box h1.service {
	background-image:url(../img/logo-service.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:3px 0 4px 20px;
}

/**********************************
 * Druckvorschau                  *
 **********************************/

#printNav {
	text-align:right;
	margin: 0 0 10px 0;
	border-bottom:#CCCCCC dashed 1px;
}

#printNav a {
	color:#cccccc;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	line-height:24px;
}
#printNav a:hover {
	text-decoration:underline;
}