/*

                           weig-karton.de - Main stylesheet
                           16.12.2008

                         */
html{
        height: 100%;
        }
body {
         height: 100%;
         margin: 0;
         padding: 0;
         background: #e3e3e5 url('../../img/layout/bg.gif') top left repeat-x;
         font: normal 10pt/140% Arial, Helvetica, Sans, Sans-Serif;
         }

div.clear{
         clear: both;
             }

form {
         margin: 0;
         padding: 0;
        }
img {
         border: 0px;
         }
img.bord {
         border: 1px solid #aaaaaa;
         }
a {
         text-decoration: none;
         }
table {
         border-collapse: collapse;
         margin: 0px;
         padding: 0px;
         }
#maintable{
         border-collapse: collapse;
         height: 100%;
         width: 1016px;
         margin: 0px 0 0 0;
         padding: 0;
        }
#maintable td{
         vertical-align: top !important;
         }
        #top{
           height: 28px !important;
           margin: 0;
           padding: 0;
           }
           #topleft{
                 height: 28px !important;
                 padding: 0px;
                 margin: 0px;
                 background: #ee2a34 url('../../img/layout/bg_topred.jpg') top right repeat-y;
                 border: solid #ee2a34;
                        border-width: 0 2px 0 0;
                 }
                  #topright{
                        height: 28px !important;
                        padding: 0px;
                        margin: 0px;
                        background: #ee2a34 url('') top left repeat-y;
                        border: solid #ee2a34;
                        border-width: 0 0 0 2px;
                        }

                        /* T O P M E N U */


                        div#mainmenu{
                                position: relative;
                                height: 28px !important;
                                /*width: 100%; */
                                background: #ee2a34;
                                margin: 0px 0 0px 14px;
                                }
                        div#mainmenu a.myFirstLevelAnchor{
                                padding: 6px 10px;
                                display: block;
                                background: transparent;
                                font: bold 8pt/140% Arial, Helvetica, Sans, Sans-Serif;
                                color: #ffffff;
                                }
                                div#mainmenu a.myFirstLevelAnchor:hover{
                                        color: #000000;
                                        }
                                div#mainmenu a.myFirstLevelAnchor.active{
                                        color: #000000 !important;
                                        }



                  #bannerleft{
                        width: 204px;
                        height: 217px !important;
                        background: transparent url('../../img/layout/bg_left.jpg') top right repeat-y;
                        border: solid #ee2a34;
                                        border-width: 0 2px 0 0;
                        }

                         #logo{

                                         margin: 25px 0 0 20px;

                                         }

                        /* L A N G U A G E */

                          #language {

                                           position: relative;
                                           display: block;
                                           background: transparent;
                                           margin: 60px 0 0 18px;
                                           padding: 0px;
                                           }
                           #language a {

                                           margin: 0px;
                                           padding: 0 20px 0 0px;
                                           font: bold 8pt/140% Arial, Helvetica, Sans, sans-serif;
                                           color: #000000;
                                           text-decoration: none;
                                           }
                           #language a:hover {
                                           color: #EE2A34;
                                           }
                           #language a.active {
                                           color: #FFFFFF;
                                           }

                  #banner{
                        background: #FFFFFF;
                        width: 608px;
                        height: 217px !important;
                        margin: 0px;
                        padding: 0px;
                        }
                        #toptext{
                                        float: left;
                                        border: 0px solid #ffffff;
                                        width: 240px;
                                        margin: 90px 0px 0 20px;
                                        padding: 0px;
                                        font: bold 8pt/140% Arial;
                                        color: #000000;
                                        }
                                        #toptext h1{
                                                font: bold 10pt/140% Arial;
                                                margin: 0 0 4px 0;
                                                padding: 0;
                                                }
                                        #toptext p{
                                                margin: 0;
                                                padding: 0;
                                                }

                  #bannerright{
                        height: 217px !important;
                        background: transparent url('../../img/layout/bg_topright.jpg') top left no-repeat;
                        border: solid #ee2a34;
                                        border-width: 0 0 0 2px;
                        }


         #left{
                 background: #FFFFFF url('../../img/layout/bg_left_2.jpg') top right repeat-y;
                 border: solid #ee2a34;
                 border-width: 0 2px 0 0;
                 width: 204px;
                 }
         #right{
                 width: 204px;
                 background: transparent url('../../img/layout/bg_right.gif') top left repeat-y;
                 border: solid #ee2a34;
                 border-width: 0px 0 0 2px;
                 }


