/*
Website: IDS Scheer
Version: 1.0
--

.dp = detail
.op = overview page / Rubrikenseite / Bereichsseite
.lp = list page
.fp = function page z.B suche ...

#home = Startseite
#sitemap = Sitemap / Inhaltsverzeichnis
*/

* {
    margin: 0;
    padding: 0;
}

 html, body {
    border: 0;
    position: relative;
}

body { /* font: default 16px to 10px */
    font: 62.5% arial, geneva, helvetica, sans-serif;
    background: #dedede url(../img/bgs/body.jpg) repeat-x 0 0;
}
img {
    border: 0;
}
fieldset {
    border: 0 solid #fff; /* 'solid transparent' required by Opera */
}
legend {
    color: #000; /* IE/Win does not inherit color */
}
code,
pre {
    font-size: 120%;
}

/* CLEAR
----------------------------------- */
.clear,
#nav-meta:after,
#extras .box .images:after,
.doublelist:after,
#quicklinks:after,
.a-z ul:after,
.box p:after,
#opener:after,
.banner:after,
.opener:after,
#home .opener:after,
#home .access:after,
.box p:after,
form:after,
.paging:after,
#main fieldset .form-elem li span:after,
#popupgallery ul#functions:after,
#popup ul#functions:after,
#main ul.mod:after,
#main .teaser:after,
.op #main .teaser:after,
#content #main dl.big:after,
#gallery #main ul.gallery-index:after,
#main .imageblock:after,
#home .banner:after,
.vcard .contact div.email:after,
.vcard .contact div.url:after,
#main dl.list:after {
    content: " ";
    display: block;
    clear: both;
}

/* LINKS
----------------------------------- */

a {
    color: #00476f;
    text-decoration: none;
    font-weight: bold;
}
a:visited {
    color: #666;
}
a:hover {
    text-decoration: underline;
    color: #E60042;
}
a:active,
a:focus {
    text-decoration: underline;
    color: #E60042;
}
h1 a, h2 a {
    color: #00476f;
    padding: 0;
}
h1 a:visited, h2 a:visited {
    color: #000;
    padding: 0;
}
#home a.extern {
    font-size: 120%;
}
.extern li a,
a.extern,
.links a.extern {
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    background: url(../img/icons/extern.gif) 0 0 no-repeat;
    font-size: 100%;
    font-weight: bold;
}
p a.extern {
    padding-left: 18px;
}
#extras .extern li a,
#extras li a.extern  {
    background: url(../img/icons/extern.gif) 0 0 no-repeat;
    font-size: 100%;
}
#extras a.extern {
    display: block;
}
#extras li a.intern  {
    background: url(../img/icons/link.gif) 0 0 no-repeat;
}
.extern li a,
.box li a.extern  {
    background: url(../img/icons/extern.gif) 0 1px no-repeat;
}
#home a.download {
    font-size: 120%;
}
.download li a,
a.download {
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    background: url(../img/icons/download.gif) 0 0 no-repeat;
    font-size: 100%;
    font-weight: bold;
}
.download li a,
.box li a.download,
.links li a.download {
    background: url(../img/icons/download.gif) 0 1px no-repeat;
}
/* filetype and filesize in download links  */
.download li a em,
a.download em {
    font-style: normal;
    font-weight: normal;
    color: #333;
}
a.download:hover em {
    font-weight: normal;
    font-style: normal;
    color: #E60042;
}
a.mail {
    display: block;
    padding: 3px 0 0 20px;
    background: url(../img/icons/mail.gif) 0 3px no-repeat;
    font-weight: bold;
}
#home a.more,
#home a.intern,
#home #extras a.intern,
#home .intern li a {
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    background: url(../img/icons/link.gif) 0 0 no-repeat;
    font-size: 120%;
    font-weight: bold;
}
a.more,
a.intern,
.intern li a {
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    background: url(../img/icons/link.gif) 0 0 no-repeat;
    font-size: 100%;
    font-weight: bold;
}
#extras a.intern {
    margin-top: 0;
}
/* felix lucke 2007/12/17 common to top of page */
a.top,
.top li a {
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    background: url(../img/icons/top.gif) 0 0 no-repeat;
    font-size: 100%;
    font-weight: bold;
}
#extras a.top {
    margin-top: 0;


}
p a {
    font-weight: bold;
}
p.launch {
    clear: both;
}
p.app {
   clear: both;
   float: left;
   background: #D0DEE7 url(../img/bgs/ecke_lio.gif) 0 0 no-repeat;
}
p.app span {
   display: block;
   background: url(../img/bgs/ecke_ro.gif) 100% 0 no-repeat;
}
p.app span span {
   display: block;
    padding-top: 1px;
   background: url(../img/bgs/ecke_liu.gif) 0 100% no-repeat;
}
p.app span span span {
   display: block;
   background: url(../img/bgs/ecke_ru.gif) 100% 100% no-repeat;
}
p.app span span span a {
    display: block;
    padding: 1px 10px 2px 25px;
    background: url(../img/icons/extern.gif) 5px 2px no-repeat;
    font-weight: bold;
}
p.app span span span a.extern {
    margin: 0;
}

/* hidden */
.skip a,
.aural,
#nav h2,
#search-box label {
    position: absolute;
    overflow: hidden;
    left: -2000px;
    width: 1px;
    height: 1px;
}
.skip a:active,
.skip a:focus {
    position: absolute;
    z-index: 1000;
    overflow: visible;
    width: auto;
    height: auto;
    font-weight: bold;
    top: 0px;
    left: 210px;
    padding: 5px 10px 8px 10px;
    background: #E60042;
    color: #fff;
    text-decoration: underline;
    font-size: 120%;
}

/* SCHRIFTEN
------------------------------------------ */
#branding,
#main,
#nav,
#extras {
    font-size: 120%;
}
p {
    line-height: 1.45em;
}

/* LAYOUT - RASTER
-------------------------------------------------------- */
#wrapper {
    border-top: 1px solid #D7D7D7; /* ANTI-IE-FLOAT-BUG */
    position: relative;
    padding: 0;
    margin: 23px 3px 0 20px; /* was 23 23 0 20 */
    max-width: 1050px;
    background: url(../img/bgs/extras.jpg) repeat-y 100% 0;
    overflow: hidden;
    width: 95.4%;
}
html>body #wrapper {
    width: auto;
}
#content {
   padding-left: 230px;   /* nav width */
   padding-right: 224px;  /* extras width */
   background: url(../img/bgs/border-extras.gif) no-repeat 100% 100%;
}
#main {
    width: 100%; /* HauptRow ist 100% breit autom. ohne padding von container */
    float: left; /* alle Rown links, main und rechts floaten */
    position: relative;
    background: #fff;
    min-height: 65em;
    height: 65em; /* for ie.6.0 */
}
html>body #main {
    height: auto;
}
#main-content {
    padding: 10px 20px 10px 20px;
}
#extras {
    float: left; /* ie specific - kein position absolute moeglich */
    width: 224px;
    margin-right: -224px;
    border-top: 5px solid #fff;
    background: #f0f0f0;
}
#footer{
	margin: 50px 0 0 0;
    height: 120px;
    width: 100%;
}

/* BRANDING
------------------------------------------- */
#branding {
    position: relative;
	margin: 0;
    border-bottom: 5px solid #E60042;
    width: 100%;
    background: #ffffff url(../img/bgs/sag_ids_wave_site_bkgrnd.png) no-repeat 0 0;
	height: 136px; /* was 124 */
}

/* logo */
#logo {
    position: absolute;
    top: 0;
    left: 20px;
    margin: 0;
    /* border-bottom: 12px solid #fff; */
    padding: 0;
}
#logo img {
    float: left;
}

/* meta navigation + search box */
#nav-meta {
    padding: 2px 0 0 0;
    text-align: right;
    width: 100%;
    max-width: 1072px;
}
#nav-meta ul {
    margin: 0 10px 0 240px;
    padding: 0;
    display: inline;
    text-transform: uppercase;
    font-size: 82%;
}
#nav-meta li {
    display: inline;
    margin: 0 12px 0 7px;
    color: #4e5152;
}
#nav-meta li a {
    color: #4e5152;
    background: transparent;
}
#nav-meta li em {
    text-transform: none;
    font-style: normal;
}
#home #nav-meta>#search-box {
    /* margin-right: 20px; */
}
#nav-meta #search-box {
    margin: 0;
    padding: 3px 0 3px 0;
    position: relative;
    top: 0;
    display: inline;
    /* margin-right: 20px; */
}
#nav-meta #search-box form {
    display:inline;
    margin:0pt 0px 0 0;
    padding:3px 0;
    clear: none;
}
#nav-meta #search-box fieldset {
    display: inline;
    background: none;
    border: none;
    width: auto;
}
#nav-meta #search-box a {
    color: #000;
}
#nav-meta #search-box input {
    float: none;
    font-size: 95%;
    font-weight: normal;
    margin: 0 0 0 5px;
    padding: 2px 2px 2px 2px;
    color: #4e5152;
    border: 1px solid #4e5152;
    width: 100px; /* was auto */
}
#nav-meta #search-box input:focus {
    border: 1px solid #E60042;
}
#nav-meta #search-box input.button {
    margin: 0px 4px 0px 0px;
    padding-left: 6px;
    padding-right: 6px;
    width: auto;
    border: 1px solid #4e5152;
    background: #003657 url(../img/bgs/sag_ids_meta_search_button.png) 0 -2px repeat-x;
    color: #fff;
    vertical-align: bottom;
    overflow: visible; /* IE - padding-bug */
}
#loggedin {
    float: right;
    margin: 10px 12px 0 0; /* ie6 */
    padding: 2px 5px;
    color: #fff;
    font-size: 90%;
    border: 1px solid #DEDEDE;
    width: 620px;
    background: #385c75;
}
html>body #loggedin {
    margin-right: 22px;
}
#loggedin a {
    color: #fff;
}
#loggedin em {
    padding-left: 10px;
    font-style:  normal;
}

