* {
   margin:0;
   padding:0;
}

html {
   width:100%;
   height:100%;
}

body {
   font:normal .69em arial, sans-serif;
   line-height:150%;
   background:white;
   color:#444;
   width:1003px;
   width:950px;
   margin:0 auto;	
   padding-bottom:5em;
}

body.folge {
   background-repeat:no-repeat;
   background-position:0px 45px;
}

body.startseite {
   background-image:none;
}

a {
   color:#0283c6;
   font-weight:bold;
   text-decoration:none;
}

a:hover {
   color:#d2076a;
   text-decoration:underline;	
}
a:focus {
   outline:none;
}
a img {
   border:none;
}

h1 a {
   float:right;
   text-indent:-9999px;
   height:44px;
   width:88px;
   display:block;
   background:black url('../_medien/img/logo_inpro.gif') top right no-repeat;
}

h2 {
   font-size:1.9em;
   color:white;
   height:2em;
   width:507px;
   line-height:1.05em;
   margin-top:-4.2em;
   position:absolute;
}

h2 span {
   position:absolute;
   left:0px;
   bottom:0px;
}

h3 {
   clear:both;
   font-size:1em;
   padding:.8em 0;
}

h4 {
   font-size:1em;
   padding-bottom:.8em;
}

p {
   padding-bottom:.8em;
}

address {
   font-style:normal;
}

ul {
   list-style-type:none;
}

fieldset {
   border:none;
}

div.container {
   background:white url('../_medien/img/dotted_hv.gif') 490px repeat-y;
   overflow:hidden;
   margin-top:135px;
   font-size: 1.1em;
line-height:150%;
}

div.container:after {
   clear:both; 
   visibility:hidden; 
   display:block; 
   font-size:0; 
   height:0; 
   overflow:hidden; 
   content:".";
}

/**
 * Service Navigation
 */
#kopf {
   height:70px;
   padding-top:10px;
   overflow:hidden;
}

#kopf form,
#kopf ul {
   float:left;
}

#kopf ul li {
   float:left;
   margin-right:.6em;	
}

#kopf ul li a {
   font-weight:normal;
}

#kopf form input {
   font-size:.91em;
   border:1px solid #aaa;
   color:#aaa;
   width:185px;
   padding:.1em;
   padding-left:5px;
   margin-top:2px;
   float:left;
}

#kopf form input.btn {
   width:20px;
   height:20px;
   border:none;
   color:#06a7e1;
   padding:0px;
   font:normal 1em arial, sans-serif;
   text-indent:-9999px;
   background:white url('/_medien/img/btn_search_default.gif') top left no-repeat;
   margin-left:8px;
   border:none;
}
#kopf form input.btn:hover {
   background-image:url('/_medien/img/btn_search_active.gif');
}

#kopf form {
   display:inline;
   margin-right:55px;
}

#languages li a {
   display:block;
   width:20px;
   height:19px;
   padding-top:1px;
   text-align:center;
   background:white url('../_medien/img/btn_lang_default.gif') top left no-repeat;
}

#languages li a:hover,
#languages li a.current {
   color:white;
   background:#06a7e1 url('../_medien/img/btn_lang_active.gif') top left no-repeat;
}

#sitemap {
   margin-left:12px;
   line-height:20px;	
}

#sitemap a {
   color:#aaa;
   text-transform:uppercase;	
}

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

/**
 * Navigation
 */
ul#navigation {
   padding-bottom:3.5em;
}

ul#navigation li {
   width:15em;
   margin-bottom:.25em;
   text-transform:uppercase;
}
ul#navigation li.last {
   margin:0;
}

ul#navigation li a {
   display:block;
   width:100%;
   padding:.35em 2em .35em .7em;
   color:white;
   line-height:125%;
   background:#033f69 url('../_medien/img/navi/n_1_idle.jpg') top left repeat-y;
}

ul#navigation li a:hover {
   background:#7ea1b6 url('../_medien/img/navi/n_1_hover.jpg') top left repeat-y;
}

ul#navigation li a.current {
   background:#7ea1b6 url('../_medien/img/navi/n_1_active.jpg') top left repeat-y !important;
   text-decoration:none !important; 
}

/* zweite Ebene */
ul#navigation li ul {
   padding-top:.3em; 
}

ul#navigation li ul li {
   text-transform:none;
}

