@charset "iso-8859-1";
@import url(2_hauptmenue.css); /* importiere Styles fuer Hauptmenue */
@import url(3_servicemenue.css); /* importiere Styles fuer Servicemenue */
@import url(4_motivbilder.css); /* importiere Styles fuer Bildmotive */
@import url(5_contentformate.css); /* importiere Styles fuer Redakteurs-Bereich */
/* 
  main styles for IAI
  Basisformate fuer Template (ohne Redaktions-Bereich) 
  author: rgs | e-workers
  update-history: 
  start: 8 jun
  end:   
*/

* {
margin: 0;
padding: 0;
}
html {
height: 100.1%; /* to avoid 'jumping' pages */
}
body {
background-image: url(../images/main-bg2.gif);
background-repeat: no-repeat;
background-position: top right;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 70%;
line-height: 1.5;
background-color: #87b1db;
color: #000;
}

/* === LAYOUT CONTAINER === */
#wrapper {
position: relative;
width: 88em;
margin: 0 auto 1em auto;
}
#header {
position: relative;
height: 121px;
}
#headbar {
position: relative;
height: 98px;
}
#content {
margin-top: 5px;
background-color: #87b1db;
color: #000;
}
#servicemenue {
float: right;
width: 13.5em;
background-color: #87b1db;
color: #000;
}
#sidemenue {
float: left;
width: 24em;
}
#spiegel {
margin-right: 13.5em;
padding-bottom: 10px;
background-color: #d9edff;
color: #000;
}
#breadcrumb {
background-color: #87b1db;
color: #000;
}

#spiegel #reader {
position: relative;
margin: 0 2em 0 26em;
}

#footer {
clear: left;
padding-top: 40px;
}
#footer .topper {
position: relative;
text-align: right;
height: 20px;
}

.un {
  padding-right: 3px;
}


/* === HEADER-Stuff === */
#header #h-links {
position: relative;
float: left;
width: 24em;
height: 121px;
background-color: transparent;
color: #fff;
}
#header #h-links #k-menue {
position: absolute;
bottom: 20px;
left: 15px;
}
#header #h-links #k-menue ul {
background-color: #295586;
color: #fff;
}
#header #h-links #k-menue ul li {
display: inline;
}

#header #h-mitte {
position: relative;
float: left;
width: 50.45em;
height: 121px;
background-color: #295586;
color: #fff;
}
#header #h-mitte span {
position: relative;
background-image: url(../images/logo_left.gif);
background-repeat: no-repeat;
background-position: bottom right;
float: left;
width: 50.45em;
height: 121px;
}
#header #h-mitte p {
position: absolute;
bottom: 0px;
right: 0px;
width: 346px;
height: 85px;
overflow: hidden;
font-size: 150%;
font-weight: bold;
}
#header #h-rechts {
position: relative;
background-image: url(../images/logo_right.gif);
background-repeat: no-repeat;
background-position: bottom left;
float: left;
width: 13.5em;
height: 121px;
background-color: #295586;
color: #fff;
}

/* === HEADBAR-Stuff === */
#headbar #hb-links {
position: relative;
background-image: url(../images/barleft-bg.gif);
background-repeat: no-repeat;
background-position: 0 -15px;
float: left;
width: 24em;
height: 98px;
}
#headbar #hb-links h2#bereichheader {
position: absolute;
bottom: 10px;
right: 10px;
padding: 0;
font-size: 150%;
font-weight: normal;
text-align: right;
background-color: #295586;
color: #fff;
}
body #headbar #hb-mitte {
float: left;
width: 50.45em;
height: 98px;
background-color: #c19c65;
color: #000;
}
#headbar #hb-rechts {
float: left;
width: 13.5em;
height: 98px;
background-color: #295586;
color: #fff;
}

/* 
=== HAUPTMENUE linke Spalte ausgelagert! === 
  /css/2_hauptmenue.css
=== SERVICEMENUE rechte Spalte ausgelagert! ===
  /css/3_servicemenue.css
===  MOTIVBILDER der verschiedenen Bereiche (BODY-ID!) ausgelagert! ===
  /css/4_motivbilder.css
=== REDAKTEURS-BEREICH Formate ausgelagert! ===
  /css/5_contentformate.css
*/


/* === LINKS === */
a {
text-decoration: none;
}

/* VERSTECKTE SPRUNGMARKEN (im Seitenkopf)
   per TAB sichtbar machen (Fokus)
   'active' speziell fuer IE, der 'focus' nicht kennt */