/* NAV-TABS
---------------- */
#wrapper-nav-global {
    position: absolute;
    width: 100%;
    max-width: 1072px;
    bottom: 0;
    /* fl_nav_change: margin-left: 245px; */
}
#nav-global {
	float: right;
    /* fl_nav_change: position: absolute; */
    bottom: 0;
    /* fl_nav_change:  right: 245px; */
    background: transparent;
    /* fl_nav_change: overflow: hidden; */
    list-style: none;
    margin-right: 16px;   /* ie6 */
}
html>body #nav-global {
    margin-right: 0px;
}
#nav-global li {
    float: left;
    margin: 0 2px 0 0;
}
#nav-global li a {
    float: left;
    display: block;
    margin: 0;
    color: #fff;
    background: transparent url(../img/bgs/sag_ids_nav_button_right.png) top right no-repeat;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
}
#nav-global li a span {
    float: left;
    display: block;
    background: transparent url(../img/bgs/sag_ids_nav_button_left.png) top left no-repeat;
    padding: 8px 16px 6px 16px;
    cursor: pointer;
}
/* for Japan Website */
#nav-global li.mod a span {
    float: left;
    display: block;
    background: transparent url(../img/bgs/sag_ids_nav_button_left.png) top left no-repeat;
    padding: 12px 16px 9px 16px;
    cursor: pointer;
}
html>body #nav-global li.mod a span {
    padding: 10px 16px 8px 16px;
}

#nav-global li.current a,
#nav-global li a:hover {
    background-position: 0 -100px;
    text-decoration: none;
}
#nav-global li.current a span,
#nav-global li a:hover span {
    background-position: 0 -100px;
}

/* LOCAL NAVIGATION
--------------------------- */
#nav {
    float: left;
    width: 200px;
    padding: 30px 10px 30px 10px;
    margin-left: -115px; /* for ie6.0 */
    background: #fff;
}
html>body #nav {
    margin-left: -230px;
}
#nav ul {
    margin: 0 0 0 0;
    background: url(../img/bgs/border.gif) repeat-x 0 100%;
}
#nav li {
    margin: 0;
    list-style: none;
    width: 100%;
    height: 1%;
    background: url(../img/bgs/border.gif) repeat-x 0 0;
}
#nav li a {
    display: block;
    font-size: 110%;
    font-weight: bold;
    color: #000;
    padding: 3px 0 3px 12px;
    background: url(../img/icons/link-nav.gif) no-repeat 0 5px;
}
#content #nav li a:hover {
    color: #fff;
    background: #E60042 url(../img/icons/navcurrent.gif) no-repeat 0 5px;
    text-decoration: none;
}
#nav li a.open {
    font-weight: bold;
    color: #E60042;
    background: url(../img/icons/linkactive-nav.gif) no-repeat 0 5px;
}
#nav li a.open:visited {
    color: #E60042;
}
#content #nav li a.current {
    font-weight: bold;
    color: #fff;
    background: #E60042;
}
/* visited */
#nav li a:visited {
    color: #000;
}
/* 2nd level */
#nav ul ul {
    margin: 0 0 0 0;
    border: none;
    background: none;
}
#nav ul ul li {
    margin: 0;
}
#nav ul ul li a {
    margin: 0;
    padding-left: 26px;
    font-weight: normal;
    background: none;
}
#nav ul ul li a.open {
    padding-left: 26px;
    background: none;
}
#nav ul ul li a:hover,
#nav ul ul li a.open:hover {
    padding-left: 26px;
    padding-right: 10px;
    background: #E60042;
}
/* 3rd level */
#nav ul ul ul li a.open {
    padding-left: 36px;
    background: none;
}
#nav ul ul ul {
    margin: 0 0 0 0;
    background: none;
    border: none;
}
#nav ul ul ul li {
    margin: 0;
}
#nav ul ul ul li a {
    margin: 0;
    padding-left: 36px;
    font-weight: normal;
    background: none;
}
#nav ul ul ul li a:hover {
    padding-left: 36px;
    padding-right: 0;
}
/* 4th level */
#nav ul ul ul ul li a {
    margin: 0;
    padding-left: 46px;
    font-weight: normal;
    background: none;
}
#nav ul ul ul ul li a.open {
    padding-left: 46px;
    background: none;
}
#nav ul ul ul ul li a:hover {
    padding-left: 46px;
    padding-right: 0;
}
/* 5th level */
#nav ul ul ul ul ul li a {
	margin: 0;
    padding-left: 56px;
    padding-right: 0;
}
#nav ul ul ul ul ul li a:hover {
    padding-left: 56px;
    padding-right: 0;
}


/* ad */
 #nav img.banner {
   margin-top: 30px; /* IE */
}

/* WELCOME
---------------- */
/* Layout */

#home #branding {
	min-width: 988px;
}

#home #footer {
	min-width: 988px;
}

#home #wrapper-nav-global {
	min-width: 988px;
}


#home #wrapper {
    border-top: 1px solid #ccc;
    border-right: none;
    position: relative;
    padding: 0;
    margin: 23px 20px 0 20px;
    width: 98%; /* IE 6 */
    max-width: 1050px; /* was 1075 */
    background: none;
    overflow: visible;
}
html>body#home #wrapper {
    width: auto;
}
#home #content {
   overflow: hidden;
   /*margin-right: 20px;*/
   padding-right: 0 !important;
   padding-left: 0;
   background: none;
   min-width: 968px;
}
#home #content input.button {
    margin: 0 0 0 -3px;
    width: auto;
    border: 1px solid #125975;
    padding: 0 8px 2px 8px;
    background: #0d5979 url(../img/bgs/button.jpg) 0 -2px repeat-x;
    color: #fff;
    vertical-align: bottom;
    font-weight: normal;
    overflow: visible;
}

#display {
    /*position: relative;*/
    background: #fff;
    padding-right: 410px; /* plus 10px border plus 10px padding*/
    margin: 0;
    overflow: hidden;
    height: 1%;
}
#whatsnext {
    position: relative;
    background: #fff;
    margin: 0;
    border-top: 10px solid #DEDEDE;
    padding-right: 410px; /* plus 10px border plus 10px padding*/
    overflow: hidden;
    height: 1%;
}
/* Content #display */
#home .opener {
    float: left;
    width: 100%;
    font-size: 120%;
}
#home .opener h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 150%;
}
#home .opener h2 a {
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 100%;
    background: url(../img/icons/link.gif) 0 4px  no-repeat;
    color: #00476f;
}
#home .opener h2 a:hover,
#home .opener h2 a:active {
    color: #E60042;
}
#home .opener p {
    margin: 0 50px 10px 20px;
    padding: 0;
    color: #666;
}
.opener .img-box {
    float: left;
    width: auto;
    height: 26em;
}
#home .opener img {
    margin: 0 20px 10px 20px;
}
.opener .opener-box {
    margin-left: 200px;
}
.opener .select-box {
    margin: 0 0 10px 20px;
    width: auto;
}
#home .opener select {
    margin-right: .5em;
    margin-bottom: .5em;
    background: #fff;
    border: 1px solid #125975;
    width: 70%;
}
#home .opener input.button {
    float: none;
}

/*  home special -box textimonial/flash  plus banner  */
#home .special {
    margin: 0;
    margin-right: -500px;
    float: left;
    border-left: 10px solid #DEDEDE;
    padding: 0;
}
#home .special img {
border-bottom: 5px solid #fff;
clear: both;
}
#home .special .banner {
    clear: both;
    border-top: 10px solid #DEDEDE;
    padding: 5px 0;
    width: 400px;
}
* html #home .special .banner {
	padding: 5px 0 12px 0;	/* IE */
}
#home .special  .banner img {
    border: 1px solid #fff;
    clear: none;
    float: left;
    margin: 0 0px 0 5px;
}
#flashcontent {
    padding: 5px 5px 2px 5px;
}
/* Content #whatsnext */
#home #events {
  float: left;
  width: 100%;
  border-right: 10px solid #DEDEDE;
  font-size: 120%;
}
#home #news { /*  box news */
    margin: 0 0 0 -10px;
    float: left;
    margin-right: -400px;
    width: 390px;
    font-size: 120%;
    border-left: 10px solid #dedede;
}
/* promo */
#home .promo {
    padding-bottom: 20px;
}
#home .promo form {
    clear: none;
    display:inline;
    margin:0pt 0px 0pt 0pt;
    padding:3px 0pt;
}
#home .promo fieldset {
    display: block;
    background: none;
    border: none;
    width: auto;
}
#home .promo h1,
#home .promo h2 {
    margin: 0 20px 10px 20px;
    padding: 25px 0 0  0;
    font-size: 240%;
    font-weight: bold;
}
#home .promo h2 {
    font-size: 180%;
}
#home .promo ul {
    position: static;
    margin: 0 20px 0 20px;
    line-height: 1.4em;
}
#home .promo ul li {
    list-style: none;
    padding: 0 0 0 0;
    background: url(../img/bgs/border.gif) repeat-x 0 100%;
}

