body {
  margin:0;
  padding:0;

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

  font-size:11px;
  color:#666;
  background-color:#fff;
  background:url(/images/bg_basis.jpg) repeat-x;

}

a {
  text-decoration:none;
  color:#00009A;
}
.tagcloud a {
  color:#7c7d7f;
}
.blue {
  color:#00009A;
}
.clearer {
  height:0;
  line-height:0;
  margin:0;
  clear:both;
}
img {
  border:0;
}
.imgleft {
  float:left;
  margin:0 15px 10px 0;
}
.imgright {
  float:left;
  margin:0 0 10px 25px;
}
.boximgleft {
  float:left;
  margin:0 8px 5px 0;
}
.boximgright {
  float:right;
  margin:0 0 8px 8px;
}
.imgrightv {
  float:right;
  margin:0 0 15px 0;
}
#flash {
  text-align:center;
  margin:15px 0;
}
#content h3 {
  color:#00009A;
  font-size:130%;
  border-bottom:1px dotted #00009A;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
}
#content h4 {
  color:#00009A;
  font-size:130%;
  border-bottom:1px dotted #00009A;
  padding:0 0 3px 3px;
  /*text-align:right;*/
  margin:10px 0 5px 0;
  overflow:auto;
  width:100%;
}
p.txt_grey {
  font-size:110%;
  margin:12px 0;
  color:#666;
}
p {
  font-size:110%;
  margin:12px 0;
  color:#000000;

  
    line-height:1.2em;
  

}
ul li, ol li {
  color:#000000;
  font-size:110%;
}
p ul {
    margin-left:25px;
}
#patter {
  width:1003px;
  background:url(/images/bg_basis.jpg) repeat-x;
  overflow:hidden;
  height:100%;
  margin:0 auto;
}
#header {
  margin:0;
  padding:0;
  width:1003px;
  height:60px;
  position:relative;
}
#header h1{
  margin:10px 0 0 30px;
  float:left;
}
#header #visual {
  margin:0;
  float:right;
}
/* NAVIGATION */
#navigation {
  height:58px;
  margin:0;
  padding:0;
  position:relative;
  z-index:150;
}
#navigation ul {
  padding:0;
  clear:both;
}
#navigation ul li {
  list-style:none;
  display:inline;
  font-size:110%;
  color:#00009A;
}
/* SUB-NAVIGATION */
#navigation ul#subnav {
  margin:5px 35px 10px 0;
  float:right;
  display:inline;
  position:relative;
}
#navigation ul#subnav li {
  position:relative;
  padding:0;
}
#navigation ul#subnav li a {
  color:#00009A;
}
#navigation ul#subnav li a:hover, #navigation ul#subnav li a.sfhover {
  color:#F10A38;
}
#navigation ul#subnav li ul, #language ul {
  position:absolute;
  width:12em;
  left:0;
  top:1.5em;
  border:1px solid #ccc;
  border-bottom:0;
  margin:0;
}
#navigation ul#subnav li ul li, #language ul li {
  display:block;
  float:none;
}
#navigation ul#subnav li ul li a {
  color:#333;
  font-size:85%;
  display:block;
  padding:2px 10px;
  background:white;
/*
  -moz-opacity:.9;
  opacity:.9;
  filter: alpha(opacity=90);
*/
  border-bottom:1px solid #ccc;
}
#navigation ul#subnav li ul li a:hover {
  background:#ebedee;
  color:#000;
/*
  -moz-opacity:1;
  opacity:1;
  filter: alpha(opacity=100);
*/
}

/* TOP-NAVIGATION */
#navigation ul#nav {
  margin:0 0 0 30px;
}
#navigation ul#nav li {
/*
  background:url(/images/nav_reiter_off.gif) no-repeat;
*/
  text-align:center;
  line-height:30px;
  vertical-align:middle;
  height:30px;
  float:left;
  border-left:1px solid #c9d1d8;
  background:url(/images/nav_rightround_off.gif) no-repeat 100% 0;

}
#navigation ul#nav li a {
  color:#333;
  font-size:100%;
  font-weight:bold;
  display:block;
  padding:0 10px;
}
#navigation ul#nav li a:hover, #navigation ul#nav li.active, #navigation ul#nav a.sfhover {
/*
  background:url(/images/nav_reiter_on.gif) no-repeat;
*/
  background:url(/images/nav_rightround_on.gif) no-repeat 100% 0;
}