#top a {
background-color: #295586;
color: #fff;
}
#top a:link.a-anfang, a:visited.a-anfang, 
#top a:link.h-menue, a:visited.h-menue,
#top a:link.s-menue, a:visited.s-menue {
display: block;
position: absolute;
top: -5000px;
left: 0;
}
#top a:focus.a-anfang, #top a:active.a-anfang,
#top a:focus.h-menue, #top a:active.h-menue,
#top a:focus.s-menue, #top a:active.s-menue {
display: block;
position: absolute;
top: 15px;
left: 20px;
background-color: #295586;
color: #fff;
}

/* Links fuer HOME, KONTAKT, IMPRESSUM */
#header #h-links #k-menue a {
background-color: #295586;
color: #fff;
border: 0 none;
}
#header #h-links #k-menue a:hover,
#header #h-links #k-menue a:focus,
#header #h-links #k-menue a:active {
border-bottom: 1px solid #fff;
}

/* Links im BREADCRUMB */
#breadcrumb a, a:visited {
background-color: #87b1db;
color: #00336c;
font-weight: normal;
}
#breadcrumb a:hover,
#breadcrumb a:focus,
#breadcrumb a:active {
background-color: #87b1db;
color: #000;
border-bottom: 1px solid #000;
}

/* SPRUNGMARKE zum Seitenanfang (im Footer) */
#footer .topper a {
position: absolute;
top: 0px;
right: 20px;
width: 18px;
height: 16px;
padding-right: 24px;
font-size: 90%;
background-image: url(../images/nav/pagetop_off.gif);
background-repeat: no-repeat;
background-position: top right;
border: 0 none;
background-color: #d9edff;
color: #295586;
}
#footer .topper a:hover,
#footer .topper a:focus,
#footer .topper a:active {
background-image: url(../images/nav/pagetop_over.gif);
}


/* === FORMATE allgemein === */
#top ul,
#top ul li {
list-style: none;
display: inline;
}

#breadcrumb p {
font-size: 90%;
margin-left: 28.5em;
padding: 3px 0px 4px 0px;
}

#footer p.copyright {
float: left;
width: auto;
margin: 0px 0px 0px 29em;
font-size: 90%;
background-color: #d9edff;
color: #57667b;
}

/* === SONSTIGES === */
img {
border: 0 none;
}
.hidden,
hr,
#printonly,
.logo-print {
position: absolute;
margin-left: -5000px;
}

/* === TYPO3 === */
table.typo3-editPanel {
clear: both;
margin-top: 10px;
border: none; background-color:
#fff;
width: auto;}
#reader table.typo3-editPanel TD{
margin: 0;
padding: 2px 10px;
}

table.typo3-editPanel TD.typo3-editPanel-controls {
margin: 0;
padding:0;
border: 1px solid #ccc;
background-color: #DADADA;
}


table.typo3-editPanel td.typo3-editPanel-label {
margin: 0;
padding: 0;
background-color: #DADADA;
border: 1px solid #ccc;
}
#reader table.typo3-editPanel img,
#sidemenue table.typo3-editPanel img,
#reader table.typo3-editPanel a,
#sidemenue table.typo3-editPanel a{
border: 0px solid #ccc;
padding-top: 3px;
background-color: #DADADA;
}
#reader table.typo3-editPanel a:hover,
#sidemenue table.typo3-editPanel a:hover{
background-color: #DADADA;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 10px;
    margin-top: 12px;
}
div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 10px;
    margin-top: 12px;
}

#reader h2.sonder {
    background-image: url("../images/dots_content.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
    font-size: 150%;
    padding: 20px 0 10px;
}

#sammlung #spiegel {
  background-color: #fff;
}
#sammlung #spiegel h2 {
  background-color: #fff;
}


#sammlung #spiegel #reader a {
    background-color: #fff;
    border-bottom: 1px solid #0F4F98;
    color: #0F4F98;
}

#sammlung #footer .topper a {
background-color: #fff;
}

#sammlung #footer p.copyright {
    background-color: #fff;
}


.tx-srfreecap-pi1-cant-read {
    margin: 16px 12px 0 auto;
    position: relative;
    text-align: right;
    display: block;
    font-size: 9px;
    top: 3px;
}

.tx-srfreecap-pi1-image {
    float: right;
}

#freecapfield {
    width: 70px;
}