#home .promo ul li a,
#home .promo dl dt a {
    display: block;
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    font-size: 120%;
    font-weight: bold;
    overflow: hidden;
    background: url(../img/icons/link.gif) 0 0 no-repeat;
    height: 1%;
}
#home .promo ul li a {
    padding-bottom: 10px;
}
#home .promo ul li a em {
    font-style: normal;
    font-weight: normal;
    color: #333;
}
#home .promo ul li a:hover em {
    font-style: normal;
    font-weight: normal;
    color: #E60042;
}
#home .promo dl {
    margin: 0 20px 10px 20px;
    padding: 0 0 10px 0;
    background: url(../img/bgs/border.gif) repeat-x 0 100%;
}
#home .promo dl dt a {
    height: auto;
    overflow: hidden;
    margin: 0;
}
#home .promo dd {
    color: #666;
    margin-left: 21px;
}
#home .promo .more {
    display: block;
    margin: 10px 0 0 20px;
    background-position: 0 2px;
}
/* banner in footer */
#home .megabanner {
    margin: 10px 0 0 0;
    overflow: hidden;
    padding-bottom: 20px;
    height: 1%;
    background: #fff;
}
.megabanner img {
    margin: 20px 0px 0 22px;
    width: 290px;
    height: 93px;
}


/* new homepage css */
/* fl 20080915 */

#home #firstrow {
    /*position: relative;*/
    background: #fff;
    padding-right: 410px; /* plus 10px border plus 10px padding*/
    margin: 0;
    overflow: hidden;
    height: 1%;
}


#home #firstrowfirstbox {
    margin: 5px 5px 5px 5px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    min-width: 558px;
    float: left;
}

#home #firstrow img {
	border-bottom: 5px solid #fff;
	clear: both;
}

#home #firstrowfirstbox #flashhomecontrol {
    text-align: center;
    width: 100%;
    max-width: 530px;
    margin-left: 20px;
    /* margin-bottom: 10px; */
}

#flashhomecontrol #topicbuttons {
    background: transparent;
    overflow: hidden;
    list-style: none;
    margin-right: 16px;   /* ie6 */
}
html>body #flashhomecontrol #topicbuttons {
    margin-right: 20px;
}
#flashhomecontrol #topicbuttons li {
    float: left;
    margin: 0 2px 0 0;
}
#flashhomecontrol #topicbuttons li a {
    float: left;
    display: block;
    margin: 0;
    color: #fff;
    background: transparent url(../img/bgs/sag_ids_nav_button_right.png) top right no-repeat;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
}
#flashhomecontrol #topicbuttons li a span {
    float: left;
    display: block;
    background: transparent url(../img/bgs/sag_ids_nav_button_left.png) top left no-repeat;
    padding: 8px 20px 6px 20px;
    cursor: pointer;
}

html>body #flashhomecontrol #topicbuttons li.mod a span {
    padding: 10px 20px 8px 20px;
}

#flashhomecontrol #topicbuttons li.current a,
#flashhomecontrol #topicbuttons li a:hover {
    background-position: 0 -100px;
    text-decoration: none;
}
#flashhomecontrol #topicbuttons li.current a span,
#flashhomecontrol #topicbuttons li a:hover span {
    background-position: 0 -100px;
}

#home #firstrowsecondbox {
	border-left:10px solid #DEDEDE;
	float:left;
	font-size:120%;
	margin:0 -500px 0 0;
	padding:0;
	width:390px;
	min-height:420px;
}

#home #firstrowsecondbox #ids_reference_player {
	margin: 5px 5px 3px 5px;
}

#home #firstrowsecondbox .references {
    background:#FFFFFF none repeat scroll 0 0;
}

#home #firstrowsecondbox .banner {
    clear: both;
    border-top: 10px solid #DEDEDE;
    padding: 5px 0;
    width: 390px;
}

* html #home #firstrowsecondbox .banner {
	padding: 5px 0 12px 0;	/* IE */
}

#home #firstrowsecondbox .banner img {
    border: 1px solid #fff;
    clear: none;
    float: left;
    margin: 0 0px 0 5px;
}

#home #secondrow {
    position: relative;
    background: #fff none repeat scroll 0 0;
    margin: 0;
    border-top: 10px solid #DEDEDE;
    padding-right: 400px; /* plus 10px border plus 10px padding*/
    overflow: hidden;
    height: 1%;
}

#home #secondrowfirstbox {
	float:left;
	font-size:120%;
	width:100%;
}

#home #secondrowfirstbox h2 {
    font-size:180%;
	font-weight:bold;
	margin:0 20px 20px;
	padding:15px 0 0;
}

#home #secondrowfirstbox ul {
    position: static;
    margin: 0 20px 0 20px;
    line-height: 1.4em;
}
#home #secondrowfirstbox ul li {
    list-style: none;
    padding: 0 0 0 0;
    background: url(../img/bgs/border.gif) repeat-x 0 100%;
}

#home #secondrowfirstbox ul li a,
#home #secondrowfirstbox dl dt a {
    display: block;
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    font-size: 120%;
    font-weight: bold;
    overflow: hidden;
    background: url(../img/icons/link.gif) 0 0 no-repeat;
    height: 1%;
}
#home #secondrowfirstbox ul li a {
    padding-bottom: 10px;
}
#home #secondrowfirstbox ul li a em {
    font-style: normal;
    font-weight: normal;
    color: #333;
}
#home #secondrowfirstbox ul li a:hover em {
    font-style: normal;
    font-weight: normal;
    color: #E60042;
}
#home #secondrowfirstbox dl {
    margin: 0 20px 10px 20px;
    padding: 0 0 10px 0;
    background: url(../img/bgs/border.gif) repeat-x 0 100%;
}

#home #secondrowfirstbox dl.second {
    margin-top: 20px;
}

#home #secondrowfirstbox dl dt {
    margin-top: 10px;
    line-height: 1.4em;
}

#home #secondrowfirstbox dl dt a {
    height: auto;
    overflow: hidden;
    margin: 0;
}
#home #secondrowfirstbox dd {
    color: #666;
    margin-left: 21px;
}
#home #secondrowfirstbox .more {
    display: block;
    margin: 10px 0 0 20px;
    background-position: 0 2px;
}

#home #secondrowfirstbox .morelink {
    display: block;
    margin-left: 20px;
    margin-top: -5px;
    background-position: 0 2px;
}

#home #secondrowsecondbox {
	border-left:10px solid #DEDEDE;
	float:left;
	margin:0 -500px 0 0;
	padding: 5px;
	min-height:350px;
}

#home #secondrowsecondbox .introduction {
    width: 360px;
    display:block;
    font-size:120%;
	padding:5px 5px 10px;
}

#home #secondrowsecondbox .introduction h2 {
    margin: 0px 10px 10px;
    padding: 0px 0px 0px 0px;
    font-size: 180%;
    font-weight: bold;
}

#home #secondrowsecondbox .introduction dl {
    display:inline;
	float:left;
	margin: 4px 20px 10px 10px;
	overflow:hidden;
	padding:0;
	width: 90px;
}

#home #secondrowsecondbox .introduction dl dt {
    border:0 none;
}

#home #secondrowsecondbox .introduction dl .pic {
	width: 90px;
	clear: left;
	display: inline;
	float: left;
	overflow: hidden;
	padding: 0;
}

#home #secondrowsecondbox .introduction dl .pic dt img {
	float: none;
	margin: 0;
}

#home #secondrowsecondbox .introduction p {
    color: #000;
    margin-left: 10px;
    margin-top: 5px;
    line-height: 1.45em;
}
#home #secondrowsecondbox .introduction .morelink {
    display: block;
	margin-top: 5px;
    background-position: 0 2px;
}





