* {
 margin: 0;
 padding: 0;
}

body {
 background-color: white;
 min-width: 990px;
 max-width: 1280px;
 
 /* Standardzeichensatz */
 font-family: "Arial", "Helvetica", sans-serif;
 font-size: 12pt;
}

a:link, a:visited, a:active {
 text-decoration: none;
 color: black;
}

a.download, a.sitemap {
 text-decoration: underline;
}

a img {
 border: none;
}

/* hochgestellte Zeichen (C), (R), (TM) ... */
sup {
	font-size: 50%;
}

#branding {
 height: 101px;
 position: relative;
 border-bottom: 1px solid #aaa;
}

#branding, #footer {
 overflow: hidden;
 width: 100%; /* IE 6 */
}

#branding_logo {
 float: left;
 width: 101px;
}

#branding_logo img {
 margin: 3px 0 0 30px;
 width: 96px;
 height: 96px;
}

#branding_background {
 float: right;
}

#branding_background img {
 width: 460px;
 height: 101px;
}

#branding_text {
 position: absolute;
 top: 15px;
 left: 209px;
}

#branding_text h1 {
 font-size: 48px;
 font-weight: normal;
}

#branding_text p {
 margin-top: 5px;
 font-size: 16px;
}

#fast_contact {
 position: absolute;
 top: 12px;
 right: 20px;
 padding: 4px;
 background-color: white;
 border: solid;
 border-color: #970002;
 border-width: 1px;
 font-size: 13px;
}

#fast_contact, #main_nav ul.nav_links > li, #main_teaser img, #sub_teaser, #main_content, #main_content > ul > li {
 /* abgerundete Ecken */
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 
 /* Schatteneffekt */
 box-shadow: rgba(0, 0, 0, .4) 0 1px 3px;
 -webkit-box-shadow: rgba(0, 0, 0, .4) 0 1px 3px;
 -moz-box-shadow: rgba(0, 0, 0, .4) 0 1px 3px;
}

#fast_contact ul {
 list-style-type: none;
}

#fast_contact li {
 padding: 2px 3px;
}

.fast_contact_detail {
 display: block;
 color: black;
 font-style: italic;
}

#main {
 overflow: hidden;
 position: relative; /* IE 6 */
 margin: 20px 10px;
}

/* Start: Hauptmenü */
#main_nav {
 float: left;
 width: 170px;
 margin: 0 0;
}

#main_nav ul.nav_links li {
 color: white;
 background-color: #970002;
 margin: 5px;
 padding: 10px 5px;
}

#main_nav ul.nav_links li.selected, #main_nav ul.nav_links li.submenu_selected {
 background-color: transparent;
 color: black;
 border: 1px solid #970002;
}

#main_nav ul.nav_sub1_links {
 margin-top: 5px;
 padding: 0;
}

#main_nav ul.nav_sub1_links li {
 font-size: 90%;
 background-color: transparent;
 color: black;
 border-top: 1px solid black;
 padding: 3px 3px 3px 12px;
 margin: 0;
}

#main_nav ul.nav_sub1_links li.selected, #main_nav ul.nav_sub1_links li.submenu_selected {
 border: none;
 border-top: 1px solid black;
}

#main_nav ul.nav_sub2_links {
 border-top: 1px dashed black;
 margin-top: 3px;
}

#main_nav ul.nav_sub2_links li {
 font-size: 85%;
 color: black;
 padding: 2px 2px 2px 12px;
 border: none;
}

#main_nav ul.nav_sub2_links li.selected {
 border: none;
}

#main_nav a:link, #main_nav a:visited, #main_nav a:active {
 display: block;
}

#main_nav ul.nav_links li a:link, #main_nav ul.nav_links li a:visited, #main_nav ul.nav_links li a:active {
 color: white;
}

#main_nav ul.nav_sub1_links li a:link, #main_nav ul.nav_sub1_links li a:visited, #main_nav ul.nav_sub1_links li a:active {
 color: black;
}

