@import 'cms.css';
@import 'menu.css';
@import 'calendar.css';

/* Allgemeine Einstellungen - HTML Elemente */
html, body                          { color: #606062; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0; padding: 0; height: 100% }
input, textarea, select, option                       { color: #606062; font-size: 12px; font-family: Arial; text-decoration: none; margin: 0; border-width: 0 }
table, td, p    { color: #606062; font-size: 12px; line-height: 1.5em; margin: 0; padding: 0 }
body    { margin: 0; padding: 0; width: 100%; height: 100% }
a          { color: #66a8bd; font-size: 12px; font-weight: bold; text-decoration: none }
a:hover          { font-weight: bold; text-decoration: underline }
html, body  { text-align: center; width: 100%; height: 100% }

/*HTML Aufbau*/
#wrapper   { text-align: left; margin: auto; width: 1260px }
#top  { height: 120px; border-bottom: 1px solid #e3e3e3 }
#top #logo   { margin-top: 20px; margin-left: 20px; float: left }
#header       { margin-top: 10px; margin-bottom: 10px; height: 340px }
#flashimage   { width: 1060px; height: 340px; float: left }
#middle  { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #e3e3e3 }
#middle #menu  { width: 200px; float: left }
#middle #pagecontent  { width: 450px; float: left }
#middle #pageright  { width: 610px; float: left }
#footer    { color: #66a8bd; font-weight: bold; padding: 20px; clear: both }

/* Allgemeine & Kundenspezifische Klassen*/
.clear    { line-height: 0; margin: 0; padding: 0; width: 0; height: 0; clear: both; overflow: hidden }

/*Teaserslider*/
#teaserslider      { }
#teaserslider ul, #teaserslider li{margin:0;padding:0;list-style:none;}
#teaserslider li             { width: 600px; height: 114px; float: left; overflow: hidden }
#teaserslider .teaserbox       { margin-right: 10px; width: 190px; height: 114px; float: left }
#teaserslider .teaserbox a   { float: left; border-bottom: 4px solid #fff }
#teaserslider .teaserbox a:hover   { float: left; border-bottom: 4px solid #aaabaf }
#prevBtn { margin-top: 10px; margin-right: 10px; float: left }
#nextBtn  { margin-top: 10px; margin-right: 10px; float: left }

/*Productslider*/
#productslider    { border-bottom: 1px solid #aaabaf }
#productslider ul, #productslider li{margin:0;padding:0;list-style:none;}
#productslider li             { width: 600px; height: 222px; float: left; overflow: hidden }
#productslider .teaserbox           { margin-right: 10px; width: 190px; height: 222px; float: left }
#productslider .teasertitel           { color: #66a8bd; font-size: 13px; font-style: italic; font-weight: bold; position: relative; z-index: 1 }
#productslider .teaserbox a     { float: left; border-bottom: 4px solid #fff }
#productslider .teaserbox a:hover   { float: left; border-bottom: 4px solid #aaabaf }