/*
CONTENT - ELEMENTS
----------------------------------------------------- */
/* BREADCRUMB */
#breadcrumb {
    float: left;
    margin: 0 0 10px 0;
	width: 100%;
    color: #555;
    overflow: hidden;
 }
 #breadcrumb dt{
        float: left;
        margin: 5px 5px 10px 0;
}
#breadcrumb dd {
        float: left;
        margin: 5px 5px 0 0;
        line-height: 1.2em;
        font-weight: bold;
        white-space: nowrap;
}
#breadcrumb dt a,
#breadcrumb dd a {
    color: #094E6B;
}
#breadcrumb dt a:hover,
#breadcrumb dd a:hover {
    color: #E60042;
}
/* images */
img {
    float: left;
}
 .banner img {
    margin: 0 30px 0 0;
    float: right;
}
.banner .first {
    float: left;
    margin: 0 0 0 10px;
}
/* image with caption */
dl.photo {
    clear: left;
    float: left;
    margin: 5px 20px 8px 0;
    padding: 0;
    display: inline;
    overflow: hidden;
        width: 240px;
}
#main dl.photo dt {
    border: 0;
}
#main dl.photo  img { /* Teaserbilder Querformat */
    float: none;
    margin: 0;
}
#main dl.portrait  { /* Teaserbilder Hochformat */
    width: 180px;
}
#main dl.portrait img { /* Teaserbilder Hochformat */
    float: none;
    margin: 0;
}
dl.photo dd {
    margin: 0;
    padding: 2px 20px 2px 0;
    font-size: 95%;
    color: #000;
}
#main dl  dd.zoom {
     float: right;
    width: 14px;
    padding: 2px 0 5px 0;
    height: 1.4em;
    margin: 0;
}
#main dl dd.zoom a { /* image zoom */
    display: block;
    right: 0;
    margin: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    background: url(../img/icons/zoom.gif) 0 0 no-repeat;
    text-indent: -4000px;
    z-index: 100;
}

/* other formats */
#content #main dl.medium {  /* Detail quer grosses Bild */
   width: 240px;
}
#content #main img.medium {
   width: 240px;
   margin: 0 20px 10px 0
}
#content #main dl.medium-portrait { /* Detail hoch grosses Bild */
   width: 180px;
}
#content #main img.medium-portrait {
   width: 180px;
   margin: 0 20px 10px 0
}
#content #main dl.small { /* Detail quer kleines Bild */
   width: 120px;
}
#content #main img.small {
   width: 120px;
   margin: 0 20px 10px -140px;
}
#content #main dl.small-portrait { /* Detail hoch kleines Bild */
   width: 90px;
}
#content #main img.small-portrait {
   width: 90px;
}
#content #main dl.big,
#content #main img.big { /* Detail großes breites Bild */
    width: 410px;
    height: 1%;
    overflow: hidden;
}
#content #main img.big,
#content #main dl.big {
    float: none;
    margin: 5px 0 10px 0;
    clear: both;
}
#main .imageblock {
    width: 410px;
}
img.xxl { /* map */
    clear: both;
    float: none;
    margin: 20px 0 20px 0;
}

/* other position */
dl.mod,
img.mod {
    float: right;
    margin: 5px 0px 8px 20px;
}

/* TEASER */
#main .teaser {
	clear: both;
    padding-left: 0;
    margin: 0 0 30px 0;
}
* html #main .teaser {
	height: 12px;	/* IE */
}
#main .alt {
    padding-left: 140px;
}
#main .alt1 { /* Teaser mit Bild hoch */
	padding-left: 85px;
}
#content #main .alt img,
#content #main .alt1 img {
    margin-bottom: 8px;
}
#main .teaser img {
    float: left;
    margin: 4px 10px 2px -140px;
}
#main .teaser dl.small { /* Detail quer kleines Bild */
   width: 120px;
   margin-left: -140px;
}
#content #main .teaser img.small {
   width: 120px;
   margin: 0 10px 10px -140px;
}
#main .teaser dl.small-portrait { /* Detail hoch kleines Bild */
   width: 75px;
   margin-left: 85px;
}
#content #main img.small-portrait {
   width: 75px;
   margin: 0 10px 10px -85px;
}
#main .teaser h2 {
    margin: 0;
    padding: 0;
	font-weight: bold;
    font-size: 130%;
	line-height: 1.3em;
}
#main .teaser h2 a {
    position: static;
    font-size: 100%;
    padding: 0;
    color: #00476f;
}
#main .teaser h2 a em {
color: #333333;
font-style: normal;
font-weight: normal;
}
#main .teaser h2 a:hover em {
    font-weight: normal;
    font-style: normal;
    color: #E60042;
}
#main  .teaser h2 em {
    font-size: 90%;
}
#main .teaser h2 a.download {
    background: url(../img/icons/download.gif) 0 1px no-repeat;
    padding-left: 20px;
}
#main .teaser h2 a.extern {
    background: url(../img/icons/extern.gif) 0 1px no-repeat;
     padding-left: 20px;
}
#main .teaser p {
    margin-top: 0;
    margin-bottom: 10px;
}
#main .teaser em.date,
#wrapper #main .teaser p.date {
    float: left;
    font-size: 100%;
    font-style: normal;
    color:  #333333;
    margin: 1px 3px 0 0;
}
#wrapper #main .teaser p.date {
    margin: 0 3px 0 0;
}
#main  .teaser p.doc,
#main  .teaser p.date {
    padding: 0;
    margin: 0;
    color: #646464;
}

/* read on links */
#main .teaser p.more,
#main .teaser p.extern,
#main .teaser p.download {
    margin-top: -6px;
    padding-bottom: 2px;
    font-weight: bold;
}
#main .teaser p.more a {
    padding: 0 0 0 20px;
    background: url(../img/icons/link.gif) 0 1px no-repeat;
}
#main .teaser p.extern a {
    padding: 0 0 0 20px;
    background: url(../img/icons/extern.gif) 0 1px no-repeat;
}
#main .teaser p.download a {
    padding: 0 0 0 20px;
    background: url(../img/icons/download.gif) 0 1px no-repeat;
}

/* teaser news info about us */
#main .teaser .newsinfo h2 { /* news about us */
    margin: 0;
    padding: 0;
    font-size: 90%;
	line-height: 1.3em;
}
#main .teaser .newsinfo p { /* news about us */
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 90%;
}
#main .teaser .newsinfo p.more,
#main .teaser .newsinfo p.extern,
#main .teaser .newsinfo p.download {
    margin-top: -6px;
    padding-bottom: 2px;
    font-weight: bold;
}
#main .teaser .newsinfo p a {
    padding: 0 0 5px 20px;
    background: url(../img/icons/link.gif) 0 1px no-repeat;
}
#main .teaser .newsinfo p a.extern {
    padding: 0 0 5px 20px;
    background: url(../img/icons/extern.gif) 0 1px no-repeat;
}
#main .teaser .newsinfo p a.download {
    padding: 0 0 5px 20px;
    background: url(../img/icons/download.gif) 0 1px no-repeat;
}


#opener {
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    background: url(../img/bgs/border.gif) repeat-x 0 100%;
    width: 100%;
    overflow: hidden;
}
#opener dl.photo dd {
    font-size: 95%;
}

/* HEADLINES */
#main h3 {
    margin-bottom: 5px;
    font-size: 120%;
    font-weight: bold;
}

/* changes from 180% to 170% due to chm */
h1 {
    font-size: 170%;
    font-weight: bold;
    padding: 0 0 0 0;
}
#home h1 {
    font-size: 240%;
}
/* EOD changes from 180% to 140% due to chm */
h2 {
    font-size: 140%;
	font-weight: bold;
    margin: 5px 0 10px 0;
}

/* TEXT-ELEMENTS */
#main p img.icon {
    float: none;
    margin: 0 0 -2px 0;
}
#main span.login {
    padding-right: 18px;
    background: url(../img/icons/login.gif) no-repeat 100% 1px;
}
#main p em.date {
    margin-right: 5px;
    font-style: normal;
    font-size: 95%;
}
#main p {
    margin: 10px 0;
}
#main p#highlights {
border-left: 5px solid #E60042;
padding-left: 10px;
margin-bottom: 20px !important;
}
#abstract {
margin: 0 0 17px 0;
border: 1px solid #aeaeae;
padding: 0 10px;
font-weight: bold;
background: #F0F0F0;
}
#main p.date {
color: #646464;
font-weight: bold;
}

#ir_news_box {
	margin: 0 0 17px 0;
	border: 1px solid #00476F;
	padding: 0 10px;
	font-weight: bold;
	background: #F0F0F0;
}

#ir_news_box ul.ir_news_box li {
	background: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin: 5px 0;
	font-size:100%;
}

/* LISTS */
#content #main ul li.more { /* more link */
    background: url(../img/bgs/border.gif) 0 0 repeat-x;
    margin-top: 0;
    padding-top: 15px;
}
#content #main ul li.more a { /* more link */
    margin-top: 0;
}
#main ul {
    line-height:1.4em;
    margin:10px 0pt 10px 0px;
    /*position: relative;*/
}
#main ul li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 12px;
    background: url(../img/icons/dot.gif) 0 4px no-repeat;
}
#main ul.links li a,
#main ul.extern li a,
#main ul.download li a {
    display: block;
    margin: 10px 0;
	height: 1%;
}
.links li a {
    background: url(../img/icons/link.gif) 0 1px no-repeat;
        padding: 0 0 0 20px;
}