#main_nav ul.nav_links li.selected a:link, #main_nav ul.nav_links li.selected a:visited, #main_nav ul.nav_links li.selected a:active,
    #main_nav ul.nav_links li.submenu_selected a:link, #main_nav ul.nav_links li.submenu_selected a:visited, #main_nav ul.nav_links li.submenu_selected a:active {
 color: black;
}

#main_nav ul.nav_links li:hover, #main_nav ul.nav_links li:focus {
 background-color: #670002;
}

#main_nav ul.nav_sub1_links li:hover, #main_nav ul.nav_sub1_links li:focus {
 background-color: white;
}

#main_nav ul.nav_links li.selected:hover, #main_nav ul.nav_links li.selected:focus,
    #main_nav ul.nav_links li.submenu_selected:hover, #main_nav ul.nav_links li.submenu_selected:focus {
 background-color: transparent;
}

#main_nav ul.nav_links li.selected a:hover, #main_nav ul.nav_links li.selected a:focus,
    #main_nav ul.nav_links li.submenu_selected a:hover, #main_nav ul.nav_links li.submenu_selected a:focus {
 color: #970002;
}

ul.nav_links li {
 list-style-type: none;
}

#main_nav ul.nav_links > li > a:before {
 content: url(images/design/nav_main_marker_unselected.png);
}

#main_nav ul.nav_links > li.selected > a:before {
 content: url(images/design/nav_main_marker_selected.png);
}

#main_nav ul.nav_links > li.submenu_selected > a:before {
 content: url(images/design/nav_main_marker_submenu_selected.png);
}

#main_nav ul.nav_sub1_links > li > a:before {
 content: url(images/design/nav_sub1_marker_unselected.png);
}

#main_nav ul.nav_sub1_links > li.selected > a:before {
 content: url(images/design/nav_sub1_marker_selected.png);
}

#main_nav ul.nav_sub1_links > li.submenu_selected > a:before {
 content: url(images/design/nav_sub1_marker_submenu_selected.png);
}

#main_nav ul.nav_sub2_links > li > a:before {
 content: url(images/design/nav_sub2_marker_unselected.png);
}

#main_nav ul.nav_sub2_links > li.selected:before {
 content: url(images/design/nav_sub2_marker_selected.png);
}

/* Ende: Hauptmenü */

#content {
 margin-left: 175px;
 padding-left: 10px;
}

/* Start: Teaser */
#teaser {
 overflow: hidden;
 position: relative; /* IE 6 */
 height: 250px;
}

#main_teaser {
 float: left;
 margin-right: 20px;
 width: 480px;
 height: 240px;
 background-color: #eee;
}

#main_teaser img {
 width: 100%;
}

#sub_teaser {
 float: left;
 width: 240px;
 height: 220px;
 background: #eee url(images/design/sub_teaser_bg.png) repeat-x;
 padding: 10px;
}

#sub_teaser h1 {
 font-size: 24px;
 font-weight: normal;
}

#sub_teaser h2 {
 margin-bottom: 20px;
 font-size: 44px;
 font-weight: normal;
}

#sub_teaser a:link, #sub_teaser a:visited, #sub_teaser a:active {
 display: block;
}

.highlight_char {
 color: #970002;
}
/* Ende: Teaser */

/* Start: Untermenü */
#sub_nav {
 overflow: hidden;
 position: relative; /* IE 6 */
 margin: 10px 0 0 10px;
}

#sub_nav li {
 display: block;
 float: left;
 min-width: 100px;
 margin-right: 5px;
 background-color: #970002;
 padding: 5px;
 font-size: 95%;
 text-align: center;

 /* abgerundete Ecken */
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;

 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
}

#sub_nav li.selected {
 background-color: transparent;
 padding: 4px 4px 5px 4px;
 border-top: 1px solid #aaa;
 border-left: 1px solid #aaa;
 border-right: 1px solid #aaa;
}

#sub_nav a:link, #sub_nav a:visited, #sub_nav a:active {
 color: white;
}

#sub_nav li:hover {
 background-color: #670002;
}