/* L E F T  M E N U */


           #leftmenu {
                   display: block;
                   width: 204px;
                   background: #FFFFFF url('') top left no-repeat;
                   margin: 0px 0 0 0px;
                   padding: 0;
                   }
           #leftmenu a {
                   display: block;
                   height: 70px;
                   border-bottom: 2px solid #ffffff;
                   }
                   #leftmenu a.menu1 {
                            background: transparent url('../../img/layout/bg_menu_1.jpg') top right no-repeat;
                            border-top: 2px solid #ffffff;
                            }
                   #leftmenu a.menu1:hover {
                            background: transparent url('../../img/layout/bg_menu_1_2.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu1.active {
                            background: transparent url('../../img/layout/bg_menu_1_2.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu2 {
                            background: transparent url('../../img/layout/bg_menu_2.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu2:hover {
                            background: transparent url('../../img/layout/bg_menu_2_2.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu2.active {
                            background: transparent url('../../img/layout/bg_menu_2_2.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu3 {
                            background: transparent url('../../img/layout/bg_menu_3.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu3:hover {
                            background: transparent url('../../img/layout/bg_menu_3_2.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu3.active {
                            background: transparent url('../../img/layout/bg_menu_3_2.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu4 {
                            background: transparent url('../../img/layout/bg_menu_4.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu4:hover {
                            background: transparent url('../../img/layout/bg_menu_4_2.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu4.active {
                            background: transparent url('../../img/layout/bg_menu_4_2.jpg') top right no-repeat;
                            }

/* L E F T  M E N U  EN */


                   #leftmenu a.menu1en {
                            background: transparent url('../../img/layout/bg_menu_1en.jpg') top right no-repeat;
                            border-top: 2px solid #ffffff;
                            }
                   #leftmenu a.menu1en:hover {
                            background: transparent url('../../img/layout/bg_menu_1_2en.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu1en.active {
                            background: transparent url('../../img/layout/bg_menu_1_2en.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu2en {
                            background: transparent url('../../img/layout/bg_menu_2en.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu2en:hover {
                            background: transparent url('../../img/layout/bg_menu_2_2en.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu2en.active {
                            background: transparent url('../../img/layout/bg_menu_2_2en.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu3en {
                            background: transparent url('../../img/layout/bg_menu_3en.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu3en:hover {
                            background: transparent url('../../img/layout/bg_menu_3_2en.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu3en.active {
                            background: transparent url('../../img/layout/bg_menu_3_2en.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu4en {
                            background: transparent url('../../img/layout/bg_menu_4en.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu4en:hover {
                            background: transparent url('../../img/layout/bg_menu_4_2en.jpg') top right no-repeat;
                            }
                   #leftmenu a.menu4en.active {
                            background: transparent url('../../img/layout/bg_menu_4_2en.jpg') top right no-repeat;
                            }
        div#hotlinks{
                 margin: 30px 0 0 18px;
                 padding: 0;
                 }
                 div#hotlinks a{
                              display: block;
                              margin: 0px 0 15px 0;
                              padding: 0;
                              }


/* A D R E S S   B O X */


           #adressbox {
                         display: block;
                         margin: 20px 0 0 18px;
                         padding: 0px;
                         font: normal 7pt/140% Arial, Helvetica, Sans, sans-serif;
                         color: #000000;
                         }

           #adressbox a {
                         font: normal 7pt/140% Arial, Helvetica, Sans, sans-serif;
                         color: #000000;
                         text-decoration: underline;
                         }
           #adressbox a:hover {
                         color: #EE2A34;
                         }

/* I C O N S */


           #icons {
                         position: relative;
                         margin: 20px 0 0 0px;
                         padding: 0;
                         }
           #icons a {
                         margin: 0 0px 0 18px;
                         }



/* B R E A D C R U M B */


        #breadcrumb {

                   float: right;
                   margin: -25px 0px 0 0;
                   padding: 0 0px 0 0;
                   font: normal 8pt/140% Arial, Helvetica, Sans, sans-serif;
                   color: #000000;
                   border: 0px solid #FF0000;
                  }
				 #breadcrumb a {
								 margin: 0px;
								 padding: 0 2px 0 2px;
								 font: normal 8pt/140% Arial, Helvetica, Sans, sans-serif;
								 color: #E01B14;
								 text-decoration: none;
								 }
				 #breadcrumb a:hover {
								 color: #000000;
								}
				 #breadcrumb a.active {
								 color: #000000;
								}

/* M A I N  C O N T E N T */

         #content{
                 background: #FFFFFF;
                 height: 75%;

                 padding: 30px 20px;
                 font: normal 10pt/140% Arial, Helvetica, Sans, sans-serif;
                 color: #0F0F0F;
                 }

                #content h1 {
                                font: bold 13pt/140% Arial, Helvetica, Sans, sans-serif;
                                color: #0F0F0F;
                                margin: 0px 0 10px 0;
                                padding: 0;
                                }
                #content h2 {
                                font: bold 10pt/140% Arial, Helvetica, Sans, sans-serif;
                                color: #0F0F0F;
                                margin: 0px 0 10px 0;
                                padding: 0;
                                }
                #content h3 {
                                clear: both;
                                border-bottom: 1px solid #003356;
                                font: bold 8pt/140% Arial, Helvetica, Sans, sans-serif;
                                color: #0F0F0F;
                                margin: 10px 0 10px 0;
                                padding: 0;
                                }
                #content h4 {
                                clear: both;
                                font: bold 10pt/140% Arial, Helvetica, Sans, sans-serif;
                                color: #0F0F0F;
                                margin: 10px 0 0 0;
                                padding: 0;
                                }
                #content p {
                                margin: 0px 0 10px 0;
                                padding: 0;
                                }
                #content a {
                                color: #ee2a34;

                                }
                #content a:hover {
                                color: #000000;
                                }