#main ul li a em {
    font-weight: normal;
    font-style: normal;
    color: #333;
}
#main ul li a:hover em {
    font-weight: normal;
    font-style: normal;
    color: #E60042;
}
#main ol {
    position: relative;
    margin: 10px 10px;
}
#main li.break {
    background: url(../img/bgs/border.gif) 0 0 repeat-x;
    padding-top: 10px;
}
#main ul ul {
    margin: 2px 0;
}
#main ol li {
    margin-bottom: 5px;
    list-style-position: inside;
    background: #fff;
    padding: 0;
    line-height: 1.4em;
}
#main ol li ol {
    margin-top: 5px;
}
#main ol ol {
    margin: 0 0 0 10px;
    list-style-type: lower-latin;
}
#main ul.intern,
.dp #main ul.intern,
#main ul.extern,
.dp #main ul.extern,
#main ul.links,
.dp #main ul.links,
#main ul.download,
.dp #main ul.download{
    margin: 10px 0 20px 0;
}
#main ul.intern li,
#main ul.extern li,
#main ul.links li,
#main ul.download li  {
    list-style: none;
    padding: 0;
    background: #fff;
}
#main ul.intern li a.extern {
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    background: url(../img/icons/extern.gif) 0 0 no-repeat;
    font-size: 100%;
    font-weight: bold;
}
#main ul.mod {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    height: 1%;
    width: 100%;
}
#wrapper #main ul.mod li {
    margin: 0 0 10px 0;
    float: left;
    width: 33%;
}
#main ul.mod li a {
    margin: 0;
    height: auto;
}
#main dl.smalllist {
    margin-bottom: 20px;
    padding: 10px;
    background: #f5f5f5;
    border-top: 3px solid #E60042;
    height: 1%;
}
#main dl.smalllist dt {
    margin-bottom: 5px;
    width: 10em;
    font-weight: bold;
}
#main dl.smalllist dd {
    margin-left: 10em;
    margin-top: -1.4em;
    margin-bottom: 5px;
}
#main div.agenda {
    clear: both;
}
#main dl.list {
    width: 100%;
    height: 1%;
    margin: 30px 0 30px 0;
   padding: 0;
    line-height: 1.5em;
    border-top: 1px solid #ccc;
    padding-top: 0;
}
#main dl.list dt {
    float: left;
    margin: 0 20px 15px 0;
    padding: 3px 5px;
    width: 25%;
    font-weight: bold;
    background: #F0F0F0;
}
 #main dl.list dd {
    margin: 0;
    position: relative;
    float: left;
    width: 65%;
}
#main dl.list dd em {
   display: block;
   font-style: normal;
   color: #000;
    font-size: 90%;
}
#main dl.list dd.column1 {
    display: inline;
    width: 30.5%;
}
#main dl.list dd.column2 {
    display: inline;
    margin-left: 20px;
    width: 30.5%;
}
#main dl.list dd ul {
    margin-top: 0;
    padding-top: 0;
}

/* ADDRESS, VCARDS */
.contact-teaser {
    height: 1%;
    clear: both;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 10px;
    background: url(../img/bgs/border.gif) repeat-x 0 0;
}

#wrapper #main .contact-teaser h2,
#wrapper #main .contact-teaser h3 {
    margin-top: 0;
    background: none;
}
.contact-teaser  img {
    width: 120px;
}
.contact-teaser .mod {
    margin: 0px 0 10px 140px;
}
/* vcard */
 .vcard {
    margin: 10px 0 10px 0;
    line-height: 1.5em;
}
.vcard dl {
    margin-bottom: 10px;
}
.vcard .contact dt {
    width: 5em;
    margin-bottom: 2px;
}
.vcard .contact dd {
    position: relative;  /* IE 6 bg-prob */
    margin-left: 5.5em;
    margin-top: -1.6em;
    margin-bottom: 2px;
}
.vcard .contact a {
    float: none;
    margin-bottom: 2px;
    display: inline;   /* IE 6 icons */
}
.vcard .contact a.extern {
    margin: 2px 0 0 0;
}
.org, .n, .adr, .contact {
    margin-bottom: 10px;
}

/* address in #extras */
#extras .contactbox {
    position: relative;
}
#extras .contact-teaser {
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    background: none;
}
#extras .vcard {
    position: relative;
    margin-left: 10px;
}
#extras .vcard .contact dl {
    padding: 0;
}
#extras .vcard .contact dt {
    position: relative;
    margin-bottom: 2px;
    padding-right: 0;
    width: 4.3em;
}
#extras .vcard .web dt { /* offscreen */
    position: absolute;
    overflow: hidden;
    left: -2000px;
    width: 1px;
    height: 1px;
}
#extras .contact dd {
    float: none;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 2px;
}
#extras .contact dd a {
    display: inline;
}
#extras .vcard a.extern {
    margin-top: 0;
}
#extras .vcard span {
    padding: 0;
    display: inline;
}

/* TABLES */
#content table {
    margin: 0 0 30px 0;
    border-collapse: collapse;
    border-spacing: 0;
    caption-side: top;
    empty-cells: show;
    padding: 0;
    width: 100%;
    table-layout: auto;
    clear: both;
}
#content td,
#content th {
    vertical-align: top;
    text-align: left;
    padding: 5px 10px;
    background: #DEDEDE url(../img/bgs/border.gif) 2px 100% repeat-x;
}
#content table table td,
#content  table table th {
    background:  none;
}
#content caption {
    padding: 5px 10px;
    background: #00547A;
    color: #fff;
    font-weight: bold;
    text-align: left;
}
#content thead th {
    padding: 10px 10px 2px 10px;
    color: #000;
    background: #DEDEDE url(../img/bgs/border.gif) 2px 100% repeat-x;
}
#content tr.odd th,
#content tr.odd td {
    background: #fff;
}

/* alternative table */
#content table.mod tr {
    background: transparent;
    border-bottom: none;
}
#content table.mod thead th {
    padding: 10px 10px 4px 0;
    color: #000;
    background: transparent url(../img/bgs/border.gif) 2px 100% repeat-x;
}
#content table.mod td {
    padding: 10px 10px 10px 0;
    background: url(../img/bgs/border.gif) 2px 100% repeat-x;
}
#content table .date {
	width: 10em;
}

/* ANCHOR NAVIGATION */
#wrapper #main ul.toc {
    margin: 0 0 20px 0;
    list-style: none;
}
#main ul.toc li {
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../img/bgs/border.gif) 2px 100% repeat-x;
}
#main ul.var li { /* toc without border */
	background: #fff;
}
#main ul.toc li a {
    display: block;
    margin: 5px 0;
    padding: 1px 0 5px 19px;
	height: 1%; /* IE - hasLayout */
    background: url(../img/icons/bottom.gif) 0 1px no-repeat;
}
/* PAGING */
.paging {
    clear: both;
    position: relative;
    margin: 0 0 30px 0;
    padding: 0 0 5px 0;
    border-top: 3px solid #E60042;
    background: #EAEAEA;
    width: 100%;
    height: auto;
}
/* 1-10 , 11-20 etc */
#main .paging p.nav-index {
    width: auto;
    margin: 0 auto;
    padding: 4px 12em .2em 12em;
    text-align: center;
}
#main .paging a { /* die Links */
    padding: 0 5px;
    margin-bottom: 3px;
    text-decoration: none;
    font-weight: bold;
}
#main .paging a:hover { /* die Links */
    text-decoration: underline;
}
#main .paging strong {
    padding: 0 5px;
}
.back,
.forward {
    position: absolute;
    top: 5px;
    width: 100px;
}
.back {
    left: 5px;
    text-align: left;
}
.forward {
    right: 0;
    text-align: right;

}
#main p.back {
    position: static;
    clear: both;
    width: auto;
    margin-left: 0;
}
#main p.back a,
#main div.back a {
    display: inline;
    padding: 0 0 0 20px;
    background: url(../img/icons/back.gif) 0 0 no-repeat;
    font-weight: bold;
}
#main .forward a  {
    display: block;
    margin-right: 4px;
    padding: 0 20px 0 0;
    background: url(../img/icons/link.gif) 100% 0 no-repeat;
    font-weight: bold;
}