ul#navigation li ul li a {
   font-weight:normal;
   color:#003e6d;
   background:#afc9d4 url('../_medien/img/navi/n_2_idle.jpg') top left repeat-y;
}

ul#navigation li ul li a:hover {
   background:#37698a url('../_medien/img/navi/n_2_hover.jpg') top left repeat-y;
}

ul#navigation li ul li a.current {
   color:#d2076a !important;
   text-decoration:none !important;	
   font-weight:bold;
   background:#37698a url('../_medien/img/navi/n_2_active.jpg') top left repeat-y !important;
}

ul#navigation li ul li a.children {
   background:#37698a url('../_medien/img/navi/n_2_active_children.jpg') top left repeat-y !important;
}

/* dritte Ebene */
ul#navigation li ul li ul {
   padding-top:0;
}

ul#navigation li ul li ul li {
   width:13.9em;
   margin-bottom:0;
}

ul#navigation li ul li ul li a {
   padding:3px 2em .15em 1.8em;
   background:#37698a url('../_medien/img/navi/n_3_idle.jpg') top left repeat-y;
}

ul#navigation li ul li ul li a:hover {
   background: #37698a url('../_medien/img/navi/n_3_hover.jpg') top left repeat-y;
}

ul#navigation li ul li ul li a.current {
   font-weight: normal;
   background: #37698a url('../_medien/img/navi/n_3_active.jpg') top left repeat-y !important;
}

ul#navigation li ul li ul li.last a {
   padding-bottom:.59em;
}

/**
 * Navigationsspalte
 */
#cleft {
   width:224px;
   margin-right:28px;
   float:left;
}

p.bu {
   background:#e4eaed;
   width:224px;
   font-size:.91em;
   line-height:110%;
   padding:0;
}

p.bu span {
   display:block;
   padding:6px 8px 8px 8px;
}

/**
 * Marginalspalte
 */
#cright {
   float:right;
   width:190px;
   line-height:135%;
   font-size:0.94em;
}

#cright h3 {
   font-size:1.05em;
   padding-top:0px;
}

div.referenzen img {
   float:left;
   margin-right:10px;
   margin-bottom:1em;
}

div.referenzen h4 {
   padding:0px;
   line-height:1em;
}

div.referenzen p {
   margin-left:60px;
}

div.hr hr {
   display:none;
}

div.hr {
   clear:both;
   margin:1.6em 0;
   height:1px;
   width:100%;
   background:white url('../_medien/img/dotted_hv.gif') top repeat-x;
}

/**
 * Inhaltspalte (+ weitere Klassen)
 */
#inhalt {
   float:left;
   width:474px;
   padding-left:.1em;
   overflow:hidden;
   font-size:100%;
}

#inhalt ul {
   padding-bottom:.5em;
}
 
#inhalt ul li ul {
   padding-bottom:0;
}
 
#inhalt ul li {
   padding-left:10px;
   background:transparent url('../_medien/img/pfeil_grau.gif') left .45em no-repeat;
}
 
p.intro {
   font-size:1.05em;
   font-weight:bold;
}

div.teaser {
   margin-top:.8em;
   background:#e4eaed;
   padding:8px;
   border:1px solid white; /* IE BUG */
   border-left:8px solid #06a7e1;
}

div.teaser h3 {
   padding-top:0px;
}

div.teaser p {
   font-size:.91em;
   line-height:130%;
}

div.liste {
   margin-bottom:-5px;
}

div.liste:after {
   clear:both; 
   visibility:hidden; 
   display:block; 
   font-size:0; 
   height:0; 
   overflow:hidden; 
   content:".";
}

div.liste img {
   float:left;
   margin-right:1.2em;
   margin-bottom:0;
}

div.rechts img {
   float:right;
   margin-left:1.2em;
}

#inhalt ul.bildliste {
   list-style-type:none;
   margin:0 0 1.2em 0;
   padding:0;
   overflow:hidden;
}

#inhalt ul.bildliste li {
   background:none;
   padding-left:0;
   overflow:hidden;	
}

#inhalt ul.qresult li h3 {
   padding:0;
}

#inhalt ul.left {
   float:left;
   padding-right:1.2em;
}

#inhalt ul.right {
   float:right;
   padding-left:1.2em;
}

ul.links li {
   background:none !important;
   padding-left:0 !important;
}

ul.links a {
   padding-left:12px;
   background:transparent url('../_medien/img/link_pfeil.gif') left .25em no-repeat;
}

