@charset "UTF-8";
/* CSS Document */

body { margin: 0px; background:url(../main/background.png); background-repeat:repeat; background-color:#333333; font: Arial, Helvetica, sans-serif}
img, div { behavior: url(../js/iepngfix.htc); border: none; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-align: left; font-weight: bold; text-decoration: none; color: #e42a2d;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: left; text-decoration: none; color: #6b6c6c;}
p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 2em; text-align: left; text-decoration: none; color: #6b6c6c; }
p a:link, p a:visited, table a:link, table a:visited { color: #e42a2d; text-decoration: underline; }
p a:hover, p a:active, table a:hover, table a:active { color: #6b6c6c; text-decoration: underline; }
ul, li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; text-decoration: none; color: #6b6c6c; list-style-type:square; line-height: 2em; }
.big_letter { font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align: left; text-decoration: none; color: #e42a2d; list-style-type:square; }

#logo { width: 960px; height: 88px; padding: 20px 0px 20px 0px; text-align: left; }
#mainstage { margin-left: auto; margin-right: auto; margin-top: 0px; width: 980px; text-align:center; }
#menu { width: 970px; height:50px; float: none; margin: 0px; padding-left: 10px;}
.spacer { width: 980px; height:20px; float: none; margin: 0px; padding: 0px;}
.clear { clear: both; }

/* 3teaser */ 
#3teaser { padding: 0px; width: 980px; height: 330px }
.teaser { margin: 7px 5px 3px 10px; padding: 0px 0px 0px 0px; display: block; width: 306px; display: block; float: left; }
.teaser p { margin: 0px; padding: 15px; display: block; width: 276px; height: 130px; display: block; float: left; background-image:url(../main/306_column.jpg); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 2em; color: #6b6c6c; text-align: left;}

.typen { margin: 7px 10px 3px 10px; padding: 0px 0px 0px 0px; display: block; width: 286px; float: none; }
.typen table { margin: 0px; padding: 3px; width: 286px; display: block; float: left; background-image:url(../main/306_column.jpg); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #6b6c6c; text-align: left;}

/* content-spalte generische seiten */
#content { width: 620px; margin: 20px 0px 0px 20px; padding: 0px 0px 0px 0px; float:left; }

/* Footer */ 
#footer { width: 980px; height: 250px; display: block; float: none;}
ul.footer { padding: 0px 0px 0px 15px; margin: 0px 20px 0px 0px; float: left; list-style: none; font: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; text-indent: 5px; text-decoration: none; color: #6b6c6c; }
ul.footer li { margin: 5px 30px 5px 10px; padding: 0px 0px 0px 5px; display: block; border-bottom: 1px dotted #6b6c6c; width: 246px; height: 20px; line-height: 12px; list-style: none; }
ul.footer li a,  ul.footer li a:visited   {text-decoration: none; color: #6b6c6c;}
ul.footer li a:hover, ul.footer li a:active  {text-decoration: none; color: #e42a2d;}

/* Subnav */ 
#subnav { width: 306px; display: block; float: left; }
#left_column { width: 306px; height: 400px; display: block; float: left;}

ul.subnav { padding: 0px 0px 0px 0px; margin: 20px 0px 0px 10px; float: left; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; text-indent: 5px; text-decoration: none; color: #6b6c6c; float: left; }
ul.subnav li { margin: 5px 30px 5px 0px; padding: 0px 0px 0px 5px; display: block; border-bottom: 1px dotted #6b6c6c; width: 200px; height: 20px; line-height: 12px;}
ul.subnav li a,  ul.subnav li a:visited   {text-decoration: none; color: #6b6c6c;}
ul.subnav li a:hover, ul.subnav li a:active  {text-decoration: none; color: #e42a2d;}


.single_slide { width: 950px; height: 300px; }
.kasten { width: 500px; height: 440px; overflow:hidden }
#back_arrow { height: 60px; width: 60px; padding: 0px; margin: 160px 0px 0px 0px; float: left;}
#next_arrow { height: 60px; width: 60px; padding: 0px; margin: 160px 0px 0px 0px; float: left;}


/* Slider Container  */
#birner_slideshow { width:980px; height:340px; overflow:hidden; position:relative; float: none; background-image:url(../main/background_slideshow.png); background-repeat:no-repeat;}
#kaesten { margin: 0px 0px 0px 0px; width:620px; height:500px; overflow:hidden; position:relative; float: left; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; display:none; padding: 10px 0px 0px 15px; }

/* Slider Menu */
#loopedSlider,#newsSlider { margin:0 auto; position:relative; /* clear:both; */}
ul.pagination { width: 300px; list-style:none; padding: 0px 0px 0px 20px; margin:0; height: 20px; display: block; float: left}
ul.pagination li  { float:left; display: block; width: 19px; height: 19px; margin-right: 10px;}
ul.pagination li a { background-image:url(../main/indicator_slideshow_out.png); display: block; width: 19px; height: 19px; background-repeat: no-repeat; float: left;}
ul.pagination li.active a { background-image:url(../main/indicator_slideshow_over.png); display: block; width: 19px; height: 19px; background-repeat:no-repeat; float: left;}

.previous, a.previous:link, a.previous:visited {background-image: url(../main/previous_out.png); width: 60px; height: 60px; display: block; background-repeat: no-repeat;}
a.previous:hover, a.previous:active {background-image: url(../main/previous_over.png); width: 60px; height: 60px; display: block; background-repeat: no-repeat;}

.next, a.next:link, a.next:visited {background-image: url(../main/next_out.png); width: 60px; height: 60px; display: block; background-repeat: no-repeat;}
a.next:hover, a.next:active {background-image: url(../main/next_over.png); width: 60px; height: 60px; display: block; background-repeat: no-repeat;}

/* menuitems de */
a.firma, a.firma:visited { background-image:url(http://birner-kunststoff.de/main/nav_out.png); background-repeat:no-repeat; display: block; float: left; width: 153px; height: 50px;  }
.firma, a.firma:hover, a.firma:active { background-image:url(http://birner-kunststoff.de/main/nav_over.png); background-repeat:no-repeat; display: block; float: left; width: 153px; height: 50px; }

a.technik, a.technik:visited { background-image:url(http://birner-kunststoff.de/main/nav_out.png); background-position: -153px 0px; background-repeat:no-repeat; display: block; float: left; width: 164px; height: 50px;  }
.technik, a.technik:hover, a.technik:active { background-image:url(http://birner-kunststoff.de/main/nav_over.png); background-position: -153px 0px; background-repeat:no-repeat; display: block; float: left; width: 164px; height: 50px; }

a.produkte, a.produkte:visited { background-image:url(http://birner-kunststoff.de/main/nav_out.png); background-position: -317px 0px; background-repeat:no-repeat; display: block; float: left; width: 162px; height: 50px;  }
.produkte, a.produkte:hover, a.produkte:active { background-image:url(http://birner-kunststoff.de/main/nav_over.png); background-position: -317px 0px; background-repeat:no-repeat; display: block; float: left; width: 162px; height: 50px; }

a.service, a.service:visited { background-image:url(http://birner-kunststoff.de/main/nav_out.png); background-position: -479px 0px; background-repeat:no-repeat; display: block; float: left; width: 164px; height: 50px;  }
.service, a.service:hover, a.service:active { background-image:url(http://birner-kunststoff.de/main/nav_over.png); background-position: -479px 0px; background-repeat:no-repeat; display: block; float: left; width: 164px; height: 50px; }

.blank_menubar { width: 318px; height: 50px; background-position: -643px 0px; background-image:url(http://birner-kunststoff.de/main/nav_out.png);  background-repeat:no-repeat; display: block; float: left;   }