/* FORMS */
form {
    margin: 0;
    padding: 0;
    clear: both;
}
#main form h2 {
    margin: 20px 0 5px 0;
    font-size: 120%
}
#main form h3 {
    padding: 0;
    margin-top: 20px;
    font-size: 110%
}
form input.button {
    margin: 0 0 0 -3px;
    width: auto;
    border: 1px solid  #125975;
    padding: 0 8px 2px 8px;
    background: #0d5979 url(../img/bgs/button.jpg) 0 -2px repeat-x;
    color: #fff;
    vertical-align: bottom;
    font-weight: bold;
    overflow: visible; /* IE - padding-bug */
}
fieldset {
    border-top: 3px solid #E60042;
    position: relative;
    display: block; /* for ie */
    margin: 0 0 0 0;
    padding: 0; /* for ie */
    background: #f0f0f0;
}
fieldset fieldset,
fieldset fieldset fieldset {
   border-top: none;
}
html>body fieldset { /* mose */
    padding: 0;
}
fieldset.small {
    width: 450px;
}
legend { /* ausgeblendet */
    padding: 0;
    display: block;
    position: absolute;
    overflow: hidden;
    left: -2000px;
    width: 1px;
    height: 1px;
    text-indent: -2000px;
}
p.pflichtfeld { /* ausgelagerter Text */
    position: absolute;
    top: 15px;
    right: 0;
    margin: 0;
    padding: 0;
    width: 120px;
}
/* zeilen alle formfelder ausser radio und checkboxen */
.form-row {
    padding: 10px 0 10px 10px;
    margin: 0;
    clear: left; /* so kann das label mehrere zeilen haben */
    overflow: hidden; /* spannt p auf */
    border-bottom: 1px solid #ccc;
    height: 1%;
}
.form-row .first  {
    margin-bottom: 10px;
}
.form-row ul.elemlist li {
    background-image: none;
    padding: 0 0 5px 0;
}
 .form-label {
    float: left;
    width: 25%;
    min-height: 10px;
    height: 10px;
}
body #main fieldset .form-label {
    height: auto;
}
.form-label label,
.form-label .aslabel {
    padding-right: 5px;
    margin: 0;
}
.form-elem {
    float: left;
    width: 73%;
}
.form-elem input.mod {
    float: none;
    margin-bottom: 5px;
}
.form-elem ul {
    margin-top: 0;
}
.form-elem li {
    width: 40%;
    float: left;
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
    background-image: none;
}
#main .form-elem ul.row {
    height: 1%;
}
#main .form-elem ul.row li { /* einzeilige radiobuttons oder checkboxen */
    width: 90%;
    float: none;
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
    background-image: none;
}
#main .form-elem ul.row li em {
    display:block;
    font-size:90%;
    font-style:normal;
}
#main .form-elem ul.row li em {   /* for IE 6.0 */
    float: left;
    margin-left: 4px;
}
html>body #main .form-elem ul.row li em {    /* for IE 7.0 */
    float: left;
    margin-left: 0;
}
html>/**/body  #main .form-elem ul.row li em { /*for all  modern browsers  */
    float: none;
    margin-left: 21px;
}



#main  .form-elem ul.row ul { /* einzeilige radiobuttons oder checkboxen */
    margin-left: 20px;
    margin-top: 10px;
}
#main .form-elem li.break {
    border: 0;
    clear: both;
}
#main .form-elem li span {
    display: block;
    margin-bottom: 5px;
    height: 1%;
}
#main .form-elem li span input.xxsmall {
    width: 50%;
}
#main .form-elem span a.intern {
    display: block;
    margin-top: 10px;
    padding-top: 0;
}
#main  .form-elem span {
    display: block;
    margin-right: 10px;
}
/* Tabelle in Formularen */
#wrapper #content form table {
    width: 97% ;
}
#wrapper #content form table tr,
#wrapper #content form table td,
#wrapper #content form table th {
    border: none;
    background: none;
}
form table th.small {
    width: 20%;
}
form table th {
    width: 29%;
}
#wrapper #content form table select {
    width: 100%;
}
 #wrapper #content form table input{
    width: 95%;
}
form .button-wrapper {
    margin: 10px 0 10px 0;
    clear: both;
    height: 1%;
}
label.zweiteslabel {
    display: inline;
    width: 20%;
    margin-right: 5px;
    float: left;
}
#main .form-elem span.aslabelsmall {
    display: inline;
    width: 2%;
    margin-right: 0;
    float: left;
}
label.threelabel {
    display: inline;
    width: 25px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

/* input text-felder */
input,
textarea {
    float: left;
    margin: 0 1.3% 0 0;
    padding: 2px 2px;
    width: 94.9%;
    border: 1px solid #ccc;
    font-family: arial, geneva, helvetica, verdana, sans-serif;
    font-size: 100%;
    color: #333;
}
input:focus,
textarea:focus {
    border: 1px solid #555;
}
textarea {
    font-size: 100%;
    margin-bottom: 20px;
}
input.checkbox {
    width: auto;
}
input.small {
    width: 72%;
}
input.small-var {
    width: 70%;
}
input.xsmall {
    width: 50%;
}
input.xxsmall {
    width: 20%; /* vier zeichen */
}
input.xsxsmall {
    width: 30%; /* vier zeichen */
}
select.small {
    width: 20%;
}
select.xsmall {
    width: 16%;
}
select.medium  {
    width: 40%;
}
/* nicht editierbare input-felder */
input.readonly {
    border: 1px solid #ccc;
    background: #F2F0F0;
    color: #555;
}

.required {
    font-size: 100%;
    clear: both;
}

/* pulldowns */
select {
    float: left;
    width: auto;
    margin: 0 5px 0 0;
}
#main select.big {
    width: 96%;
}
option {
    padding: 0 4px 0 2px;
    border-bottom: 1px solid #ccc;
}
/* check und radio 2-spaltig */


input.checkbox,
input.radio {
    width: auto;
    border: none;
}
html>body input.checkbox,
html>body input.radio {
    margin-right: 0.5em; /* mose */
}
input.right {
	float: right;
}
input.left {
	float: left;
    margin-left: 1px;
}

/* extra block mehrzeilig */
span.zusatz { /* ohne breite */
    border: 0;
    display: block;
}
span.standard {
    width: 10em;
}
span.small {
    width: 3em;
}

/* Fehlermeldung */
 h1.error {
    color: #E60042;
}
 ul.error li {
    list-style: none;
    background: none;
    padding: 0;
}
#main ul.error li a {
    color: #E60042;
}
 .error * {
    color: #E60042;
}
 .error input,
 .error select,
 .error textarea {
    border: 1px solid #E60042;
}
 .error input.checkbox {
    border: none;
}
 .error input:focus,
 .error input:active {
    border: 1px solid #E60042;
}

/* EXTRAS - Randspalte
------------------------------------------------------ */
.box {
   margin: 0 0 10px 10px;
   background: #fff;
   padding-bottom: 10px;
}
.box h3 {
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 10px 10px 7px 1px;
    color: #333;
    background: #f0f0f0;
    letter-spacing: -1px;
    font-size: 140%;
}
.box p {
    margin: 0 0 10px 0;
    padding: 0 10px 0 7px;
    height: 1%;
}
 .box p.more,
  .box p.download,
  .box p.extern {
    margin-top: -6px;
    padding-bottom: 2px;
    font-weight: bold;
}
.box p.more a {
    padding: 0 0 0 20px;
    background: url(../img/icons/link.gif) 0 0 no-repeat;
}
.box p.download a {
    padding: 0 0 0 20px;
    background: url(../img/icons/download.gif) 0 0 no-repeat;
}
.box p.extern a {
    padding: 0 0 0 20px;
    background: url(../img/icons/extern.gif) 0 0 no-repeat;
}
.box img {
    float: none;
    margin: 0 0 10px 5px;
}
.box select {
    display: block;
    width: 100%;
    margin-top: 10px;
}
.box input.button {
    float: right;
    margin: 10px 0 0 -3px;
    width: auto;
    border: 1px solid #125975;
    padding: 0 8px 0px 8px;
    background: #0d5979 url(../img/bgs/button.jpg) 0 -2px repeat-x;
    color: #fff;
    vertical-align: bottom;
    font-weight: normal;
    overflow: visible; /* IE - padding-bug */
}

/* lists */
.box dl {
    padding: 0 10px 10px 7px;
}
.box dt {
    float: left;
    padding-right: 5px;
}

#extras ul {
    clear: left;
    list-style: none;
}
.box ul {
    clear: left;
    list-style: none;
    padding: 5px 10px 0 7px;
}
.box li {
    margin-bottom: 0px;
    height: 1%; /* IE - haslayout */
}
#extras li {
    line-height: 1.4em;
    margin-bottom: 10px;
    height: 1%; /* IE - haslayout */
}
#extras li.break { /* divider */
    background: url(../img/bgs/border.gif) 0 0 repeat-x;
    padding-top: 10px;
    margin-top: 10px;
}
#extras li.more { /* more link */
    background: url(../img/bgs/border.gif) 0 0 repeat-x;
    padding-top: 10px;
    margin-top: 10px;
}
.box li a {
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
    background: url(../img/icons/link.gif) 0 0 no-repeat;
    font-size: 100%;
    font-weight: bold;
    display: block;
}
.box ul li em {
    font-style: normal;
    color: #333;
    font-weight: normal;
}
.box ul li a:hover em {
    color: #E60042;
}
.box ul.downloads li a {
    margin: 0;
    padding: 0 0 0 20px;
    background: url(../img/icons/download.gif) 0 0 no-repeat;
    font-size: 100%;
    font-weight: bold;
    display: block;
}
.box .intern {
    display: block;
}
#extras .long {
    height: 90px;
    overflow: auto;
}

/* felix lucke 2007/12/17 events - training - listbox */
#extras .longvar {
    height: 400px;
    overflow: auto;
	margin-bottom: 10px;
}

/* FUSS - FOOTER
------------------------------------------------------ */

#footer {
    clear: both;
    font-size: 100%;
    background: #44677f url(../img/bgs/sag_ids_footer_bkgrnd.png) repeat-x 0 0;
}
#footer ul {
    margin: 0 0 0 20px;
    padding: 5px;
    list-style: none;
}
#footer li {
    display: inline;
    margin: 0;
    padding: 0;
}
#footer li a {
    margin: 0 20px 0 0;
	color: #fff;
    text-transform: uppercase;
    background: transparent;
    display: inline;
}