/* R E C H T S */


                #search{
                         margin: 0;
                         padding: 20px 0 10px 10px;
                         background: transparent url('../../img/layout/bg_rightlightblue.gif') top left repeat-y;
                         }
                #search input {
                         font: normal 8pt/125% Arial, Helvetica, Sans-Serif, Sans;
                         width: 180px;
                         border: 1px solid #000000;
                         padding: 2px;
                         }



        div#rightmenu{
                position: relative;
                margin: 0px 0 0 0px;
                padding: 0;
                background: transparent;
                z-index: 900;
                }
                       div#rightmenu div{
                        /* width: 100%; */
                        float: none !important;
                        }
                div#rightmenu a{
                        display: block;
                        padding: 8px 0 8px 10px;
                        margin: 0px 0px 2px 0px !important;
                        font: bold 8pt/100% Arial, Helvetica, Sans, sans-serif;
                        text-decoration: none;
                        color: #FFFFFF;
                        background: #ee2a34 url('') top right repeat-y;
                        }
                div#rightmenu a:hover{
                        padding: 8px 0 8px 10px;
                        margin: 0px 0px 2px 0px !important;
                        color: #000000;
                        }
                div#rightmenu a.active{
                        padding: 8px 0 8px 10px;
                        margin: 0px 0px 2px 0px !important;
                        color: #000000;
                        }

                /* W I P  L O G I N */

                #right div.hotlinks {
                         position: relative;
                         display: block;
                         margin: 0px 0 10px 0;
                         padding: 0;
                           }
                #right div.hotlinks a {
                         display: block;
                         background: #ffffff !important;
                         margin: 0;
                         padding: 5px 0 5px 20px;
                         font: bold 8pt/140% Arial, Helvetica, Sans, sans-serif;
                         color: #EE2A34 !important;
                         }
                #right div.hotlinks a:hover {
                         background: #EE2A34 !important;
                         color: #FFFFFF !important;
                         }
						 
						 
				/* Player Thumb */		 
				#playerthumb {
                         position: relative;
                         display: block;
                         margin: 0px 0 0 0;
                         padding: 0;
                        }
						#playerthumb div{
								 margin: 0px 0 10px 0 !important;
								 padding: 0px !important;
								  }
								  #playerthumb div p{
											 font-size: 8pt;
											 line-height: 125%;
											 margin: 0px;
											 padding: 4px 10px 3px 10px;
											  }
											  #playerthumb div p a{
														 color: #ee2a34;
														  }
											  #playerthumb div p a:hover{
														 color: #000000;
														  }