ul#sitemaplist li {
   text-transform:uppercase;
   margin-top:1em;
}

ul#sitemaplist li li {
   text-transform:none;
   margin-top:0em;	
   padding-left:1em !important;
}

ul#druckversion a {
   padding-left:22px;
   line-height:20px;
   display:block;
   background:transparent url('../_medien/img/drucker.gif') left center no-repeat;
}

ul#fontchange {
   margin-top:.1em;
}

ul#fontchange li {
   float:left;
   margin-right:.3em;
}

ul#fontchange li a {
   display:block;
   width:11px;
   height:11px;
   line-height:11px;
   text-indent:-9999em;
   background-color:white;
   background-position:left top;
   background-repeat:no-repeat;
}

ul#fontchange li a#sklein {
   background-image:url('../_medien/img/schrift_klein.gif');
}

ul#fontchange li a#sklein:hover {
   background-image:url('../_medien/img/schrift_klein2.gif');
}

ul#fontchange li a#sgleich {
   background-image:url('../_medien/img/schrift_default.gif');
}

ul#fontchange li a#sgleich:hover {
   background-image:url('../_medien/img/schrift_default2.gif');
}

ul#fontchange li a#sgross {
   background-image:url('../_medien/img/schrift_gross.gif');
}

ul#fontchange li a#sgross:hover {
   background-image:url('../_medien/img/schrift_gross2.gif');
}

/**
 * Für die Teaser
 */
#startteaser {
   overflow:hidden;
   margin-top:29px;
   width:950px;
   height:420px;
   z-index:50;
}

body.startseite h1 {
   position:absolute;
   right:0px;
   top:15px;
   width:88px;
   height:44px;
   z-index:1000;
}

body.startseite h2 {
   position:relative;
   margin-top:0;
   line-height:1em;
   width:auto;
   height:auto;
   color:#444;
   padding-bottom:1em;
}
 
body.startseite #teaser {
   position:absolute;
   top:85px;
   left:280px;
   width:375px;
} 

body.startseite #teaser h2 {
   font-size:2em;
   color:#b40065;
   padding-bottom:.2em;
   width:300px;
   margin-left:75px;
   margin-top:30px;
}

body.startseite #teaser p {
   font-size:1.09em;
   color:#355b90;
   font-weight:bold;
   display:block;
   width:300px;
   margin-left:75px;
} 
 
#teasera,
#teaserb,
#teaserc {
   display:block;
   height:30px;
   width:30px;
   background:transparent;
   z-index:99;
   cursor:pointer;
}

body.startseite #teaser a {
   text-indent:-9999em;
   position:relative;
}

#teasera {
   left:0px;
   top:15px;
}

#teaserb {
   left:140px;
   top:-40px;
}

#teaserc {
   left:60px;
   top:-50px;
}

body.startseite #kopf {
   height:450px;
   position:relative;
}

body.startseite #kopf:after {
   clear:both; 
   visibility:hidden; 
   display:block; 
   font-size:0; 
   height:0; 
   overflow:hidden; 
   content:".";
}

body.startseite div.container {
   margin-top:0px;
   padding-top:1.5em;
   background:none;
}

body.startseite #cleft {
   margin-right:0;
   padding-top:1.5em;
   width:236px;
}

body.startseite #inhalt {
   width:395px;
}

body.startseite #cright {
   width:200px;
   padding-right:70px;
}

body.startseite #cright p {
   padding-bottom:.3em;
}

#startcontainer {
   position:relative;
   border-left:1px solid white;
   padding-left:28px;
   width:266px;
   height:335px;
   padding-top:55px;
   width:266px;
   margin-left:655px;
}
 
#startcontainer h3 {
   color:white;
   width:230px;
   height:27px;
   line-height:27px;
   padding:0px 8px;
   font-weight:normal;
   font-size:1.05em;
   background:transparent url('../_medien/img/container_startseite_oben.png') top left no-repeat;
   margin-bottom:0px;
}

#startcontainer ul {
   border:1px solid white;
   width:236px;
   float:left;
   padding-bottom:21px;
   padding-top:9px;
   margin-bottom:1em;
   list-style-type:none;
   overflow:hidden;
   background:transparent url('../_medien/img/container_startseite_verlauf.png') top left repeat-y;
}