#nav ul {
  position:absolute;
  border:1px solid #ccc;
  border-bottom:0;
  margin-top:0px;
  margin-left:-1px;
  border-top:0;
}
#navigation ul#nav ul li {
  float:none;
  display:block;
  height:auto;
  background:none;
  border:0;
  padding:0;
  line-height:0;
}
#navigation ul#nav ul li:hover {
  border:0;
}
#navigation ul#nav ul li a {
  white-space:nowrap;
  float:none;
  background:none;
  font-weight:normal;
  text-align:left;
  padding:2px 10px;
  font-size:85%;
  height:auto;
  display:block;
  line-height:1.5;
  background:white;
/*
  -moz-opacity:.9;
  opacity:.9;
  filter: alpha(opacity=90);
*/
  border-bottom:1px solid #ccc;
}
#navigation ul#nav ul li a:hover {
  background:#ebedee;
/*
  -moz-opacity:1;
  opacity:1;
  filter: alpha(opacity=100);
*/
  padding:2px 10px;
}



/* Language Selector */
#language {
  float:right;
  display:inline;
  margin:0 10px 0 0;
  position:relative;
}
#language ul {
  margin:0;
  padding:0;
  background:white;
  z-index:100;
}
form#ktformular { margin:0;padding:0; }
form#ktformular fieldset { border:0;margin:0; }
form#ktformular label {width:200px;float:left;margin:0 0 2px 0;padding:2px 0;vertical-align:middle;font-size:100%;
  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  
 }
form#ktformular input.forminput { margin:0 0 2px 0;padding:2px;width:300px;border:1px solid #ccc;font-size:100%;
  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  
 }
form#ktformular select { margin:0 0 2px 0;padding:1px;width:306px;border:1px solid #ccc;font-size:100%;
  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  
 }
form#ktformular textarea { padding:1px;width:302px;height:75px;border:1px solid #ccc;margin-bottom:10px;font-size:100%;
  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  
 }
form#ktformular input.go { margin:0 102px 0 0;padding:0;display:block;float:right;clear:right; }
/* CONTENT */
div.shadow {
  background-color: #8e8e8e;
  padding: 0 0 1px 0;
  border-right: 1px solid #959595;
  margin: -1px 0 0 0;
  height:100%;
  width:943px;
  position:relative;
}
div.shadow2 {
  float: left;
  background-color: #d1d1d1;
  padding: 0 0 1px 0;
  border-right: 1px solid #e1e1e1;
  margin: 0 0 0 30px;
  display: inline;
  height: 100%;
  width:944px;
}
#main {
  border-top:1px solid #C9D1D8;
  border-left:1px solid #C9D1D8;
  width:942px;
  height:100%;
  margin:0;
  position:relative;
  top:0;
  z-index:100;
  background-color:#fff;
  clear:both;
  overflow:auto;
}
ul.dropdown {
  display:none;
}
.dropdown {
  margin:5px 15px 0 0;
  display:inline;

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

  font-size:100%;
}
#main #secondnavi {
  height:30px;
}
#main ul#secondnav {
  padding:0;
  clear:both;
  margin:10px 0 0 15px;
  float:left;
  display:inline;
}
#main ul#secondnav li {
  list-style:none;
  display:inline;
  font-size:100%;
  color:#333;
}
#main ul#secondnav li a {
  color:#333;
  padding:0 4px;
  font-weight:bold;
}
#main ul#secondnav li a:hover, #main ul#secondnav li.active a {
  color:#00009A;
}
#bluetrenner {
  background-color:#00009A;
  padding:3px 0 3px 20px ;
  color:#fff;
  font-size:120%;
  margin:0;
  clear:none;
}
#content {
  padding:0 20px;
  width:623px;
  float:left;
}
#content .bcn {
  margin:0;
  padding:15px 0 11px 0;
}
#content .bcn a {
  color:#666;
  margin:0;
  padding:0;
}
h2 {
  color:#00009A;
  font-size:190%;
  margin:0;
  padding:0;
}
h2.con {
  border-bottom:1px dotted #00009A;
}
#content #homebox {
  margin:10px 0 0 0;
}
#content #homebox h3 {
  background:url(/images/bg-h3box.gif) no-repeat 0 0 #DBE8F4;
  padding:5px 0 2px 10px;
  font-size:120%;
  color:#00009A;
  margin:0;
}
#content #homebox p {
  padding:0 0 0 10px;
  margin:0;
}
#content #homebox .wasserbild {
  height:90px;
  padding:0;
}
#content #homebox .hbox {
  width:200px;
  margin:0;
  padding:0;
  float:left;
  position:relative;
  height:125px;
}
#content #homebox .mitte {
  margin:0 10px;
}
#content #homebox .hbox .boxinhalt { 
  background: #fff; 
  width: 200px; 
  height:90px;
  padding:10px 0 0 0;
  position: absolute; 
  opacity: .8; 
  filter: alpha(opacity=80);
  display:none;
}
#content h4 span.floatleft {
  float:left;
}
#content h4 span.archivebutton {
  background:url(/images/blue-button_11.jpg) no-repeat right;
  padding-right:17px;
  font-size:80%;
}
#content span.archivebutton {
  background:url(/images/blue-button_11.jpg) no-repeat right;
  padding-right:17px;
}
#content ul.sollist {
  padding:10px 0 0 10px;
  margin:0;
}
#content ul.sollist li {
  list-style:none;
  background:url(/images/icon-hacken.jpg) no-repeat 0 0;
  padding:5px 0 0 35px;
  margin:5px 0 0 0;
  color:#00009A;
  font-size:130%;
}
#content .picleft {
  float:left;
  margin:8px 25px 10px 0;
}
#content .picleft .image {
  vertical-align:bottom;
  margin:0;
  padding:0;
}
#content .picleft .suppenlinie {
  color:#00009A;
  font-size:110%;
  margin:0;
  padding:5px 0;
  background-color:#DCE8F4;
}
#content .picleft .suppenlinie span {
  padding:0 0 0 3px;
}

