@CHARSET "ISO-8859-1";
/*
 * Navigation blau hell / dunkel: #dae4ee / #cad9e6;
 * Navigation rot  hell / dunkel: #f64d4d / #cf0000;
 * Dunkelblau: #00174f;
 * hellblaue Linie: #e5eaef;
 */
* {margin: 0; padding: 0}

html {
    background: #fff url(website-elements/background.jpg) repeat-x left -250px;
}

body {
    width: 1000px;
    margin: 0 auto 75px auto;
    font-size: 12px;
    font-family: Arial, sans-serif;
    background: url(website-elements/body.gif) repeat-y;
    color: #00174f;
    line-height: 1.5em;
}

h1 {font-size: 25px; margin: 15px 0 10px 0; font-weight: normal; line-height: normal;}
h2 {font-size: 18px; font-weight: normal; margin: 20px 0;}
h3 {font-size: 14px; margin: 10px 0;}
h6 { /* in der Sidebar */
    font-size: 12px; font-weight: bold; text-transform: uppercase; border-bottom: 1px dotted; 
    padding-bottom: 0.25em; margin-bottom: 0.25em; line-height: 1.5em; color: #00174F;} 
ul {margin-left: 2em;}
p {margin-bottom: 1em;}
img {border: 0;}
a {font-weight: bold; text-decoration: none; color: #00174f;}
a:hover {text-decoration: underline;}

#page {
    width: 930px; 
    background: url(website-elements/page.jpg) no-repeat left -250px; 
    padding: 0 25px 0 45px;
}

#topnavigation {font-size: 10px; color: #92a6ba; font-weight: bold;}
#topnavigation a {color: #92a6ba; text-decoration: none;}
#topnavigation a:hover {text-decoration: underline;}

#language {padding: 5px 0 0 30px; float: left;}
#quicknavigation {padding: 5px 5px 0 0; text-align: right;}

#navigation {
    margin-top: 1px;
    border-color: #cad9e6; border-width: 0 1px 0 1px; border-style: solid;
    height: 28px;
    text-transform: uppercase;
    background: url(website-elements/bg_navigation.gif) repeat-x;
}
#navigation ul {margin: 0; padding: 0; list-style-type: none;}
#navigation li {display: block; float: left; position: relative; z-index: 1000;}
#navigation a {background: url(website-elements/bg_navigation.gif) repeat-x; color: #00174f; text-decoration: none; font-size: 11px; display: block; line-height: 28px; padding: 0 15px; font-weight: normal;}
#navigation li.active a, #navigation a:hover 
	{background: url(website-elements/bg_navigation-hover.gif) repeat-x; color: #fff;}

#navigation ul ul {z-index: 1000; display: none; position: absolute; text-transform: none; border-style: solid; border-color: #fff; border-width: 0 1px 1px 1px;}
#navigation ul li:hover ul {display: block;}
#navigation ul li li {float: none;}
#navigation ul li li a {width: 147px;}
#navigation ul li.active li a       {background: url(website-elements/bg_navigation.gif) repeat-x; color: #00174f;}
#navigation ul li.active li a:hover {background: url(website-elements/bg_navigation-hover.gif) repeat-x; color: #fff;}

/* ----- */

.article {margin: 0 15px 8px 0;}

.introbox {width: 312px; height: 77px; float: left; border: 1px solid #cde1e8; margin: 10px 10px 10px 0; line-height: 1.3; font-size: 12px;}
.introbox h3 {font-weight: normal; text-transform: uppercase; margin: 5px 0 3px 0;}
.introbox img {display: block; width: 100px; height: 77px; float: left; margin-right: 10px;}
.introbox div {padding-right: 5px;}

/*.sidebarflash {width: 10%; height: 86px; margin-bottom: 12px; border: 1px solid;}*/
.sidebarflash {width: 269px; height: 86px; margin-bottom: 12px;}
#sidebar .block {margin-bottom: 1.5em; padding: 0 16px 0 22px;}
#sidebar ul {list-style-type: none; margin-left: 0;}
#sidebar li a, .raquo {background: url(website-elements/raquo.gif) no-repeat right 5px; padding-right: 10px;}
.laquo {background: url(website-elements/laquo.gif) no-repeat left 5px; padding-left: 10px;}

#homebanner {background: url(website-elements/banner_home.jpg); height: 97px;}


/*
 *  Elemente, die je nach Unterseite abgewandelt werden
 */
#header {height: 180px; background: url(website-elements/header_allgemein.jpg) no-repeat;} 
#header object {display: none;} /* TODO: vielleicht besser garnicht erst einbinden */
#header a {width: 211px; height: 50px; display: block; position: relative; top: 109px; left: 87px;}
#breadcrumb {margin-top: 1px; padding: 15px 0 0 15px; background: url(website-elements/background_allgemein_oben.jpg) no-repeat; color: #969696;
    /* IE fix: */ /*line-height: 1px; font-size: 1px;*/ font-size: 11px;}
#breadcrumb a {color: #969696; font-weight: normal;}

#main {padding: 0 0 0 30px;}
#sidebar {width: 231px; float: right; font-size: 11px; line-height: 1.3em; color: #5F7193; padding-top: 50px;}
#articles {width: 650px; float: left; padding: 0;}
#footer {background: url(website-elements/background_allgemein_footer.gif) no-repeat; height: 23px;}
#bgsidebar {background: url(website-elements/bg_sidebar.gif) right repeat-y; padding-bottom: 9px;}
#bgsidebarnew {background: url(website-elements/bg_sidebar-new.jpg) right top no-repeat; padding-bottom: 9px;}
#footer {margin-left: -45px; margin-right: -25px; margin-top: -12px;}

#industrie  #header {height: 180px; background: url(website-elements/header_industrie-dienstleistung.jpg) no-repeat;} 
#gesundheit #header {height: 180px; background: url(website-elements/header_gesundheit.jpg) no-repeat;} 
/*
 *  CSS für die Homepage
 */
#homepage #header {height: 380px; background: url(website-elements/header_home.jpg) no-repeat; border-top: 1px solid #fff;}
#homepage #header object {margin-top: 83px; width: 930px; height: 297px; display: block;}
#homepage #header a {display: none;}
#homepage #bgsidebar {background: none;}
#homepage #bgsidebarnew {background: none;}

.einspaltig {width: 205px; float: left; margin-right: 10px; }
.dreispaltig, .einzweispaltig, .zweieinspaltig
	{margin: 0 0 8px 0;} /*e5eaef*/
.spalte1 {width: 200px; float: left; margin-right: 10px;}
.spalte2 {width: 415px; float: left; margin-right: 10px;}
.clearboth {clear: both;}
.line {border-bottom: 1px solid #e5eaef; padding-top: 5px; margin-right: 15px;}

.spalte1 img, spalte2 img {margin-top: 5px;}

.spalte21, .spalte22 { /* zwei-zweispaltig */
    width: 312px; float: left; margin: 10px 10px 10px 0; 
}


.quicklinks a {font-weight: normal;}
#sidebar .quicklinks ul ul {margin-left: 1em;}
#sidebar .quicklinks .noaqut li a {background: none; padding-right: 0;}

/* Karte */
#karte {position: relative; z-index: 0;}
.hiddenInfo {display: none;}
#infoDiv {height: 10em;}

#karte .gesund    a {color: #DB0424; background: url(conpresso/_data/karte_punkt_gesund.gif) no-repeat; line-height: 13px; font-size: 10px; padding-left: 13px;}
#karte .steril    a {color: #DB0424; background: url(conpresso/_data/karte_punkt_steril.gif) no-repeat; line-height: 13px; font-size: 10px; padding-left: 13px;}
#karte .industrie a {color: #000F45; background: url(conpresso/_data/karte_punkt_industrie.gif) no-repeat; line-height: 13px; font-size: 10px; padding-left: 13px;}
#karte .depot     a {color: #000F45; background: url(conpresso/_data/karte_punkt_depot.gif) no-repeat; line-height: 13px; font-size: 10px; padding-left: 13px;}
#karte .rentex    a {color: #2086A9; background: url(conpresso/_data/karte_punkt_rentex.gif) no-repeat; line-height: 13px; font-size: 10px; padding-left: 13px;}

.linkbox .beschreibung {float: left; width: 300px; margin-right: 10px;}
.linkbox .link {float: left; width: 200px; margin-right: 10px;}

.fullwidth {width: 650px;}