#startcontainer ul li {
   float:none;
   overflow:hidden;	
   display:block;
   margin-right:0;
}

#startcontainer ul li a {
   color:#355b90;
   text-decoration:none;
   padding-left:17px;
   background:transparent url('../_medien/img/pfeil_blau.gif') 8px center no-repeat;
}

#startcontainer ul li a:hover {
   text-decoration:underline;
}

#startcontainer a.more {
   cursor:pointer;
   clear:both;
   float:left;
   display:block;
   width:16px;
   height:16px;
   text-indent:-9999px;
   background:transparent url('../_medien/img/pink_pfeil.png') top left no-repeat;
   overflow:hidden;
   position:relative;
   left:215px;
   bottom:32px;
}

#login {
   height:30px;
   line-height:30px;
   background:#04416A url('../_medien/img/verlauf_startseite.png') top left repeat-y;
   border-top:1px solid white;
}

#login h1 {
   text-transform:uppercase;
   margin-top:1px;
   color:white;
   font-size:1.2em;
   font-weight:normal;
   text-indent:-9999px;
   letter-spacing:.05em;
   float:left;
}

#login img {
   float:left;
   margin-right:5px;
}

#loginGes {
   background:#53b5e5;
   height:30px;
   line-height:30px;
   width:294px;
   margin-left:655px;
   padding-left:26px;
   border-left:1px solid white;
   display:block;
}

body.startseite #cright div.hr {
   margin:1em 0;
}

/* -----------------------------------------------------------------------------------------
   Formulare (übernommen)
----------------------------------------------------------------------------------------- */

body form label {
   display:block;
   border-top:10px solid white;
   font-weight:bold;
}

body .check_form label {
   display:block;
   border-top:5px solid white;
   font-weight:bold;
}

body .check_form ul, #content .check_form ul li {
   margin-left:20px;
}

body .check_form ul {
   margin-top:10px;
}

body form textarea {
   width:98%;
}

body form textarea,
body form select {
   font:normal 1em arial, sans-serif;
}

body form input.text {
   width:220px;
   height:18px;
   line-height:18px;
   font-size:1.09em;
}

body form legend {
   color:#06a7e1;
}

body form h3, #content .check_form h3 {
   margin-bottom:0;
   padding-bottom:0;
}

body form input.text, body form textarea, body code, body form select,
body form input.btn {
   border:1px solid #aaa;
}

body form input.btn {
   font-size:1.1em;
   padding:.3em;
   background:white;
   border:1px solid #06a7e1;
   color:#06a7e1;
}

#map {
   font-size:11px !important;
}

A#loginGes {
   color:white;
}

#inhalt ol li,
#inhalt ul li {
   margin-left:20px;
}

.imageBox {
   float:left;
   margin-right:10px;
   margin-bottom:10xp;
}

.clear {
   clear:both;
}

.listeHeadline {
   margin-bottom:5px;
}

.expandText {
   display:none;
}

.collapseText {
   margin-left:24px;
   display:block;
}

.collapseText2 {
   margin-left:21px;
   margin-bottom:15px;
   margin-top:3px;
   display:block;
   background-color:#f2fafd;
   border:1px solid #c8e8f5;
   padding:3px;
}

a.expandImg {
   width:11px;
   height:11px;
   display:block;
   float:left;
   margin-right:10px;
   line-height:.9em;
   padding-top:6px;
   background-image:url("../_medien/img/schrift_gross.gif");
   background-position:center center;
   background-repeat:no-repeat;
}

a.expandImg:hover {
   background-image:url("../_medien/img/schrift_gross2.gif");
}

a.collapseImg {
   width:11px;
   height:11px;
   display:block;
   float:left;
   margin-right:10px;
   line-height:.9em;
   padding-top:6px;
   background-image:url("../_medien/img/schrift_klein.gif");
   background-position:center center;
   background-repeat:no-repeat;
}

a.collapseImg:hover {
   background-image:url("../_medien/img/schrift_klein2.gif");
}

.expanded {
   color:#d2076a;
}

#flash-header {
   position:absolute;
   z-index:10;
   width:100%;
}

#flash-title {
   z-index:10;
   position:absolute;
   top:80px;
   font-weight:bold;
   color:#ab0140;
   font-size:14pt;
}

#flash-subtitle {
   z-index:10;
   position:absolute;
   top:110px;
   font-weight:bold;
   color:#1b3f62;
   font-size:9pt;
}