/* DETAIL-PAGE
------------------------------------------ */
.dp #main h2 {
    clear: both;
    margin: 25px 0 10px 0;
    padding-top: 10px;
    font-size: 140%;
	font-weight: bold;
    background: url(../img/bgs/border.gif) 0 0 repeat-x;
}
.dp #main h2.first {
    clear: both;
    margin: 0 0 10px 0;
    padding-top: 0px;
    font-size: 140%;
	font-weight: bold;
    background: none;
}
.dp #main table,
.dp #main address,
.dp #main ol {
    clear: both;
}
.dp #main h3 {
    clear: both;
    margin: 15px 0 10px 0;
    padding-top: 5px;
}
.dp #main .teaser h2 {
    clear: none;
    font-size: 150%;
}
.dp #main .back {
    position: static;
    width: auto;
    margin-left: 0;
}
.dp #main ul {
    clear: both;
    line-height: 1.4em;
    margin: 0px 0pt 0px 10px;
    position: relative;
}
.dp #main ul li {
    line-height: 1.4em;
    margin-bottom: 5px;
}
.dp #main ul li ul {
    margin-top: 5px;
}

/* SEARCHRESULT
------------------------------------------------------ */

#searchresult .searchlink {
    height: 1%;
    clear: both;
}
#searchresult .searchlink a {
    display: block;
    padding: 1px 0 5px 19px;
    background: url(../img/icons/bottom.gif) 0 2px no-repeat;
}
#searchresult .teaser {
    margin: 0 0 2em 0;
}
#searchresult .teaser p {
    margin-top: 0;
    margin-bottom: .2em;
}
#searchresult .teaser p em.section {
    margin-top: 5px;
    display: block;
    font-style: normal;
}
#searchresult .teaser h2 {
    margin-bottom: 0;
    line-height: 1em;
}
#searchresult .teaser h2 a {
    display: block;
    margin: 0 0 3px 0;
    padding: 0 0 0 20px;
    background: url(../img/icons/link.gif) 0 1px no-repeat
}
#searchresult .teaser h2 a.download {
    display: block;
    margin: 0 0 .6em 0;
     padding: 0 0 0 20px;
    background: url(../img/icons/download.gif) 0 0 no-repeat;
}
#searchresult .teaser p a.extern {
    display: block;
    margin: 0 0 .6em 0;
    padding: 0 0 0 20px;
    background: url(../img/icons/extern.gif) 0 0 no-repeat;
}

dl#your-search {
    margin: 1.5em 0 2em 0;
}
dl#your-search dt {
    float: left;
    margin-right: .5em;
    font-weight: bold;
}
#searchresult .contact-teaser {
	background: none;
}


/* GALLERY
----------------------------------- */
#gallery #main .paging {
    margin: 1em 0 2em 0;
}
#gallery #main ul.gallery-index {
    clear: both;
    padding: 0 10px 0 0;
    margin: 0;
    height: 1%;
}
#gallery #main ul.gallery-index li {
    background-image: none;
    float: left;
    padding: 0;
    margin: 0 0 10px 0;
}
#gallery #main ul.gallery-index li {
    padding: 0;
    margin: 0 0 10px 18px;
}
#gallery #main ul.gallery-index li div {
    height: 120px;
    width: 120px;
    border: 1px solid #CCC;
}
#gallery #main ul.gallery-index li div a {
    margin: 0;
    padding: 0;
}
#gallery #main ul.gallery-index li div img {
    float: none;
    height: 120px;
    width: 120px;
}
#gallery #main ul.gallery-index li div img.pt {
    margin-left: 20px;
    height: 120px;
    width: 80px;
}
#gallery #main ul.gallery-index li div img.lc {
    margin-top: 20px;
    height: 80px;
    width: 120px;
}
#gallery #main ul.gallery-index li p a { /* image zoom */
    display: block;
    margin: 0;
    padding: 0 0 0 16px;
    background: url(../img/icons/zoom.gif) 0 2px no-repeat;
    color: #D3010B;
    text-decoration: none;
}
#gallery #main ul.gallery-index li p a:visited {
    color: #980202;
}
#gallery #main ul.gallery-index li p a:hover {
    text-decoration: underline;
}
#gallery #main ul.gallery-index li p a:active,
#gallery #main ul.gallery-index li p a:focus {
    text-decoration: underline;
}
/* SITEMAP
---------------------------  */
#sitemap #main ul {
    margin: 0;
	 padding: 0;
    font-weight: normal;
}
#sitemap #main li {
    margin-top: 30px;
    background: none;
    padding: 0;
    font-weight: bold;
}
#sitemap #main ul li li  {
    margin: 0 0 0 20px;
    font-weight: normal;
}
#sitemap #main ul li li li  {
    margin: 0 0 0 20px;
}
#sitemap #main li span {
    display: block;
    background: url(../img/icons/link.gif) 0 0 no-repeat;
}
#sitemap #main li a {
    padding: 0 0 10px 20px;
    margin: 10px 0 0 0;
    background: url(../img/bgs/border.gif) 0 100% repeat-x;
	 height: 1%;
}

/* GLOSSARY
----------------------------------- */

.glossary ul:after {
    content: " ";
    display: block;
    clear: both;
}

.glossary {
   float: left;
   margin: 0 0 10px 0;
}

div.glossary ul {
    float: left;
}

#main .glossary ul li {
	float: left;
	padding: 0;
	margin: 0;
}
#main .glossary li a,
#main .glossary span {
	display: block;
	margin: 0 1px 1px 0;
	border: 1px solid #ccc;
    padding: 2px 0;
    width: 2.57em;
	text-align: center;
    background: #fff;
}

#main .glossary li a:visited {
	color: #094E6B;
}

#main .glossary span {
    color: #555;
}

#main .glossary li a:hover,
#main .glossary li a:focus,
#main .glossary li a:active {
	background-color: #E60042;
	border-color: #E60042;
	color: #fff;
    text-decoration: none;
}

#main .glossarysection {
	border-bottom:3px solid #E60042;
	clear:both;
	font-size:140%;
	font-weight:bold;
	margin:30px 0;
	padding:4px;
	text-align:center;
}



/* POPUP
----------------------------------- */
body#popup,
body#popupgallery {
    background: #385c75;
}

/* logo */
#popup #branding #logo,
#popupgallery #branding #logo {
    position: absolute;
    top: 0;
    left: 20px;
    margin: 0;
    /* border-bottom: 12px solid #fff; */
    padding: 0;
}
#logo img {
    float: left;
}
#popup #branding,
#popupgallery #branding {
    position: relative;
	margin: 0;
    border-bottom: 5px solid #E60042;
    width: 100%;
    background: #fff url(../img/bgs/sag_ids_wave_popup_bkgrnd.png) no-repeat 0 0;
	height: 62px;
}
#popup h1,
#popupgallery h1 {
    margin-top: 15px;
}
#popup #content,
#popupgallery #content {
    background: none;
    margin: 20px;
    padding: 0;
    overflow: auto;
}
#popup #main,
#popupgallery #main {
    /* position: static; */
    position: relative;
    min-height: 100%;
    height: auto;
    padding: 0;
}
#popup #main-content,
#popupgallery #main-content {
    padding: 20px;
}
#popup #wrapper,
#popupgallery #wrapper {
    /* position: static; */
    background: #DEDEDE;
    width: auto;
    max-width: none;
    border: none;
    border-bottom: 20px solid #dedede;
    margin: 0;
    position: relative;
    height: 100%;
}
#popup #footer-visual,
#popupgallery #footer-visual {
    background: #44677f url(../img/bgs/sag_ids_footer_bkgrnd.png) repeat-x 0 0;
    margin-top: 0;
    height: 120px;
    width: 100%;
}
#popupgallery .paging {
    width: 100%;
}
#popupgallery ul#functions,
#popup ul#functions {
    position: static;
    width: 100%;
    text-align: right;
}
#popupgallery ul#functions li,
#popup ul#functions li {
    float: none !important;
    display: inline !important;
}
#popupgallery ul#functions li a,
#popup ul#functions li a {
    float: none;
    display: inline;
}
#popupgallery h1,
#popup h1 {
    clear: both;
}
#popupgallery ul#functions a,
#popup ul#functions a {
    text-decoration: underline;
}
#popupgallery ul#functions a#close-window,
#popup ul#functions a#close-window {
    padding: 0 0 0 20px;
    background: url(../img/icons/close.gif) 0 0 no-repeat;
}
#popupgallery ul#functions li,
#popup ul#functions li {
    margin-left: 10px;
    list-style: none;
    background-image: none;
    float: left;
}
#popupgallery #content dl.photo  {
    width: 420px;
}
#popupgallery #content dl.photo img {
    margin-bottom: 5px;
}
#popupgallery #content dl.photo strong {
    display: block;
    font-weight: bold;
}
#popupgallery #content dl.big {
    width: 690px;
    overflow: visible;
}
#popupgallery #content .paging {
    clear: both;
    margin: 40px 0 30px 0;
}
#popupgallery #content .last {
    clear: both;
    margin: 30px 0 30px 0;
}
#popupgallery #content .photo {
    width: 420px;
    overflow: hidden;
    float: none;
    display: block;
    clear: both;
}
#popupgallery #content dl.portrait {
    width: 315px;
    overflow: hidden;
    float: none;
    display: block;
    clear: both;
}
#popupgallery #content dl.portrait img {

}
#content .close {
    height: 1%;
    clear: both;
    padding: 10px 0 10px 0;
}
#content .close a {
    float: right;
}