#sub_nav li.selected:hover {
 background-color: transparent;
}
/* Ende: Untermenü */

/* Start: Hauptinhalt */
#main_content {
 overflow: hidden;
 position: relative; /* IE 6 */
 border: 1px solid #aaa;
 min-height: 200px;
 line-height: 1.3;
}

#main_content_text {
 float: left;
 margin: 10px;
}
/* Ende: Hauptinhalt */

/* +++ Artikel +++ */
#main_content h3 {
 margin: 5px 10px 5px 190px;
 font-size: 120%;
}

#main_content li img {
 float: left;
 margin: 5px 10px 5px 0;
 width: 180px;
 height: 120px;
}

#main_content ul li {
 overflow: hidden;
 background-color: #f4f4f4;
 list-style-type: none;
 margin: 10px;
 padding: 5px 10px;
}

#main_content ul ul.indent {
/* !!! Andere Methode finden, um Listen neben dem Bild in partner.html auszurichten */
 margin-left: 190px;
}

#main_content ul ul li {
 list-style-type: circle;
 list-style-position: inside;
 margin: 5px 0;
 padding: 0 5px;
}

#main_content ul ul ul {
 margin-left: 10px;
}

#main_content ul ul ul li {
 list-style-type: square;
 font-size: 95%
}

#main_content p {
 margin: 5px 0;
}

#main_content h4 {
 font-size: 110%;
 font-weight: bold;
 margin-bottom: 10px;
}

#main_content ul.kv_list {
 margin: 5px 0;
}

#main_content ul.kv_list li {
 font-size: 95%;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
/* ### Artikel ### */

/* +++ Datenblatt +++ */
#main_content .datasheet {
 width: 100%;
 font-size: 90%;
}

#main_content .datasheet tr {
 padding: 5px;
/* background-color: #f4f4f4; */
}

/*
#main_content .datasheet tr.even {
 background-color: #ddd;
}
*/

#main_content .datasheet td {
 padding: 5px;
}

#main_content .datasheet td.even {
    background-color: #ddd;
 }

#main_content .datasheet .header {
 width: 20%;
 font-weight: bold;
 vertical-align: top;
}

#main_content .datasheet li {
 list-style-type: none;
 list-style-position: inside;
 background-color: inherit;
 margin: 2px 0;
 padding: 0 5px;
}
/* ### Datenblatt ### */

/* +++ Referenzen +++ */
#main_content ul.references {
 margin: 0;
 padding: 0;
}

#main_content li.references {
 display: block;
 float: left;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
/* ### Referenzen ### */

.anotation {
 margin: 2px 5px;
 font-size: 70%;
}

/* +++ Google Karte +++ */
#map_canvas {
 height: 480px;
 width: 100%;
 font-size: 15px;
}

#map_canvas h1 {
	font-size: 105%;
}
/* ### Google Karte ### */

/* +++ Kontaktdaten +++ */
.vcard {
 margin-left: 5px;
}

.vcard .organization-name {
 font-weight: bold;
}
/* ### Kontaktdaten ### */

/* +++ Sitemap +++ */
#sitemap ul {
 margin: 10px 10px;
}

#sitemap ul ul {
 margin: 0;
}

#sitemap li {
 list-style-type: none;
 margin: 5px 0;
}

#sitemap li li {
 margin: 5px 20px;
 list-style-type: disc;
}
/* ### Sitemap ### */

#footer {
 border-top: 1px solid #aaa;
 margin-top: 20px;
 margin-bottom: 5px;
 font-size: 80%;
}

#footer ul {
 margin-left: 10px;
}

#footer ul li {
 display: block;
 float: left;
 border-right: 1px solid #aaa;
 padding: 2px 5px;
 margin-top: 5px;
}

#footer #copyright {
 float: right;
 padding: 2px 5px;
 margin-top: 5px;
 margin-right: 10px;
}

#footer li.last {
 border-right: none;
}

#footer a:link, #footer a:visited, #footer a:active {
 text-decoration: underline;
}

#footer a:hover, #footer a:focus {
 color: #970002;
}