#content ul.auflistung li {
  font-size:120%;
  color:#000;
}
.startfooter {
  border-top:1px dotted #333;
  padding:2px 0 10px 0;
  margin:20px 0 10px 0;
  clear:both;
}
.footer {
  margin:20px 0 10px 0;
  clear:both;
  overflow:auto;
}
.footer ul {
  margin:0;
  padding:0 0 2px 0;
  overflow:auto;
}
.footer ul li {
  display:inline;
  list-style:none;
}
.footer ul li a {
  color:#666;
  font-size:80%;
}
.footer ul li.back {
  margin:0 0 0 15px;
  float:left;
}
.footer ul li.back a {
  background:url(/images/icon_footer-back.gif) no-repeat 0 5px;
  padding:0 0 0 10px;
}
.footer ul li.top {
  margin:0 0 0 25px;
  float:left;
}
.footer ul li.top a {
  background:url(/images/icon_footer-top.gif) no-repeat 0 1px;
  padding:0 0 0 15px;
}
.footer ul li.print {
  margin:0 0 0 25px;
  float:left;
}
.footer ul li.print a {
  background:url(/images/icon_footer-print.gif) no-repeat 0 1px;
  padding:0 0 0 15px;
}
.footer ul li.home {
  margin:0 25px 0 0;
  float:right;
}
.footer ul li.home a {
  background:url(/images/icon_footer-front.gif) no-repeat 0 5px;
  padding:0 0 0 10px;
}
.footer ul li.imp {
  margin:0 25px 0 0;
  float:right;
}
.footer ul li.imp a {
  background:url(/images/icon_footer-front.gif) no-repeat 0 5px;
  padding:0 0 0 10px;
}
.footer ul li.agb {
  margin:0 15px 0 0;
  float:right;
}
.footer ul li.agb a {
  background:url(/images/icon_footer-front.gif) no-repeat 0 5px;
  padding:0 0 0 10px;
}
.footer p.foot {
  border-top:1px dotted #333;
  margin:0;
  padding-top:2px;
  font-size:90%;
  text-align:center;
}
#right {
  width:245px;
  padding:0;
  margin:0 20px 0 0;
  float:right;
}
#right form {
  margin:0;
  padding:0;
}
#right ul.righticons {
  text-align:right;
  width:240px;
  padding:0;
  margin:10px 10px 15px 0;
}
#right ul.righticons li {
  list-style:none;
  display:inline;
  margin:0 5px;
}
#right .boxshadow {
  border-bottom:1px solid #959595;
  border-right:1px solid #959595;
  padding:0;
  position:relative;
  margin-bottom:15px;
}
#right .boxshadow2 {
  border-bottom:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
  padding:0;
  margin-bottom:15px;
  position:relative;
}
#right .whitebox {
  position:relative;
  border:1px solid #ccc;
  padding:5px 15px 3px 15px;
  margin:0;
  width:212px;
  overflow:auto;
}
#right .whitebox ul.boxdownload {
  margin:10px 0;
  padding:0;
  list-style:none;
}
#right .whitebox ul.boxdownload li {
  margin:0 0 5px 0;
  color:#000099;
}
#right .whitebox ul.boxdownload li a {
  text-decoration:underline;
  color:#000;
  padding:0 0 0 30px;
}
#right .whitebox ul.boxdownload li a.doc {
  background:url(/images/icon-doc.gif) no-repeat 0 0;
}
#right .whitebox ul.boxdownload li a.ppt {
  background:url(/images/icon-ppt.gif) no-repeat 0 0;
}
#right .whitebox ul.boxdownload li a.xls {
  background:url(/images/icon-xls.gif) no-repeat 0 0;
}
#right .whitebox ul.boxdownload li a.pdf {
  background:url(/images/icon-pdf.gif) no-repeat 0 0;
}
#right .whitebox ul.boxdownload li a.zip {
  background:url(/images/icon-zip.gif) no-repeat 0 0;
}
#right .bluebox {
  border:1px solid #ccc;
  padding:5px 15px 3px 15px;
  background-color:#DBE8F4;
  margin:0;
  width:212px;
  overflow:auto;

}
#right h5 {
  color:#00009A;
  font-size:110%;
  border-bottom:1px solid #DFDFDF;
  margin:0 0 3px 0;
  padding:0 0 3px 0;
}
#right .qlinks {
  font-style:italic;
  margin:10px 0 -8px 0;
}
/* WARENKORB */
#warenkorb{
  width:300px;
  border:1px solid blue;
  float:right;
}
#dateien{
/*
  width:400px;
*/
  float:left;
}
#dateien div{
  margin:10px;
}
 #warenkorb a{
  float:right;
}
form#bestell { 
  margin:0;
  padding:0;
  width:625px; 
}
form#bestell fieldset { 
  border:0;
  margin:0; 
}
form#bestell label {
  width:200px;
  float:left;
  margin:0 0 2px 0;
  padding:2px 0;
  vertical-align:middle;
  font-size:100%;

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

}
form#bestell input.input {
  margin:0 0 2px 0;
  padding:2px;
  width:350px;
  border:1px solid #ccc;
  font-size:100%;

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

}
form#bestell select {
  margin:0 0 2px 0;
  padding:1px;
  width:356px;
  border:1px solid #ccc;
  font-size:100%;

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

}
form#bestell select.menge {
  font-weight:normal;
  margin:0 0 2px 0;
  padding:1px;
  width:50px;
  border:1px solid #ccc;
  font-size:100%;

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

}
form#bestell textarea { 
  padding:1px;
  width:352px;
  height:75px;
  border:1px solid #ccc;
  margin-bottom:10px;
  font-size:100%;

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

}
form#bestell input.go { 
  margin:15px 25px 0 0;
  padding:0;