/* LIST-PAGE
------------------------------------ */

.lp #main .teaser {
    padding-top: 10px;
    background: url(../img/bgs/border.gif) 0 0 repeat-x;
}

.lp #main h2 {
    clear: both;
    margin: 20px 0 10px 0;
    padding-top: 10px;
    font-size: 140%;
	font-weight: bold;
    background: url(../img/bgs/border.gif) 0 0 repeat-x;
}
.lp #main h2.first {
    background: none;
    margin-top: 0;
    padding-top: 0;
}
.lp #main .teaser h2 {
    clear: none;
    margin: 0;
    padding: 0;
    font-size: 130%;
	line-height: 1.3em;
    background: none;
}
.lp #main ul.mod {
        margin: 10px 0 20px 0;
}
.lp #main .teaser ul {
    margin-left: 0;
}
.lp #main ul li {
    line-height: 1.4em;
    margin-bottom: 5px;
}
.lp #main ul li ul {
    margin-top: 5px;
}

/* OVERVIEW-PAGE
------------------------------------ */
.op #main .teaser {
    height: 1%;
    padding-top: 10px;
    background: url(../img/bgs/border.gif) repeat-x 0 0;
}
.op #main .first {
    padding-top: 0px;
    margin-bottom: 10px;
    background: none;
}
.op .section {
    margin: 40px 0 10px 0;
    border-top:3px solid #E60042;
    background: #F0F0F0;
    font-size: 180%;
    font-weight: bold;
	clear: both;
}
.op .country form img {
    width: 535px;
}
.op .country form select {
    margin-right: 10px;
}
.op #main table,
.op #main address,
.op #main ol
.op #main h3,
.op #main h2 {
    clear: both;
}
.op #main .teaser h2,
.op #main .teaser h3 {
    clear: none;
}

/* AGENDA-STYLES
------------------------------------ */

#agenda {
	margin: 20px 0px 20px 0px;
}

#agenda div.agnd_slot_simple,
#agenda div.agnd_slot_complex {
	background: #CCDDE4;
	margin-bottom: 5px;
	overflow: hidden;
	min-width: 556px;
	width: 556px;
	font-family: arial, geneva, helvetica, verdana, sans-serif;
	line-height:100%;
}

#agenda div.agnd_slot_simple:after,
#agenda div.agnd_slot_complex:after,
#agenda div.agnd_slot_simple dl.slot:after {
    content: " ";
    display: block;
    clear: both;
}

#agenda div.agnd_slot_simple dl.slot {
	padding: 2px;
}

#agenda div.agnd_slot_simple dl.slot dt.time {
	width: 100px;
	float: left;
	font-size: 9px;
	font-weight: normal;
	line-height: 120%;
	color:#00547A;
	padding: 2px 2px 2px 4px;

}

#agenda div.agnd_slot_simple dl.slot dd dl {
	display: block;
	margin-left: 105px;
	margin-right: 0px;
}

#agenda div.agnd_slot_simple dl.slot dd dl dt {
	margin: 0px;
	padding: 0px;
}

#agenda div.agnd_slot_simple dl.slot dd dl dt span {
	margin: 0px;
	padding: 2px;
	display: block;
	background:#00547A;
}

#agenda div.agnd_slot_simple dl.slot dd dl dt span.headline {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 0.05em;
	color:#FFFFFF;
	display: block;
}

#agenda div.agnd_slot_simple dl.slot dd dl dt span.subheadline {
	font-size: 10px;
	font-weight: normal;
	line-height: 115%;
	color:#ffffff;
	display: block;
}

#agenda div.agnd_slot_simple dl.slot dd dl dd {
	background: #ffffff;
	margin: 0px;
	padding: 2px;
	display: block;
	font-size: 9px;
	font-weight: normal;
	line-height: 115%;
	color: #000000;
}

#agenda div.agnd_slot_simple dl.slot dd dl dd span.headline {
	font-weight: bold;
	display: block;
	font-size: 10px;
	line-height: 115%;
	margin-bottom: 2px;
}

#agenda div.agnd_slot_simple dl.slot dd dl dd img.agnd_img {
	margin-left: 5px;
	float: right;
}

#agenda div.agnd_slot_complex div.col_times {
	float: left;
	width: 100px;
	padding: 2px 2px 2px 4px;
}

#agenda div.agnd_slot_complex div.col_times dl.time {
	font-size: 9px;
	font-weight: normal;
	line-height: 120%;
	color:#00547A;
}

#agenda div.agnd_slot_complex div.col_contfirst {
	float: left;
	margin-top: 2px;
	background: #ffffff;
}

#agenda div.agnd_slot_complex div.col_cont {
	margin-left: 5px;
	float: left;
	margin-top: 2px;
	background: #ffffff;
}

#agenda div.agnd_slot_complex div.col_contfirst dl dt,
#agenda div.agnd_slot_complex div.col_cont dl dt {
	margin: 0px;
	display: block;
	background:#00547A;
	color:#ffffff;
	padding: 2px;
}

#agenda div.agnd_slot_complex div.col_contfirst dl dt span.headline,
#agenda div.agnd_slot_complex div.col_cont dl dt span.headline {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 0.05em;
	color:#ffffff;
	display: block;
}

#agenda div.agnd_slot_complex div.col_contfirst dl dt span.subheadline,
#agenda div.agnd_slot_complex div.col_cont dl dt span.subheadline {
	font-size: 10px;
	font-weight: normal;
	line-height: 115%;
	color:#ffffff;
	display: block;
}

#agenda div.agnd_slot_complex div.col_contfirst dl dd,
#agenda div.agnd_slot_complex div.col_cont dl dd {
	background: #ffffff;
	margin: 0px 0px 8px 0px;
	padding: 2px;
	display: block;
	font-size: 9px;
	font-weight: normal;
	line-height: 115%;
	color: #000000;
	border-top: #CCDDE4 2px solid;
}

#agenda div.agnd_slot_complex div.col_contfirst dl dd.first,
#agenda div.agnd_slot_complex div.col_cont dl dd.first {
	border: none;
}

#agenda div.agnd_slot_complex div.col_contfirst dl dd span.headline,
#agenda div.agnd_slot_complex div.col_cont dl dd span.headline {
	font-weight: bold;
	display: block;
	font-size: 10px;
	line-height: 115%;
	margin-bottom: 2px;
}

#agenda div.agnd_slot_complex div.col_contfirst dl dd span.subheadline,
#agenda div.agnd_slot_complex div.col_cont dl dd span.subheadline {
	font-weight: bold;
	display: block;
	font-size: 10px;
	line-height: 110%;
	margin-bottom: 2px;
}

#agenda div.agnd_slot_complex div.col_contfirst dl dd span.category,
#agenda div.agnd_slot_complex div.col_cont dl dd span.category {
	font-weight: bold;
	display: block;
	font-size: 11px;
	line-height: 115%;

}

#agenda div.agnd_slot_complex div.col_contfirst dl dd div.separator,
#agenda div.agnd_slot_complex div.col_cont dl dd div.separator {
	display: block;
	clear: both;
	margin: 4px 0px 0px 0px;
	height: 4px;
	border-top: 1px solid #CCDDE4;
}

#agenda div.agnd_slot_complex div.col_contfirst dl dd img.agnd_img,
#agenda div.agnd_slot_complex div.col_cont dl dd img.agnd_img  {
	margin-left: 5px;
	margin-bottom: 2px;
	float: right;
}

#agenda div.agnd_slot_simple p,
#agenda div.agnd_slot_complex p {
	margin: 2px 0px 2px 0px;
	line-height: 130%;
}

#agenda div.agnd_slot_simple a.agnd_link,
#agenda div.agnd_slot_complex a.agnd_link {
	clear: both;
	display: block;
}

#mod_dcrt_status:after {
    content: " ";
    display: block;
    clear: both;
}

#mod_dcrt_status {
	margin-bottom: 10px;
}

#mod_dcrt_status span.cart_title {
	display: block;
	font-weight: bold;
	font-size: 110%;
	line-height: 110%;
	margin-bottom: 2px;
}

#mod_dcrt_status span.cart_docs {
	display: block;
	font-weight: normal;
	line-height: 110%;
	font-size: 100%;
	margin-bottom: 2px;
}

#main .dcrt {
    padding-left: 100px;
}

#main div .sepline {
	border-bottom: 1px dotted #000;
	padding-bottom: 15px;
	margin:0 0 20px !important;
}

#main div .sepspace {
	padding-bottom: 20px;
}

#content #main .dcrt img.small {
   width: 80px;
   margin: 0 10px 10px -100px;
}