/* T E A S E R  B O X */


                               div.teaserbox{
                                            position: relative;
                                            background: transparent url('../../img/layout/bg_hometeaser.gif') top left repeat-y;
                                            float: left;
                                            width: 270px;
                                            margin: 20px 4px 0px 0px;
                                            padding: 0px;
                                            font: normal 8pt/125% Arial, Helvetica, Sans, sans-serif;
                                            color: #000000;
                                            }
                               div.teaserbox img{
                                            position: relative;
                                            float: left;
                                            margin: 0 10px 0 0;
                                            }
                               div.teaserbox h1{
                                            margin: 4px 0 10px 0;
                                            padding: 0px;
                                            font: bold 8pt/140% Arial, Helvetica, Sans, sans-serif !important;
                                            color: #000000;
                                            }
                               div.teaserbox a{
                                            font: normal 8pt/140% Arial, Helvetica, Sans, sans-serif !important;
                                            color: #000000;
                                            text-decoration: underline;
                                            }



/* A L L G E M E I N */

.floatleft {
         float: left;
         margin: 4px 20px 10px 0px;
         }
.floatright {
         float: right;
         margin: 5px 0px 10px 10px;
         }

/* T A B E L L E N  */

                 .tab1 {
                         margin: 10px auto 10px 0px;
                         padding: 0;
                        }
                 .tab1 td {
                         border-bottom: 1px solid #808080;
                         margin: 0 0 0px 0px;
                         padding: 4px 40px 4px 4px;
                         font-size: 10pt;
                         }
                 .tab2 {
                         margin: 10px auto 10px 0px;
                         padding: 0;
                        }
                 .tab2 td {
                         margin: 0 0 0px 0px;
                         padding: 4px 10px 4px 0px;
                         }
                 .tab3 {
                         margin: 10px auto 10px 0px;
                         padding: 0;
                                                 width: 100%;
                        }
                 .tab3 td {
                         border-bottom: 1px solid #808080;
                         margin: 0 0 0px 0px;
                         padding: 4px 20px 4px 0px;
                         font: normal 8pt/140% Arial, Helvetica, Sans, sans-serif;
                         }


/* F O R M */

table.formtable{
        width: 100%;
        margin: 0 0 20px 0;
        background: transparent;
        border-collapse: collapse;
        border-spacing: 0;
        }
        table.formtable td{
                padding: 4px 0 4px 0;
                vertical-align: middle;
                }
        table.formtable col.leftcolumn{
                width: 120px;
                }
        table.formtable col.rightcolumn{
                }
        /* EINGABEFELDER */
        table.formtable select, table.formtable input.textbox, table.formtable textarea{
                padding: 2px;
                font-size: 10pt;
                border: 1px solid #bbbbbb;
                background: #ffffff;
                }
        table.formtable select{
                }
        table.formtable input.textbox{
                width: 180px;
                }
        table.formtable textarea{
                width: 100%;
                height: 270px;
                }
        table.formtable input#postcode{
                width: 50px !important;
                }
        table.formtable input#city{
                width: 120px !important;
                }

input.submitButton{/* Absenden Button */
        padding: 2px 5px 2px 5px;
        background: #009914;
        border: 1px solid #666;
        color: #ffffff;
        font-weight: bold;
        }
div#contactbox span.headcon_emptyitem { /* Style (Farbe) fuer Fehlermeldungen */
        color: #CC3300;
        }
div#contactbox span.asterix { /* Asterisk -> "*" */
        color: #cc0000;
        }


/*

        Suche-Tabelle

*/
table.search{
        width: 100%;
        border-collapse: collapse;
        margin: 20px 0 20px 0;
        }
        table.search td{
                padding: 10px 0 10px 0;
                border: dashed #aaaaaa;
                border-width: 1px 0 1px 0;
                }
        table.search a{
                font-weight: bold;
                }

                ul {
                   list-style-position: outside;
                   list-style-type: square;
                   margin-left: 0.5em;
                   margin-top: 1em;
                   margin-bottom: 1em;
                   padding-left: 10px;
                   padding-right: 1.0em;
                   vertical-align: top;
                   font: normal 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
                   color: #000000;
                    }
                ol {
                   list-style-position: outside;
                   margin-left: 0.5em;
                   margin-top: 1em;
                   margin-bottom: 1em;
                   padding-left: 10px;
                   padding-right: 1.0em;
                   vertical-align: top;
                   font: normal 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
                   color: #000000;
                    }