/*
  height:13px;
  width:70px;
*/
  border:0; 
}
form#bestell input.reset { 
  margin:15px 0 0 0;
  padding:0;
/*
  height:13px;
  width:128px;
*/
  border:0; 
}
form#bestell #radiobuttons { 
  width:350px;
  margin-left:200px;
  margin-top:3px;
  padding:0px;
  border:0px;
  font-size:100%;

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

}
form#bestell #radiobuttons input.radio { 
  display:block;
  float:left;
  width:30px;
  margin:0px;
  padding:0px;
  border:0px;
  font-size:100%;

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

}
form#bestell #radiobuttons label{
  display:block;
  float:left;
  width:50px;
  margin:0px 80px 0px 0px;
  padding:0px;
  border:0px;
  font-size:100%;

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

}
/* WARENKORB */


form#search { margin:0; padding:0; }
form#search fieldset { border:0; margin:10px 0; padding:0; }
form#search fieldset.radio { margin-top:5px; }
form#search fieldset.radio legend { color:#666; font-size:110%; 
  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  
 font-weight:bold; }
form#search fieldset.submit { margin:10px 0 20px 0; }
form#search label { 
  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  
 color:#666;font-size:110%; }
ul.searchresults { margin:0; padding:0; display:block; }
ul.searchresults li { padding:0 0 0 25px;margin:0 0 5px 0;list-style:none; }
p.resultsbar, ul.searchresults  li { 
  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  
 color:#666;font-size:110%; }
p.resultsbar a, ul.searchresults li a { color:#00009A; }
p.resultsbar { text-align:center; }


/*SEARCH 
.searchresults {
    list-style:none;
    margin:0;padding:0;
}
.searchresults li {
    margin:0 0 1em 0;
    padding:0 0 0 25px;
}
*/
.searchresults li.produktkatalog {

  background:url(/images/icon-catalogue.jpg) no-repeat 3px 1px;
}
/*
.searchresults strong {
    background:#ffcfaf;
}
#main .resultsbar {
    padding:3px 5px;
    border-top:2px solid #f60;
    background:#ffcfaf;
    text-align:center;
}
.radio label {
    white-space:nowrap;
}
.radio input {
    margin:0;
    vertical-align:middle;
}
fieldset.submit {
    text-align:right;
}
.submit input {
    width:auto;
    background:white;
}
fieldset {
    border:0;
    margin-bottom:1em;
}
label {
    cursor:pointer;
}
SEARCH */

table.sitemap {
    margin:0;
    padding:0;
}
table.sitemap tr td a {
    font-size:100%;
}







/* HARTMANN - Mediathek */

#content #media3box {
  margin:10px 0 0 0;
}
#content #media3box h3 {
  background:url(/images/bg-h3box.gif) no-repeat 0 0 #DBE8F4;
  padding:5px 0 2px 10px;
  font-size:120%;
  color:#00009A;
  margin:0;
}
#content #media3box p {
  padding:0 0 0 10px;
  margin:0;
}
#content #media3box .wasserbild {
  height:112px;
  padding:0;
}
#content #media3box .mediabox {
  width:200px;
  margin:0;
  padding:0;
  float:left;
  position:relative;
  height:147px;
}
#content #media3box .mitte {
  margin:0 10px;
}
#content #media3box .mediabox .3box_video { 
  background: #fff; 
  width: 200px; 
  height:112px;
  padding:0 0 0 0;
  position: absolute;
}

/* HARTMANN - content_text_pic */
#content h6 {
    color:#00009A;
    font-size:110%;
    padding:0px;
    margin:0px;
    font-weight:normal;
}
#content h6 span.archivebutton_left {
    background:url(/images/blue-button_11.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding-right:17px;
    font-size:80%;
}

.abstand {font-size:1px;height:0px;width:100%;}

/* HARTMANN - Box-Links */
.box_headline_link {
    width:212px;
    background:url(/images/blue-button_11.jpg);
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:right top;
}

/*  HARTMANN - content_list */
.content_linklist_teaser {
  font-size:110%;
  padding:0px;
  margin:0px;
  padding-left:19px;
  padding-top:3px;
  display:none;
}
span.archivebutton_right {
    background:url(/images/blue-button_11.jpg);
    background-repeat:no-repeat;
    background-position:right;
    padding-right:17px;
    font-size:80%;
    float:right;
/*
    padding-right:20px;
    width:200px;
*/
}

/* HARTMANN - Tabellenformat: Standard */
.tableContent td {

  
    font-family:Arial,Helvetica,sans-serif,Verdana;
  

    font-size:100%; 
    line-height: 125%;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #bfbfbf;
}    
.trHeader td {
    text-align: left;
    vertical-align: bottom;
    font-weight: bold;
    border-bottom: 1px solid #727274;
}    
.tdGrey {
    background-color: #E0EDF6;
}

/* HARTMANN - Zoom - yui-overlay */
a.content_list {
    background:url(/images/blue-button_11.jpg) no-repeat left;
    background-position:0px 2px;padding-left:17px;color:#000099;font-size:12px;
}
.yui-overlay {
    background:#fff;
    border:1px solid #cccccc;
    padding:0px;
    margin:0px;
    z-index: 1000;
    z-index: 1000 !important;
    position:absolute;
}
.yui-overlay .tt {z-index: 99;}
.yui-overlay .hd { border:0px;padding:0px;margin:0px; }
.yui-overlay .bd { border:0px;padding:5px;margin:0px;padding-right:3px; }
.yui-overlay .ft { border:0px;padding:0px;margin:0px; }

/* HARTMANN autocomplete for input fields */
.autocomplete-w1 { background:url(/images/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:300px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:300px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }



#horizontal_carousel {
  float: left;
  margin-bottom: 10px;
  position: relative;
  width:212px;
}
#horizontal_carousel .container {
  float:left;
  width: 212px;
  position: relative;    
  overflow: hidden;
  height: 125px;
}
#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
}                      
#horizontal_carousel ul li {
  width: 212px;
  text-align: center; 
  list-style:none;   
  float:left;
}
#horizontal_carousel .previous_button {
  width: 13px;
  height: 13px;
  background: url() no-repeat;
  z-index: 100;
  cursor: pointer;
  float:left;
}
#horizontal_carousel .previous_button_over {
  background: url() no-repeat;
}
#horizontal_carousel .previous_button_disabled {
  background: url() no-repeat;
  cursor: default;
}
#horizontal_carousel .next_button {
  float: left;
  width: 13px;
  height: 13px;
  background: url(/images/blue-button.jpg) no-repeat;
  z-index: 100;
  cursor: pointer;
}
#horizontal_carousel .next_button_over {
  background: url(/images/blue-button.jpg) no-repeat;
}
#horizontal_carousel .next_button_disabled {
  background: url() no-repeat;
  cursor: default;
}